/*!
 * Koerbers v6 Local Styles
 * Copyright 2008-2017 Punchmark
 */

/*=============================

  General

=============================*/

section.alt {
    background: var(--bs-section-default-alt) !important;
}

section[data-pagebuilder="section"].section-two-colors {
    background: var(--primary) !important;
}

.alert-global {
    background: var(--primary) !important;
    color: #fff !important;
}

.alert-global a {
    color: #fff !important;
}

/*=============================

Header 

=============================*/

header nav.navbar .navbar-nav>.nav-item.has-a-plus>.dropdown-plus {
    top: 10px !important;
}

header nav.navbar .navbar-nav>.nav-item.has-a-plus>.dropdown-menu .dropdown.dropdown-submenu>.dropdown-plus {
    top: 7px !important;
}

nav.navbar .navbar-nav>.nav-item.has-a-plus>.dropdown-plus>i.icon-plus {
    color: var(--bs-dark) !important;
}

/*=============================

   Banner Img Overlay Widget Fix

=============================*/

[data-pagebuilder="widget"].widget .widget-banner-inner .widget-image-wrapper {
    position: static !important;
}

/*=============================

  Fix Blog Page - Light BG

=============================*/

#blog section.inset {
    background: #fefafb !important;
}

/*=============================

Footer 

=============================*/

footer {
    background: var(--bs-dark) !important;
}

footer .footer-section:nth-child(2) {
    padding-top: 50px !important;
}

footer .footerlinks li > a,
footer .h6,
footer h6,
footer address,
footer .required-links li a,
footer p, 
footer p *, 
footer address, 
footer address *,
footer .social-networks .network a, 
footer .social-networks .network i,
footer .social-networks .network:hover, 
footer .social-networks .network:focus, 
footer .social-networks .network:hover i, 
footer .social-networks .network:focus i {
    color: var(--bs-light) !important;
}

footer .social-networks .network:hover, footer .social-networks .network:focus, footer .social-networks .network:hover i, footer .social-networks .network:focus i {
    opacity: 0.75 !important;
}

@media(max-width: 767px) {
    footer .footer-section:nth-child(2) {
        padding-top: 40px !important;
    }

}

footer .h6 {
    margin-top: 0 !important;
}

footer .footer-section:nth-child(1) .row {
    align-items: center !important;
}

footer .footer-section:nth-child(2) .row .col-12:nth-child(2) {
    padding-left: 40px !important;
    padding-right: 40px !important;
    border-right: 2px solid #fff !important;
    border-left: 2px solid #fff !important;
    border-radius: 0 !important;
}

footer .footer-section:nth-child(2) .row .col-12:nth-child(2) img {
    border: 3px solid #fff !important
}

@media (max-width: 767px) {
    footer .footer-section:nth-child(2) .row .col-12:nth-child(2) {
        padding-left: 0 !important;
        padding-right: 0 !important;
        border-right: none !important;
        border-left: none !important;
        border-top: 2px solid #fff !important;
        border-bottom: 2px solid #fff !important;
        padding-bottom: 40px !important;
        padding-top: 40px !important;
        margin-top: 30px !important;
        margin-bottom: 30px !important;
    }
}

footer .footerlinks > li > a:hover, footer .footerlinks > li > a:focus {
    color: #fff !important;
    opacity: 0.75 !important;
}

@media(min-width: 768px) {
    footer .footer-section:nth-child(1) .row .col-12:nth-child(3) {
        padding-left: 20px !important;
    }
}

footer form *,
footer form .h6 {
    color: var(--bs-dark) !important;
}

footer .subscribe-widget-xl form[action="/newsletter-subscription"] .input-group .input-group-btn .btn {
    border-color: var(--bs-dark) !important;
    background-color: var(--bs-dark) !important;
    color: var(--bs-light) !important;
}

footer .subscribe-widget-xl form[action="/newsletter-subscription"] .input-group .input-group-btn .btn:hover,
footer .subscribe-widget-xl form[action="/newsletter-subscription"] .input-group .input-group-btn .btn:focus {
    background: #515151 !important;
        border-color: #515151 !important;
}

footer .subscribe-widget-xl form[action="/newsletter-subscription"] .form-control {
    background-color: #EDECEB !important;
}

footer .subscribe-widget-xl form[action="/newsletter-subscription"] .form-control {
    border-width: 2px !important;
    border-color: var(--bs-dark) !important;
}

/* ==================================================================
   EMERALD NAV + HEADER STYLES (ported to override Opal theme)
   Source: v6master/css/themes/emerald.css (Toolbar, Header,
   Desktop Navigation, Mobile Navigation sections).
   Loaded after themes/opal.css so these rules win.
   ================================================================== */

