/*
 Theme Name: Marie Dubois
 Author: Atelier Yun
 Template: brando
 Version: 2.1
 Text Domain: marie-dubois
*/


/*--------------------------------------------------------------
	FONTS
--------------------------------------------------------------*/
h1, h2, h3, h4, h5, h6 {
	font-family: 'Cormorant', serif;
	font-weight: 600;
	text-transform: none;
	color: #59636a;
	letter-spacing: -1px;
}

h1.alt-font, h2.alt-font, h3.alt-font,
.alt-font.architecture-title-number,
.alt-font.title-thick-underline,
.alt-font.quote-style2 {
	font-family: 'Cormorant', serif;
	font-weight: 600;
	letter-spacing: -1px;
}

.quote-style2 {padding-top: 0;}
.quote-style2:before {display: none;}
.quote-style2.title-small {
	line-height: 50px;
	font-size: 40px;
}

h2 {font-size: 30px!important; line-height: 38px!important;}

#custom-font p {
	font-family: 'Cormorant', serif;
	font-weight: 600;
	letter-spacing: -1px;
	font-size: 30px;
	line-height: 38px;
	padding-bottom: 40px;
}

a {color: #939393;}
a:hover {color: #f4b392;}

/*--------------------------------------------------------------
	HEADER
--------------------------------------------------------------*/
.header-white {background: rgb(242,242,242)!important;}
.header-white.navbar {border-bottom: 1px solid #f4b392;}
.header-white.shrink {background: rgba(255, 255, 255, 0.9)!important;}
.header-white.shrink {border: none!important;}

.navbar-brand {padding: 0;}
.navbar-header {background: none;}

ul#menu-menu-principal.nav.navbar-nav {
	float: none !important;
	margin: 0 auto;
	width: 600px;
}
.navbar .nav li {
	margin: 15px 18px auto;
	padding-bottom: 5px;
}
.header-white .navbar-nav a {
	color: #59636a!important;
	font-size: 14px;
	letter-spacing: 1px;
}
.header-white .navbar-nav a:hover {color: #da9776 !important;}
.nav-black .nav li:hover {border-bottom: 4px solid #da9776;}
.header-white.nav-black.navbar li.active a {color: #da9776!important;}
.nav-black.navbar li.active a, .nav-black.navbar li.current-menu-item a {border: none;}

.header-white .header-right a i {color: #da9776!important;}
.navbar i.fab {
	font-size: 20px!important;
	padding-right: 15px;
}
.navbar i.fab.last-icon {padding-right: 0px;}
.navbar i.fab:hover {color: #59636a!important;}

.navbar .col-md-8 {width: 65%!important;}

/*-----Burger Menu-----*/
.navbar-toggle {
	padding: 12px 10px;
	border-radius: 0px;
	border: none;
	background: #da9776!important;
}

/*--------------------------------------------------------------
	FOOTER
--------------------------------------------------------------*/
footer .row {
	padding: 15px 0;
	height: 75px;
	line-height: 45px;
}
.footer-1, .footer-2, .footer-3 {line-height: 45px;}
footer {background: #d78f6a;}

footer p, footer a, footer span, footer i.fab {color: #FFF;}
footer a:hover, footer i.fab:hover {color: #59636a;}

.footer-3 i.fab {
	font-size: 20px;
	padding-right: 15px;
}
.footer-3 i.fab.last-icon {padding-right: 0px;}
.footer-3 {float: right;}

.footer-mobile .footer-2 {
	border-top: 1px solid #fad6c0;
	margin-top: 20px;
}



/*--------------------------------------------------------------
	SECTIONS
--------------------------------------------------------------*/
section {padding: 70px 0;}
.bg-fast-yellow.separator-line-thick-full {background: none!important; margin: 3% auto!important;}

/*-----HOMEPAGE SLIDER-----*/
.slider-typography .slider-typography-option3 h1 {
	margin-bottom: 0px;
}
.slider-typography .slider-typography-option3 p {
	padding-top: 25px;
	text-transform: uppercase;
}
.slider-typography .slider-typography-option3 a {
	color: #fad6c0;
	border: 2px solid #fad6c0;
}
.slider-typography .slider-typography-option3 a:hover {
	color: #FFF;
	background: #da9776;
	border-color: #da9776;
}
.slider-typography .slider-typography-option3 .mobile-button {
	padding: 15px 25px;
	margin: 15px 0;
}
.slider-typography .separator-line-medium-thick {
	margin: 25px 0;
	width:80%;
}
.slider-text-middle-main:before {
	content: '';
	background: url(img/bg-slide.png);
	background-repeat: no-repeat;
	width: 470px;
	height: 901px;;
	position: absolute;
	left: 4.6%;
	top: 50%;
	margin-top: -120px;
}

/*-----CUSTOM SECTIONS-----*/
#custom-section .container-fluid {
	padding-left: 0;
	padding-right: 0;
}
.custom-col {
	max-width: 1280px;
	margin: 0 auto;
	padding-left: 30px;
	padding-right: 30px;
}
#block-space {
	display: inline-block;
	height: 90px;
	width: 100%;
}

/*-----TEXT BLOCKS-----*/
.architecture-title-number {
	color: #da9776;
	text-transform: uppercase;
	right: 10px;
	top: 60px;
}
.title-big {font-size: 40px!important;}

.title-thick-underline {
	font-size: 53px;
	font-weight: 400!important;
	padding-right: 20px;
	padding-bottom: 20px;
	border-bottom: 4px solid #59636a !important;
}

#histoire .nav-tabs {font-size:14px; font-weight: 400!important;}
#histoire .tab-style-3 li a {color: #da9776;}
#histoire .nav-tabs>li.active>a {
	color: #59636a;
	background-color: transparent;
}
#histoire .tab-style-3 li a:hover, .tab-style-3 li.active a {
	border-bottom: 4px solid #da9776 !important;
}
#histoire .tab-content {margin-top: 30px !important;}

#expertises .custom-section-text ul {list-style-type: none; padding: 0;}

#services {max-width: 1000px;}
#services span {
	font-weight: 400 !important;
	color: #59636a;
	margin-bottom: 10px !important;
}
#services p {
	font-size: 11px;
	line-height: 15px;
}

#references .heading-style2 {
	font-family: 'Cormorant', serif;
	font-weight: 600;
	letter-spacing: -1px;
	text-align: center;
	font-size: 40px;
}
#references .separator-line-thick {
	width: 60px;
	margin-bottom: 40px;
}
#references {margin-bottom: 0px;}

/*-----PORTFOLIO-----*/
#book .architecture-title-number {
	color: #FFF;
	text-transform: uppercase;
	right: 10px;
	top: 60px;
}
#book .title-thick-underline {
	color: #da9776;
	border-color: #da9776 !important;
}

