/*
Theme Name: Twenty Twenty One Child
Description: Thème enfant pour Twenty Twenty One
Author: Agence A
Template: twentytwentyone
*/


#masthead.site-header{
    align-items: center !important;
}
#masthead .site-branding{
    margin-right: 0 ;
}
#masthead .primary-navigation{
    width: 75%;
}
#masthead .primary-navigation > div > .menu-wrapper{
    justify-content: space-between;
}
#masthead .primary-navigation #primary-menu-list > li > a{
    
    font-size: .8em ;
}
#masthead .primary-navigation #primary-menu-list li:not(:last-child) {
    margin-right: 0em!important;
}



@media screen and (max-width: 768px){
    .mobmenu-left-alignment{
        width: 90% !important;
    }
    .show-nav-left .mobmenu-overlay{
        width: 90% !important;
        box-shadow:  0 10px 10px #000;
    }
    #mobmenuleft .menu-item-has-children > a{
        clear: both ;
       float : left ;
    }
    #mobmenuleft > .menu-item{
       margin-bottom : 1rem ;
    }
    #mobmenuleft .menu-item-has-children{
      overflow: hidden ;
    }
    .sub-menu-toggle{
        padding : 0 ;
        /* display: inline-block; */
        /* float : right ; */
        margin-right : 2rem ;
        width: 100%;
        position: absolute;
        right: 0;
        z-index: 2;
        text-align: right;
    }
    .mob-expand-submenu{
        transform: translateY(-3px);
        width: 100% ;
    }
    .mob-expand-submenu i{
        font-size: inherit !important;
    }
    #mobmenuleft .menu-item-has-children .sub-menu{
        clear: both ;
     }
}