.dropdown-menu {
    background-color: white;
}

.dropdown-item {
    color: black;
}

.navbar .container {
    padding-right: 5vw;
}


/*
*
* ==========================================
* CUSTOM UTIL CLASSES
* ==========================================
*
*/

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

.dropdown-submenu {
    position: relative;
}

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


/* rotate caret on hover */

.dropdown-menu>li>a {
    margin-left: 0px;
    transition: all 1s ease-in-out
}

.dropdown-menu>li>a:hover:after {
    text-decoration: underline;
    transition: margin-left 1s;
    margin-left: 40px;
}


/* standards */

.navbar {
    transition: all 0.4s;
}

.navbar .nav-link {
    color: rgb(160, 6, 6);
}

.navbar .nav-link:hover,
.navbar .nav-link:focus {
    color: rgb(160, 6, 6);
    text-decoration: none;
}

.navbar .navbar-brand {
    color: rgb(160, 6, 6);
}


/* Change navbar styling on scroll */

.navbar.active {
    background: #fff;
    opacity: 0.8;
    box-shadow: 1px 2px 10px rgba(0, 0, 0, 0.1);
}

.navbar.active .nav-link {
    color: rgb(0, 0, 0);
}

.navbar.active .nav-link:hover,
.navbar.active .nav-link:focus {
    color: rgb(0, 0, 0);
    text-decoration: none;
}

.navbar.active .navbar-brand {
    color: rgb(0, 0, 0);
}


/* Change navbar styling on small viewports */

@media (max-width: 991.98px) {
    .navbar {
        background: #fff;
    }
    .navbar .navbar-brand,
    .navbar .nav-link {
        color: #555;
    }
}