/* ==============================
    Toolbar
============================== */

@media (min-width: 768px) {
    .toolbar {
        display: none !important;
    }
}

/* ==============================
    Header
============================== */

.alert-global {

}

.alert-global a {
    font-weight: normal !important;
    text-decoration: underline !important;
}

.alert-global a:hover {
    color: var(--bs-secondary) !important;
    text-decoration-color: var(--bs-secondary) !important;
}

/* ==============================
    Header
============================== */

header {
    background-color: var(--bs-light) !important;
    border-bottom: none !important;    
    box-shadow: none !important;
    padding: 0 !important;
    padding-bottom: 50px !important;
    position: sticky !important;
    top: 0 !important;
}

header,
header.sticky {
    top: 0 !important;
}

body.sitemanager-menu-open header,
body.sitemanager-menu-closed header,
body.sitemanager-menu-open header.sticky,
body.sitemanager-menu-closed header.sticky {
    top: 63px !important;
}

header .main-content > .row > .col {
    display: flex !important;
    align-items: center !important;
    justify-content: space-between !important;
    padding: 0 0.625rem !important;
    height: auto !important;
}

header a#logo {
    padding-top: 1.25rem !important;
    padding-bottom: 1.25rem !important;
}

@media (max-width: 767px) {
    header a#logo {
        padding: 0;
        position: absolute !important;
        left: 50% !important;
        top: 50% !important;
        transform: translate(-50%, -50%) !important;
        z-index: 1;
        width: 110px;
        padding-left: 0 !important;
    }
}

header a#logo img {
    /**/
}

header .navbar-toggler {
    margin: 0 !important;
    padding: 1.25rem 0.625rem !important;
}

header .content-toolbar {
    display: flex !important;
    flex: 1 !important;
    align-items: center !important;
    width: 100% !important;
    padding: 0 !important;
    margin: 0 !important;
    order: 3 !important;
    bottom: auto !important;
    /* override monolith .force-inline/.bottom position:absolute */
}

@media(min-width: 768px) {
    header .content-toolbar {
         position: relative !important;
    }
}

header .content-toolbar .content-toolbar-inner {
    /**/
}

header .content-toolbar .content-toolbar-inner > ul.left {
    display: none !important;
}

header .content-toolbar .content-toolbar-inner > ul.right {
    display: flex !important;
    width: 100% !important;
    padding-right: 0.625rem !important;
}

header .content-toolbar .content-toolbar-inner > ul + ul {
    margin-left: 0 !important;
}

header .content-toolbar .content-toolbar-inner > ul > li > a > span {
    text-align: left !important;
    line-height: 1 !important;
    font-size: var(--bs-p-size) !important;
    font-weight: var(--bs-p-weight) !important;
    font-family: var(--bs-p-family) !important;
    color: var(--bs-p-color) !important;
}

header .content-toolbar .content-toolbar-inner > ul > li > a > i + span,
header .content-toolbar .content-toolbar-inner > ul > li.item-currency-switcher > a > span.text-nowrap {
    padding-right: var(--bs-gutter-x) !important;
    border-right: 1px solid var(--bs-input-border-color) !important;
}

header .content-toolbar .content-toolbar-inner > ul > li > a > span,
header .content-toolbar .content-toolbar-inner > ul > li > a > span > strong {
    display: block !important;
    font-weight: 400 !important;
    line-height: 1 !important;
    white-space: nowrap !important;
}

header .content-toolbar .content-toolbar-inner > ul > li > a > span > strong + span {
    font-weight: 300 !important;
    font-size: 90% !important;
}

header .content-toolbar .content-toolbar-inner > ul > li > a > i,
header .content-toolbar .content-toolbar-inner > ul > li > a > i::before {
    text-align: center !important;
}

header .content-toolbar .content-toolbar-inner > ul > li.item-search-inline > form,
header .content-toolbar .content-toolbar-inner > ul > li.item-search-inline > form > .input-group {
    width: 100% !important;

}

header .content-toolbar .content-toolbar-inner > ul > li.item-search-inline > form > .input-group {
    border-width: 1.5px !important;
    border-color: var(--bs-dark) !important;
    border-radius: 0 !important;
}

header .content-toolbar .content-toolbar-inner > ul > li.item-search-inline > form > .input-group:hover {
    background: var(--bs-input-bg-color) !important;
    border-color: var(--bs-primary) !important;
}

header .content-toolbar .content-toolbar-inner > ul > li.item-search-inline > form > .input-group > .form-control {
    font-size: 18px !important;
    color: var(--bs-p-color) !important;
    opacity: 1 !important;
    font-weight: 500 !important;
}

