/*
 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: #f5f5f5;
	
	--eColor: #eee;
	--dColor: #DDD;
	--cColor: #CCC;
	--darkColor: #333;

	--mainColor: #003e70;
	--secondColor: #f37121;
	--thirdColor: #F1F8FE;
}



/* debug */

body{
	background-color: inherit;
}
.inside{
	padding: 0px 20px;
}

.noMargin{
	margin-bottom:0px;
}
.noGap{
	gap:0px;
}

/* mep */
.gb-headline{
	color: var(--mainColor);
}
h1, h2, h3, h4, h5, h6{
	font-weight:900;
}
.gb-highlight{
	color: var(--secondColor);
}


.cadre .wp-block-columns {
	border-radius: 50px;
	border:1px solid var(--mainColor);
	overflow: hidden;
}

/* btn */
.noBtn .gb-button:hover,
.noBtn .gb-button{
	background-color: inherit;
	padding:5px;
}


.secondBtn .gb-button:hover,
.secondBtn .gb-button, 
.mainBtn .gb-button:hover,
.mainBtn .gb-button, 
.thirdBtn .gb-button:hover,
.thirdBtn .gb-button, 
.secondBtn input[type='submit']
{
	border-radius: 10px;
	padding:10px 20px;
	font-weight: 900;
	font-size:1.125rem;
	//text-transform:uppercase;
	cursor:pointer;
}

.secondBtn .gb-button:hover,
.secondBtn .gb-button, 
.secondBtn input[type='submit'], 
.secondBtn input[type='submit']:hover{
	background-color: var(--secondColor);
	color: var(--whiteColor);
}


.mainBtn .gb-button:hover,
.mainBtn .gb-button{
	background-color: var(--mainColor);
	color: var(--whiteColor);
	
}

.thirdBtn .gb-button:hover,
.thirdBtn .gb-button{
	background-color: var(--lightColor);
	color: var(--darkColor);
}


.phoneMobile .gb-button, 
.phoneMobile .gb-button:hover{
	border-radius: 0px;
	width:100%;
	display: block;
	text-align:center;
}




/* top */
.top #menu-menutop_fr{
	list-style: none;
	display: flex;
	flex-direction:row;
	justify-content:flex-end;
	margin:0px;
}
@media (max-width: 768px) {
	.top #menu-menutop_fr {
		justify-content:center;
	}
}
.top #menu-menutop_fr li a{
	color: var(--whiteColor);
	text-decoration: none;
	padding: 10px 0px 10px 20px;
	display: block;
	text-transform: uppercase;
	font-size: .75rem;
}
.top #menu-menutop_fr li.current-menu-item a{
	color: var(--secondColor);
}

/* site-header */
.site-header{
	background-color: var(--lightColor);
}
.site-header .inside-header{
	padding:0px 20px;
}


.site-header .site-branding-container{
	position: relative;
	padding-left:75px;
}

.site-header .site-branding-container .site-logo{
	position: absolute; 
	top:-24px;
	left:0px;
}
.site-header .site-branding-container .site-branding a{
	font-weight: 900;
	font-size: 1.25rem;
	color: var(--mainColor);
}
.site-header .site-branding-container .site-branding a span{
	color: var(--secondColor);
}


.site-header #site-navigation{
	background:inherit !important;
}

.site-header #site-navigation #menu-menumain_fr{
	margin:0px;
}

.site-header  #site-navigation #menu-menumain_fr .current-menu-item > a, 
.site-header  #site-navigation #menu-menumain_fr .current-page-ancestor > a{
	color: var(--secondColor)
}
.site-header .inside-navigation .estimation, 
.site-header .inside-navigation .phone{
	height: 100%;
	line-height:200%;
}

.site-header .inside-navigation .estimation{
	background-color: inherit;
	color: var(--darkColor);
}
.site-header .inside-navigation .phone{
	background-color: var(--secondColor);
	color: var(--whiteColor);
	min-height:60px;
}

