/*
 Theme Name:   GeneratePress Child
 Theme URI:    https://generatepress.com
 Description:  Default GeneratePress child theme
 Author:       Tom Usborne
 Author URI:   https://tomusborne.com
 Template:     generatepress
 Version:      0.1
*/


:root {
	--whiteColor: #FFF;
	--lightColor: #F0E9D9;
	--veryLightColor: #FBF9F5;
	--eColor: #eee;
	--dColor: #DDD;
	--cColor: #CCC;
	--darkColor: #4F3016;
	--blackColor: #333;


	--mainColor: #B57A49;
	--secondColor: #C9A27A;
	--thirdColor: #663711;
}

/* gb */
.inside{
	padding:0px 20px;
}

body{
	background: inherit;
}
body.mobileActive{
	overflow-y:hidden;
}

.noMarginBottom{
	margin-bottom:0px;
}

@media (max-width: 782px) {
	.columnReverse{
		flex-direction: column-reverse;
	}
}

.checkList{
	margin:0px 0px 50px 0px;
	padding:0px;
	list-style: none;
}
.checkList li{
	margin-bottom:20px;
	padding-left:50px;
	position: relative;
}
.checkList li:before, 
.checkList li:after{
	position: absolute; 
	top:20px;
	left:20px;
	content: "";
	width: 10px;
	height:1px;
	background-color: var(--mainColor);
	transform-origin:top left;
	transform: rotate(-135deg);
}
.checkList li:after{
	width:1px;
	height:20px;
}
.checkList li:last-child{
	margin-bottom:0px;
}

/* btn */
.btn > *{
	padding:10px 20px !important;
	text-transform: uppercase;
	border-radius:20px;
	font-size: .9rem;
	border-width:1px;
	border-style: solid;
}
.btn.mainBtn > *{
	color: var(--mainColor) !important;
	border-color:var(--mainColor);
	background-color: var(--whiteColor);
}
.btn.mainBtn > *:hover{
	color: var(--whiteColor) !important;
	border-color:var(--mainColor);
	background-color: var(--mainColor);
}
.btn.secondBtn > *{
	color: var(--whiteColor);
	border-color:var(--mainColor);
	background-color: var(--mainColor);
}
.btn.secondBtn > *:hover{
	color: var(--whiteColor);
	border-color:var(--darkColor);
	background-color: var(--darkColor);
}
.btn.thirdBtn > *{
	color: var(--whiteColor) !important;
	border-color:var(--secondColor);
	background-color: var(--secondColor);
}


/* mainNav */


.headerMenu{
	display: flex;
	flex-direction: row;
	list-style: none;
}
.headerMenu li{
	margin: 10px 20px;
	position: relative;
}
.headerMenu li:last-child{
	margin-right:0px;
}
.headerMenu li a{
	text-decoration: none;
	line-height:100%;
	color: var(--blackColor);
	text-transform: uppercase;
	font-size: .9rem;
	font-weight:bolder;
	position: relative;
	z-index:2;
}
.headerMenu li.current-menu-item:before, 
.headerMenu li.current-ancestor-page:before{
	content: "";
	position: absolute; 
	z-index: 1;
	background-color: var(--mainColor);
	opacity: .1;
	bottom:0%;
	left:-20%;
	width:140%;
	height:50%;
}

.headerMenu li:last-child.current-menu-item:before, 
.headerMenu li:last-child.current-ancestor-page:before{
	content: none;
}

.headerMenu li:last-child a{
	color: var(--mainColor);
	border-radius:20px;
}


/* maintitle */
.mainTitle{
	margin-bottom:20px;
}
.firstTitle{
	text-transform: capitalize;
	margin-bottom:0px;
	color: var(--darkColor) !important;
}
.secondTitle{
	font-size: 3rem !important;
	font-weight:normal !important;
	font-family: Baskerville, serif !important;
	line-height:100% !important;
	margin-top:-10px;
	margin-bottom:20px;
	color: var(--mainColor) !important;
}

/* comment */
.allComment .apostrophe{
	position: absolute; 
	top:0px;
	right:0px;
}
.block-editor-block-list__block.apostrophe{
	display: none;
}

.allComment .oneComment{
	display:none;
}
.block-editor-block-list__block.oneComment{
	display:block;
}
.allComment .oneComment.activeComment{
	display: block;
}

.arrowComment > .inactive{
	opacity:.5;
}

/* blog --- section */
@media (min-width: 782px) {
	.blogSection .gb-grid-column:nth-child(2n) .wp-block-columns{
		flex-direction:row-reverse;
	}
}

