/* Bootstrap 5 green navbar theme */

.fkb-navbar {
    background-color: #1b4332;
    border-bottom: 2px solid #2d6a4f;
}

.fkb-navbar .navbar-brand {
    color: #d8f3dc;
    font-size: 1.4rem;
}

.fkb-navbar .navbar-brand:hover,
.fkb-navbar .navbar-brand:focus {
    color: #ffffff;
}

.fkb-navbar .nav-link {
    color: #d8f3dc !important;
}

.fkb-navbar .nav-link:hover,
.fkb-navbar .nav-link:focus {
    color: #ffffff !important;
}

.fkb-navbar .nav-link.active,
.fkb-navbar .nav-item.active .nav-link {
    color: #ffffff !important;
    background-color: #2d6a4f;
}

.fkb-navbar .dropdown-menu {
    background-color: #1b4332;
    border: 1px solid #2d6a4f;
    border-radius: 0;
}

.fkb-navbar .dropdown-item {
    color: #d8f3dc;
}

.fkb-navbar .dropdown-item:hover,
.fkb-navbar .dropdown-item:focus {
    color: #ffffff;
    background-color: #40916c;
}

.fkb-navbar .dropdown-item.active {
    color: #ffffff;
    background-color: #2d6a4f;
}

.fkb-navbar .dropdown-divider {
    border-top-color: #2d6a4f;
}

.fkb-navbar .navbar-toggler {
    border-color: #2d6a4f;
}

.fkb-navbar .navbar-toggler:hover,
.fkb-navbar .navbar-toggler:focus {
    background-color: #2d6a4f;
    box-shadow: none;
}

@media (max-width: 991px) {
    .fkb-navbar .dropdown-menu {
        background-color: #1b4332;
        border: none;
        padding-left: 1rem;
    }
}