header .content-toolbar .content-toolbar-inner > ul > li.item-search-inline > form > .input-group > .form-control::placeholder {
    color: var(--bs-p-color) !important;
    opacity: 0.6 !important;
    font-weight: 300 !important;
}

header .content-toolbar .content-toolbar-inner > ul > li > a:hover > span,
header .content-toolbar .content-toolbar-inner > ul > li > a:focus > span,
header .content-toolbar .content-toolbar-inner > ul > li.item-search-inline .input-group .input-group-btn .btn:hover > i,
header .content-toolbar .content-toolbar-inner > ul > li.item-search-inline .input-group .input-group-btn .btn:focus > i {
    color: var(--bs-primary); 
}

header .content-toolbar .content-toolbar-inner > ul.right li.item-search-inline .results-dropdown, 
header .content-toolbar .content-toolbar-inner > ul.right li.item-search-inline .results-dropdown.show {
    position: absolute;
    width: 100%;
    top: calc(100% + 2px);
    left: 0.625rem;
    z-index: 3001;
}

header .content-toolbar .content-toolbar-inner > ul.right li.item-search-inline .results-dropdown .dropdown-menu {
    width: calc(100% - 1.25rem) !important;
    padding-bottom: 0.625rem !important;
}

header .content-toolbar .content-toolbar-inner > ul > li.item-currency-switcher .currency-switcher-country {
    font-size: var(--bs-p-size) !important;
    font-weight: 500 !important;
}

header .content-toolbar .content-toolbar-inner > ul > li.item-currency-switcher .currency-switcher-value {
    font-size: var(--bs-p-size) !important;
    font-weight: 300 !important;
}

header .content-toolbar .content-toolbar-inner > ul > li.item-currency-switcher .dropdown-toggle img {
    width: 25px !important;
    height: 25px !important;
    min-width: 25px !important;
    min-height: 25px !important;
    overflow: hidden !important;
    border-radius: 50% !important;
    margin-right: 0.625rem !important;
    object-fit: cover !important;
    border: 1.5px solid var(--bs-dark) !important;
    outline-offset: -3px !important;
    outline: 1px solid var(--bs-light) !important; 
}

header .content-toolbar .content-toolbar-inner > ul > li.item-currency-switcher .menu-currency-switcher .dropdown-item {
    padding-left: 0.625rem !important;
    padding-right: 0.625rem !important;
}

header .content-toolbar .content-toolbar-inner > ul > li.item-currency-switcher .menu-currency-switcher .dropdown-item img {
    max-width: 32px !important;
    margin-right: 0.3125rem !important;
}

@media(max-width:991px){
    header .content-toolbar .content-toolbar-inner > ul > li > a > span {
        display: none !important;
    }
}

@media(max-width:767px){
    header .content-toolbar .content-toolbar-inner>ul>li>a>i,
    header .content-toolbar .content-toolbar-inner>ul>li>a>i:before {
        width: 20px !important;
        height: 20px !important;
        font-size: 20px !important;
    }
    header .content-toolbar .content-toolbar-inner > ul > li.item-search-inline {
        position: absolute !important;
        bottom: -40px !important;
        left: 0 !important;
        width: 100% !important;
        flex: 1 !important;
        padding-left: 0.625rem !important;
        padding-right: 0.625rem !important;
        background: var(--bs-light) !important;
    }
}

@media(min-width:768px){
    header {
        padding: 0 !important;
    }
    header .content-toolbar .content-toolbar-inner > ul > li.item-search-inline {
        flex: 1 !important;
        width: 100%!important;
        padding-left: 0 !important;
        padding-right: 0 !important;
    }
    header .content-toolbar .content-toolbar-inner > ul > li.item-search-inline,
    header .content-toolbar .content-toolbar-inner > ul > li.item-search-inline > form,
    header .content-toolbar .content-toolbar-inner > ul > li.item-search-inline > form > .input-group {
        height: 50px;
    }
    header .content-toolbar .content-toolbar-inner > ul > li.item-search-inline > form > .input-group {        
        margin: 0 0 0 auto !important;
        min-width: 170px !important;
    }
    header .content-toolbar .content-toolbar-inner > ul + ul {
        margin-left: 1.25rem !important;
    }
    header .content-toolbar .content-toolbar-inner > ul > li + li {
        margin-left: 1rem !important;
    }
}

