/*
Theme Name:   Essentiel Theme
Theme URI:    https://www.essentiel-conseil.net/
Description:  Essentiel Theme est un thème Wordpress développé et personnalisé spécialement pour vos besoins. Celui-ci est adapté à chaque situation.
Author:       Agence Essentiel
Author URI:   https://www.essentiel-conseil.net/
Template:     generatepress
Version:      1.0
*/


/*@import "fonts.css"; */

.site {
	padding : 0;
}


.current-menu-item > a {
	color : var(--vert) !important;
}

.wp-block-navigation__responsive-container ul ul {
	border-top: solid 2px var(--vert);
}

.wp-block-navigation__responsive-container ul ul a {
	text-decoration : none !important;
	transition : 0.3s ease;
}

.wp-block-navigation__responsive-container ul ul li:hover a {
	background : #004647;
}




.contactBtn {
	position : absolute;
	right : 25px;
	top : calc(50% - 20px);
}

.navPrincipale li a {
	text-decoration : none;
}

.navPrincipale li:hover a {
	text-decoration : underline;
}
.navPrincipale > li > a:before {
	content : url('/wp-content/themes/EssentielTheme/img/infinity-fluo.svg');
	margin-right : 5px;
}

.decoContact:before {
	content : url('/wp-content/themes/EssentielTheme/img/enveloppeContact.svg');
	margin-right : 7px;
}
.decoContactVert:before {
	content : url('/wp-content/themes/EssentielTheme/img/enveloppeContactVerte.svg');
	margin-right : 7px;
}

.decoBtnEnergiequelle:after {
	content : url('/wp-content/themes/EssentielTheme/img/logo_energiequelle.svg');
	margin-left : 7px;
	margin-top : 4px;
}

.beigeSeparator:before {
	content : '';
	background : url('/wp-content/themes/EssentielTheme/img/separateur-top-beige.svg');
	background-size : contain;
	background-repeat : no-repeat;
	background-position : bottom center;
	position: absolute;
	bottom : calc(100% - 1px);
	left : 0;
	width : 100%;
	height : 300px;
}

.boldVert strong {
	color : var(--accent);
}

.whiteSeparator:before {
	content : '';
	background : url('/wp-content/themes/EssentielTheme/img/separateur-top.svg');
	background-size : contain;
	background-repeat : no-repeat;
	background-position : bottom center;
	position: absolute;
	bottom : calc(100% - 1px);
	left : 0;
	width : 100%;
	height : 300px;
}
.whiteSeparator:after {
	content : '';
	background : url('/wp-content/themes/EssentielTheme/img/separateur-bottom.svg');
	background-size : contain;
	background-repeat : no-repeat;
	background-position : top  center;
	position: absolute;
	top : calc(100% - 1px);
	left : 0;
	width : 100%;
	height : 300px;
}

.decoH2blanc:after {
	display : block;
	content : url('/wp-content/themes/EssentielTheme/img/decoH2Blanc.svg');
}
.decoH2fluo:after {
	display : block;
	content : url('/wp-content/themes/EssentielTheme/img/decoH2Fluo.svg');
}
.decoH2gris:after {
	display : block;
	content : url('/wp-content/themes/EssentielTheme/img/decoH2Gris.svg');
}
.decoH2vert:after {
	display : block;
	content : url('/wp-content/themes/EssentielTheme/img/decoH2Vert.svg');
}

.wpforms-container .wpforms-submit-container {
	text-align : center;
}
.wpforms-container .wpforms-submit-container button[type=submit]{
	font-size : 12px;
	font-weight : bold;
	text-transform : uppercase;
	padding : 9px 25px;
}


/********Général**********/


@media (min-width: 768px) {
	#header {
		position : fixed;
		z-index : 9999;
	}
}
@media (max-width: 767px) {

}


@media only screen and (max-width: 900px){
	.contactBtn, .site-footer .decoContact  {
		display : none !important;
	}
	.contactBtnNav a:before {
		content : url('/wp-content/themes/EssentielTheme/img/enveloppeContact.svg');
		margin-right : 7px;
	}
}
@media only screen and (min-width: 901px){
	#header .contactBtnNav {
		display : none !important;
	}


}
@media only screen and (max-width: 1024px){
	.reglementationDiv {
		background-image : none !important;
	}
}