@import "../core/colors.css";

.nav-item:hover,
.nav-link:hover,
.nav-link:active {
    background-color: var(--sca-color-primary) !important;
    color           : var(--sca-color-white) !important;
    transition      : .5s;
}

.nav-link {
    text-wrap: nowrap;
}

.sca-menu-active {
    background-color: var(--sca-color-primary) !important;
    color           : var(--sca-color-white) !important;
}

.main-navbar-dropdown {
    background-color: var(--sca-color-primary) !important;
}

.main-navbar-dropdown li:hover {
    background-color: var(--sca-color-secondary);
}

.main-navbar-dropdown .dropdown-item {
    color: var(--sca-color-white);
}

.main-navbar-dropdown .dropdown-item:hover {
    color           : var(--sca-color-white);
    background-color: transparent;
}

.dropdown-divider {
    border-top: 1px solid var(--sca-color-white) !important;
}