/*  Theme Name:   Thème enfant Evaux-les-bains
Theme URI:    https://www.evaux-les-bains.fr/ 
Description:  Amélioration du thème evaux les bains 
Author:      Laurent 
Author URI:   https://recyclidee.fr
Template:     evaux 
Version:      1 */
nav,
.sub-menu > li,
.menu-item-has-children > .sub-menu,
.menu-item-has-children > .sub-menu > .menu-item-has-children > .sub-menu,
#menu-top_menu,
.menu-item-has-children:after {
    all: unset;
    display: block;
}
.home .content_from_admin {
    padding-top: 150px;
}
.btn_la_source {
    background-color: #6b6666;
    padding: 15px;
    border-radius: 5px;
}
#footer {
    padding-bottom: 15px;
}
#footer .container .row:nth-child(2) {
    border-top: 1px solid #fff;
    padding-top: 15px;
    margin-top: 15px;
    border-bottom: 1px solid #fff;
}
#footer_contacter .btn_std{
    margin:1rem 0;
}
#nos_reseaux ul li{
    margin-bottom: 1rem;
}
#nos_reseaux ul li:nth-child(1) img {
    max-width: 50px;
}
#nos_reseaux ul li:nth-child(2) img {
    max-width: 200px;
}
@media (min-width: 1202px) {
    /* Réinitialisation des éléments menu */
    :root {
        
        --transition-timing: 0.25s;
        --transition-timing-function: linear;
    }

    /* Réinitialisation des éléments menu */

    /* Header + top menu */
    header {
        background-color: var(--bleu);
    }
    .top_menu {
        left: 0;
        top: 60px;
        z-index: 999;
    }
    nav {
        z-index: 9999;
    }
    .content_from_admin {
        padding-top: 240px;
    }
    /* Menu principal desktop */
    ul#menu-main_menu {
        display: flex;
        justify-content: space-around;
        padding: 30px;
    }

    .menu-item{
        position: relative;
        width: 100%;
    }

    .menu-item > a {
        color: #fff !important;
        display: block;
    }
    .sub-menu a {
        padding: 10px;
        text-align: left;
        color:var(--dark-gris) !important;
    }
    .sub-menu li .sub-menu a {
        font-size: 14px !important;
        padding: 10px 10px 10px 40px;
    }
    ul.menu:not(.sub-menu) > li > a {
        font-size: 26px;
        text-transform: uppercase;
        font-family: 'Bebas Neue';
    
    }
    /* === Flèches pour les sous-menus === */

    /* === Sous-menus === */
    .sub-menu,
    .menu-item-has-children > .sub-menu,
    .menu-item-has-children > .sub-menu > .menu-item-has-children > .sub-menu {
        width: 100%;
        background: white;
        list-style: none;
        border-left: 4px solid var(--menu-color);
        border-radius: 5px;
    }
    .menu-item-has-children > .sub-menu > .menu-item-has-children > .sub-menu{
        border:none;
    }
    .chevron {
        width: 30px;
        height: 30px;
        background-image: url(chevron-down.svg);
        display: block;
        background-size: 75%;
        background-position: center;
        background-repeat: no-repeat;
        position: absolute;
        top: 0;
        right: 15px;
    }

    /* ========================== */


    /* Top-level */
    nav > #menu-main_menu > li > a {
        display: inline-block;
        color: var(--dark-gris) !important;
        background: transparent;
        transition: 
            background var(--transition-timing) var(--transition-timing-function),
            color var(--transition-timing) var(--transition-timing-function);
    }

    nav > #menu-main_menu > li > a:hover,
    nav > #menu-main_menu > li > a:focus {
        background: var(--blue-gray-800);
        color: white;
    }

    #menu-main_menu, {
        display: flex;
    }

    #menu-main_menu,
    #menu-main_menu ul {
        margin: 0;
        padding: 0;
        list-style: none;
    }


    /* Nested */
    #menu-main_menu ul {
        position: absolute;
        left: 0;
        top: 100%;
        visibility: hidden;
        opacity: 0;
        width: 14rem;
        box-shadow: 0 0.25rem 1.5rem hsla(200, 19%, 18%, 0.05);
        transition: 
          visibility 0s var(--transition-timing-function) var(--transition-timing),
          opacity var(--transition-timing) var(--transition-timing-function);
    }

    #menu-main_menu ul a {
        color: var(--blue-gray-600);
        transition: 
            background var(--transition-timing) var(--transition-timing-function),
            color var(--transition-timing) var(--transition-timing-function);
    }

    #menu-main_menu ul a:hover,
    #menu-main_menu ul a:focus {
        background: var(--blue-gray-100);
        color: var(--blue-gray-900);
    }

    #menu-main_menu ul > li > ul {
        left: 100%;
        top: 0;
    }    

     ul#menu-main_menu > li:last-child  > ul > li > ul{
        left: -100%;
    }

    #menu-main_menu li {
        position: relative;
    }

    /* 
        HACK: Prevents box shadow from child dropdowns
        from overlapping its parent dropdown
    */
    #menu-main_menu li.menu-item-has-children > a {
        position: relative;
        display: inline-block;
    }
     #menu-main_menu li.menu-item-has-children > a::after {
        position: absolute;
        content: '';
        top: 9px;
        right: -28px;
        height: 20px;
        width: 20px;
        background-image: url(./img/arrow_down_blc.png);
        z-index: 999999999999999;
        background-size: cover;
        transition-duration: 400ms;
      }
    #menu-main_menu li.menu-item-has-children > .sub-menu > li.menu-item-has-children > a:after {
        background-image: url(./img/arrow_down.png);
        right: 10px;
        top: 20px;
    }    
    #menu-main_menu li.menu-item-has-children > .sub-menu > li.menu-item-has-children > a {
        display: block;
    }
    #menu-main_menu li.menu-item-has-children:hover > a:after{
    /*#menu-main_menu li.menu-item-has-children > .sub-menu > li.menu-item-has-children:hover > a:after*/
        transform: rotate(-180deg);
    }
}
    /* ENDHACK */

    #menu-main_menu li:hover > ul,
    #menu-main_menu li:focus-within > ul /* IE11+ only */ {
        display: block;
        visibility: visible;
        opacity: 1;
        transition-delay: 0s;
    }    




