/*
Theme Name:Extra Child
Template:Extra
Description: Intersed Theme Extra
Author: Intersed
Author Uri:https://www.intersed.fr
 */

/*GLOBAL CSS*/

.d-flex{
    display:flex;
}
.column{
    flex-direction: column
}
.wrap{
    flex-wrap: wrap;
}
.item_center{
    align-items: center;
}
.text-align-center{
    text-align: center;
}
.w50{
    width: 50%;
}
.content_center{
    justify-content: center;
}
.h100px{
    height: 100px;
}
.size25{
    font-size: 25px;
}
.background_jaune{
    background: #e8a636;
    border:1px solid #e8a636;
    cursor:pointer;
}
.background_vert{
    background: #9fb02d;
    border:1px solid #9fb02d;
    cursor:pointer;
}
.background_rouge{
    background: #a13e63;
    border:1px solid #a13e63;
    cursor:pointer;
}
.background_bleu{
    background: #209fbf;
    border:1px solid #209fbf;
    cursor:pointer;
}
.colorWhite{
    color: white !important;
}
.colorBordeau{
    color:#a13e63;
}
.centrer-verticalement {
    display: flex;
    flex-direction: column;
    justify-content: center;

    /* Et les déclinaisons avec préfixes pour obtenir un résultat homogène sur les divers navigateurs  */
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -moz-box-orient: vertical;
    -moz-box-direction: normal;
    -ms-flex-direction: column;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -moz-box-pack: center;
    -ms-flex-pack: center;
}

/*CORRECTION CSS PAGE*/

   .page article{
    border:none !important;
   }

   #main-header-wrapper{
       box-shadow: rgba(0, 0, 0, 0.075) 0px 0.125rem 0.25rem !important;
   }
.tabbed-post-module .tabs ul li{
    color: rgba(0,0,0,.75);
}
.et_pb_widget .widgettitle{
    background-color: white;
    border-bottom: 2px solid rgba(0,0,0,.1);
    padding-top: 21px;
}

/*MENU OVERRIDE CSS*/
.accueil_menu:hover >a{
 color:#e8a636 !important;
 border-color: #e8a636 !important;
}
.accueil_menu >a{
    border-bottom: 4px solid #e8a636 !important;
}
.jaune{
    background-color: #e8a636 !important;
}

.menu_mairie:hover >a{
 color:#209fbf !important;
 border-color: #209fbf !important;
}

.menu_mairie >a{
  border-bottom: 4px solid #209fbf !important;
}

/*.menu_mairie:hover .sous_menu_mairie{*/
/*    background-color:#209fbf !important*/
/*}*/

.bleu{
    background-color:#209fbf !important ;
}

.menu_enfance:hover >a{
    color:#a13e63 !important;
    border-color: #a13e636 !important;
}
.menu_enfance>a{
    border-bottom: 4px solid #a13e63 !important;
}
.bordeau{
    background-color: #a13e63 !important;
}

.menu_vieEconomique:hover >a{
    color:#9fb02d !important;
    border-color: #9fb02d !important;
}
.menu_vieEconomique>a{
    border-bottom: 4px solid #9fb02d !important;
}

.vert{
    background-color: #9fb02d !important;
    border:1px solid #9fb02d;
}

.menu_association:hover >a{
    color:rgb(91, 22, 135) !important;
    border-color: rgb(91, 22, 135) !important;
}
.menu_association>a{
    border-bottom: 4px solid rgb(91, 22, 135) !important;
}
.violet{
    background-color: rgb(91, 22, 135) !important;
}


/*OVERRIDE COLONNE DROITE*/
#colonneSpecialAccueil .et_pb_column_single{
    padding: 0 !important;
}

.backgroundMap{
    background-image: url('https://formation.mairie-chanas.fr/wp-content/uploads/2020/11/mapGrey.png');

}
.backgroundMap p {
    color:#000;
    text-align: center;
    padding: 45px 0;
}

.btn_widget_explore:hover a{
    color:#e22c3f;
    background-color: #fff;
}
.btn_widget_explore:hover a .fa-map-marker-alt{
    -webkit-animation: rotate-center 0.6s ease-in-out both;
    animation: rotate-center 0.6s ease-in-out both;
}
.h3{
    font-size: 25px;
    font-weight: 600;
}
#custom_html-3 .widgettitle,#custom_html-4 .widgettitle {
    display: none;
}
#custom_html-3{
    border: none;
    box-shadow: none;
    padding-bottom: 0;
    margin-bottom: 0;
}
.btn_widget_explore{
    margin: 0 auto;
    text-align: center;
}

