@use "./abstracts/mixins" as *;
@use "./abstracts/vars" as *;
@use "./base/fontawesome/font-awesome-mix-var" as *;
@use "./styles/navigation" as *;

.navigation {
    background: $nav-bg;
    .level1, .level0 {
        >.navigation-title>a {
            font-size: $navigation-font-basic;
            border-color: $nav-border-root;
            border-style: solid;
            border-width: 0 0 2px 0;
            padding-right: 3px;
            margin-right: 5px;
            &:hover {
                text-decoration: none;
            }
        }
    }
    a {
        color: $nav-color-root;
        .lt-ie9 &, .lt-ie9 & span {
            color: $nav-color-root;
        }
        &::focus, &:hover {
            color: $nav-color-root-active;
        }
    }
    li {
        &.submenu {
            margin-bottom: 0;
        }
        >.navigation-title {
            >a {
                padding: 3px 5px 3px 0;
                display: block;
                color: $nav-color-root;
                text-decoration: none;
            }
        }
        >ul a {
            font-size: $navigation-font-basic-submenu;
        }
    }
    .submenu>ul {
        padding-left: 10px;
    }
}