/*
	Theme Name:   Paul-Hus
	Author:       Cake communication
	Author URI:   http://cakecommunication.com
	Template:     cake_base
	Version:      2.0.0
	Text Domain:  paulhus
*/

/*	=============================================================================
	!Typography
	========================================================================== */


	
	/* Typographic baseline */
															
	html												{ font-family: 'Source Sans Pro', sans-serif; color #000; 
														  font-weight: 400; font-size: 125%; }												/* 1rem = 20px */
																	
	body												{ font-size: .7rem; line-height: .98rem; font-weight: 400; }									/* 14px / 19.6px */
											  	  																	
	h1, .h1												{ font-family: 'Source Sans Pro', serif; font-size: 2.25rem; line-height: 2.475rem; 
														  font-weight: 200; }																		/* 45px - 49.5px - 300 */
	
	h2, .h2												{ font-family: 'Source Sans Pro', sans-serif; font-size: 1.5rem; line-height: 1.65rem; 
														  font-weight: 200; }																		/* 30px - 33px - 300 */	
														  												  	
	h3, .h3												{ font-family: 'Source Sans Pro', sans-serif; font-size: 1.35rem; line-height:1.5rem; 
														  font-weight: 200; }																		/* 27px - 30px - 200 */	
	
	h4, .h4												{ font-family: 'Source Sans Pro', sans-serif; font-size: 0.85rem; line-height: 1rem; 
														  font-weight: 400; }																		/* 17px - 20px - 400 */
	
/*
	h5, .h5											{ font-family: 'Source Sans Pro', sans-serif; font-size: 0.9rem; font-weight: 400; } 				/*14px - 24px - FiraSans ExtraBold */
	
/*	h6, .h6											{ font-family: 'Vollkorn', sans-serif; font-size: 0.9rem; font-weight: 400; } 						/*12px - 24px - FiraSans ExtraBold

														  
	small, .small										{ font-size: .7rem; line-height: 1.1; }												/* 14 / 15 */
	
	.extralight											{ font-weight: 200; }
	.light												{ font-weight: 300; }
	.regular											{ font-weight: 400; }
	.semibold											{ font-weight: 600; }
	b, strong, .strong, .bold							{ font-weight: 700; }
	
	.underline											{ border-bottom: 1px solid;} 
	.strike												{ text-decoration: line-through; }	
	
	.normal-style										{ font-style: normal; }
	.italic, em											{ font-style: italic; }
	
	@media screen and ( max-width: 1400px  ){
		h1, .h1												{ font-size: 1.7rem; }		
	}
	
	@media screen and ( max-width: 775px  ){
		h3, .h3												{ font-size: .9rem; line-height: 1.08rem; }		
	}
	
	@media screen and ( max-width: 450px  ){
		h1, .h1												{ font-size: 1.5rem; }		
	}	
	

	
