/* 
 Theme Name:   oklocal
 Theme URI:    
 Description:  Thème OK Local
 Author:       BBV
 Author URI:   https://ok-local.fr
 Template:     hello-elementor
 Version:      1.0

 /* == Add your own styles below this line ==
--------------------------------------------*/




/**
Styles de couleur pour les formulaires
#996DA6
 */
.check-email-verification .close {
    background: #996DA6;
}

.gf_step_number {
    background: #F49903 !important;
    border-color: #F49903 !important;
    color: white !important;
    font-weight:bold !important;
    font-size: 20px !important;
}
.gf_step_pending {
    opacity: 0.3 !important;
}
.gf_step_active .gf_step_number  {
    background: white !important;
    border-color: #F49903 !important;
    color: #F49903 !important;
}

.gform_body,.gform_wrapper.gravity-theme .gfield_label {
   /* color:white;*/
    font-size:18px;
}
#gform_6 .gform_body,.gform_wrapper.gravity-theme .gfield_label {
    color:black;
}

.gform_confirmation_message {
    /*color:white;*/
    font-size:18px;
}
.gform_body input[type="button"],.gform_body input[type="submit"], .gform_footer input[type="button"], .gform_footer  input[type="submit"]  {
    color: #F49903 !important;
    background-color: white !important;
    border: 2px solid #F49903 !important;
    border-radius: 10px;
    font-size: 16px;
    padding:8px 16px;
    font-weight: bold !important;
    width: auto !important
}
gform_body input[type="button"]:hover,.gform_body input[type="submit"]:hover, .gform_footer input[type="button"]:hover, .gform_footer  input[type="submit"]:hover {
    color: white !important;
    background-color: #F49903 !important;
}

.gform_body input[type="text"], .gform_body input[type="email"],.gform_body input[type="tel"], .gform_body input[type="password"],textarea   {
    border: 2px  solid rgba(0, 0, 0, 0.20) !important;
    border-radius: 10px !important;
}
.gform_wrapper.gravity-theme .gf_step_completed .gf_step_number::before {
    background: #F49903 !important;
    border-color: #F49903 !important;
}

.gform_wrapper .gform_validation_errors, .gform_wrapper .gform_validation_errors h2, .gfield_validation_message {
    background-color: #c02b0a !important;
    color: white !important;
}


.gform_body input[type="button"]:hover {
    background-color:  #F49903 !important;
    color: white !important;

}
.gform_page_footer {text-align: center}
.gform_wrapper.gravity-theme .gform_footer {
    display: block !important;
    padding:0!important;  }

.gform_wrapper .gform_validation_errors {
    background-color: #cc2040 !important;
    padding: 6px 16px 6px 48px!important;
}
.gform_wrapper .gform_validation_errors h2 {
    background-color: #cc2040 !important;
    font-size: 15px !important;
}
.gfield_validation_message {
    color:#cc2040 !important;
    background-color: white !important;
    font-weight:bold;
    border:0 !important;
    padding: 6px 0px!important;
}

    /**
    Menu infos-compte
     */
#infos_compte ul {
    margin-top:10px;
    padding:0;
}
#infos_compte li {
    list-style: none;
}

#etapes_challenge li {
    list-style: none;
    padding-bottom : 5px;
}
.gfield-choice-input {margin-right: 10px;}
.gchoice label{font-weight: bold;}
.gform_wrapper.gravity-theme .gf_page_steps .gf_step_label {display:none}

.intro-tdb {
    color: white;
    font-weight:600;
}

.pt-plus-filter-post-category .category-filters li a {
    font-size:14px;
    font-weight: 500;
    color:#996DA6;
}
.all_post_count {display:none !important;}
.hiddenFieldEntreprise,.hiddenFieldEntreprise  fieldset {display:none}

.etape-ok {
    border-radius:20px;
    color: white;
    border:2px solid #996Da6;
    background-color: #996Da6;
    padding:10px 20px;
    font-size:1.2em;
    margin-bottom: 4px;
}
.etape-ok a{
    color:white !important;
    font-weight:normal !important;
    font-size :1em !important;
}

