.dark-mode {
    background-color: #14161A;
}

.dark-mode-bg--main-container {
    background-color: #1f242d !important;
}

/*.dark-mode .container-main-nav .navbar {*/
/*    background-color: var(--black);*/
/*}*/

.dark-mode #navbar-b2b .navbar {
    /*background-color: var(--black) !important;*/
    background-color: #1A1A24 !important;
}
.dark-mode #navbar-b2b .navbar .navbar-nav .nav-item a:not(.dropdown-item) {
    color: var(--white);
}

.dark-mode .nav-link.active-label{
    color: var(--aqua) !important;
}

.dark-mode #navbar-b2b .navbar .navbar-nav .nav-item a:not(.dropdown-item):hover {
    color: var(--aqua) !important;
}

.darkmode-link {
    color: white;
}

.dark-mode .dropdown-menu {
    background-color: var(--charcoal-nav);
}
.dark-mode .dropdown-menu a.dropdown-item {
    color: white;
}
.dark-mode .dropdown-menu a.dropdown-item:hover {
    background-color: var(--purple);
    color:white !important;
}

.dark-mode .navbar-toggler:focus {
    box-shadow: 0 0 0 0.25rem rgba(255,255,255,0.4);
}

.dark-mode .navbar-toggler .navbar-toggler-icon {
    background-image: var(--bs-navbar-toggler-icon-bg-white);
}


/* MOVE THIS TO GLOBAL CSS ONCE NOT LOCKED */
.extra-size {
    max-width: 1500px;
    height: auto;
    width: 80vw;
}

/* B2B landing page */
.rte-m-0{
    height: fit-content !important;
}

.ov-img{
    background-repeat: no-repeat; 
    min-height: 30rem;
}

.card-carousel-img{
    height: 363px;
    width: auto;
    max-width: 100%;
    object-fit: contain;
}


.dark-mode #navbar .navbar-toggler[aria-expanded="true"] .navbar-toggler-icon  {
    background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 30 30'%3e%3cpath stroke='rgba(255%2c255%2c255%2c1)' stroke-linecap='round' stroke-miterlimit='10' stroke-width='2' d='M6 6L24 24M24 6L6 24'/%3e%3c/svg%3e");
    background-size: 100%;
}