/*
 Theme Name:     Divi Child Theme
 Theme URI:      https://www.elegantthemes.com/gallery/divi/
 Description:    Divi Child Theme
 Author:         Elegant Themes
 Author URI:     https://www.elegantthemes.com
 Template:       Divi
 Version:        1.0.0
*/
 
/* =Theme customization starts here
------------------------------------------------------- */

h1, h2, h3, h4 {
	font-family: chennai, sans-serif !important;
	font-style: normal;
	font-weight: 700;
}

/* p {
	font-weight: 500;
} */




/*show hamburger menu on desktop*/
@media (min-width: 980px) {
	
	.no-mobile-icon.et_pb_menu .et_pb_menu__menu, #menu-entete.et_pb_fullwidth_menu .et_pb_menu__menu {
		display: none;
	}

	.no-mobile-icon.et_pb_menu .et_mobile_nav_menu, #menu-entete.et_pb_fullwidth_menu .et_mobile_nav_menu {
		display: flex;
		float: none;
		margin: 0 6px;
		align-items: center;
	}
}

/* #menu-insertion-mobile {
    left: -10%;
	max-width: 100px !important;
	min-width: 150px;
} */

#menu-insertion-mobile .dd-title {
    min-width: 150px !important;
}


@media (max-width: 1089px) {
	.titre-menu-bold a {
		font-weight:700;
	}
}


@media (max-width: 767px) {
	  #menu-insertion-mobile .dd-divimenu-open .dd-menu-items>div:nth-child(1) .dd-title {
		bottom: -25px;
		left: 30px;
		right: 0;
	  }
}


@media (max-width: 390px) {
	#menu-insertion-mobile .dd-title, #menu-insertion .dd-title, #menuflex-securite .dd-title, #menu-enfance .dd-title, #menu-restaurant .dd-title {
    	font-size: 11px !important;
	}
}

@media (max-width: 467px) {
		
	#menu-enfance .dd-title.dd-title-bg {
		min-width: 100px;
		min-height: 5px;
	}
	
	#menu-insertion-mobile .dd-title.dd-title-bg {
		min-width: 110px !important;
		min-height: 5px;
		width: 120px !important;
    	max-width: 150px;
	}
	
	#menu-insertion-mobile .dd-title.dd-title-bg span {
		padding-left: 0px !important;
	}
	
	#menu-insertion-mobile .dd-tooltip {
		width: 20px;
		overflow: visible;
		left: -25px;
	}
	

	#menu-insertion-mobile .dd-title {
    	max-width: 100px !important;
		min-width: 100px !important;
		left:50px;
	}
	
/* 	#menu-insertion-mobile .dd-divimenu {
    position: fixed;
	} */
}
@media (min-width: 990px) and (max-width: 1300px){
	.colonne-hero.style-radius-1 .et_pb_column_0 {
    	border-radius: 0 0 150px 0 !important;
	}
	
	.colonne-hero.style-radius-2 .et_pb_column_0 {
    	border-radius: 0 130px 130px 0 !important;
	}
/* 	.et_pb_column.et_pb_column_1_4.et_pb_column_8_tb_footer.colonne-enfance.et_pb_css_mix_blend_mode_passthrough.dd-has-main-divimenu {
    	margin-right: 4% !important;
	} */
}


.no-mobile-icon .et_mobile_nav_menu:after {
    position: relative;
    float: inline-end;
    color: black;
    font-weight: 800;
    line-height: normal;
    font-size: 13px;
}

#enfance-famille .et_mobile_nav_menu:after{
	content: "Enfance Famille";
}

#securite-alimentaire .et_mobile_nav_menu:after{
	content: "Sécurité alimentaire";
}

#insertion-professionnelle .et_mobile_nav_menu:after{
	content: "Insertion Professionnelle";
}

#restaurant .et_mobile_nav_menu:after{
	content: "Restaurant";
}



.no-mobile-icon .mobile_nav.closed {
    color: transparent;
}


.no-mobile-icon .et_pb_menu--style-left_aligned .et_pb_menu__logo {
    margin-right: 0px;
}

