/*
 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: #f7f7f7;
	--eColor: #eee;
	--dColor: #DDD;
	--cColor: #CCC;
	--darkColor: #333;
	--darkColorTrans: rgba(0, 0, 0, .5);
	--lightColorTrans: rgba(255, 255, 255, .5);


	--mainColor: #f76707;
	--secondColor: #333;
	--contrastColor: var(--whiteColor);
}




/* ------- MEP ------- */


body {
	background-color: var(--whiteColor) !important;
}

.gb-highlight {
	color: var(--mainColor) !important;
}

#content a {
	color: var(--mainColor);

}

.site-footer{
	z-index: 0 !important;
}


/* ------- global */
.gb-inside-container, .inside{
	padding: 0px 40px;
	position: relative;
	z-index: 1;
}

/* ------- menu */
.main-nav li a {
	color: var(--cColor) !important;
}

.main-nav li.current_page_item a{
	color: var(--darkColor) !important;
}

/* -------- breadcrumb */
.breadcrumbs, 
.breadcrumbs span, 
.breadcrumbs span a{
	color: var(--whiteColor);
	font-weight:700;
	text-transform: uppercase;
	letter-spacing: .5px;

}

.breadcrumbs span a{
	text-decoration: none;
}


/* ------- btn */


.btn, .menu-item.btn a{
	padding:10px 20px !important;
	display: inline-block !important;
	width: max-content;
	border-radius: 100px;
	font-weight:bolder;
	text-transform: uppercase;
}
.menu-item.btn {
	padding: 0px !important;
}

.menu-item.btnFirst a{
	line-height:inherit !important;
}

.btnFirst, .menu-item.btnFirst a{
	background-color: var(--mainColor) !important;
	color: var(--whiteColor) !important;
}

.btnSecond {
	background-color: var(--secondColor) !important;
	color: var(--whiteColor) !important;
}

.btnThird{
	padding:10px 20px !important;
	display: block !important;
	width: 100%;
	font-weight:bolder;
	text-transform: uppercase;
	background-color: var(--mainColor) !important;
	color: var(--whiteColor) !important;
}

/* -------- form */

form .haveTo {
	color: red;
}

form .dsc {
	display: inline-block;
	padding: 10px;
	border: 1px solid var(--eColor);
	background-color: var(--lightColor);
	font-size: .75em;
}

.formDevis {
	border: 1px solid var(--eColor);
}

.formDevis .dsc{
	border: 0px solid red;
}



.formDevis input, 
.formDevis select{
	background-color: var(--whiteColor);
	border: 1px solid var(--cColor);
	margin-top:10px;
	width:100%;
}

.formDevis input[type="submit"]{
	white-space: normal;

}

.formDevis p{
	margin-bottom:20px;
}

.formDevis .send, 
.formDevis .send input, 
.formDevis .dsc{
	margin:0px;
}

.formDevis .wpcf7-spinner{
	position: absolute;
}

.formDevis .info, 
.formDevis .data{
	padding: 40px;
}

.formDevis .data{
	background-color: var(--lightColor);
}

.formHome{
	position: relative;
	z-index: 11;
	background-color: var(--whiteColor);
}

@media (min-width: 782px){
	.formHome {
		top: -350px;
		margin-bottom:-300px;
	}
	.formBottom{
		margin-bottom:-250px;
	}
}

/* -------- content */
.titleLine{
	position: relative;
	padding-bottom: 20px;
}
.titleLine:after{
	content: "";
	width:200px;
	height:5px;
	display: block;
	background-color: var(--mainColor);
	position: absolute; 
	bottom:0px;

} 
.titleBlock:before {
	content: "";
	width: 150px;
	height: 200%;
	display: block;
	background-color: var(--eColor);
	position: absolute;
	bottom: -50%;
	left:-50px;
	z-index: -1;
}


.vehicule .titleLine:after{
	margin-left: calc(50% - 100px);
}

.vehicule .wp-block-cover{
	margin:0px 20px;
}
.vehicule .boxVehicule{
	margin: 0px 20px;
	padding: 70px 0px ;
	background-color: var(--eColor);
	position: relative;
}
.vehicule .boxVehicule h4{
	display: inline-block; 
	margin:0 auto;
	position: relative;
	z-index: 11;
}

.vehicule .boxVehicule h4:before{
	content: "";
	width: 100px;
	height:100px;
	border-radius: 100px;
	background-color:  var(--whiteColor);
	display: block;
	position: absolute;
	left: calc(50% - 50px);
	top: calc(50% - 50px);
	z-index: -1;
}

.vehicule .boxVehicule .btn{
	position: absolute;
	bottom: -20px; 
	left:5%;
	width:90%;
}

.faq .wp-block-aab-accordion-item + .wp-block-aab-accordion-item{
	margin-top:-1px !important;
}

.faq .aagb__accordion_active h4{
	color: var(--mainColor) !important;
}
.faq .wp-block-aab-accordion-item .aagb__accordion_body{
	padding: 30px 50px !important;
}
.faq .wp-block-aab-accordion-item p:last-child{
	margin:0px;
}



/* -------- footer */

.site-footer{
	background-color: var(--eColor);
	position: relative; 
	z-index: -1;
}

/* -------- bottom */

.bottom ul{
	margin:0px;
	padding:20px 0px;
	display: flex;
	flex-direction: row;
	justify-content: flex-end;
}

.bottom li{
	list-style: none;
}

.bottom li a{
	padding-left:20px;
	color: var(--darkColor);
	font-size: .9em;
	text-decoration: none;
}


/* whatsapp */
.whatsapp{
	position: fixed;
	bottom:100px;
	right:0px;
	z-index:999;
}

.whatsapp .container{
	position: relative;
	overflow:hidden;
}
.whatsapp .container .whatsBtn a{
	position: absolute;
	top:0px;
	left:0px;
	width:100%;
	height:100%;
	opacity:0;
	display: block;
	font-size: .5rem;
}