#block-book {
	background-image: url(img/bg-book.png);
	background-repeat: no-repeat;
	background-position: bottom left;
}
.portfolio-filter-tab-style-6 li {
	border-color: #FFF;
	font-size: 12px !important;
}
.portfolio-filter-tab-style-6 li a {
	padding: 12px 0;
}
.portfolio-filter-tab-style-6 li a:hover, .portfolio-filter-tab-style-6 li.active a, .portfolio-filter-tab-style-6 li a:focus {
	color: #59636a!important;
}
.grid-style5 .grid figure {background: rgba(0, 0, 0, 0.9);}
.grid-style5 .grid figcaption {bottom: 20%;}
.grid-style5 .grid figcaption h3 {
	font-family: Montserrat;
	font-size: 14px;
	font-weight: 400;
	letter-spacing: 0;
	padding-top: 20px;
}
#book .separator-line-thick {width: 60px !important;}

/*-----PORTFOLIO - PROJECT-----*/
section.book-image {
	padding: 20px 0 0;
}
.book-image img {
	border: 1px solid #999;
	margin-bottom: 30px;
}
.book-share {
	border-top: 1px solid #e5e5e5;
	margin-top: 50px;
	padding: 20px 0;
}

/*-----CONTACT-----*/
.architecture-details .text-large {
	font-size: 21px;
	font-weight: 400 !important;
	padding-bottom: 10px;
	border-bottom: 4px solid #FFF;
	max-width: 185px;
	margin-bottom: 15px;
}
.architecture-details p, .architecture-details a {color: #FFF;}
.architecture-details a:hover {color: #59636a;}

.architecture-details {
	padding: 50px !important;
	width: 50%;
	left: 50px;
	right: auto;
	margin-left: none !important;
	margin-right: none !important;
}
.architecture-bio:hover .architecture-details {bottom: 30%;}

#custom-font p {margin-botom: 80px;}

#contact-info {
	background-image: url(img/bg-contact.png);
	background-repeat: no-repeat;
	background-position: bottom right;
}
section#contact-info {padding-bottom: 300px;}
#block-contact .title-extra-large {
	font-size: 21px;
	font-weight: 400 !important;
}
#block-contact .separator-line-thick {
	width: 60px;
	margin: 10px auto 30px 0!important;
}
#block-contact p, #block-contact a {color: #FFF;}
#block-contact p {
	font-size: 16px;
	line-height: 26px;
	margin-bottom: 20px;
}
#block-contact a:hover {text-decoration: underline;}


/*-----COOKIES NOTICE-----*/
#cookie-notice {font-size: 12px;}
.cn-button {
	text-shadow: none!important;
	background-color: #d78f6a!important;
	background-image: none!important;
	border-width: 0!important;
	box-shadow: none!important;
	}
