body {
    padding-top:0px;
}

@media (max-width: 992px) {
    .nav-container {
        width:100%;
    }
}



#navbar {
    margin-left: auto;
    margin-right: auto;
    padding-left: 1rem;
}

.navbar>ul>li {
    position: relative;
    white-space: nowrap;
    padding: 8px 0 0px 20px;
}

.navbar li a, 
.navbar li a:focus {
    color:var(--text-dark);
}

.navbar.dark li a, 
.navbar.dark li a:focus {
    color:var(--text-light);
}

.navbar.dark li .sub-menu a, 
.navbar.dark li .sub-menu a:focus {
    color:var(--text-dark);
}

.navbar li a:hover {
    color: var(--ci-color);
}

#header {
    background: #fff0;
    box-shadow: none;
    color: var(--bg-light);
}

#header.header-scrolled {
    background: #ffffff;
    box-shadow: 0px 2px 15px rgba(25, 119, 204, 0.1);
    /* transition: background 0.3s; */
}

#header .logo img {
    max-height: 50px;
    transition: 0.3s;
    min-width: 200px;
}

@media (max-width: 1199px) {
    #header .logo img {
        min-width: 100px;
    }
  }

#header.header-scrolled .navbar li a{
    color: var(--text-dark);
}

#header.header-scrolled .navbar li a:hover{
    color: var(--ci-color);
}


#topbar .header-links a {
    color: var(--text-light);
}

.header-scrolled #topbar .header-links a {
    color: var(--text-dark);
}

.header-scrolled #topbar .header-links a:hover {
    color: var(--ci-color);
}

.mobile-nav-toggle.v2 {
    color:#fff;
}

.header-scrolled .mobile-nav-toggle.v2 {
    color:var(--text-dark);
}