:root {
    color: var(--muted-text);

    --primary-color: var(--bark);
    --secondary-color: #f3733e;

    /*New Website Palette*/
    --bark: #2E2A25;
    --bark-light: #4A4239;
    --quantil-orange: #F3733E;
    --orange-deep: #C25321;
    --leaf: #4A7C59;
    --stone: #FAF8F5;
    --line: #E4DED5;
    --orange-wash: #FDF0E8;
    --muted-text: #7A736A;
    --alert: #B4442F;

    /*Override Colors*/
    --ao-myaccount: var(--quantil-orange);

    /*One Step Checkout Overrides*/
    --co-accent: var(--quantil-orange);
    --co-accent-dark: var(--orange-deep);
}




/* High-Contrast EQI Order Overview on Basket Page */
#eqi-basket-msg-banner .eqi-restrictions {
    background-color: #ffffff;
    border: 2px solid var(--bark);
    border-radius: 8px;
    box-shadow: 0 4px 12px rgba(46, 42, 37, 0.08), 0 1px 3px rgba(46, 42, 37, 0.05);
    overflow: hidden;
    margin-bottom: 20px;
}

#eqi-basket-msg-banner .eqi-restrictions .eqi-restrictions-heading {
    background-color: var(--bark);
    color: #ffffff;
    font-size: 14px;
    font-weight: 700;
    letter-spacing: 0.5px;
    text-transform: uppercase;
    padding: 10px 16px;
    border-bottom: 3px solid var(--quantil-orange);
}

#eqi-basket-msg-banner .eqi-restrictions .eqi-restriction-rows {
    background-color: #ffffff;
    padding: 6px 16px;
}

#eqi-basket-msg-banner .eqi-restrictions .eqi-restriction-rows span:not(.eqi-qty) {
    color: var(--bark);
}

#eqi-basket-msg-banner .eqi-restrictions span.eqi-restriction-name {
    font-weight: 700;
    color: var(--bark);
}

#eqi-basket-msg-banner .eqi-restrictions small {
    color: var(--bark-light);
    font-weight: 500;
}

div#editbasketformcontainer div.panel-default > div.panel-heading {
    background-color: var(--quantil-orange);
    border-color: var(--orange-deep);
}

div#editbasketformcontainer div.panel-default > div.panel-body {
    background-color: var(--line);
    border-color: var(--bark-light);
}

.ao-card--myaccount:hover {
    background-color: var(--ao-myaccount);
    border-color: var(--bark-light);
}
div.ao-info-card__header.panel-heading {
    border-color: var(--orange-deep);
}

#leftsidebar .portal.panel-default.ao-panel--myaccount > .panel-heading,
#leftsidebar .panel-default > .panel-heading > h4 > a:hover {
    background-color: var(--quantil-orange);
    border-color: var(--orange-deep);
}

#leftsidebar .portal.panel-default.ao-panel--myaccount > .panel-body {
    background-color: var(--line);
    border-color: var(--bark-light);
    ul li {
        color: var(--muted-text);
        a {
            color: var(--muted-text);
        }
        a:hover {
            color: var(--quantil-orange);
        }
    }
}

#leftsidebar .panel-default#browseby-panel > .panel-heading {
    background-color: var(--quantil-orange);
    border-color: var(--orange-deep);
}
#leftsidebar .panel-default#browseby-panel > #browseby > .panel-body {
    background-color: var(--line);
    border-color: var(--bark-light);
    ul li {
        color: var(--muted-text);
        a {
            color: var(--muted-text);
        }
        a:hover {
            color: var(--quantil-orange);
        }
    }
}
#leftsidebar .panel-default#browseby-panel > .panel-heading > h2 > a:hover {
    background-color: var(--quantil-orange);
    border-color: var(--quantil-orange);
}

/* High-Contrast Floating EQI Order Overview in Sidebar */
#leftsidebar #eqi-sidebar-msg-banner .eqi-restrictions,
#leftsidebar div.eqi-restrictions {
    background-color: #ffffff;
    border: 2px solid var(--bark);
    border-radius: 8px;
    box-shadow: 0 8px 24px rgba(46, 42, 37, 0.16), 0 2px 6px rgba(46, 42, 37, 0.08);
    overflow: hidden;
}