@media(min-width:992px){    
    header a#logo {
        max-width: 30% !important;
    }
    header .content-toolbar .content-toolbar-inner > ul > li > a > span {
        display: none !important;
    }
    header .content-toolbar .content-toolbar-inner > ul > li + li {
        margin-left: 1.25rem !important;
    }
    header .content-toolbar .content-toolbar-inner > ul > li > a > i + span {
        margin-left: 0.3125rem !important;
    }
    header .content-toolbar .content-toolbar-inner > ul > li > a > span.text-nowrap {
        display: flex !important;
        flex-wrap: nowrap !important;
    }
}

@media(min-width:1200px){
    header .main-content > .row > .col {
        padding: 0 2rem !important;
    }
    header .content-toolbar .content-toolbar-inner > ul + ul {
        margin-left: 2rem !important;
    }
    header .content-toolbar .content-toolbar-inner > ul > li > a > span {
        display: block !important;
    }
    header .content-toolbar .content-toolbar-inner > ul > li.item-search-inline {
        padding-right: 0.625rem !important;
    }
}

@media(min-width:1700px){
    header .content-toolbar .content-toolbar-inner > ul > li.item-search-inline > form {
        max-width: 80% !important;
        display: block !important;
        margin: 0 auto !important;
    }
}






/* ==============================
   Desktop Navigation
============================== */

nav.navbar #main-navigation .mobile-container .mobile-top .mobile-top-nav-links .navbar-nav .nav-item.sale-link > .nav-link,
nav.navbar #main-navigation .mobile-container .mobile-top .mobile-top-nav-links .navbar-nav .nav-item.sale-link > .nav-link span {
    color: var(--bs-danger) !important;
    font-weight: 700 !important;
}

@media(min-width: 768px){
    nav.navbar #main-navigation .mobile-top .mobile-top-nav-links .navbar-nav .nav-item.dropdown .dropdown-menu .dropdown-item:not(.dropdown-item-parent),
    nav.navbar #main-navigation .mobile-top .mobile-top-nav-links .navbar-nav .nav-item .nav-link, 
    nav.navbar #main-navigation .mobile-top .mobile-top-nav-links .navbar-nav .nav-item.dropdown .dropdown-menu .dropdown-item {
        padding-left: 0 !important;
    }

    nav.navbar #main-navigation .mobile-top .mobile-top-nav-links,
    nav.navbar #main-navigation .mobile-top .mobile-top-nav-links .navbar-nav .nav-item .dropdown-menu {
        background: var(--bs-light) !important;
    }

    nav.navbar #main-navigation .mobile-top .mobile-top-nav-links .navbar-nav .nav-item .nav-link-and-plus-wrap, 
    nav.navbar #main-navigation .mobile-top .mobile-top-nav-links .navbar-nav .nav-item.dropdown .dropdown-menu .dropdown-item {
        height: 30px !important;
        margin: 3px 0 !important;
    }

    nav.navbar #main-navigation .mobile-top .mobile-top-nav-links .navbar-nav .nav-item .nav-link-and-plus-wrap {
        font-weight: 700 !important;
    }
    nav.navbar #main-navigation .mobile-container .mobile-top .mobile-top-nav-links .navbar-nav .nav-item .nav-link {
        letter-spacing: 0.055rem !important;
        padding-left: 0 !important;
          font-size: 15px !important;
          text-transform: capitalize !important;
          padding: 0 4px !important;
    }

    nav.navbar #main-navigation .mobile-container .mobile-top .mobile-top-nav-links .navbar-nav {
        justify-content: space-around !important;
        border-top: 1px solid var(--bs-input-border-color) !important;
    }
    nav.navbar #main-navigation .mobile-container .mobile-top .mobile-top-nav-links .navbar-nav .nav-item .nav-link {
        line-height: 1.05 !important;
    }
    nav.navbar #main-navigation .mobile-container .mobile-top .mobile-top-nav-links .navbar-nav .nav-item > .nav-link > i {
        font-size: 16px !important;
        transform: translateY(-1px) !important;
    }
    nav.navbar #main-navigation .mobile-container .mobile-top .mobile-top-nav-links .navbar-nav .nav-item:hover .nav-link,
    nav.navbar #main-navigation .mobile-container .mobile-top .mobile-top-nav-links .navbar-nav .nav-item.dropdown-is-open .nav-link {
        color: var(--bs-secondary) !important;
    }
    nav.navbar #main-navigation .mobile-container .mobile-top .mobile-top-nav-links .navbar-nav .nav-item.sale-link:hover .nav-link,
    nav.navbar #main-navigation .mobile-container .mobile-top .mobile-top-nav-links .navbar-nav .nav-item.sale-link.dropdown-is-open .nav-link {
        color: var(--bs-dark) !important;
    }
    nav.navbar #main-navigation .mobile-container .mobile-top .mobile-top-nav-links .navbar-nav .nav-item.dropdown .dropdown-menu.dropdown-menu-wide .container .row {
        margin-left: -0.3125rem !important;
        margin-right: -0.3125rem !important;
    }  
    nav.navbar #main-navigation .mobile-container .mobile-top .mobile-top-nav-links .navbar-nav .nav-item.dropdown .dropdown-menu.dropdown-menu-wide .container .row > *, 
    nav.navbar #main-navigation .mobile-container .mobile-top .mobile-top-nav-links .navbar-nav .nav-item.dropdown .dropdown-menu.dropdown-menu-wide .container .row > div[class*=col-] {
        padding-left: 0.3125rem !important;
        padding-right: 0.3125rem !important;
    }
    nav.navbar #main-navigation .mobile-container .mobile-top .mobile-top-nav-links .navbar-nav .nav-item.dropdown .dropdown-menu.dropdown-menu-wide .dropdown-item.dropdown-item-image > .text-center.small.pt-1, 
    nav.navbar #main-navigation .mobile-container .mobile-top .mobile-top-nav-links .navbar-nav .nav-item.dropdown .dropdown-menu.dropdown-menu-wide .dropdown-item.dropdown-item-image .dropdown-item-image-text {
        text-align: left !important;
        font-weight: 700 !important;
        width: 100% !important;
        margin-top: 0.25rem !important;
        font-size: 1rem !important;
    }
    nav.navbar #main-navigation .mobile-container .mobile-top .mobile-top-nav-links .navbar-nav .nav-item.dropdown .dropdown-menu.dropdown-menu-wide .dropdown-item:hover,
    nav.navbar #main-navigation .mobile-container .mobile-top .mobile-top-nav-links .navbar-nav .nav-item.dropdown .dropdown-menu.dropdown-menu-wide .dropdown-item:focus,
    nav.navbar #main-navigation .mobile-container .mobile-top .mobile-top-nav-links .navbar-nav .nav-item.dropdown .dropdown-menu.dropdown-menu-wide .dropdown-item.dropdown-item-image:hover .text-center.small.pt-1,
    nav.navbar #main-navigation .mobile-container .mobile-top .mobile-top-nav-links .navbar-nav .nav-item.dropdown .dropdown-menu.dropdown-menu-wide .dropdown-item.dropdown-item-image:focus .text-center.small.pt-1 {
        color: var(--bs-secondary) !important;
    }
}