.etape-nok {
    border-radius:20px;
    border:2px solid #9a9a9a;
    color: #9a9a9a;
    background-color: #e3e3e3;
    padding:10px 20px;
    font-size:1.2em;
    margin-bottom: 4px;
}
.etape-next {
    border-radius:20px;
    border:2px solid #9a9a9a;
    color: #9a9a9a;
    background-color: #FFFFFF;
    padding:10px 20px;
    font-size:1.2em;
    margin-bottom: 4px;
}
.etape-todo {
    border-radius:20px;
    border:2px solid #F49903;
    color: #F49903;
    background-color: #FFFFFF;
    padding:10px 20px;
    font-size:1.2em;
    margin-bottom: 4px;
}
.etape-todo i {
    color: #9a9a9a;
}
.etape-todo a {
    color: #F49903 !important;
}
.etape-nok a{
    color: #9a9a9a !important;
    font-weight:normal !important;
    font-size :1em !important;
}

.blocInfos {margin-bottom: 15px}
.badge, .score {
    text-align: center;
}
.btnFiche a {min-width:220px}
.logoFiche {
    max-width:200px
}
.scoreBtn {
    text-align: center;
    font-size:1.2em;
    background-color: #F49903;
    color:white;
    font-weight: 700;
    display: inline-block;
    padding: 10px 5px;
    margin:auto;
    border-radius: 100px;
    width:49px
}
.scoreBtn2 {
    text-align: center;
    font-size:2em;
    background-color: #A3CA9D;
    color:white;
    font-weight: 700;
    display: inline-block;
    padding: 6px 22px;
    margin:auto;
    border-radius: 100px;
}
.obtenues {
    font-size:1.2em;
    font-weight:600;
    color:#996Da6 }

.userIcon {
    font-size: 1.4em;
    color:#996Da6;
}
/*.entreprise {
    border:1px solid black;
    padding:10px;
    margin:5px;
    display:flex;
    width:300px;
    justify-content: space-between;
}*/
.ent_title {
    font-weight: 600;
    text-transform: uppercase;
    font-size:1.3em;
    color: #6a646c;
}

.liste_entreprises {
    display: flex;
    flex-wrap: wrap;
}
.ent_score {
    padding: 2px;
    display:flex;
}

.filtre_entreprises {
    padding-bottom: 10px;
    text-align: center;
}
.filtre_entreprises a {
    display: inline-block;
    background-color: #6a646c;
    color:white !important;
    padding:3px 10px;
    margin:4px;
    font-weight: bold;
    border-radius: 15px;
}

.logged-in .menuInscription { display:none !important; }


@media only screen and (max-width: 768px) {
    #infos_compte li {
        display:inline-block;
        padding-right:20px;
    }
    #infos_compte ul {
        margin-top:5px;
    }
    .intro-tdb {font-size: 1em}
    .etape-ok, .etape-next, .etape-nok, .etape-todo {font-size: 1em}

    .gform_wrapper.gravity-theme .gf_step {
        margin: 8px 8px 8px 0 !important;
    }
    .gform_body, .gform_wrapper.gravity-theme .gfield_label {
        font-size: 16px !important;
    }

    .gform_wrapper.gravity-theme input:not([type="radio"]):not([type="checkbox"]):not([type="image"]):not([type="file"]) {
        line-height:1 !important;
    }
}

.pt_plus_gravity_form .ginput_container_checkbox input[type="checkbox"], .pt_plus_gravity_form .ginput_container_radio input[type="radio"] {
    display: inline-block !important;
}

#ongletsTDB .elementor-tab-title {
    color: white;
    background-color: #F49903;
    margin: 3px;
    padding: 13px;
}
#ongletsTDB .elementor-tab-title.elementor-active {
    color: #F49903;
    background-color: white;
    border: 1px solid #F49903;
}

#ongletsTDB .elementor-tabs-wrapper {
    width:20%
}
.acf-gallery {
    list-style-type: none; /* Retirer le style de liste */
    padding: 0;
    margin: 0;
    display: flex;
    flex-wrap: wrap; /* Autoriser le retour à la ligne */
}

.acf-gallery li {
    flex: 20%;
    padding: 4px;
}