/* Мобильное меню */


#generate-slideout-menu {
    max-width: 350px;
    width: 100vw;
}

#generate-slideout-menu .inside-navigation {
    padding: 0;
}

/* Пункт меню */
#generate-slideout-menu .main-nav .slideout-menu > .menu-item > a {
    font-size: 1.2em;
    padding-left: 2em;
    padding-right: 2em;
}

/* при наведении */
#generate-slideout-menu .main-nav .slideout-menu > .menu-item > a:hover {
    -color: var(--base-2);
    color:var(--contrast);
    background-color: var(--accent);

    transition-delay: 0s;
    transition-duration: 0.15s;
    transition-property: opacity, border, background, color;
    transition-timing-function: ease-in-out, ease-in-out;
}

/* Панель подменю */

/* Пункты панели подменю */
#generate-slideout-menu .main-nav .slideout-menu  .sub-menu > .menu-item > a {
    font-size: 1em;
    text-transform: lowercase;
    padding-left: 3em;
    padding-right: 2em;
}
/* при наведении */
#generate-slideout-menu .main-nav .slideout-menu  .sub-menu > .menu-item:hover > a {
    -color: var(--base-2);
    color:var(--contrast);
    background-color: var(--accent);

    transition-delay: 0s;
    transition-duration: 0.15s;
    transition-property: opacity, border, background, color;
    transition-timing-function: ease-in-out, ease-in-out;
}