#leftsidebar #eqi-sidebar-msg-banner .eqi-restrictions .eqi-restrictions-heading,
#leftsidebar div.eqi-restrictions div.eqi-restrictions-heading {
    background-color: var(--bark);
    color: #ffffff;
    font-size: 14px;
    font-weight: 700;
    letter-spacing: 0.5px;
    text-transform: uppercase;
    padding: 10px 16px;
    border-bottom: 3px solid var(--quantil-orange);
}

#leftsidebar #eqi-sidebar-msg-banner .eqi-restrictions .eqi-restriction-rows,
#leftsidebar div.eqi-restrictions div.eqi-restriction-rows {
    background-color: #ffffff;
    padding: 6px 16px;
}

#leftsidebar #eqi-sidebar-msg-banner .eqi-restrictions .eqi-restriction-rows span:not(.eqi-qty),
#leftsidebar div.eqi-restrictions div.eqi-restriction-rows span:not(.eqi-qty) {
    color: var(--bark);
}

#leftsidebar #eqi-sidebar-msg-banner .eqi-restrictions span.eqi-restriction-name,
#leftsidebar div.eqi-restrictions span.eqi-restriction-name {
    font-weight: 700;
    color: var(--bark);
}

#leftsidebar #eqi-sidebar-msg-banner .eqi-restrictions small,
#leftsidebar div.eqi-restrictions small {
    color: var(--bark-light);
    font-weight: 500;
}

#breadcrumbs > ul {
    li > a {
        color: var(--muted-text);
    }
    li > a:hover {
        color: var(--orange-deep);
    }
    background-color: var(--line)
}

a, .header-basket a, .price-block, .home-featured h3, .h2, .h3, .h4, .h5, .h6, h2, h3, h4, h5, h6, .product-box .quoteform button.quotesubmitinput-prodlist .fas, .product-box .wishlistsubmitinput-prodlist .far, .product-box .wishlistsubmitinput-prodlist .fas, #accordian-files a {
    color: var(--primary-color);
}
a:hover {
    color: var(--secondary-color);
}
.navbar.navbar-default.navbar-fixed-top {
    background-color: transparent;
    color: transparent;
}
.navbar.navbar-default.navbar-fixed-top.quantil-top-bar {
    background-color: var(--bark);
    color: var(--bark);
}
/*.navbar-logout i, .navbar-myaccount i, .navbar-social i, .drilldown a {*/
/*    color: var(--stone);*/
/*}*/
.navbar-logout i:hover, .navbar-myaccount i:hover, .navbar-social i:hover, .drilldown a:hover {
    color: var(--quantil-orange);
}
.navbar {
    /*i {*/
    /*    color: var(--stone);*/
    /*}*/
    span {
        color: var(--stone);
    }
    i:hover {
        color: var(--orange-wash);
        font-weight: bolder;
    }
    span:hover {
        color: var(--orange-wash);
        font-weight: bolder;
    }
}
.header-search .searchform  {
    #mainsearch {
        background-color: var(--line);
        color: var(--muted-text);
    }
    #mainsearch:focus {
        font-weight: bolder;
    }
}
/*.header-search .searchform .btn, #search .searchform .btn {*/
/*    background: var(--bark);*/
/*    border: 1px solid var(--bark-light) !important;*/
/*}*/
/*.header-search .searchform .btn, #search .searchform .btn:hover {*/
/*    background: var(--quantil-orange);*/
/*    border: 1px solid var(--orange-deep) !important;*/
/*}*/
span.input-group-btn > button.btn.btn-default {
    background: var(--bark-light);
    border: 1px solid var(--bark) !important;
}
span.input-group-btn > button.btn.btn-default:hover {
    background: var(--quantil-orange);
    border: 1px solid var(--orange-deep) !important;
}
#logo {
    width: 220px;
}
.navbar-default {
    background-color: transparent;
    border-color: transparent;
}
p.navbar-text > i {
    color: var(--stone);
}
.yamm {
    margin-top: 0;
}