@media(min-width: 992px) {
    nav.navbar #main-navigation .mobile-container .mobile-top .mobile-top-nav-links .navbar-nav .nav-item .nav-link {
          font-size: 17px !important;
    }    
}

@media(min-width: 1400px) {
    nav.navbar #main-navigation .mobile-container .mobile-top .mobile-top-nav-links .navbar-nav .nav-item.dropdown .dropdown-menu.dropdown-menu-wide .container {
        max-width: 1340px !important;
    }
}

@media(min-width: 1700px) {
    nav.navbar #main-navigation .mobile-container .mobile-top .mobile-top-nav-links .navbar-nav .nav-item.dropdown .dropdown-menu.dropdown-menu-wide .container {
        max-width: 1640px !important;
    }
}

/* ==============================
   Mobile Navigation
============================== */



@media (max-width: 767px) {
    nav.navbar #main-navigation .mobile-top-toolbar .toolbar-item .dropdown-menu {
        width: 100% !important;
        min-width: 100% !important;
        border-radius: 0 !important;
        border: 0 !important;
        padding-top: 15px !important;
    }
    nav.navbar #main-navigation .mobile-top-toolbar .toolbar-item {
        line-height: 1;
        padding: calc(0.625rem * 0.25) calc(0.625rem * 1.0) calc(0.625rem * 0.25) calc(0.625rem * 1.5);
    }
}

