/*
Theme Name:     Divi Enfant
Description:    Theme enfant Delphine Mercier
Author:         Delphine Mercier
Template:       Divi
Version:        1.1
*/



/*********************************
LOGO HEADER FIXE
*********************************/
.et-fixed-header #logo {
content: url("https://www.eco-pedago.fr/wp-content/uploads/2025/07/logo-eco-pedago-h.png");
}


/*********************************
STYLE HAMBURGER
**********************************/
    /* style the opened mobile menu hamburger (make it an 'X') */
    div.mobile_nav.opened .mobile_menu_bar:before {
        font-family: "ETmodules";
        content: "\4d";
    }
    /* color and size both the open and close hamburgers */
    div.mobile_nav.opened .mobile_menu_bar:before, div.mobile_nav.closed .mobile_menu_bar:before {
        color: #FFF;
        font-size:40px !important;
    }


/*********************************
LOGO SUR MOBILE
**********************************/
@media(max-width: 980px) {
    #logo {
    content: url("https://www.eco-pedago.fr/wp-content/uploads/2025/07/logo-eco-pedago-h.png");
		max-width: 250px !important;
		padding-top:-20px;
   
  }
}
 

/*********************************
Menu de navigation sur mobile
**********************************/

#mobile_menu { display: block !important; min-height: 30vh; top: 0; border-top: none; padding-top: 20px; z-index: 9998; }

.mobile_nav.closed #mobile_menu {
 transform: rotateY(90deg); -webkit-transform: rotateY(90deg);
 transform-origin: right; -webkit-transform-origin: right;
 background: #146C70; transition: .8s ease-in-out !important; }

.mobile_nav.opened #mobile_menu {
 transform: rotateY(0deg); -webkit-transform: rotateY(0deg);
 transform-origin: right; -webkit-transform-origin: right;
 background: #146C70; transition: .8s ease-in-out; }

.mobile_nav.opened .mobile_menu_bar:before {
 content: "\4d"; color: #ffffff; }

.et_mobile_menu li a { color: #ffffff; }



/*********************************
LISTES A PUCES  fleche
**********************************/
/*LISTE A PUCES fleches*/
.list-fleche ul {
list-style-type: none!important;
	
}

.list-fleche ul li:before {
content: '\24'!important;
color: #ffffff;
font-family: 'ETMODULES'!important;
margin-right: 2px;
margin-left: -26px;
padding-left:10px;
}

/*********************************
LISTES A PUCES chevrons
**********************************/
/*LISTE A PUCES fleches*/
.list-fleche2 ul {
list-style-type: none!important;
	
}

.list-fleche2 ul li:before {
content: '9'!important;
color: #ea526f;
font-family: 'ETMODULES'!important;
margin-right: 2px;
margin-left: -26px;
padding-left:10px;
}


/*------------------------------------------------*/
/*-----------------[Logo]----------------*/
/*------------------------------------------------*/

/* Switch mobile logo*/
@media only screen and (max-width: 1020px) {
#logo {
    max-width: 100%;

  }
} 

/*********************************
GRAVITY FORM standard fond clair
**********************************/

/* Style du bouton */
.gform_wrapper .gform_footer input.button {
 float: right;
 background: #146C70 !important;;
 border: 1px solid #146C70 !important;;
 font-size: 18px;
 color: #ffffff;
 padding: 12px 23px;
 cursor: pointer;
}
/* Style du bouton au survol*/
.gform_wrapper .gform_footer input.button:hover {
 background: #25ced1!important;
	 border: 1px solid #25ced1;
color:#ffffff;
}


/* Case à cocher formulaire*/
.gform_wrapper ul.gfield_checkbox li label, .gform_wrapper ul.gfield_radio li label {
    display: -moz-inline-stack;
    display: inline-block;
    letter-spacing: inherit;
    vertical-align: top !important;
    cursor: pointer;
    font-size: 16px;
    color:#fff !important;
}

.gform_wrapper.gravity-theme .gfield-choice-input {
display: inline-block;
margin-top: 5px;
vertical-align: top;
}

.gform_wrapper .field_description_below .gfield_description {
    padding-top: 16px;
    font-size: 12px;
    padding-bottom: 10px;
    line-height: 18px;
    font-style: italic;

}

.gform_legacy_markup_wrapper .gfield_required {
  color: red;
}