/*
Theme Name: Divi Enfant par Incomm
Description: Theme enfant du theme Divi
Author: Incomm
Author URI: https://www.incomm.fr
Template: Divi
Version: 2.00
*/

/* WAFKEY_Hd6dBtQ6DUQWhXi56VTEu7Y8esR4kRXxEWI */

/* menu burger - 1024 tablette et mobile*/

/* @media (max-width: 1300px) {
	#mobile_menu1 li{
		background:#000!important;
		z-index:999999999!important;
	}
	#mobile_menu1 li a{
		background:#000!important;
	}
	.et_pb_column_0_tb_header{
		width:100%!important;
	}
    .pa-hamburger-menu .et_pb_menu__menu {
        display: none !important;
    }
    .pa-hamburger-menu .et_mobile_nav_menu {
        display: flex !important;
        float: none;
        margin: 0 6px;
		width:100vw!important;
        align-items: center;
		justify-content: center;
    }	
	.et_pb_sticky .col-1-head{
		display:none;
	}
		.et_pb_sticky .et_pb_menu_0_tb_header{
		margin-top:0!important;
	}
	.et_pb_sticky .row-head-resp{
		padding-top:0px!important;
		padding-bottom:5px!important;
	}
	#mobile_menu1 li{
		text-align:center!important;
	}
	#mobile_menu1{
		padding:0px!important;
	}
	.et_mobile_menu {
    left: 20%!important;
    width: 60%!important;
	}
}

@media (max-width: 981px) {
    .pa-hamburger-menu .et_mobile_nav_menu {  
		width:100vw!important;
    }
	.et_pb_sticky .col-1-head{
		display:none;
	}
	.et_pb_sticky .et_pb_menu_0_tb_header{
		margin-top:0!important;
	}
	.et_pb_sticky .row-head-resp{
		padding-top:0px!important;
		padding-bottom:5px!important;
	}
	.et_mobile_menu {
    left: 25%!important;
    width: 50%!important;
	}
	
	.custom_row {
	  display: -webkit-box;
	  display: -moz-box;
	  display: -ms-flexbox;
	  display: -webkit-flex;
	  display: flex;
		-webkit-flex-wrap: wrap;
		flex-wrap: wrap;
	} 	
	.first-on-mobile {
		-webkit-order: 1!important;
		order: 1!important;
	}
	.second-on-mobile {
		-webkit-order: 2!important;
		order: 2!important;
	}
	.third-on-mobile {
		-webkit-order: 3!important;
		order: 3!important;
	}	
		
	.fourth-on-mobile {
		-webkit-order: 4!important;
		order: 4!important;
	}
}

@media (max-width: 767px) {
	.et_mobile_menu {
    left: 5%!important;
    width: 90%!important;
	}
} */

.et_pb_menu .et_mobile_nav_menu li { 
    list-style-type: none; 
} 

/* METASLIDER */

.metaslider .flexslider {
	margin: 0!important;
}

.metaslider .flex-control-nav {
	position: absolute;
	bottom: 12px!important;
}

.metaslider .flexslider .flex-direction-nav li a.flex-prev {
	background-image: url('/wp-content/uploads/2024/01/fleche-gauche.png') !important;
	width: 1.04vw!important;
	height: 1.927vw!important;
	background-size: contain!important;
	background-repeat: no-repeat!important;
	left: 15px !important;
}
.metaslider .flexslider .flex-direction-nav li a.flex-next {
	background-image: url('/wp-content/uploads/2024/01/fleche-droite.png') !important;
	width: 1.198vw!important;
	height: 2.135vw!important;
	background-size: contain!important;
	background-repeat: no-repeat!important;
	right: 25px !important;
}

.flex-control-paging li a.flex-active, .flex-control-paging li a:hover {
	background: #ccc !important;
}
.metaslider .flexslider .flex-direction-nav li a {
	margin: 0 3em !important;
}
.flex-control-paging li a {
	background: #fff !important;
}

.flex-direction-nav .flex-next {
	right: 0 !important;
}

/* Header sticky */

@media screen and (min-width: 981px) {
  .et-l.et-l--header {
    position: absolute!important;
    width: 100%!important;
  }
}

@media screen and (max-width: 980px) {
  .et-l.et-l--header {
    background-color: #574d4f!important;
  }

  .et_pb_row_1_tb_header.et_pb_row {
    position: relative!important;
  }
}

/* Dev Css Links Generals */

#menu-menu-principal li {
	margin: 0 0.8vw 0 0!important;
}

@media screen and (min-width: 981px) and (max-width: 1024px) {
	#menu-menu-principal li {
		margin: 0 0.4vw 0 0!important;
	}
}

#menu-menu-principal li a {
	padding: 0 0 8px 0!important;
	margin: 0!important;
  	border-bottom: 2px solid transparent;
	transition: .4s border ease;
}

#menu-menu-principal li a:hover,
#menu-menu-principal li.current-menu-item a {
	border-color: #fff!important;
}


/* Mobile menu */