@media (max-width: 767px) {
    .dropdown-menu .form-label-group>label {
        background: transparent !important;
    }
    nav.navbar #main-navigation  {
        background: var(--bs-input-bg-color) !important;
    }
    nav.navbar #main-navigation .mobile-container .mobile-top {
        display: flex;
        flex-flow: column wrap;
    }
    nav.navbar #main-navigation .mobile-container .mobile-bottom {
        display: none !important;
    }
    nav.navbar #main-navigation .mobile-container .mobile-top .mobile-top-nav-links {
        background: var(--bs-light) !important;
    }
    nav.navbar #main-navigation .mobile-container .mobile-top .mobile-top-nav-links .navbar-nav .nav-item {
        justify-content: flex-start !important;
        align-items: flex-start !important;
    }
    nav.navbar #main-navigation .mobile-container .mobile-top .mobile-top-nav-links .navbar-nav .nav-item:first-child {
        border-top: 0 !important;
    }
    nav.navbar #main-navigation .mobile-container .mobile-top .mobile-top-nav-links .navbar-nav .nav-item > .nav-link > i {
        /* font-size: 16px !important; */
        transform: translateY(-2px) !important;
        margin-right: 7px !important;
    }
    nav.navbar #main-navigation .mobile-container .mobile-top .mobile-top-nav-links .navbar-nav .nav-item > .nav-link-and-plus-wrap .dropdown-plus,
    nav.navbar #main-navigation .mobile-container .mobile-top .mobile-top-nav-links .navbar-nav .nav-item > .dropdown-menu .dropdown.dropdown-submenu > .nav-link-and-plus-wrap > .dropdown-plus {
        margin-right: 5px !important;
        flex: 1 !important;
        width: 100% !important;
    }
    nav.navbar #main-navigation .mobile-container .mobile-top .mobile-top-nav-links .navbar-nav .nav-item.dropdown .dropdown-menu.dropdown-menu-wide .dropdown-item {
        /* font-size: 16px !important; */
    }
    nav.navbar #main-navigation .mobile-top .mobile-top-nav-links .navbar-nav .nav-item .nav-link-and-plus-wrap, nav.navbar #main-navigation .mobile-top .mobile-top-nav-links .navbar-nav .nav-item.dropdown .dropdown-menu .dropdown-item {
        height: 40px !important;
    }
    nav.navbar #main-navigation .mobile-container .mobile-top .mobile-top-nav-links .navbar-nav .nav-item.dropdown .dropdown-menu.dropdown-menu-wide .dropdown-menu-heading {
        font-size: 21px !important;
        font-weight: var(--bs-h3-weight) !important;
        font-family: var(--bs-h3-family) !important;    
        font-weight: bold !important;
        display: block !important;
        width: 100% !important;
        border-bottom: 1px solid var(--bs-input-border-color) !important;
        padding-bottom: 0.625rem;
        margin-bottom: 0;
    }
    nav.navbar #main-navigation .mobile-container .mobile-top .mobile-top-nav-links .navbar-nav > .nav-item.has-a-plus.dropdown-wide .dropdown-menu-wide a.dropdown-item-parent {
        width: auto !important;
    }
        
    nav.navbar #main-navigation .mobile-container .mobile-top .mobile-top-nav-links .navbar-nav .nav-item .nav-link {
        font-size: 16px !important;
        color: var(--bs-dark) !important;
        width: auto !important;
    }
    nav.navbar #main-navigation .mobile-container .mobile-top .mobile-top-nav-links .navbar-nav .nav-item .nav-link:hover, 
    nav.navbar #main-navigation .mobile-container .mobile-top .mobile-top-nav-links .navbar-nav .nav-item .nav-link:focus, 
    nav.navbar #main-navigation .mobile-container .mobile-top .mobile-top-nav-links .navbar-nav .nav-item .nav-link:active {
        color: var(--bs-primary) !important;
    }
    nav.navbar #main-navigation .mobile-container .mobile-top .mobile-top-nav-links .navbar-nav .nav-item .nav-link {
        line-height: 1.05 !important;
        box-shadow: none;
        padding: 9px 25px 8px 25px !important;
        text-transform: uppercase !important;
        font-weight: 500 !important;
        font-size: 16px !important;
        letter-spacing: 0.125rem !important;
    }
    nav.navbar #main-navigation .mobile-container .mobile-top .mobile-top-nav-links .navbar-nav .nav-item.dropdown .dropdown-menu {
        padding-bottom: 1px !important;
    }
    nav.navbar #main-navigation .mobile-container .mobile-top .mobile-top-nav-links .navbar-nav .nav-item.dropdown .dropdown-menu .dropdown-menu {
        padding-bottom: 0 !important;
    }
    nav.navbar #main-navigation .mobile-container .mobile-top .mobile-top-nav-links .navbar-nav .nav-item.dropdown .dropdown-menu .dropdown-item {
        padding-left: 25px !important;
        padding-top: 4px !important;
        padding-bottom: 4px !important;
        font-weight: 500 !important;
    }
    nav.navbar #main-navigation .mobile-container .mobile-top .mobile-top-nav-links .navbar-nav .nav-item.dropdown .dropdown-item, 
    nav.navbar #main-navigation .mobile-container .mobile-top .mobile-top-nav-links .navbar-nav .nav-item.dropdown .dropdown-submenu, 
    nav.navbar #main-navigation .mobile-container .mobile-top .mobile-top-nav-links .navbar-nav .nav-item.dropdown .mobile-dropdown,
    nav.navbar #main-navigation .mobile-container .mobile-top .mobile-top-nav-links .navbar-nav .nav-item.dropdown .dropdown-submenu .dropdown-menu .dropdown-item {
        border-color: transparent !important;
    }
    nav.navbar #main-navigation .mobile-container .mobile-top .mobile-top-nav-links .navbar-nav .nav-item.dropdown .dropdown-menu .dropdown-menu-children .dropdown-item {
        padding-left: 40px !important;
        font-weight: 400 !important;
    }
    nav.navbar #main-navigation .mobile-container .mobile-top .mobile-top-nav-links .navbar-nav .nav-item > .nav-link-and-plus-wrap,
    nav.navbar #main-navigation .mobile-container .mobile-top .mobile-top-nav-links .navbar-nav .nav-item .dropdown-menu .dropdown.dropdown-submenu > .nav-link-and-plus-wrap,
    nav.navbar #main-navigation .mobile-container .mobile-top .mobile-top-nav-links .navbar-nav .nav-item .dropdown-menu .dropdown.dropdown-submenu > .nav-link-and-plus-wrap > .dropdown-plus,
    nav.navbar #main-navigation .mobile-container .mobile-top .mobile-top-nav-links .navbar-nav .nav-item .dropdown-menu .dropdown.dropdown-submenu > .nav-link-and-plus-wrap > .dropdown-plus > i.icon-plus { 
        align-items: flex-end !important;
    }
    nav.navbar #main-navigation .mobile-container .mobile-top .mobile-top-nav-links .navbar-nav .nav-item > .nav-link-and-plus-wrap .dropdown-plus,
    nav.navbar #main-navigation .mobile-container .mobile-top .mobile-top-nav-links .navbar-nav .nav-item.show > .nav-link-and-plus-wrap .dropdown-plus {
        height: 30px !important;
        width: 40px !important;
        padding-bottom: 17px !important;
        display: flex !important;
        justify-content: flex-start !important;
        align-items: flex-end !important;
    }
    nav.navbar #main-navigation .mobile-container .mobile-top .mobile-top-nav-links .navbar-nav .nav-item .dropdown-menu .dropdown.dropdown-submenu > .nav-link-and-plus-wrap > .dropdown-plus,
    nav.navbar #main-navigation .mobile-container .mobile-top .mobile-top-nav-links .navbar-nav .nav-item .dropdown-menu .dropdown.dropdown-submenu.show > .nav-link-and-plus-wrap > .dropdown-plus {
        height: 30px !important;
        width: 40px !important;
        padding-bottom: 7px !important;
        display: flex !important;
        justify-content: flex-start !important;
        align-items: flex-end !important;
    }
    nav.navbar #main-navigation .mobile-container .mobile-top .mobile-top-nav-links .navbar-nav .nav-item.dropdown .dropdown-menu .dropdown-plus > i::before,
    nav.navbar #main-navigation .mobile-container .mobile-top .mobile-top-nav-links .navbar-nav > .nav-item.has-a-plus > .nav-link-and-plus-wrap > .dropdown-plus > i.icon-plus::before,
    nav.navbar #main-navigation .mobile-container .mobile-top .mobile-top-nav-links .navbar-nav .nav-item.dropdown .dropdown-menu .dropdown-submenu.show .nav-link-and-plus-wrap .dropdown-plus > i::before {
        content: "\e909" !important;
        height: 18px !important;
        width: 18px !important;
        transition: all 0.3s ease-in-out !important;
        transform-origin: center !important;
    }    
    nav.navbar #main-navigation .mobile-container .mobile-top .mobile-top-nav-links .navbar-nav .nav-item > .nav-link-and-plus-wrap .dropdown-plus > i, 
    nav.navbar #main-navigation .mobile-container .mobile-top .mobile-top-nav-links .navbar-nav .nav-item.show > .nav-link-and-plus-wrap .dropdown-plus > i,
    nav.navbar #main-navigation .mobile-container .mobile-top .mobile-top-nav-links .navbar-nav .nav-item.dropdown .dropdown-menu .dropdown-plus > i,
    nav.navbar #main-navigation .mobile-container .mobile-top .mobile-top-nav-links .navbar-nav .nav-item.dropdown .dropdown-menu .dropdown-submenu.show .nav-link-and-plus-wrap .dropdown-plus > i {
        align-items: flex-end !important;
        height: 18px !important;
        width: 18px !important;
        transform-origin: center !important;
    }
    nav.navbar #main-navigation .mobile-container .mobile-top .mobile-top-nav-links .navbar-nav > .nav-item.has-a-plus.show > .nav-link-and-plus-wrap > .dropdown-plus > i.icon-plus {
        transform: scale(1) rotate(-180deg) !important;
        transform-origin: center !important;
    }
    nav.navbar #main-navigation .mobile-container .mobile-top .mobile-top-nav-links .navbar-nav > .nav-item.has-a-plus > .dropdown-menu .dropdown.dropdown-submenu.show > .nav-link-and-plus-wrap > .dropdown-plus > i.icon-plus {
        transform: scale(0.75) rotate(-180deg) !important;
        transform-origin: center !important;
    }    
    nav.navbar #main-navigation .mobile-container .mobile-top .mobile-top-search {
        display: none !important;
    }
    nav.navbar #main-navigation .mobile-container .mobile-top .input-group {
        background: #ffffff !important;
    }
    nav.navbar #main-navigation .mobile-container .mobile-top .mobile-top-toolbar {
        margin-top: 0 !important;
        background: var(--bs-input-bg-color) !important;
        border-top: 0 !important;
    }
    nav.navbar #main-navigation .mobile-container .mobile-top .mobile-top-toolbar a {
        line-height: 1.05 !important;
        box-shadow: none !important;
        text-transform: uppercase !important;
        font-size: 15px !important;
        letter-spacing: 0.125rem !important;
    }
    nav.navbar #main-navigation .mobile-container .mobile-top .mobile-top-toolbar .toolbar-item > a {
        justify-content: flex-start !important;
    }
    nav.navbar #main-navigation .mobile-container .mobile-top .mobile-top-toolbar .toolbar-item > a > i {
        display: inline !important;
        border: none !important;
        width: auto !important;
        height: auto !important;
        margin-right: 1px !important;
    }
    nav.navbar #main-navigation .mobile-container .mobile-top .mobile-top-toolbar .toolbar-item > a > i + span {
        display: inline !important;
        margin-left: 7px !important;
        font-weight: 500 !important;
    }
    nav.navbar #main-navigation .mobile-container .mobile-top .mobile-top-toolbar .toolbar-item > a,
    nav.navbar #main-navigation .mobile-container .mobile-top .mobile-top-toolbar .toolbar-item > a.dropdown-toggle {
        padding-top: 14px !important;
        padding-bottom: 14px !important;
        padding-left: 10px !important;
    }    
    nav.navbar #main-navigation .mobile-container .mobile-top .mobile-top-toolbar .toolbar-item > a.dropdown-toggle::after {
        font-family: var(--bs-icon-font) !important;
        content: "\e909" !important;
        transform: rotate(0deg) scale(1.0) !important;
        margin-left: auto !important;
        margin-right: 13px !important;
    }
    nav.navbar #main-navigation .mobile-container .mobile-top .mobile-top-toolbar .toolbar-item.dropdown.show .dropdown-toggle::after, 
    nav.navbar #main-navigation .mobile-container .mobile-top .mobile-top-toolbar .toolbar-item.dropdown.menu-open .dropdown-toggle::after {
        transform: rotate(-180deg) scale(1.0) !important;
    }
    nav.navbar #main-navigation .mobile-container .mobile-top .mobile-top-toolbar .toolbar-item .dropdown-menu {
        background: var(--bs-light) !important;
    }
    nav.navbar #main-navigation .mobile-container .mobile-top .mobile-top-toolbar .toolbar-item .dropdown-menu a {
        text-transform: none !important;
        font-size: 0.9rem !important;
        font-weight: 500 !important;
        letter-spacing: 0.05rem !important;
    }
}

@media(max-width:575px){
    nav.navbar #main-navigation .mobile-container .mobile-top .mobile-top-nav-links .navbar-nav .nav-item.dropdown .dropdown-menu.dropdown-menu-wide .dropdown-menu-heading {
        display: none !important;
    }   
    nav.navbar #main-navigation {
        width: calc(100% - 72px) !important;
        transform: translateX(-100%) !important
    }
    html body #page-wrap {
        transform: translateX(0px) !important;
        transition: 300ms ease-in-out 100ms !important
    }
    html body.nav-left-back-open #page-wrap,
    html body.nav-left-back-open.grid-menu-open #page-wrap {
        transform: translateX(calc(100% - 72px)) !important
    }
}

.mobile-toolbar-wrapper .form-control:disabled, 
.mobile-toolbar-wrapper .form-control[readonly] {
    background-color: #eeedec;
}

.mobile-top-nav-links .search-inline-container {
    width: 100% !important;
    padding: 0 10px !important;
}

@media(min-width: 768px) {
    nav.navbar #main-navigation .mobile-top .mobile-top-nav-links .navbar-nav .nav-item.dropdown .dropdown-menu .dropdown-item-parent {
        font-weight: 600 !important;
    }
}