/* || Navigation */

header {
    position: sticky;
    top: 0;
    z-index: 1000;
    /* padding: 0.5em 0; */
    background-color: var(--medium-blue2);
    border-bottom: 5px solid var(--light-blue);
}

.navbar-brand-logo {
    width: 125px;
}

a.nav-link {
    color: #fff;
    text-decoration: none;
    font-family: "museo-sans", sans-serif;
    font-weight: normal;
    font-size: 0.65rem;
    /* transition: all 0.3s ease-out; */
    border-radius: 0;
    border: none;
    background-color: none;
}

.navbar-nav .nav-link:visited,
.navbar-nav .nav-link:active {
    color: #fff;
    background-color: none;
    border-radius: 0;
    border: none;
}

a.nav-link:hover,
a.nav-link.dropdown-toggle:hover,
a.nav-link.dropdown-toggle.show,
a.dropdown-item:hover {
    color: var(--light-blue);
}

.dropdown-menu.show {
    margin-top: 14px;
    border: none;
    border-radius: 0;
    background-color: var(--medium-blue2);
}

a.dropdown-item {
    color: #fff;
    text-decoration: none;
    font-family: "museo-sans", sans-serif;
    font-size: 0.65rem;
}

a.dropdown-item:hover {
    color: var(--light-blue);
    background-color: transparent;
}

.fa-xs {
    font-size: 0.65rem;
}

.navbar-toggler {
    padding: 2px 4px;
    border: solid 1px var(--light-blue);
    background-color: var(--light-blue);
    border-radius: 2px;
    width: 34px;
    height: 34px;
}

.navbar-toggler:active,
.navbar-toggler:focus,
.navbar-toggler-icon,
.offcanvas-header .btn-close {
    outline: none;
    box-shadow: none;
}

.navbar-toggler-icon {
    background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 30 30'%3e%3cpath stroke='rgba%28255, 255, 255, 1%29' stroke-linecap='round' stroke-miterlimit='10' stroke-width='2' d='M4 7h22M4 15h22M4 23h22'/%3e%3c/svg%3e");
    width: 90%;
    height: 90%;
}

.offcanvas {
    background-color: var(--medium-blue2);
}

@media all and (max-width: 1199px) {
    .dropdown-menu.show {
        margin-top: 0;
        padding: 0;
    }
}