/*	============================================================================
	!SITE
	========================================================================== */
	/* !CONTAINER & WRAPPER */
	.wrapper											{ height: 100%; }
	.container											{ max-width: 960px; width: 100%; margin-left: auto; margin-right: auto; box-sizing: border-box; }
	.big-container										{ max-width: 1200px; width: 100%; margin-left: auto; margin-right: auto; box-sizing: border-box; }

	/* BOX-SHADOW */
	.l-box__shadow										{ box-shadow: rgba(0, 0, 0, 0.1) 0px 0px 3px 0px; border-raduius: 5px; }
	
	/* BORDER */
	.l-border__bottom > div								{ border-bottom: 1px solid #ccc; }

	/* !BUTTONS */
	[class*="l-btn"]									{ display: inline-block; -webkit-appearance: none; -moz-appearance: none; -ms-appearance: none; border-radius: 0; 
														  transition: all .3s }
	[class*="l-link"]									{  display: block; padding: .25rem .25rem .25rem 1.5rem; background-position: 0 50%; background-size: 1rem; background-repeat: no-repeat;
														  border-bottom: 1px solid #ccc; color: gray; }
	
	.l-link__plus										{ background-image: url(images/loupe.png); }
	.l-link__pdf										{ background-image: url(images/pdf.png); }
	.l-link__web										{ background-image: url(images/web.png); }
	.l-link__map										{ background-image: url(images/location.png); }
	
	.l-btn__bordered									{ border: 1px solid; padding: .5rem 1rem; }
	.l-btn__bordered:hover								{ background-color: #000; color: #fff; }
	
	.l-btn__pdf											{ min-width: 14rem; line-height: 1.5rem; padding-left: 2rem; background-image: url(images/pdf-btn.png); background-position: 0 0; background-repeat: no-repeat; 
														  background-size: cover; color: #fff; box-sizing: border-box; text-decoration: underline; }

	
	/* !INPUT */
	.gform_fields input,
	[class*="l-input"]									{ display: inline-block; -webkit-appearance: none; -moz-appearance: none; -ms-appearance: none; border-radius: 0; border: 1px solid #ccc; color: inherit; 
														  text-align: center; padding: .5rem 1rem; }
	
	/* !SELECT */
	[class*="l-select"]									{ -webkit-appearance: none; -moz-appearance: none; -ms-appearance: none; background-image: url(images/select.png); 
														  background-size: contain; background-position: right center; background-repeat: no-repeat; }
	[class*="l-select"]::-ms-expand 					{ display: none; } 
	
	.gform_fields textarea								{ border: 1px solid #ccc }
	
/*	============================================================================
	!HEADER
	========================================================================== */
	/* !MOBILE */
	.c-mobile__nav li									{ display: block; font-size: .8rem; line-height: 1rem; color: #777; }
	.c-mobile__nav li>a									{ display: inline-block; padding: .5rem .75rem; box-sizing: border-box; }
	.c-mobile__nav li.current-menu-item>a,
	.c-mobile__nav li>a:hover							{ color: #c40f0f; }
	.c-mobile__nav .sub-menu							{ position: relative; font-size: .8rem; padding-top: .5rem; }
	.c-mobile__pan										{ position: relative; width: 100%; height: 100%; max-height: 0; box-sizing: border-box; background-color: #fff; overflow: hidden; transition: all .5s ease-in-out; 
														  padding-left: 0; padding-right: 0; margin-top: 1rem; border-top: 1px solid transparent;border-bottom: 1px solid transparent;  }
	.c-mobile__in:checked ~ .c-header .c-mobile__pan	{ max-height: 18rem; border-top: 1px solid #000; border-bottom: 1px solid #000; }
	
	/* MAIN */		
	.c-btts__menu > li									{ min-width: 1.5rem; padding: .75rem .75rem .25rem; margin: 0 .25rem; box-sizing: border-box; }
	.c-btts__menu>li > a								{ color: #777; font-size: 14px;}
	.c-btts__menu>li:hover>a							{ color: #fff; }
	.c-btts__menu>li:hover>a							{ color: #c40f0f; }
		
	.c-main__menu>li									{ color: #777; padding: .75rem; }
	.c-main__menu li.current-menu-item>a,
	.c-main__menu>li:hover>a							{ color: #c40f0f; }
	
	/* SOCIAL */
	.c-social__menu > li								{ background-color: #7b8690; /*background-color: rgba(128,126,117,0.29);*/ min-width: 1.5rem; padding: .75rem .25rem .25rem; margin: 0 .25rem; box-sizing: border-box; }

	.navbar-toggle 										{ display: inline-block; position: relative; margin: .4rem .5rem .4rem auto; padding: .45rem .5rem; background-color: transparent; background-image: none; 
														  border: 1px solid #ddd; border-radius: 4px; }
	.navbar-toggle:hover								{ background-color: #ddd; }
	.navbar-toggle .icon-bar 							{ display: block; width: 1.1rem; height: 2px; border-radius: 1px; background-color: #888; }
	.navbar-toggle .icon-bar+.icon-bar 					{ margin-top: .2rem; }
	
	@media screen and ( max-width: 940px ){
		
		.c-btts__menu 										{ display: none;}
		.flex>.c-header__logo,
		.flex>.c-header__utility							{ flex: 100%; max-width: 100%; }
		.c-header__logo svg									{ max-width: 10rem; }
	}

	@media screen and ( max-width: 940px ){
		.flex>.c-header__utility							{ display: none; }
		.flex>.c-header__mobile								{ display: block; }
		.flex>.c-header__logo								{ max-width: 70%; }
		.flex.c-social__menu								{ justify-content: center; }
	}

	@media screen and ( max-width: 350px ){
		.flex>.c-header__mobile							{ max-width: 100%; order: 0; }
		.flex>.c-header__logo								{ max-width: 100%; order: 1; }
	}


/*	============================================================================
	! FOOTER
	========================================================================== */
	.c-footer__inner									{ background-size: 100% auto; border-radius: 5px; }
	.c-footer__logo										{ padding-left: .75rem; }
	.c-footer .l-svg__logo								{ width: 5.1rem; }
	.c-footer .l-svg__logo span							{ padding-bottom: 45.1%; }
	
	/* MENU */
	.c-contact__ul > li									{ display: block; border-bottom: 1px solid #3d454d; padding: .5rem .25rem; }
	
	/* MENU SOCIAL */
	.c-fsocial__menu > li								{ display: block; padding: .5rem .25rem; }
	.c-fsocial__menu > li img							{ display: inline-block; padding-right: .75rem; width: .5rem; vertical-align: baseline }
	
	/* COPYRIGHTS & PRIVACY POLICY */
	.l-copyrights										{ display: flex; gap: 4px; }
	.c-footer .privacy-policy							{ margin-left: auto; }
	
	@media screen and ( max-width: 960px ){
		.c-footer__inner									{ padding: 2rem; }
		.l-copyrights										{ padding: 1rem; }
	}

	@media screen and ( max-width: 775px ){
		.c-footer__inner>.grid-33							{ flex: 100%; max-width: 100%; }
	}

	@media screen and ( max-width: 600px ){
		.c-footer__inner									{ padding: 2rem .5rem; }
		.l-copyrights										{ flex-direction: column; align-items: center; }
		.c-footer .privacy-policy							{ margin: 0 auto; }
	}

/*	============================================================================
	!MODULES
	========================================================================== */
	/* HEAD && FOOT */
	.l-head, .l-foot									{ max-width: 350px; width: 100%; margin: auto; }

	/* BANNER */
	.l-banner .big-container .l-banner__item,
	.l-banner .container .l-banner__item				{ max-width: none; margin-left: 0; margin-right: 0; }

	/* IMG_TXT */ 
	.l-txt_img .flex:nth-child(even) .l-txt_img__img,
	.l-txt_img .flex:nth-child(odd) .l-txt_img__txt		{ -ms-flex-order: 0; order: 0; }
	.l-txt_img .flex:nth-child(even) .l-txt_img__img,
	.l-txt_img .flex:nth-child(odd) .l-txt_img__txt		{ -ms-flex-order: 1; order: 1; }
	.l-txt_img .l-txt_img__txt .inner					{ max-width: 425px; }
	
	/* POST */
	.l-posts__inner>.flex								{ justify-content: space-between; }
	
	/* INFOLETTRE */
	.l-infolettre__icon img								{ width: 100%; max-width: 3rem; }
	.l-infolettre__txt .h3								{ line-height: 1.62rem; }
	
	@media screen and ( max-width: 775px  ){
		.flex>.l-infolettre__icon							{ flex: 100%; max-width: 4rem; }
		.flex>.l-infolettre__txt							{ flex: 100%; max-width: calc(100% - 4rem); }
		.l-infolettre__txt .h3								{ line-height: 1.08rem; }		
		.l-infolettre__inner>.flex							{ align-items: flex-start; }
	}
	
	@media screen and ( max-width: 600px ){
		.l-infolettre__inner								{ padding-left: .5rem; padding-right: .5rem; }
	}

	@media screen and ( max-width: 480px ){
		.flex>.l-infolettre__icon							{ max-width: 16.666%; }
		.flex>.l-infolettre__txt							{ max-width: 83.333%; }
	}
	
/*	============================================================================
	!ARCHIVES - SINGLES
	========================================================================== */
	/* ARCHIVE */
	.l-arv												{ border-bottom: 1px solid #ccc; }
	.flex>.l-loop 										{ border-radius: 5px; border: 1px solid #ccc; flex: 100%; max-width: calc(50% - .5rem); }	
	.l-loop p:last-child								{ margin-bottom: 0; }
	
	.l-loop a.h4:hover									{ text-decoration: underline; }
	
	/* SINGLE */
	.single .l-infolettre__inner						{ border-top: 1px solid #ccc; padding-top: 1rem; }
	.l-sgl .slides										{ padding-bottom: 75%; }
	.l-sgl__ul											{ list-style: none; padding: 0; margin: 0 0 1rem; }
	.l-sgl__ul > li										{ border-bottom: 1px solid #ddd; padding: .5rem 0; }
	.catalogue-btn:hover								{ opacity: .7}
	
	.single-cake_encans .circulaire-banner				{ position: fixed; bottom: 0; left: 0; right:0; z-index: 10; 																		  background: rgb(178,2,1); box-shadow: 0 0 34px 3px rgb(0 0 0 / 17%);																  					  background: linear-gradient(90deg, rgba(178,2,1,1) 0%, rgba(229,18,18,1) 100%);
		text-align: center; 																		  width: 100%; }

	.single-cake_encans .circulaire-banner img			{ height: 50px; width: auto; }

	@media screen and ( max-width: 775px){
		.l-sgl__inner.flex>.grid-66,
		.l-sgl__inner.flex>.grid-33							{ flex: 100%; max-width: 100%; }
	}
	
	@media screen and ( max-width: 750px ){
		.l-loop__head										{ padding-bottom: 2rem; }
		.l-posts__inner .l-loop__ttl						{ display: block; }
		.l-loop__slash										{ display: none; }
		.flex>.l-loop 										{ max-width: 100%; }
	}
	@media screen and ( max-width: 480px ){
		.l-sgl__ul > li>.grid-20,
		.l-sgl__ul > li>.grid-80,
		.l-loop__inner>.grid-45								{ flex: 100%; max-width: 100%; order: 1; }
		.l-loop__inner>.grid-55								{ flex: 100%; max-width: 100%; order: 0; }
		.l-loop .grid-55 p:last-child						{ margin-bottom: 1rem; }							
	}
	
/*	============================================================================
	!À PROPOS
	========================================================================== */
	.l-propos__desc .slides								{ padding-bottom: 66.7%; }
	
	ul.l-services										{ list-style: none; margin: 0; padding: 0; }
	ul.l-services>li									{ display: block; position: relative; padding: .75rem .75rem .75rem 1rem; }
	ul.l-services>li:before								{ content:''; display: block; width: .65rem; height: 100%; background-image: url(images/star.png); background-position: left top; background-repeat: no-repeat;
														  background-size: contain; position: absolute; left: 0; top: .9rem;  }	
	ul.l-equipe											{ list-style: none; margin: 0; }
	ul.l-equipe > li									{ padding: .8rem; border-top: 1px solid #ccc; }
	ul.l-equipe > li:first-child						{ border: 0; padding-left: 0; }
	
	@media screen and ( max-width: 775px){
		.l-propos.flex>.grid-40,
		.l-propos.flex>.grid-60,
		.l-propos__equipe .flex>.grid-33				{ flex: 100%; max-width: 100%; }
	}
	
/*	============================================================================
	!CONTACT
	========================================================================== */	
	.l-contact											{ border-bottom: 1px solid #ccc; }
	#gform_fields_1 									{ column-count: 2; }
	#field_1_2											{ -webkit-column-break-inside: avoid; page-break-inside: avoid; break-inside: avoid; }
	.l-contact .gform_wrapper ul li.gfield				{ margin-top: 0; margin-bottom: .5rem; }
	.l-contact .gform_wrapper .gform_footer				{ text-align: right; padding: 0 1rem; margin: 0; }
	.l-contact .gform_wrapper .gform_footer input[type="image"] { max-width: 115px!important; margin: none; margin: 0 0 0 auto!important;}
	
	@media screen and ( max-width: 775px){
		#gform_fields_1 									{ column-count: 1; }
		.l-contact .gform_wrapper .gform_footer				{ padding: 0; }
	}
	
	@media screen and ( max-width: 600px ){
		.l-contact .box-x2									{ padding: 1rem; }
	}
	
/*	============================================================================
	!SLIDER
	========================================================================== */
	.c-slider,
	.slider												{ position: relative; overflow: hidden; width: 100%; }
	.slides												{ display: block; width: 100%; position: relative; left: 0; overflow: hidden; padding-bottom: 42.56%; } 
	.slide												{ white-space: normal; display: block; position: absolute; left: 0; top: 0; box-sizing: border-box; width: 100%; height: 100%; opacity: 0; transition: all .3s; }
	.slide.current										{ opacity: 1 }
	[class*='width'].slide								{ float: none; }
	.slide-desc.slide									{ padding: 1rem 2rem; background: none!important; }
	.slide-desc.slide img								{ width: auto; margin: auto; }
	.slide-desc.slide.focus								{ color: inherit; }
	.c-slider__btn										{ top: 50%; margin-top: -1.25rem; left: 0; width: 2rem; line-height: 2.5rem; height: 2.5rem; vertical-align: middle; z-index: 1; }
	.c-slider__btn.btn-next								{ left: auto; right:  0; }
	.c-slider__thumbs									{ bottom: -5rem; left: 0; z-index: 1; opacity: .8; box-sizing: border-box; transition: all .3; }
	.c-slider__caption									{ position: absolute; left: 0; bottom: 0; width: 100%; background-color: rgba(0, 0, 0, .4); color: #fff; padding: .2rem .15rem; }

	@media screen and ( max-width: 775px ){
		.l-slider__inner[class*="pad-horizontal"]			{ padding-left: 0; padding-right: 0;}
	}