/*
Theme Name: Mont Celine
Theme URI: https://bhen.be/
Author: Bhen
Author URI: https://bhen.be/
Description: Custom theme created by Bhen
Version: 1.0
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Tags: 
Text Domain: montceline

This theme, like WordPress, is licensed under the GPL.
Use it to make something cool, have fun, and share what you've learned with others.

This file should contain no css code, use css/style.css instead
*/

.btn-primary {
  	background: rgb(10,132,143);
	background: -moz-linear-gradient(top, rgba(10,132,143,1) 0%, rgba(11,217,225,1) 100%);
	background: -webkit-linear-gradient(top, rgba(10,132,143,1) 0%,rgba(11,217,225,1) 100%);
	background: linear-gradient(to bottom, rgba(10,132,143,1) 0%,rgba(11,217,225,1) 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#0a848f', endColorstr='#0bd9e1',GradientType=0 );
	border-color: #0bd9e1;
	box-shadow: 0 4px 4px rgba(0,0,0,.3);
	-moz-box-shadow: 0 4px 4px rgba(0,0,0,.3);
	-webkit-box-shadow: 0 4px 4px rgba(0,0,0,.3);
}

.btn-default {
  	background: rgb(244,187,14);
	background: -moz-linear-gradient(top, rgba(244,187,14,1) 0%, rgba(244,124,43,1) 100%);
	background: -webkit-linear-gradient(top, rgba(244,187,14,1) 0%,rgba(244,124,43,1) 100%);
	background: linear-gradient(to bottom, rgba(244,187,14,1) 0%,rgba(244,124,43,1) 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f4bb0e', endColorstr='#f47c2b',GradientType=0 );
	border-color: transparent;
	box-shadow: 0 4px 4px rgba(0,0,0,.3);
	-moz-box-shadow: 0 4px 4px rgba(0,0,0,.3);
	-webkit-box-shadow: 0 4px 4px rgba(0,0,0,.3);
}

.site-header{
	background: #c27201 url(./images/header-bg.jpg) no-repeat top left;
	background-size: cover;
	min-height: 344px;
}

.site-header .container{
	position: relative;
}

.brand-name{
	display: block;
	margin: 0;
	padding: 170px 365px 0 0;
	font-family: "Courgette", cursive;
	color: #fff;
	font-size: 24px;
	font-weight: 700;
	text-shadow: 2px 2px 5px rgba(0,0,0,.7);
	text-align: right;
}

.brand-name span{
	display: block;
	font-family: "Roboto", sans-serif;
	font-size: 44px;
	font-weight: 300;
}

.header-dogs{
	position: absolute;
	top: 14px;
	right: 0;
	z-index: 1000;
}

.navbar-toggle{
	border-color: white;
	color: white;
}

.navbar-toggle:hover,
.navbar-toggle:focus,
.navbar-toggle:active{
	border-color: white;
	color: #0a848f;
	background-color: white;
}

.navbar{
	margin-bottom: 0;
}

.navbar a{
	font-size: 18px;
	text-transform: uppercase;
	font-weight: 300;
}

.navbar-nav{
	float: none;
	display: block;
	text-align: center;
}

.navbar-nav>li{
	float: none;
	display: inline-block;
}

.dropdown-menu>.active>a, .dropdown-menu>.active>a:hover, .dropdown-menu>.active>a:focus{
	background-color: #0a848f;
}

.dropdown-menu{
	border-radius: 0;
	-moz-border-radius: 0;
	-webkit-border-radius: 0;
	border-color: white;
}

.site-main{
	position: relative;
	background-color: #fcfcfc;
	box-shadow: 0 4px 4px rgba(0,0,0,.3);
	-moz-box-shadow: 0 4px 4px rgba(0,0,0,.3);
	-webkit-box-shadow: 0 4px 4px rgba(0,0,0,.3);
}

.site-main .entry-content{
	padding-top: 40px;
	padding-bottom: 90px;
}

.home .entry-content{
	padding-bottom: 40px;
}

.entry-gallery{
	padding-bottom: 90px;
}

.site-main h1{
	margin-top: 0;
}

.site-main h1,
.site-main h2,
.site-main h3,
.site-main h4,
.site-main h5,
.site-main h6{
	font-family: "Courgette", cursive;
	color: #0a8792;
	padding-bottom: 21px;
}

.entry-subcontent{
	background: rgb(244,187,14);
	background: -moz-linear-gradient(top, rgba(244,187,14,1) 0%, rgba(244,124,43,1) 100%);
	background: -webkit-linear-gradient(top, rgba(244,187,14,1) 0%,rgba(244,124,43,1) 100%);
	background: linear-gradient(to bottom, rgba(244,187,14,1) 0%,rgba(244,124,43,1) 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f4bb0e', endColorstr='#f47c2b',GradientType=0 );
	color: #fff;
}

.entry-subcontent .container{
	position: relative;
	padding-top: 70px;
	padding-bottom: 70px;
}

.entry-subcontent .first-col h2{
	font-family: "Roboto", sans-serif;
	text-transform: uppercase;
	font-weight: 100;
	color: #fff;
	font-size: 32px;
}

.entry-subcontent .first-col h2 span,
.entry-subcontent .dog-col h2{
	display: block;
	font-family: "Courgette", sans-serif;
	text-transform: none;
	font-weight: 400;
	color: #fff;
	font-size: 24px;
}

.entry-subcontent .picture{
	position: absolute;
	top: -130px;
	width: 100%;
}

.entry-subcontent .picture-container{
	width: 186px;
	height: 186px;
	margin: 0 auto;
	border-radius: 93px;
	-moz-border-radius: 93px;
	-webkit-border-radius: 93px;
	background-size: cover;
	background-repeat: no-repeat;
	background-position: center center;
	box-shadow: 0 4px 4px rgba(0,0,0,.3);
	-moz-box-shadow: 0 4px 4px rgba(0,0,0,.3);
	-webkit-box-shadow: 0 4px 4px rgba(0,0,0,.3);
}

.entry-subcontent .dog-col{
	border-right: 4px solid #fff;
}

.entry-subcontent .dog-col h2{
	padding-top: 56px;
	text-align: center;
}

.entry-subcontent .dog-col p{
	padding-left: 40px;
	padding-right: 40px;
}

.site-footer{
	padding-top: 48px;
	padding-bottom: 48px;
	background: rgb(10,132,143);
	background: -moz-linear-gradient(top, rgba(10,132,143,1) 0%, rgba(11,217,225,1) 100%);
	background: -webkit-linear-gradient(top, rgba(10,132,143,1) 0%,rgba(11,217,225,1) 100%);
	background: linear-gradient(to bottom, rgba(10,132,143,1) 0%,rgba(11,217,225,1) 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#0a848f', endColorstr='#0bd9e1',GradientType=0 );
	color: #fff;
}

.site-footer h2{
	padding: 64px 0 0 196px;
	background: transparent url(./images/footer-dogs.png) no-repeat top left;
	font-family: "Courgette", sans-serif;
	font-size: 32px;
}

.site-footer h2 span{
	display: block;
	font-family: "Roboto", sans-serif;
	font-size: 21px;
}

.site-footer a{
	color: #fff;
	text-decoration: underline;
}

.gallery{
	list-style: none;
	padding: 0;
	margin: 0;
}

.gallery li{
	float: left;
	display: inline-block;
	padding: 16px;
}

.gallery a img{
	transition: all .4s;
}

.gallery a:hover img{
	box-shadow: 0 4px 18px rgba(0,0,0,.5);
	-moz-box-shadow: 0 4px 18px rgba(0,0,0,.5);
	-webkit-box-shadow: 0 4px 18px rgba(0,0,0,.5);
}

@media (max-width: 1199px){
	.entry-subcontent .picture{
		position: relative;
		top: 0;
	}
	.entry-subcontent .dog-col{
		border-right: 4px none #fff;
	}
	.entry-subcontent .dog-col h2{
		padding-top: 12px;
	}
}

@media (max-width: 620px){
	.brand-name{
		padding: 170px 0 32px 0;
		text-align: left;
	}

	.header-dogs{
		display: none;
	}
}
