.snip-layout {
    z-index: 11040;
}

.navigation {
    list-style: none;
    padding: 0;
}
.navigation li {
    border-bottom: 1px solid #3d3d3d;
}
.navigation li a {
    color: #ddd;
    display: inline-block;
    padding: 0.5rem 1rem;
    font-weight: 600;
}
.navigation li a:hover {
    color: #fff;
    background-color: #262626;
}
.navigation li a:last-child {
    border-bottom: 0;
}
.navigation li.active > a {
    background: #fff;
    color: #444;
}
.navigation li.active > a:hover {
    color: #444;
}
.navigation li:first-child {
    border-top: 1px solid #3d3d3d;
}
.navigation li ul {
    list-style: none;
    padding: 0;
}
.navigation li ul li {
    border: 0 !important;
}
.navigation li ul li a {
    color: #c4c4c4;
    padding: 0.2rem 1rem 0.2rem 2rem;
    font-size: 0.9rem;
}
.navigation li ul li li a {
    padding-left: 3rem;
}
.navigation li ul li li a li a {
    padding-left: 4rem;
}
.navigation li ul li.active > a {
    background: #ccc;
}

a, a:hover {
    color: var(--bg-color-alt);
    text-decoration: none;
    cursor: pointer;
}

.nav li:hover > ul.dropdown-menu {
    display: block;
}

.dropdown-submenu {
    position:relative;
}
.dropdown-submenu>.dropdown-menu {
    top: 0;
    left: 100%;
    margin-top:-6px;
}

@media all and (min-width: 992px) {
    .nav-item .dropdown-menu{ display: none; }
    .nav-item:hover .nav-link{   }
    .nav-item:hover .dropdown-menu{ display: block; }
    .nav-item .dropdown-menu{ margin-top:0; }
}