﻿.navbar,
.navbar .navbar-collapse,
#navbarSupportedContent {
    background: #24364d;
}

.navbar-nav {
    margin: 0;
}

    .navbar-nav .nav-link {
        color: #fff !important;
        font-weight: 600;
    }

        .navbar-nav .nav-link:hover,
        .navbar-nav .nav-link:focus {
            color: #f5f7fb !important;
            text-decoration: none;
        }

        .navbar-nav .nav-link.active,
        .navbar-nav .nav-item.active > .nav-link {
            position: relative;
        }

            .navbar-nav .nav-link.active::after,
            .navbar-nav .nav-item.active > .nav-link::after {
                content: "";
                position: absolute;
                left: 0;
                right: 0;
                bottom: -8px;
                height: 3px;
                background: #f2a40d;
                border-radius: 2px;
            }

.navbar .dropdown-toggle::after {
    border-top-color: #fff !important;
}

.dropdown-menu {
    background: #ffffff;
    border: 1px solid rgba(0,0,0,.08);
}

    .dropdown-menu .dropdown-item {
        color: #111;
    }

        .dropdown-menu .dropdown-item:hover,
        .dropdown-menu .dropdown-item:focus {
            background: #f1f3f6;
            color: #000;
        }

.searchBlock input {
    background: #fff;
    color: #111;
    border-color: transparent;
    box-shadow: 0 2px 0 rgba(0,0,0,.08);
}

    .searchBlock input::placeholder {
        color: #555;
        opacity: 1;
    }

.searchBlock .fa-search {
    color: #111;
}

:focus-visible {
    outline: 2px solid #9fc3ff;
    outline-offset: 2px;
}

.navbar .navbar-toggler {
    border-color: rgba(255,255,255,.35);
}

.navbar .navbar-toggler-icon {
    filter: invert(1); 
}

.Navbar {
    background-color: #24364d;
}

.B-lightMode footer {
    background-color: #24364d;
}