.site-header .inside-navigation .phone, 
.site-header .inside-navigation .estimation, 
.site-header #site-navigation #menu-menumain_fr li a{
	font-weight: 900;
	font-size: .9rem;
}




/* services */
.services{
	position: relative;
}
.services .inside{
	position: relative;
	z-index: 2;
}

.services:before{
	position: absolute; 
	top:0px;
	left:0px;
	width:60%;
	height:100%;
	background-color: var(--lightColor);
	content: "";
	z-index:0;

}

@media (max-width: 768px) {
	.services:before{
		width:100%;
	}
}

.services .serviceItem{
	position: relative;
	padding-left:50px;
}
.services .serviceItem a{
	text-decoration: none;
}
.services .serviceItem:before, 
.services .serviceItem:after{
	position: absolute; 
	top:18px;
	left:23px;
	content: "";
	width:10px;
	height:10px;
	background-color: var(--whiteColor);
	transform:rotate(45deg);
	z-index:1;
}
.services .serviceItem:after{
	background-color: var(--mainColor);
	z-index:2;
	margin-left:-3px;
}

.services .serviceItem:hover, 
.services .serviceItem:hover:after{
	background-color: var(--secondColor);
}

/* faq */
.faqElm{
	border-bottom: 1px dotted var(--cColor);
	margin-top:20px;
}
.faqElm h4{
	padding-left:50px;
	cursor:pointer;
	position: relative;
}
.faqElm h4:before,
.faqElm h4:after{
	content:"";
	width:15px;
	height:15px;
	top:10px;
	left:10px;
	background-color: var(--mainColor);
	position: absolute;
	transform:rotate(45deg);
	z-index:0;
}
.faqElm h4:after{
	background-color: var(--whiteColor);
	margin-left:-5px;
	margin-top:0px;
	z-index:3;
}
.faqElm.active h4:before{
	background-color: var(--secondColor);
}
.faqElm.active h4:after{
	margin-left:0px;
	margin-top:-5px;
}
.faqElm p{
	display: none;
	margin:0px;
}

.faqElm.active h4{
	color: var(--secondColor);
}

.faqElm.active p{
	display: block;
	background-color: var(--lightColor);
	padding: 25px 50px;
}


/* footer */
.footer .estimation, 
.footer .estimation:hover, 
.footer .phone, 
.footer .phone:hover,
.footer .menu li a{
	color: var(--darkColor);
	padding-left:0px;
	text-decoration: none;
	font-size:.9rem;
}

.footer .menu{
	margin:0px;
	list-style: none;
}
.footer .menu li a{
	padding:5px;
	display: block;
}

.footer .menu li.current-menu-item a{
	color: var(--secondColor);
	font-weight:900;
}
/* noFooter */
.noFooter .menu{
	display: flex;
	flex-direction: row;
	justify-content:center;
	margin:0 auto;
	width:max-content;
	list-style: none;
	margin-bottom:20px;
}

.noFooter .menu li a{
	text-decoration: none;
	color: var(--darkColor);
	padding: 5px;
	font-size:.9rem;
	
}
/* voitureForm */
.voitureForm{
	margin-top:100px;
}
.voitureForm .inside, 
.formLp{
	width:600px;
	margin: 0 auto;
	max-width:100%;
}
@media (max-width: 768px) {
	.voitureForm .inside{
		width:100%;
	}
}
.voitureForm br{
	display: none;
}
.voitureForm h2{
	text-align:center;
}
.voitureForm h3{
	border-bottom:1px solid var(--mainColor);
	color: var(--mainColor);
	margin-top:40px;
	margin-bottom:20px;
}
.voitureForm label{
	font-weight:bolder;
	margin-bottom:10px;
	display: inline-block;
}
.voitureForm p>label{
	display: block;
}
.voitureForm p{
	margin-bottom:40px;
}

.voitureForm div[data-id='gp_reset']{
	width:100%;
}

.voitureForm  div[data-id='gp_reset'] .reset, 
.voitureForm  .buttonsForm .reset{
	margin-left:auto;
	width:max-content;
}