/* blog --- article */

.post-navigation-link-previous a:before, 
.post-navigation-link-next a:before{
	display: block;
	font-weight:bolder;
	font-size: .9rem;
	margin-bottom:10px;
}

.post-navigation-link-previous a, 
.post-navigation-link-next a{
	color: var(--blackColor);
	text-decoration: none;

}
.post-navigation-link-previous a:before{
	content: "< article précédent";
}

.post-navigation-link-next{
	text-align:right;
}
.post-navigation-link-next a:before{
	content: "article suivant >";
}

/* realisation */

.list-real > *{
	position: relative;
}
.list-real >*:before{
	display: inline-block;
	width:50px;
	height:1px;
	content:"";
	background-color: var(--blackColor);
	margin-right:10px;
}

/* footer */
.footer .underlineLogo{
	width:max-content;
	margin:0 auto;
	padding: 0 10px;
	position: relative;
}
.footer .underlineLogo >*{
	position: relative;
	z-index: 11;
}
.footer .underlineLogo:after{
	content: "";
	background-color: var(--lightColor);
	width:100%;
	height:20px;
	position: absolute; 
	z-index:0;
	left:0px;
	bottom:0px;
}
.footer .title{
	font-weight: 900;
	text-transform: uppercase;
}
.footerMenu{
	list-style: none;
	margin:0px;
}
.footerMenu li a{
	display: block;
	text-align:center;
	padding: 5px;
	text-decoration: none;
	color: var(--blackColor);
}
.footerMenu li.current-menu-item a, 
.footerMenu li.current-page-ancestor a{
	color: var(--mainColor);
}

.footer hr{
	border-width:1px;
}


/* formulaire */
form input[type="text"], 
form input[type="email"], 
form input[type="tel"]{
	width:100%;
}

/* mobileMenu */
.page .mobileContainer, 
.single .mobileContainer{
	display: none;
position: fixed; 
	top:0px;
	left:0px;
	width:100%;
	height:100%;
	z-index: 111111;
}

.page .mobileContainer.active, 
.single .mobileContainer.active{
	display: block;
	overflow-y: auto;
}

.mobileBtn{
	display: flex;
	align-items:center;
	justify-content:center;
}
.mobileBtn .mobileLine{
	width:50px;
	height:50px;
	position: relative;
	margin-right:10px;
}

.mobileBtn .mobileLine span{
	position: absolute; 
	top:10px;
	left:10px;
	width:30px;
	height:1px;
	background-color: var(--mainColor);
}
.mobileBtn .mobileLine span:nth-child(1){
	top:17px;
}

.mobileBtn .mobileLine span:nth-child(2){
	top:25px;
}

.mobileBtn .mobileLine span:nth-child(3){
	top:33px;
}

.mobileContainer .mobileBtn{
	display: flex;
	width:50px;
	height:50px;
	line-height:50px;
	text-align:center;
	background-color: var(--secondColor);
	color: var(--lightColor);
	width: max-content;padding: 20px;
	justify-self:flex-end;
}

.mobileContainer #menu-menumobile_fr{
	list-style: none;
	margin:0px;
}
.mobileContainer #menu-menumobile_fr li{
	position: relative;
}
.mobileContainer #menu-menumobile_fr li a{
	text-transform: uppercase;
	text-decoration: none;
	display: block;
	padding:  20px;
	color: var(--darkColor);
	position: relative;
	z-index: 2;
}
.mobileContainer #menu-menumobile_fr li.current-menu-item a:before{
	content: "";
	position: absolute;
	z-index: 1;
	background-color: var(--mainColor);
	opacity:.1;
	width: 20%;
	height:25%;
	bottom: 25%;
	left:40%;
	display: block;
}
.mobileContainer #menu-menumobile_fr li:last-child a{
	color: var(--whiteColor);
	background-color: var(--secondColor);
	border-radius: 20px;
}

/* mobile */
@media (max-width: 782px){
	.mobileReverse{
		flex-direction: column-reverse;
	}
	.page .mobileHide{
		display: none;
	}
}
@media (min-width: 782px){

	.page .desktopHide{
		display: none;
	}
}

@media (max-width: 900px){
	.page .menuMobileHide{
		display: none;
	}
	.single .menuMobileHide{
		display: none;
	}
	
}
@media (min-width: 900px){
	.page .menuDesktopHide{
		display: none;
	}
	.single .menuDesktopHide{
		display: none;
	}
}