.navigation-padding-bottom {
    padding-bottom: 75px;
}

.navbar-brand-image {
    height: 80px;
    width: 80px;
}

.navbar-br-background {
    background: linear-gradient(to right, #8B008B, #008B8B);
}

.link-light {
    text-decoration: none !important;
}

.navbar-brand:hover {
    color: rgb(207, 35, 202) !important;
}

.nav-link-nhrl:hover {
    color: rgb(207, 35, 202) !important;
}

.text-nhrl-off-white:hover {
    color: #FFFFFF;
}

.text-nhrl-off-white:focus {
    color: #FFFFFF;
}

.navbar-nav .nav-link.active, .navbar-nav .nav-link.show {
    color: #FFFFFF;
}

.navbar-nav > li > .dropdown-menu a:hover {
    color: rgb(207, 35, 202);
    background-color: transparent;
}

.navbar-nav > li > .dropdown-menu a:active {
    background-color: transparent;
}

.nhrl-logo-svg {
    height: 25px;
    width: auto;
}

.sparky-avatar {
    width: 20px;
    height: 20px;
    border: 1px solid white;
    border-radius: 50%;
    margin-right: 6px;
    vertical-align: middle;
    padding: 2px;
    object-fit: contain;
}