.yamm .level1>a {
    font-size: 13px!important;
    color: var(--stone);
}
.yamm .level1:hover, .nav>li>a:focus, .nav>li>a:hover {
    background: var(--secondary-color);
}
.yamm .nav-heading a, #footer a:hover {
    color: var(--secondary-color);
}
.h1, h1 {
    color: var(--secondary-color);
    font-weight: 600;
}
.featured-title, #leftsidebar .panel-default > .panel-heading a:hover {
    background: var(--primary-color);
    color: var(--stone);
}
.panel-default>.panel-heading {
    color: var(--stone);
    background-color: var(--bark-light);
    border-color: var(--bark);
}
.panel-group#accordion h4 a:hover {
    color: var(--quantil-orange);
}
#leftsidebar .panel-title .collapsed::after, #leftsidebar .panel-title a::after, #accordion .panel-title a, #users-accordion a {
    color: var(--stone);
}
footer, #footer {
    background: var(--primary-color);
    color: var(--stone);
}
#footer h3, #footer a, a.navbar-greeting, .navbar-logout, .navbar-myaccount, a.navbar-social {
    color: var(--stone);
}
.btn-primary {
    background-color: var(--bark-light);
    border-color: var(--bark);
}
.btn-primary:hover {
    background-color: var(--quantil-orange);
    border-color: var(--orange-deep);
}
.btn:hover {
    background-color: var(--quantil-orange);
    border-color: var(--quantil-orange);
    font-weight: bolder;
    color: var(--stone);
}
.btn-danger {
    background-color: var(--stone);
    border-color: var(--quantil-orange);
    color: var(--muted-text)
}
.quotesubmitinput-prodlist, .wishlistsubmitinput-prodlist, .addFavourite, .moveFavourite {
    color: unset;
}
#tooltip-notifications.noty_type__success {
    background-color: var(--leaf);
    border-bottom: 1px solid var(--leaf);
}
ul.top-bar-links li a:hover, ul.top-bar-links li button:hover, ul.top-bar-links li a > span:hover {
    color: var(--quantil-orange);
}
ul.top-bar-social li > a > i:hover {
    transition: all 500ms;
}
ul.top-bar-social li > a > i:hover {
    color: var(--quantil-orange);
    font-size-adjust: 1.1;
}
span.grpselectlabel {
    width: 130px;
    word-wrap: break-word;
}
.selectors {
    min-height:40px;
    margin-top: 10px;
}
@media only screen and (max-width: 991px) {
    .navbar-default .navbar-toggle:focus, .navbar-default .navbar-toggle:hover {
        background-color: var(--primary-color);
    }
    .drilldown li {
        border-bottom: 1px solid var(--bark-light);
        background: var(--bark-light);
    }
    .drilldown a.navback {
        color: var(--stone);
        background-color: var(--bark-light);
    }
}
@media only screen and (max-width: 600px) {
    body {
        text-align: left;
    }
}
@media only screen and (max-width: 480px) {
    .navbar-brand {
        padding: 15px 0;
    }
}

/* EQI Sticky Sidebar Message Banner */
@media (min-width: 992px) {
    .main > .container > .row,
    .main .container > .row {
        display: flex;
    }

    .main > .container > .row:before,
    .main > .container > .row:after,
    .main .container > .row:before,
    .main .container > .row:after {
        display: none;
    }

    #leftsidebar:not(.pull-right) {
        order: -1;
    }

    #eqi-sidebar-msg-banner {
        position: -webkit-sticky;
        position: sticky;
        top: 80px;
        z-index: 100;
    }
}

.co-section {
    background: var(--stone);
    border: 1px solid lightgray;
    border-left: 3px solid var(--co-accent, var(--orange-deep));
    border-radius: 8px;
    box-shadow: 0 1px 2px rgba(16, 24, 40, 0.04);
    padding: 20px 24px;
    margin-bottom: 16px;
}

.co-section .delivery-methods {
    display: none;
}

#onepage-form-col .co-section .co-subsection-heading {
    margin-top: 0;
    border-top: none;
}

