/* Sonido Distrito Sur: navigation and Bootstrap mega-menu presentation. */
#wrapper-navbar .navbar-aero {
    min-height: 86px;
    background: rgba(10, 10, 12, .96);
    box-shadow: 0 1px 0 rgba(255, 255, 255, .08);
    backdrop-filter: blur(12px);
}

#wrapper-navbar .navbar-brand {
    color: #fff;
    text-decoration: none;
}

#wrapper-navbar .custom-logo-link img {
    width: auto;
    max-height: 60px;
}

#wrapper-navbar .sds-brand-mark {
    display: inline-grid;
    width: 60px;
    height: 60px;
    place-items: center;
    border: 1px solid currentColor;
    border-radius: 50%;
    font-size: .82rem;
    font-weight: 800;
    letter-spacing: .08em;
}

#wrapper-navbar .sds-brand-name {
    font-size: 1.15rem;
    font-weight: 700;
    letter-spacing: .06em;
    line-height: 1.05;
    text-transform: uppercase;
}

#wrapper-navbar .navbar-nav > .nav-item > .nav-link {
    padding: .75rem 1rem;
    color: rgba(255, 255, 255, .84);
    text-decoration: none;
}

#wrapper-navbar .navbar-nav > .nav-item > .nav-link:hover,
#wrapper-navbar .navbar-nav > .nav-item > .nav-link:focus,
#wrapper-navbar .navbar-nav > .nav-item > .nav-link.active {
    color: #fff;
}

#wrapper-navbar .megamenu-item .dropdown-item {
    color: #fff;
    text-decoration: none;
}

#wrapper-navbar .megamenu-item .dropdown-item:hover,
#wrapper-navbar .megamenu-item .dropdown-item:focus {
    color: #fff;
    background: rgba(255, 255, 255, .08);
}

@media (min-width: 992px) {
    #wrapper-navbar .navbar .dropdown-menu {
        top: 100%;
    }
}

@media (max-width: 991.98px) {
    #wrapper-navbar .navbar-aero {
        min-height: 72px;
    }

    #wrapper-navbar .navbar-collapse {
        padding: 1rem 0;
    }

    #wrapper-navbar .dropdown-menu {
        margin-top: 0;
    }
}