#bouton-menu-x{
	visibility:hidden;
	z-index: 20;
	transition: width 0.3s ease, height 0.3s ease;
}

/* 4 Columns Mobile */
@media all and (max-width: 767px) {
    html .et-db .four-col-mob .et_pb_column {
        width:20.875% !important;
    }
html .et-db .four-col-mob .et_pb_column:nth-last-child(-n+4) {
        margin-bottom:0;
    }
    html .et-db .four-col-mob .et_pb_column:not(:nth-child(4n)) {
        margin-right:5.5% !important;
    }
}

/* Padding de la banniere */
/* @media all and (min-width: 981px) and (max-width: 1480px) {
	.colonne-hero .et_pb_column_1_2 {
		width: 200%;
	}
} */

@media all and (min-width: 981px) and (max-width: 1480px) {
	.colonne-hero .et_pb_column_0 {
		padding-right: 120px;
		padding-left: 8%;
	}

}




@media all and (min-width: 980px) and (max-width: 1089px) {
	#menu-mobile-haut .et_mobile_menu {
		top: 100%;
		bottom: auto;
	}
	
	.et_pb_gutters2 .colonne-enfance.et_pb_column {
   		margin-right: 0% !important;
	}
	
}


@media (min-width: 860px) {
	.et_pb_menu--style-left_aligned .et_pb_menu__wrap {
		-webkit-box-pack: end;
		-ms-flex-pack: end;
		justify-content: flex-end;
	}
}

#menu-mobile-haut li {
    list-style: none;
}

/* 2 Columns Mobile */
@media all and (max-width: 767px) {
    html .et-db .two-col-mob .et_pb_column {
        width:47.25% !important;
    }
    
html .et-db .two-col-mob .et_pb_column:nth-last-child(-n+2) {
        margin-bottom:0;
    }
    html .et-db .two-col-mob .et_pb_column:not(:nth-child(2n)) {
            margin-right:5.5% !important;
    }
}

/* 4 Columns Tablet */
@media all and (min-width: 768px) and (max-width: 980px) {
    html .et-db .four-col-tab .et_pb_column {
        width:20.875% !important;
    }
html .et-db .four-col-tab .et_pb_column:nth-last-child(-n+4) {
        margin-bottom:0;
    }
    html .et-db .four-col-tab .et_pb_column:not(:nth-child(4n)) {
        margin-right:4% !important;
    }
}


#cf_style input.text, #cf_style input.title, #cf_style input[type=email], #cf_style input[type=password], #cf_style nput[type=tel], #cf_style input[type=text], #cf_style select, #cf_style textarea, #cf_style input[type=tel] {
    background-color: white;
    border: 2px solid #F28C00!important;
    padding-left: 10px;
    color: black;
    min-height: 45px;
    border-radius: 3px;
    width: 100%;
    font-size: 16px;
    transition: padding-left 0.3s ease-out;
	border-radius:12px;
}

#cf_style input.text:focus, #cf_style input.title:focus, #cf_style input[type=email]:focus, #cf_style input[type=password]:focus, #cf_style input[type=tel]:focus, #cf_style input[type=text]:focus, #cf_style select:focus, #cf_style textarea:focus, #cf_style input[type=tel]:focus {
    background-color: #f28c000a;
}

#cf_style p input.wpcf7-form-control.wpcf7-submit.has-spinner {
    float: right;
}

#cf_style input.wpcf7-form-control.wpcf7-submit.has-spinner {
    color: #FFFFFF!important;
    border-radius: 12px;
    font-size: 16px;
    background-color: #009289 !important;
    padding-top: 10px!important;
    padding-right: 50px!important;
    padding-bottom: 10px!important;
    padding-left: 50px!important;
    border-style: none;
}

input.inline_field {
	display: inline-block;

}

/* Champ email invisble ContactForm */
#email-style {
    visibility: hidden;
    position: absolute;
    z-index: -200;
}

.form-row {
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
    gap: 20px;
    margin-bottom: 15px;
}

.form-group {
    flex: 1;
    min-width: 45%;
}

#menu-deroulant option:checked {
    background-color: #f28c000a;  
    color: black;                
}

#menu-deroulant:focus {
    background-color: #f28c000a;  
}