.btn_widget_explore a{
    background: #e22c3f;
    color: #fff;
    padding: 17px 35px 17px 25px;
    margin: 0 auto;
    text-align: center;
    font-size: 15px;
    border:1px solid #e22c3f;
}
.btn_widget_explore .fas{
    padding-right: 15px;
}

.hoverLienRapide{
    width:100% !important;
    margin: 10px 0px !important;

}
.hoverLienRapide a::before{
    font-size:35px !important;
    color: #209fbf !important;
}

.hoverLienRapide a{
    margin-bottom: 5px !important;
    padding: 0px 20px !important;
    /*background-color: #f0eff1 !important;*/
    /*padding: 15px !important;*/

}
.hoverLienRapide a::after {
    content: '' !important;
    display: block !important;
    width: 0;
    height: 1px !important;
    background: #209fbf !important;
    transition: width .3s !important;
}
.hoverLienRapide a:hover::after {
    width: 100% !important;
}
/*override widget category post*/
 #category-posts-2-internal .cat-post-item{
    padding:20px !important;
}
 #custom_html-2,#maxmegamenu-2,#category-posts-2{
     margin-bottom: 0px !important;
 }
 /*#maxmegamenu-2 .widgettitle{*/
 /*display: none;*/
 /*}*/
 #custom_html-2 .widgettitle{
     padding: 0px !important;
     margin:0px !important;
     padding-top: 0px !important;
     margin-top:0px !important;
 }
#maxmegamenu-3{
    box-shadow: none;
    border:none;
}
#category-posts-2 .widgettitle{
    border-bottom:3px solid red !important;
    background-color: red;
    margin:20px;
}
#maxmegamenu-3 .widgettitle{
    border-bottom: 3px solid #9fb02d!important;
    background-color: #9fb02d;
    margin: 20px;
}
/*override htmlperso menu colonne droite*/

.custom-html-widget div span{
    padding-bottom: 10px;
}


/*TRANSITION ICONE MENU DROITE*/

 .background_vert:hover,.background_jaune:hover,.background_rouge:hover,.background_bleu:hover{
        background-color: #ffffff;
     -webkit-transition: background-color 100ms linear;
     -ms-transition: background-color 100ms linear;
     transition: background-color 100ms linear;
}


.background_vert:hover a,.background_vert:hover span i{
    color:#9fb02d !important;
}
.background_rouge:hover a,.background_rouge:hover span i{
    color:#a13e63 !important;
}
.background_bleu:hover a,.background_bleu:hover span i{
    color:#209fbf !important;
}
.background_jaune:hover a,.background_jaune:hover span i{
    color:#e8a636 !important;
}

.background_vert:hover span i,.background_rouge:hover span i,.background_bleu:hover span i,.background_jaune:hover span i{
    -webkit-animation: rotate-center 0.6s ease-in-out both;
    animation: rotate-center 0.6s ease-in-out both;
}


/**
 * ----------------------------------------
 * animation rotate-center
 * ----------------------------------------
 */

.rotate-center {
    -webkit-animation: rotate-center 0.6s ease-in-out both;
    animation: rotate-center 0.6s ease-in-out both;
}
@-webkit-keyframes rotate-center {
    0% {
        -webkit-transform: rotate(0);
        transform: rotate(0);
    }
    100% {
        -webkit-transform: rotate(360deg);
        transform: rotate(360deg);
    }
}
@keyframes rotate-center {
    0% {
        -webkit-transform: rotate(0);
        transform: rotate(0);
    }
    100% {
        -webkit-transform: rotate(360deg);
        transform: rotate(360deg);
    }
}

/*page mairie et service*/

.page-id-13223 .et_extra_other_module, .et_pb_extra_module{
    border-top: 6px solid #209fbf!important;
}

/*page accueil module extra*/
.et_extra_other_module .posts-list li:first-child, .et_pb_extra_module .posts-list li:hover article{
    background-color: #f0eff1;
}
a[href*="https://formation.mairie-chanas.fr/category/actualites/"]{
    color: #209fbf !important;
    font-weight: 600;
    font-size: 16px;
}

a[href*="https://formation.mairie-chanas.fr/category/mairie-services/"]{
    color: #209fbf !important;
    font-weight: 600;
    font-size: 16px;
}
a[href*="https://formation.mairie-chanas.fr/category/enfance-social/"]{
    color: #a13e63 !important;
    font-weight: 600;
    font-size: 16px;
}
a[href*="https://formation.mairie-chanas.fr/category/vie-economique/"]{
    color: #9fb02d !important;
    font-weight: 600;
    font-size: 16px;
}
.et_pb_blurb_position_left .et_pb_main_blurb_image img, .et_pb_blurb_position_right .et_pb_main_blurb_image img{
    width:87px;
}