.et_pb_menu__wrap {
  justify-content: center!important;
}

.mobile_menu_bar::before {
	color: #fff!important;
}

#mobile_menu1 {
	border-top: none!important;
	left: 0!important;
	width: 100%!important;
	padding: 0!important;
	background-color: #fff!important;
}

#mobile_menu1 li a {
	color: #000!important;
}

#mobile_menu1 li a:hover,
#mobile_menu1 li.current-menu-item a {
	background-color: #574d4f!important;
	color: #fff!important;
	text-decoration: none!important;
	opacity: 1!important;
}

/* Dev Css Text Formatting */

.dev-space-formatted {
	padding: 4.5vw 0;
}

.dev-title-formatted h1 {
  font-family: "Open sans"!important;
  font-weight: 600!important;
  font-size: 2.604vw!important;
  text-align: center;
  text-transform: uppercase;
  color: #433a3c!important;
}

.dev-title-formatted::after {
  content: ""!important;
  display: block!important;
  height: 7px!important;
  width: 159px!important;
  background-image: url('/wp-content/uploads/2024/01/trait-h1-vert.svg')!important;
  margin: 0 auto!important;
}

.dev-text-formatted {
  font-family: 'Open sans'!important;
  font-size: 0.94vw!important;
  font-weight: 400!important;
  line-height: 1.56em!important;
  text-align: left;
  color: #000!important;
}

@media screen and (max-width: 980px) {
  .dev-space-formatted {
    padding: 65px 0;
  }

  .dev-title-formatted h1 {
	  font-size: 40px!important;
	}

  .dev-text-formatted {
    font-size: 16px!important;
  }
}

@media screen and (max-width: 400px) {
  .dev-title-formatted h1 {
    font-size: 30px!important;
  }
}

/* Dev Css Gravity Forms */

.ginput_container.ginput_container_fileupload input,
.ginput_container.ginput_container_fileupload span,
.gfield_consent_label, .gform_required_legend {
	font-family: "Open sans"!important;
}

.gfield_consent_label, .gform_required_legend, .rgpd {
	font-size: 0.94vw!important;
	color: #000!important;
}

.gform_wrapper .ginput_container_consent input[type="checkbox"] {
	accent-color:#75a840!important;
}

.gfield_consent_label a {
	color: #75a840!important;
}

.gfield_consent_label a:hover {
	text-decoration:underline!important;
}

@media screen and (max-width: 980px) {
	.gfield_consent_label, 
	.gform_required_legend, .rgpd {
		font-size: 16px!important;
	}
}

.gform-body #gform_fields_2 .gfield {
	margin-top: 0.521vw!important;
}

@media screen and (min-width: 981px) and (max-width: 1366px) {
	.gform-body #gform_fields_2 {
		grid-row-gap: 0.521vw!important;
	}

	.gform-body #gform_fields_2 .gfield input,
	.gform-body #gform_fields_2 .gfield textarea {
		padding: 0.521vw 0.521vw 0.521vw 0.625vw!important;
	}
	
	.gform_wrapper.gravity-theme .gfield textarea.medium {
		height: 10vw!important;
	}
}

@media screen and (max-width: 768px) {
	.gform-body #gform_fields_2 {
		grid-row-gap: 5px!important;
	}

	.gform-body #gform_fields_2 .gfield input,
	.gform-body #gform_fields_2 .gfield textarea {
		padding: 10px 14px 10px 10px!important;
	}
}

.name_first, .name_last {
	padding-right: 0!important;
}

/* Dev Css Complianz */

#cmplz-document {
	font-family: "Open sans"!important;
	font-size: 0.94vw!important;
	color: #000!important;
	max-width: 100%!important;
	line-height: 1.6em!important;
}

#cmplz-cookies-overview .cmplz-dropdown a, *
#cmplz-cookies-overview .cmplz-dropdown p, *
#cmplz-document .cmplz-dropdown a, *
#cmplz-document .cmplz-dropdown p, *
#cmplz-document li, *
#cmplz-document p, *
#cmplz-document td {
  font-size: 0.94vw!important;
  margin-top: 0;
}

.cookies-per-purpose, .cookies-per-purpose h5,
.cookies-per-purpose h4, .cookies-per-purpose a {
	color: #75a840;
}

#cmplz-document a {
	color: #75a840;
	text-decoration: underline!important;
  	text-decoration-color: #75a840!important;
}

@media screen and (max-width: 980px) {
	#cmplz-document, 
	#cmplz-cookies-overview .cmplz-dropdown a, *
	#cmplz-cookies-overview .cmplz-dropdown p, *
	#cmplz-document .cmplz-dropdown a, *
	#cmplz-document .cmplz-dropdown p, *
	#cmplz-document li, *
	#cmplz-document p, *
	#cmplz-document td {
	  font-size: 16px!important;
	}
}

/* Classes utilities */

.link-hov:hover {
	text-decoration: underline!important;
}

.grow:hover {
	transform: scale(1.1)!important;
}

