@charset "utf-8";

.ast-submenu-list {
    --ast-submenu-list-indent: 1em;
    --ast-submenu-padding-h: 1em;
    --ast-submenu-padding-v: 1em;
    --ast-submenu-border-color: #ccc;
    --ast-submenu-border-width: 1px;
    --ast-submenu-border-style: dashed;
    --ast-submenu-background-color: transparent;
    --ast-submenu-text-color: #333;
    --ast-submenu-background-hover-color: #ffdc53;
    --ast-submenu-text-hover-color: #333;
}
.ast-submenu-list, .ast-submenu-list ul {
    list-style: none;
    margin: 0;
    padding: 0;
}

.ast-submenu-list li {
    margin: 0;
    border-top: var(--ast-submenu-border-width) var(--ast-submenu-border-style) var(--ast-submenu-border-color);
}
.ast-submenu-list > li:first-child {
    border-top: none;
}

.ast-submenu-list a {
    display: block;
    padding: var(--ast-submenu-padding-v) var(--ast-submenu-padding-h);
    transition: background-color .3s, color .3s;
    color: var(--ast-submenu-text-color);
}
.ast-submenu-list a:hover,
.ast-submenu-list a.current-page {
    background-color: var(--ast-submenu-background-hover-color);
    color: var(--ast-submenu-text-hover-color);
}

.ast-submenu-list ul a {
    padding-left: calc(var(--ast-submenu-list-indent) + var(--ast-submenu-padding-h));
}
.ast-submenu-list ul ul a {
    padding-left: calc(var(--ast-submenu-list-indent) + var(--ast-submenu-padding-h) * 2);
}
.ast-submenu-list ul ul ul a {
    padding-left: calc(var(--ast-submenu-list-indent) + var(--ast-submenu-padding-h) * 3);
}
.ast-submenu-list ul ul ul ul a {
    padding-left: calc(var(--ast-submenu-list-indent) + var(--ast-submenu-padding-h) * 4);
}
.ast-submenu-list ul ul ul ul ul a {
    padding-left: calc(var(--ast-submenu-list-indent) + var(--ast-submenu-padding-h) * 5);
}