#menu-deroulant option:hover {
    background-color: #f28c000a; 
    color: black;
}


#menu-mobile-haut .et_mobile_menu .menu-item-has-children>a {
    background-color: transparent !important;
}

@media (min-width: 980px) {
	.et_pb_menu .et_pb_menu__menu, .et_pb_fullwidth_menu .et_pb_menu__menu {
		display: none;
	}
	.et_pb_menu .et_mobile_nav_menu, .et_pb_fullwidth_menu .et_mobile_nav_menu {
		display: flex;
		float: none;
		margin: 0 6px;
		align-items: center;
	}
}

@media (min-width: 1090px) {
	#menu-mobile-haut {
		display:none;
	}

	#menu-desktop-haut{
		display:block;
	}
}


@media (max-width: 1089px) {
	#menu-mobile-haut {
		display:block;
	}

	#menu-desktop-haut{
		display:none;
	}
}

/*this sets the height of the image module*/
.pa-full-height-image-column {
	height: 100%;
}


/*this sets the height of the image container*/

.pa-full-height-image-column .et_pb_image_wrap {
	height: 100%;
}

/*this sets the height and fit of the actual image*/
.pa-full-height-image-column img {
	object-fit: cover;
	height: 100%;
}

/* survol du texte du menu secondaire */
	.menuflex-item .dd-title:hover {
		color: #bf4d11;
	}



/* Style du consent box */


 #cookie-consent-banner {
	visibility:hidden;
}

@keyframes fade {
    0% {
        opacity: 0;
    }
    50% {
        opacity: 0.5;
    }
    100% {
        opacity: 1;
    }
}

#cookie-consent-options {
    accent-color: #AFDBBC;
	display:none;
}

#cookie-consent-options{
	animation: fade 0.6s ease none;
}

.cookie-consent-banner {
    background-color: #f8f9fa;
    width: 40%;
	color: black;
	padding: 15px;
    font-size: 14px;
    text-align: center;
    z-index: 1000;
	animation: fade 1.0s ease none;
    display: none;
    float: right;
    position: fixed;
    bottom: 0;
    right: 0;
    margin: 0 20px 20px 0;
    box-shadow: 0px 2px 18px 0px rgb(140 140 140);
	border-radius:10px;
}


@media (max-width: 767px) {
	.cookie-consent-banner {
		width: auto;
    	margin: 0 20px 20px 20px;
	}

}

#btn-accept-all {
    color: white !important;
}

.cookie-consent-banner p {
    max-width: 600px;
    text-align: center;
    margin: 0 auto !important;
}

.cookie-consent-button {
    color: white !important;
    border-radius: 10px;
    font-size: 14px;
    font-weight: 700!important;
    background-color: #009289;
    border: none;
    padding: 15px 30px;
    transition: all 300ms ease 0ms;
    margin-bottom: 0.8rem;
}

.cookie-consent-button:hover {
    box-shadow: 0 -3px 5px rgb(0 0 0 / 20%);
}

.cookie-consent-button:active {
    opacity: .5;
}

.cookie-consent-button.btn-grayscale {
    background-color: #BF4D11;
    color: black;
    border: 4px solid white;
}

#reject-all.cookie-consent-button.btn-grayscale {
    background-color: #BF4D11;
    color: #ff6900;
}

.cookie-consent-button.btn-choix {
    background-color: #BF4D11;
    color: white !important;
}

/* .cookie-consent-button.btn-outline {
    background-color: #fff;
    border: 2px solid #009289;
} */

#btn-accept-some{
	display: none;
}

input[type="checkbox"]:checked::before {
    background-color: #fff;
    transform: scale(1);
}

.cookie-consent-options {
/*     display: flex; */
    justify-content: center;
    flex-wrap: wrap;
    margin-bottom: 10px;
	display: none;
}

.cookie-consent-options label {
    margin: 0 10px;
    font-size: 14px;
}

.cookie-consent-options input {
    margin-right: 5px;
}

#cookie-consent-banner p {
    padding-bottom: 0.8rem;
}

.cookie-consent-options{
	padding-top: 0.8rem;
}