@media (max-width: 1200px) {
    .home .content_from_admin {
      padding-top: 70px;
    }
    .mean-container .mean-nav {
        margin-top: 75px;
        background-color: var(--bleu);
    }
    .mean-container .mean-bar:after {
        position: absolute;
        top: 30px;
        right: 45px;
        content: 'MENU';
        color: #fff;
        font-weight: bold;
    }
    .mean-container .mean-nav ul li a.mean-expand:hover {
        background: rgba(44, 152, 199, 0.9);
    }
.mean-container a.meanmenu-reveal{
    top: 20px;
}
    #logo_evaux img {
        max-width: 250px;
    }
    #menu-main_menu{
        display: none;
    }
    html{
        overflow-x: hidden;
    }
    header {
        height: unset;
    }
    .mean-container .mean-bar{
        background: transparent !important;
        min-height: 65px;
    }
    #logo_evaux{
        position: absolute !important;
        top: 0;
        left: 0;
        padding: 10px;
    }
    .content_from_admin {
      padding-top: 80px;
    }
.mean-container .mean-nav ul li a {
  font-size: 14px;
  padding: 0.5em 5%;
}
.mean-container .mean-nav ul li a.mean-expand {
    width: 16px;
    height: 14px !important;
    padding: 8px 12px 12px 12px !important;

}
.mean-container .mean-nav ul li li a {
  padding: 0.5em 5%;
  float: none;
}
.menu-item-has-children > .sub-menu {
        background: var(--bleu) !important;
    }
}