.voitureForm select, 
.voitureForm input[type='text'], 
.voitureForm input[type='tel'], 
.voitureForm input[type='email']{
	width:100%;
}

.voitureForm .wpcf7-radio .wpcf7-list-item, 
.voitureForm .wpcf7-checkbox .wpcf7-list-item{
	margin:0px;
}

.voitureForm .wpcf7-radio  .wpcf7-list-item label, 
.voitureForm .wpcf7-checkbox  .wpcf7-list-item label{
	padding:10px 20px;
	margin:5px 5px 0px 0px;
	position: relative;
}
.voitureForm .wpcf7-radio  .wpcf7-list-item label input[type='radio'], 
.voitureForm .wpcf7-radio  .wpcf7-list-item label input[type='radio']:checked, 
.voitureForm .wpcf7-checkbox  .wpcf7-list-item label input[type='checkbox'], 
.voitureForm .wpcf7-checkbox  .wpcf7-list-item label input[type='checkbox']:checked{
	position: absolute; 
	top:0px;
	left:0px;
	width:100%;
	height:100%;
	appearance:unset;
	background-color: var(--thirdColor);
	border: 1px solid var(--mainColor);
	border-radius:100px;
	z-index:0;
}
.voitureForm .wpcf7-radio  .wpcf7-list-item label input[type='radio']:checked, 
.voitureForm .wpcf7-checkbox  .wpcf7-list-item label input[type='checkbox']:checked{
	background-color: var(--secondColor);
	border: 1px solid var(--secondColor);
}

.voitureForm .wpcf7-radio .wpcf7-list-item label .wpcf7-list-item-label, 
.voitureForm .wpcf7-checkbox .wpcf7-list-item label .wpcf7-list-item-label{
	position: relative;
	z-index:1;
}
.voitureForm .wpcf7-radio  .wpcf7-list-item label input[type='radio']+ .wpcf7-list-item-label, 
.voitureForm .wpcf7-checkbox  .wpcf7-list-item label input[type='checkbox']+ .wpcf7-list-item-label{
	color: var(--mainColor);
}
.voitureForm .wpcf7-radio .wpcf7-list-item label input[type='radio']:checked + .wpcf7-list-item-label, 
.voitureForm .wpcf7-checkbox .wpcf7-list-item label input[type='checkbox']:checked + .wpcf7-list-item-label{
	color: var(--whiteColor);
}

.voitureForm textarea[name='voiture']{
	border:0px solid transparent;
	resize:none;
}

.voitureForm .buttonsForm{
	display: flex;
	flex-direction: row;
	margin-top:30px;
}
.voitureForm.formLp .buttonsForm{
	justify-content:flex-end;
}


/* whatsapp */
.whtsappBtn{
	position: fixed;
	bottom:70px;
	right:0px;
	z-index:99;
	
	display: block;
}
.whtsappBtn .gb-headline{
	position: relative;
	display: flex; 
	align-items:center;
	justify-content:center;
	width:70px;
	height:70px;
	column-gap:0em;
	border-radius:200px;
	box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.125);
}
.whtsappBtn .gb-headline .gb-icon{
	margin:0 auto;
}
.whtsappBtn .gb-headline a{
	position: absolute; 
	top:0px;
	left:0px;
	width:100%;
	height:100%;
	background:red;
	display: block;
	opacity:0;
}


/* landingpage */

.header-lp .logo-lp{
	position: relative;
	top:10px;
}


.header-lp .phone{
	background-color: var(--secondColor);
	font-weight:bolder;
}

.arg-lp{
	font-size: 1.25em;
}
.arg-lp strong{
	font-weight:900 !important;
}
.arg-lp p+p{
	font-size: .9em;
}

/* mobile */
@media (max-width: 768px) {
	.mobileHide{
		display: none !important;
	}
}
@media (min-width: 769px) {
	.desktopHide{
		display: none !important;
	}
}