#co-summary-delivery {
    display: none;
}

.address-summary-card {
    display: flex;
    align-items: center;
    padding: 12px 15px;
    border: 2px solid var(--orange-deep);
    border-radius: 6px;
    background-color: var(--orange-wash);
}

.address-change-link {
    font-size: 13px;
    font-weight: 600;
    color: var(--quantil-orange);
}

.address-picker-links a {
    font-size: 13px;
    color: var(--quantil-orange);
}

.co-billing-card {
    padding: 10px 14px;
    border: 1px solid lightgray;
    border-radius: 6px;
    background-color: var(--orange-wash);
    font-size: 13px;
    line-height: 1.7;
    color: var(--muted-text);
}

.co-total-grand {
    color: var(--stone);
}

#onepage-form-col .payment-methods fieldset:has(input[type=radio]:checked) {
    border-color: var(--quantil-orange);
    background-color: var(--orange-wash);
}

.co-step-line-done {
    background: var(--quantil-orange);
}

.co-step-active .co-step-circle {
    border-color: var(--orange-deep);
    background: var(--quantil-orange);
    box-shadow: 0 0 0 4px rgba(51,122,183,0.15);
}

.co-step-active .co-step-label {
    color: var(--quantil-orange);
}

.co-completion-success .co-completion-icon {
    color: var(--leaf);
}

.co-completion-success {
    border-top-color: var(--leaf);
}

/* SSA Large Quantity Confirmation Modal (Bootstrap 3) */
#ssa-qty-confirm-modal .modal-dialog {
    margin-top: 100px;
}

#ssa-qty-confirm-modal .modal-content {
    border-radius: 8px;
    overflow: hidden;
    border: 2px solid var(--bark);
    box-shadow: 0 8px 24px rgba(46, 42, 37, 0.25);
}

#ssa-qty-confirm-modal .modal-header {
    background-color: var(--bark);
    color: #ffffff;
    padding: 14px 20px;
    border-bottom: 3px solid var(--quantil-orange);
}

#ssa-qty-confirm-modal .modal-title {
    color: #ffffff;
    font-size: 16px;
    font-weight: 700;
    letter-spacing: 0.3px;
    margin: 0;
}

#ssa-qty-confirm-modal .modal-header .close {
    color: #ffffff;
    opacity: 0.8;
    text-shadow: none;
    font-size: 24px;
    margin-top: -2px;
}

#ssa-qty-confirm-modal .modal-header .close:hover {
    opacity: 1;
    color: #ffffff;
}

#ssa-qty-confirm-modal .modal-body {
    padding: 22px 24px;
    background-color: #ffffff;
}

#ssa-qty-confirm-modal #ssa-qty-modal-number {
    background-color: var(--quantil-orange);
    color: #ffffff;
    font-weight: 700;
    font-size: 15px;
    padding: 3px 8px;
    border-radius: 4px;
    vertical-align: middle;
}

#ssa-qty-confirm-modal .modal-footer {
    background-color: var(--stone);
    border-top: 1px solid var(--line);
    padding: 14px 24px;
}

#ssa-qty-confirm-modal .modal-footer .btn-default {
    border-color: var(--line);
    color: var(--bark);
    font-weight: 600;
    padding: 7px 18px;
    background-color: #ffffff;
}

#ssa-qty-confirm-modal .modal-footer .btn-default:hover {
    background-color: var(--line);
    color: var(--bark);
}

#ssa-qty-confirm-modal #ssa-qty-modal-confirm {
    background-color: var(--quantil-orange);
    border-color: var(--orange-deep);
    color: #ffffff;
    font-weight: 700;
    padding: 7px 20px;
    transition: background-color 0.2s ease, border-color 0.2s ease;
}

#ssa-qty-confirm-modal #ssa-qty-modal-confirm:hover,
#ssa-qty-confirm-modal #ssa-qty-modal-confirm:focus {
    background-color: var(--orange-deep);
    border-color: #9d3e15;
    color: #ffffff;
}

.menu-container {
    background-color: var(--bark);
    color: var(--stone);
    margin-top: 20px;
}