/*
	Theme Name:   Notaire Chouinard - Mod Dix-Onze
	Author:       Cake communication
	Author URI:   http://cakecommunication.com
	Template:     cake_base
	Version:      1.0.0
	Text Domain:  chouinard
*/

/*	=============================================================================
	!Typography
	========================================================================== */
	
	
	/* Typographic baseline */
															
	html												{ font-family: 'Source Sans Pro', sans-serif; color #000; 
														  font-weight: 400; font-size: 125%; }													/* 1rem = 20px */
																	
	body												{ font-size: .9rem; line-height: 1.2rem; }												/* 18px  - 20px  */
											  	  																	
	h1, .h1												{ font-size: 2.8rem; line-height: 3rem; font-family: 'Crimson Text', serif; 
														  text-transform: uppercase; }															/* 56px -60px - Crimson regular */
	
	h2, .h2												{ font-size: 1.5rem; line-height: 2rem; font-family: 'Crimson Text', serif; 
														  text-transform: uppercase; }															/* 30px - 40px - Crimson bold */	
														  												  	
	h3, .h3												{ font-size: 1.2rem; line-height: 1.5rem; font-family: 'Crimson Text', serif; 
														  text-transform: uppercase; }															/* 24px - 30px - Crimson */	
	
	h4, .h4												{ font-size: 1.5rem; line-height: 1rem; font-family: 'Crimson Text', serif; 
														  text-transform: uppercase; }															/* 20px - 20px - Crimson */
	
	h5, .h5												{ font-size: .9rem; line-height: 1rem; font-family: 'Crimson Text', serif; }				/* 18px  - 20px - Crimson */
														  
	.crimson											{ font-family: 'Crimson Text', serif; }
	.source												{ font-family: 'Source Sans Pro', sans-serif; }
	
	small, .small										{ font-size: .7rem; line-height: 1.1; }													/* 14 / 15 */
	
	.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: 950px  ){
		h1, .h1												{ font-size: 2rem; line-height: 2.2rem; }		
	}
	
	@media screen and ( max-width: 750px  ){
		h1, .h1												{ font-size: 1.7rem; line-height: 2rem; }		
	}
	
	@media screen and ( max-width: 450px  ){
		h1, .h1												{ font-size: 1.5rem; }	
		h2, .h2												{ font-size: 1.4rem; }	
	}	
	

	
/*	============================================================================
	!SITE
	========================================================================== */
	.wrapper											{ height: 100%; }
	.container											{ max-width: 950px; 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; }
	
	.border-bottom										{ border-bottom: 1px solid; }

	/* !BUTTONS */
	[class*="btn-bordered"]								{ display: inline-block; -webkit-appearance: none; border-radius: 0; background-color: inherit; border: 1px solid #fff; color: #CDA972; padding: .5rem 1rem; transition: all .3s }
	[class*="btn-bordered"]:hover						{ background-color: #CDA972; border-color: #CDA972; color: #fff; }

	/* !INPUT */
	[class*="input-"]									{ -webkit-appearance: none; border-radius: 0; border: 0; text-align: center; padding: .5rem 1rem; }
	[class*="input-"]::-webkit-input-placeholder		{ color: #fff;  } 		
	[class*="input-"]:-moz-placeholder					{ color: #fff;  }
	[class*="input-"]::-moz-placeholder					{ color: #fff;  }
	[class*="input-"]:-ms-input-placeholder				{ color: #fff;  }

	@media screen and ( max-width: 1250px ){ 
		.container											{ padding-left: 1rem; padding-right: 1rem; }									
	}
	
	@media screen and ( max-width: 950px ){ 
		.big-container										{ padding-left: 1rem; padding-right: 1rem; }									
	}

/*	============================================================================
	!HEADER & FOOTER
	========================================================================== */
	.c-header											{ z-index: 1; width: 100%; }
	.c-header__logo										{ max-width: 90%;}
	
	.c-footer__logo										{ transform: translateY(-1.5rem) }
	.c-footer .grid-33									{ max-width: 33.333%; }
	
	@media screen and ( max-width: 1100px ){
		.c-footer .grid-33									{ max-width: none;  }
		.c-footer .grid-33:nth-child(1)						{ order: 1; }
		.c-footer .grid-33:nth-child(2)						{ order: 0; -ms-flex: 100%; flex: 100%;}
		.c-footer .grid-33:nth-child(3)						{ order: 2; }
	}
	
/*	============================================================================
	!MODULES
	========================================================================== */
	.c-item__head,
	.c-item__foot										{ max-width: 500px; width: 100%; padding-left: 1rem; padding-right: 1rem; margin-left: auto; margin-right: auto; box-sizing: border-box; }
	
	.cake-banner 										{ justify-content: flex-start; }
	.cake-banner .flex-column							{ max-height: 100vh; }

	.cake-cols .c-item__head							{ max-width: 600px; }
	.cake-cols .inner									{ transform: translateY(-5rem); }
	.cake-cols .flex									{ justify-content: space-around; }
	.cake-cols .grid-33									{ padding-left: 2rem; padding-right: 2rem; border-left: 5px solid #f3ece3; box-sizing: border-box; max-width: 33.333%; }
	.cake-cols .grid-33:first-child						{ border: 0; }
	
	.cake-cols ul										{ list-style: none; padding: 0; margin: 0; }
	.cake-cols ul li 									{ display: block; padding: .25rem 0; border-bottom: 1px solid #CDA972; }
	
	
	.cake-profil .inner									{ transform: translateY(-5rem) }
	
	@media screen and ( max-width: 1100px ){
		.cake-banner										{ padding-top: 4rem }
		
		.cake-cols .inner									{ transform: translateY(0) }
		.cake-cols .grid-33									{ border-left: 0;  max-width: 50%; }
		
		.cake-profil										{ overflow: hidden;  padding: 4rem; }
		.cake-profil .inner									{ transform: translateY(0);}
	}
	
	@media screen and ( max-width: 850px ){
		.cake-profil										{ overflow: hidden;  padding: 2rem; }
		
		.cake-cols .grid-33									{ max-width: none; }
	}
	
	@media screen and ( max-width: 750px ){
		.cake-banner										{ padding-top: 6rem }
		.cake-banner .flex-column							{ height: auto!important; max-height: none; }
	}
	
	@media screen and ( max-width: 450px ){
		.cake-profil										{ overflow: hidden;  padding: 0; }
	}	
/*	============================================================================
	!ARCHIVES - SINGLES
	========================================================================== */