/* --------------------
* NAVIGATION BAR FOR LARGE DISPLAY
* ---------------------
*/
#nav-lg>.nav-top {
    font-size: smaller;
    padding-top: .25rem;
    padding-bottom: .25rem;
    background-color: var(--bs-primary);
    color: var(--bs-gray-100);
    -webkit-transition: all 0.3s ease-out;
    transition: all 0.3s ease-out;
}

#nav-lg select.select-language {
    color: var(--bs-light);
}

#nav-lg>.nav-bottom {
    background-color: var(--bs-white);
    -webkit-transition: all 0.3s ease-out;
    transition: all 0.3s ease-out;
}

#nav-lg>.nav-bottom .navbar-brand>img {
    height: 30px;
    filter: none;
    -webkit-transition: all 0.3s ease-out;
    transition: all 0.3s ease-out;
}

#nav-lg>.nav-bottom.navbar-light .nav-link {
    color: var(--bs-gray-900);
}

#nav-lg>.nav-bottom.navbar-light .nav-link:hover {
    color: var(--bs-primary);
}

#nav-lg>.nav-bottom .navbar-nav .has-children:hover>a,
#nav-lg>.nav-bottom .navbar-nav .has-children:focus>a,
#nav-lg>.nav-bottom .navbar-nav .has-children:active>a {
    color: var(--bs-primary);
}

/* --------------------
* NAVIGATION BAR FOR SMALL DISPLAY
* ---------------------
*/
#nav-sm .navbar {
    background-color: var(--bs-white);
    -webkit-transition: all 0.3s ease-out;
    transition: all 0.3s ease-out;
    box-shadow: 0 0.125rem 0.25rem rgb(0 0 0 / 8%);
}

#nav-sm .navbar-brand>img {
    height: 30px;
    filter: none;
    -webkit-transition: all 0.3s ease-out;
    transition: all 0.3s ease-out;
}

#nav-sm .offcanvas-title>img {
    height: 30px;
}

#nav-sm select.select-language {
    color: var(--bs-dark);
}