/*
Theme Name: Divi Child
Template: Divi
Description: Divi Child Theme
Author: Nicolas - NEL Telecom
Author URI: https://www.nel-telecom.com/
*/
.entry-title
{display: none !important;}

.left
{text-align: left !important;}

.center
{text-align: center !important;}

.right
{text-align: right !important;}

.bold
{font-weight: bold !important;}

.relief
{box-shadow: 2px 4px 7px gray;}

.radius8
{border-radius: 8px !important;}

.red
{color: red;}

.blue
{color: #2b87da;}

.black
{color: black;}

.capitalize
{text-transform: capitalize !important;}

.uppercase
{text-transform: uppercase !important;}

.underline
{text-decoration: underline; !important;}

.bordblanc
{border-color: white; border: 2px;}

.fondbleu
{background-color: #0099e5;}

.nobordure
{border: none !important;}

/* entretoise de 50px vers le bas */
.separation_basse_de_50px
{margin-bottom: 50px;}

/* entretoise de 50px vers le haut */
.separation_haute_de_50px
{margin-top: 50px;}



/* supprimer la ligne grise sous le menu principal de Divi */
#main-header {
-webkit-box-shadow: none !important;
-moz-box-shadow: none !important;
box-shadow: none !important;
}

/* ajouter une ligne au survol des éléments du menu principal et secondaire */

#top-menu .current-menu-item a::before, #et-secondary-menu .current-menu-item a::before, #menu-menuprincipal a::before, {
-webkit-transform: translateY(15px);
transform: translateY(15px);
opacity: 1.0;
}

#top-menu li a:hover:before, #et-secondary-menu li a:hover:before, #menu-menuprincipal li a:hover:before, {
-webkit-transform: translateY(15px);
transform: translateY(15px);
opacity: 1;
}

#top-menu li a:before, #et-secondary-menu li a:before, #menu-menuprincipal li a:before {
content: '';
position: absolute;
top: 14px;
left: 0;
background: yellow; /* changez le code couleur HTML à votre convenance */
width: 100%;
height: 2px;
-webkit-transform: translateY(24px);
transform: translateY(24px);
opacity: 0;
transition: 0.3s ease;
}

/* menu principal en bleu degrade */
#main-header
{background-image: linear-gradient(#2b87da, #FFFFFF) !important;}

/* Sous menu secondaire, le reste est dans Menu Primaire de Apparence-Personnaliser */
.sub-menu, #et-secondary-nav li ul
{border-radius: 8px !important; box-shadow: 0 0 20px 0 #7ebbe8 !important;}

/* <-------------------------------------------Page des hébergements (le reste dans Theme Builder)------------------------------------------------> */
/* Arrondi de l'accordeon Informations pratiques */
/* #accordions-367
{border-radius: 12px !important;}

/* Mise en forme du titre des accordeons */
/* .accordions-head-title
{font-weight: bold; text-align: center;} */

/*------------slider de bon encontre--------------- */

/* slider entete */
.slider-367
{border-radius: 12px !important;}

/*les autres sliders */
.slider-608, .slider-649, .slider-1449
{width:200px !important; height:200px !important; border-radius: 10px !important; box-shadow: 0 0 20px 0 #7ebbe8 !important;}

.slider-793, .slider-1449
{width:350px !important; height:350px !important; border-radius: 12px !important; box-shadow: 0 0 20px 0 #7ebbe8 !important; text-align: center !important;}

/* images de l'onglet Quoi Faire des Villas */
.imagequoifaire
{border-radius: 12px; box-shadow: 0 0 20px 0 #7ebbe8;}

.imagequoifaire:hover
{transform: scale(0.95) !important; transition: 1s !important;}


.searchandfilter input
{font-weight: bold; background-color: #6e54ff; border: none; font-size: 16px; color: white; border-radius: 6px; padding: 5px;}

.searchandfilter input:hover
{background-color: #81d742;}

#ajaxsearchlite1
{box-shadow: 0 0 20px 0 gray !important;}


/* ------------------------------------------etat des lieux------------------------------------ */
.fondinstallation
{background-color: #cccbc7;}

.fondcoordonnees
{background-color: #c0f8a2;}

.fondcompteurs
{background-color: #f8a0af;}

.fondentree
{background-color: #E9967A;}

.fondsalon
{background-color: #12eff6;}

.fondcuisine
{background-color: #fafa2e;}

.fondsdb
{background-color: #c9f8f4;}

.fondchambres
{background-color: #e1c9f8;}

.fondcles
{background-color: #eb93fa;}

/*----------------menu-----------------*/
.fondinstallationmenu
{color: #cccbc7;}

.fondcoordonneesmenu
{color: #c0f8a2;}

.fondcompteursmenu
{color: #f8a0af;}

.fondentreemenu
{color: #E9967A;}

.fondsalonmenu
{color: #12eff6;}

.fondcuisinemenu
{color: #fafa2e;}

.fondsdbmenu
{color: #c9f8f4;}

.fondchambresmenu
{color: #e1c9f8;}

.fondclesmenu
{color: #eb93fa;}



/*  ----------------------------------------------ACF---------------------------------  */


/* Bouton Envoyer */
.boutonsubmit, .acf-button, .acf-add-checkbox
{font-weight: bold !important; font-size: large !important; color: white !important; background-color: #2b87da !important; border: none !important; padding-left: 2% !important; padding-right: 2% !important; padding-top: 1% !important; padding-bottom: 1% !important; border-radius: 6px !important; box-shadow: 0 0 20px 0 gray !important;}
.boutonsubmit:hover, .acf-button:hover, .acf-add-checkbox:hover
{transform: scale(1.10) !important; transition: 0.5s !important; color: yellow !important; background-color: #2b87da !important;}




/* <-------Rendre les formulaires ACF responsive-----------> */
/* Assurez-vous que les champs ACF prennent toute la largeur sur les petits écrans */
@media only screen and (max-width: 768px) {
    .acf-field {
        width: 100% !important;
        margin-left: 0 !important;
        margin-right: 0 !important;
    }

    /* Ciblez les champs dans les répétiteurs pour s'assurer qu'ils sont également responsifs */
    .acf-field.-collapsed, .acf-field.-collapsed > .acf-input {
        width: 100% !important;
    }

    /* Assurez-vous que les champs de type tableau dans les répétiteurs sont responsifs */
    .acf-table {
        width: 100%;
    }

    .acf-table td, .acf-table th {
        display: block;
        width: 100%;
        box-sizing: border-box;
    }
}

/* Assurez-vous que les champs ACF sont correctement alignés sur les écrans plus grands */
@media only screen and (min-width: 769px) {
    .acf-field {
        margin-left: 0;
        margin-right: 10px;
    }
}

/* Ajoutez des styles supplémentaires pour les boutons et autres éléments si nécessaire */
.acf-form .acf-button {
    width: auto;
    display: inline-block;
}

.acf-form .acf-actions {
    text-align: left;
}