@charset "UTF-8";
/***!  /media/templates/site/avenir/css/mod_menu_mobile.css?736373  !***/

.mobilenav_menu{
    display: flex;
    flex-direction: column;
    gap: 15px;
    width: 100%;
}
    .mobilenav_menu-item{
        display: flex;
        flex-direction: column;
        gap: 5px;
        width: 100%;
    }
        .mobilenav_menu-item-content{
            display: flex;
            flex-direction: row;
            align-items: center;
            gap: 10px;
            color: var(--color-1);

            transition: color .2s ease-in-out;
        }
        .mobilenav_menu-item:hover > .mobilenav_menu-item-content,
        .mobilenav_menu-item-content.active{
            color: var(--color-5);
        }
            .mobilenav_menu-item-icon{
                font-size: 16px;
            }
            .mobilenav_menu-item-image{
                display: block;
                height: 16px;
                width: auto;
            }
            .mobilenav_menu-item-title{
                font-size: 16px;
                font-weight: bold;
                text-transform: uppercase;
            }
        .mobilenav_menu-item-submenu{
            display: flex;
            flex-direction: column;
            gap: 3px;
            width: 100%;
            padding-left: 20px;

            & .mobilenav_menu-item-title{
                font-size: 14px;
                font-weight: 500;
            }
        }

@media (max-width: 1400px) {

    .header_menu{
        gap: 25px;
    }

}