nav {display: inline; }

.navbar-light .navbar-nav .show > .nav-link {
    color: #ec008c;
}

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

.navbar .dropdown-menu {background-color: #f2efef; border-radius: 0px; border: 0px; padding: 0px; margin: 0px }

.navbar .dropdown-menu li:first-child .dropdown-item {border-top: 2px solid #000}

.navbar .dropdown-item {font-size: 0.8125rem; font-weight: 300; text-transform: uppercase; border-bottom: 1px solid #dcdadb; padding-top: .8rem; padding-bottom: .8rem; }
.navbar .dropdown-item:hover {background-color:#f8f8f8;;  color: #333333}

.navbar-brand {padding-bottom: 0 !important; margin-right: 0 !important;}

.navbar {padding : 0 1rem !important}

.navbar-light .navbar-nav .nav-link {
    color:  #ec008c;
    text-transform: uppercase;
    font-size: 0.9375rem;
    background-color: #fff;
    padding-right: 45px;
    font-weight: 600;
    white-space: nowrap;
}

.navbar-light .navbar-nav .nav-link:hover, .navbar-light .navbar-nav .nav-link:focus {background-color: #fff;  color:  #ec008c;}

@media all and (min-width: 320px) and (max-width: 1024px){
    .navbar-light .navbar-nav .nav-link {padding-left: .5rem; margin-bottom: .5rem}

}

.deconnect .nav-link{color: #848b8e !important; font-weight: 400 !important}
.deconnect .nav-link:hover {color: #a8afb5 !important}

.bg-grad {
    background-color: #fff;
    box-shadow: rgba(0,0,0,.117647) 0 1px 3px;
}

@media (max-width: 575.98px) {
    .navbar .scrollable-menu {
        height: auto;
        max-height: 300px;
        overflow-x: hidden;
    }
}