.cn-button:hover {background-color: #59636a!important;}


/*--------------------------------------------------------------
	RESPONSIVE
--------------------------------------------------------------*/
@media (min-width: 1200px) {
}

/*-----Desktop Mini Device-----*/
@media (max-width: 1199px) and (min-width: 992px) {
.navbar .col-md-2 {width: 20%;}
}
@media (max-width: 1199px) {
.navbar-collapse.col-md-8 {width: 60%!important;}
section#contact-info {padding-bottom: 240px;}
}
@media (min-width: 992px) {
.container.navigation-menu {width: 100%;}
.custom-row1 {height: 520px;}
.footer-mobile {display: none;}
}

/*-----Pad Device-----*/
@media (max-width: 991px) {
.navbar-collapse.col-md-8 {width: 100%!important;}
ul#menu-menu-principal.nav.navbar-nav {width: auto;}
.navbar-brand {padding: 0!important;}
.navbar-collapse {background: #fad6c0 !important;}
.navbar-nav>li {
	text-align: right!important;
	margin: 25px 15px!important;
	padding-bottom: 15px!important;
}
.nav-black.header-white .navbar-nav a {color: #59636a !important;}
.navbar .nav li:hover {border: none;}
.navbar .nav > li > a:hover {color: #FFF!important;}
.slider-text-middle-main:before {left:40px; margin-top: -120px;}
.slider-text-middle-main .col-md-1 {
	width: 8.33333333%;
	position: absolute;
}
.slider-text-middle-main .col-md-11 {
	width: 91.66666667%;
	margin-left: 8.33333333%;
}
.slider-text-middle-main h1 {font-size: 42px; line-height: 48px;}
.tab-content.sm-margin-five-top {margin-top: 10px!important;}
.blog-description .sm-display-none {
	display: block !important;
	margin-right: 20px;
	margin-bottom: 20px;
}
section#contact-info {padding-bottom: 200px;}
.architecture-bio:hover .architecture-details {bottom: 20%!important;}
.architecture-details {left: 0;}
#block-contact .separator-line-thick {margin-left: 0!important;}
.footer-desktop {display: none;}
footer .row {height: auto; line-height: unset;}
.footer-1, .footer-2, .footer-3 {line-height: unset;}
.footer-3, .footer-2 {padding-top: 15px;}
}

@media (min-width: 768px) {
.mobile-title {display: none!important;}
ul.portfolio-filter-tab-style-6 {margin: 145px 25px 0 0!important;}
#block-quote {
	height: 100%;
	max-width: 500px;
}
#block-image2 {height: 480px;}
}

@media (max-width: 991px) and (min-width: 900px) {
.custom-row1 {height: 600px;}
}
@media (max-width: 899px) and (min-width: 767px) {
.custom-row1 {height: 700px;}
}

/*-----Mobile Device-----*/
@media (max-width: 767px) {
.transparent-header.shrink {background: rgba(255, 255, 255, 1)!important;}
.slider-text-middle-main .col-md-1, .slider-text-middle-main:before {display: none;}
.slider-text-middle-main .col-md-11 {
	width: 100%;
	margin-left: 0;
	border-left: 20px solid #fad6c0;
	padding-left: 20px !important;
}
.slider-text-middle-main h1 {font-size: 30px; line-height: 40px;}
#block-image1, #block-image2 {padding: 80px 15px !important;}
#block-image2 {
	background-position: 50% 40% !important;
	margin-top: 50px;
}
.desktop-title {display: none!important;}
.architecture-title-number {top: 65px;}
.custom-section-text {
	border-left: 20px solid #da9776;
	padding-left: 20px;
	margin-bottom: 30px;
}
#histoire .tab-style-3 li {
	display: inline-block !important;
	margin-right: 26px; 
	margin-bottom: 5px!important;
}
#block-quote .quote-style2 {padding-top: 0;}
#block-quote {
	width: auto;
	margin: 0 15px 90px;
	display: none;
}
#book .architecture-title-number {top: 25px!important;}
#book .title-thick-underline {border-color: #FFF !important;}
#book ul.portfolio-filter-tab-style-6 {margin: 50px 0 0 0;}

.title-thick-underline {
	font-size: 53px;
	font-weight: 400!important;
	padding-right: 20px;
	padding-bottom: 20px;
	border-bottom: 4px solid #59636a !important;
}
#block-space.block-space1 {display: none;}
#contact .architecture-bio {max-height: 800px;}
.architecture-details.xs-width-90 {width: 60%!important;}

.footer-3 {float: none; margin-top: 20px;}
.footer-3 i.fa {padding-right: 35px;}
}

@media (max-width: 500px) {
.architecture-details {padding: 20px!important;}
.architecture-details.xs-width-90 {width: 100%!important;}
.slider-text-middle-main:before {opacity: 0.8;}
}