/* Custom Css changes by Vishvajit Acharya */
.form-field.form-field--stock {
    font-weight: bold;
}

/* Move item summary to the left to allow space for the chat widget on mobile. */ 
.cartDrawer {
margin-right: 65px!important;
left:0!important;

}   

.dr-hide {
    width: 100%;
    
}

.totals-wrap dl dt:last-of-type, .totals-wrap dl dd:last-of-type {
    font-style: normal;
    font-weight: normal;
    font-size: 1rem;
    line-height: 1.5rem;
}


/*stamped.io styles */

.stamped-visual-gallery-load-more a {
    color: white!important;
    text-decoration: none;
    background: #98262b;
    border-color: #98262b;
    padding: 10px;
    display: block;
    width: 180px;
    
    
}

.stamped-visual-gallery-load-more div { 
border-color: #fff !important;
}

/* rebrand styles */

/* Rebranding Colors */
body>footer {
    background: #1D1F20;
    padding:20px;
}

ul.main {
    border-bottom: 1px solid #f5f5ea;
}

body > footer div.footer-top {
    background:#1D1F20;
}

body > footer div.footer-bottom {
    background:#1D1F20;
}

body > header {
   background: #1D1F20;
   border-bottom:none!important;
   border-top:none;
  
}

@media (min-width: 1300px) {
body > header {
   background: #1D1F20;
   border-bottom:none!important;
   border-top:none;
   
   
}



}



body {
    font-family:"proxima-nova", Helvetica, sans-serif
}

body > header .main a {
        
        color: white;
    }

body > header .utility a {
    font-size: 14px;
    color: white;
}
    
body > header .utility a:hover {
    font-size: .75rem;
    color: #E7A038!important;
}
    
body > header .utility li:nth-last-child(-n + 2) [class*="icon-"] {
   
    color: white;
}

body > header .main > li > div > ul > li > a:only-child {
        padding: 0.75rem 1rem;
        color: black;
    }
    
body > header .main > li > div > ul ul a {
        
        color: #1D1F20;
        text-decoration:none;
    }
    
    body > header .main > li > div > ul ul a:hover {
    text-decoration: underline!important; /* Add underline on hover */
}


    

.btn-primary {
    background: #186861!important;
    border-color: #186861!important;
    color: #fff !important;
}



body>header .main>li>div>ul ul {
    background-color: #f5f5ea !important;
    width: 180px !important;
}


body > header .main a:hover {
    color: black;
    background-color: #f5f5ea!important; 
    text-decoration:none!important;
}

.default section.promo-bar, section.promo-bar {
    border:none!important; 
    
}


body>header .card .btn-primary:hover , body>header .card .btn-primary {
    background: #186861 !important;
    color: white!important;
}

body>header nav a:focus, body>header nav a:hover, body>header nav button:focus, body>header nav button:hover, body>header nav label:focus, body>header nav label:hover {
    color:black!important;
    background-color: #f5f5ea!important;  
    text-decoration:none;
}


body>header .main>li>div>ul>li>a {
    color:black;
}

body > footer .social {
    width: 80%;
    margin: 0 auto;
    float: left;
    margin-left: -10px;
    margin-top:-25px;
}

body > footer .social a {
    font-size: 25px;
    padding: 10px;
    }

body > footer .hs-form .hs-submit input {
    background:#186861!important;
    border-color:#186861!important;
}

.toggle-search span {
    font-size: 1.5rem;
    color: white;
    margin-top: 3px;
}

body > header .toggle-cart [class*="icon-"] {
    color: white !important;
    font-size: 22px;
    margin-top: 3px;
}

body > header .user a {
        background: #1D1F20!important;
        color:white;
        
    }
    
body > header .user span {
        
        color: white!important;
    }
    
body>header .toggle-trigger .bar {
 background:white!important;   
}

body > header .main ul > li:first-child label {
        background: #97B5B8;
        
    }
    
@media (max-width: 991.9px) {
    body > header .affiliates a {
        color: #231F20;
        text-transform: none;
        text-align: center;
        padding: 50px; 
    }
    
    i.fa.fa-user-circle {
    margin-top:0px;
}



body > header .main ul > li:first-child {
    margin:0px!important;
}
    
    .nav-open > header .logo, .nav-open > header .toggle-search, .nav-open > header .toggle-cart {
        opacity:unset!important;
    }
    
    body > header .main a {
    color: black!important;
    text-decoration: none;
}

    body > header .main {
       border-bottom: none;
        border-top: none;
        margin-top: -1px !important;
        margin-bottom: -2px !important;
        
    }
    
    nav li + li {
    margin: 0;
    border: none;
}

body>header .main>li label {
    border:1px solid #cccccc;
}

body > header nav {
    
    margin-top: 0px!important;
}


    body > header .utility a {
        text-transform: capitalize;
        color:black!important;
    }
    
    body > header .main > li:last-child > label:before {
        content: none!important;
    }
    
    body > header .main > li:last-child > label, body > header .main > li:nth-last-child(2) > label {
        
        color: black!important;
        padding-left: 18px!important;
        font-weight:normal!important;
    }
    
    body > header .affiliates {
        
        background: white!important;
        
    }
    
    .mobile-utility {
    max-height: 100%;
    min-height: 410px;
}

body > header .utility {
        
        padding: 0px;
    }
    
    table td:first-child {
        border-left: 0.0625rem solid #CCCCCC;
        border-right: 0.0625rem solid #CCCCCC;
    }
    
    table td:last-child {
        border-left: 0.0625rem solid #CCCCCC;
        border-right: 0.0625rem solid #CCCCCC;
    }
    
    body > header .utility a:hover {
        color:black;
    }
    
        body > header .main > li {
        border: 1px solid grey;
    }


}
.quick-search .form button {
    z-index: 10;
    
    color: #1D1F20 !important;
    background: #1D1F20 !important;
    padding: 0px;
    border: 1px solid #1D1F20 !important;;
}

.quick-search .form input {
    width: 100%;
    font-size: 0.875rem;
    -webkit-box-flex: 0 1 auto;
    -webkit-flex: 0 1 auto;
    -ms-flex: 0 1 auto;
    flex: 0 1 auto;
    border: black;
    padding: 9.5px;
    border-right: black;
}

.quick-search .form button span {
    font-size: 1rem;
    color: white;
}

body > footer .secure-badges a {
    display: -webkit-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex
;
    justify-content: stretch;
    align-items: stretch;
    flex-flow: column nowrap;
    display: block;
    width: 30%;
    float: right;
    margin-bottom: 20px;
    height: auto;
    border-radius: 0.5rem;
    background: #1D1F20!important;
    color: #000;
    padding: 0.5rem 0.25rem;
    font-size: 0.875rem;
    opacity: .667;
    overflow: hidden;
}

    body > footer .copyright {
        font-size: 0.875rem;
        margin-left: 310px;
        margin-top:20px;
    }
    
    body > footer .hs-form .hbspt-form {
    margin: 0 0 2rem;
    width: 70%;
}

@media only screen and (max-width: 767px) {
    body > footer .copyright {
        font-size: 0.875rem;
        margin-left: 0px;
        margin-top: 20px;
        text-align: left;
    }
    
    body > footer .hs-form .hbspt-form {
    width: 85%;
    margin: 0 auto;
}



}



body > footer .hs-form .hs-form-field input {
    width: 100%;
    background: #1D1F20;
    color: #fff;
    padding: 0.9375rem 0.5rem;
    border: 1px solid white;
    border-right: none;
}


button.hubspot-button {
    background: #1D1F20 !important;
    border: 1px solid white !important;
    border-left: none !important;
    padding: 13px !important;
    border-radius: 0px!important;
    margin-left:-8px;
}

i.fa.fa-arrow-right {
    color: white;
}

i.fa.fa-user-circle {
    font-size: 20px;
    margin-bottom:5px;
    color:white;
    margin-right:5px;
}

i.fa.fa-shopping-cart {
    font-size: 20px;
}

body > header .main > li:last-child > a:before {
    content: url('') !important;
}

body > header .main > li:last-child > a::after,
body > header .main > li:nth-last-child(2) > a::after {
    content: "\f0d7";  /* Unicode for the Font Awesome icon (e.g., a "book" icon) */
    font-family: 'FontAwesome';
    margin-left: 8px;   /* Space between the link text and the icon */
    font-size: 16px;    /* Adjust size of the icon */
    color: #E7A038;       /* Set color of the icon */
    
}

body > header .main > li:nth-last-child(2) {
        min-width: 9.375rem;
        display: none;
    }
    

body > header .main > li:last-child > a:hover,
body > header .main > li:nth-last-child(2) > a:hover {
    color: #E7A038!important; /* Text color on hover */
    background:#1d1f20!important;
}

body>header .main>li>div:before {
    border-top:none!important;
}

body > header .utility li:nth-last-child(-n + 2) a:hover {
    background: #1d1f20!important;
}
    
    
body > footer .hs-form .hs-title {
    text-transform: capitalize;
    letter-spacing: .08em;
    font-weight: 700;
   
    width: 330px;
    height: 10px;
    margin-bottom: 50px;
}


.quick-search .form button {
    position: absolute;
    z-index: 100;
    right: 0px;
    top: 0px;
    
}

body > footer div.footer-top {
    background: #1D1F20;
    display: none;
}

    body > header .utility li:nth-last-child(-n + 2) a {
        flex-direction: column;
        flex-wrap: wrap;
        align-items: center;
        justify-content: center;
        text-decoration: none;
    }
    
    


body > header .main {
    margin-top: 10px;
    margin-right: 0px;
    margin-left: 0px;
    border-bottom:#f5f5ea;
}

body > header nav {
    border-top: 0.0625rem solid #E3E2D9 !important;
    margin-top: 25px;
}

body > header .cart-quantity {
    color:#186861!important;
}

@media only screen and (max-width: 767px) {
    body > footer .hs-form .hbspt-form {
        width: 100%;
        margin: 0 auto;
        margin-top:20px;
    }
    .hs-form {
    margin-top: 20px;
}
}



@media (min-width: 1300px) {
    .quick-search {
        min-width: 35%;
        margin-top: 45px;
        margin:none;
    }
    
    body > header .container {
    margin-top:-32px;
}
    
   .quick-search {
        max-width: 23.75rem;
        margin-top: 50px;
        margin-left: 20px;
    }
    
        #bfx-cc-wrapper.bfx-cc-position-top {
    position: fixed;
    top: 32px!important; /* Default static top value */
    margin-right: 100px;
    z-index: 9999;
    transition: top 0.2s ease-in-out; /* Smooth transition for dynamic changes */
}

#bfx-cc-wrapper:before {
        display: none;
    }
    
}

    body > footer a {
    color: #ffffff;
    text-decoration: none;
}

body > footer a:hover, body > footer a:focus {
    text-decoration: underline;
    color: #8e8f8f!important; 
}



@media (min-width: 1300px) {
.hs-form {
    margin-top: -20px;
}

p.hs-signup-message {
    margin-top: 20px;
    margin-bottom: 40px;
    width: 290px;
}

video, img, picture {
    display: block;
    width: 100%;
    height: auto;
    margin-top: 0px;
}

body > footer .social {
    width: 80%;
    margin: 0 auto;
    float: left;
    margin-left: -10px;
    margin-top:-25px;
}

i.fa.fa-user-circle {
    font-size: 20px;
    margin-top:5px;
    margin-right:-60px;
    
}


body > header .utility {
        margin-top: 35px;
        display: flex;
        gap: 35px;
    }
    
    /* resource center text*/
    body > header .main > li:last-child > a, body > header .main > li:nth-last-child(2) > a {
        display: flex;
        flex-direction: row;
        align-items: center;
        color: white;
        font-weight: 800;
        text-transform: uppercase;
        padding:14px;
        background:#1D1F20;
        
    }
    
    /* Resource center text */
body > header .main > li:last-child > a:hover, 
body > header .main > li:nth-last-child(2) > a:hover {
    color: black; /* Changes text color to black on hover */
}

    
}

@media only screen and (max-width: 767px) {
    body > footer .hs-form .hbspt-form {
        width: 100%;
        float: left;
        margin-top: -20px;
    }
    
    p.hs-signup-message {
    text-align: left;
    width:290px;
}
body > footer .social {
    width: 80%;
    margin: 0 auto;
    float: left;
    margin-left: -10px;
    margin-top: 10px;
}


video, img, picture {
    padding:10px;
}



body > footer .hs-form .hs-title {
    
    
    margin-left: -23px;
}

.row {
    padding:10px;
    
}


}



body > footer div.footer-bottom p, body > footer div.footer-bottom a {
    color: #8e8f8f;
}


body > footer div.footer-bottom a:hover {
    color: #ffffff !important;
}

#ot-sdk-btn:hover {
        color: #ffffff !important; /* Change text color to white on hover */
        transition: color 0.3s ease; /* Smooth transition effect */
    }
    
    
.request-quote-text {
    color: #E7A038;
}


/* background image */
.bg-grey-w-img-bot {
        background: none!important;
    }
    
.bg-grey-w-img-top {
    background:none!important;
}

.bg-grey-inv {
    background:none!important;
}
    
/* PDP product sku */
.det-product .sku {
    color:#186861!important;
}

/* Drinking Buddy banner on PDP */
.invert {
    background: #231F20;
    margin-top: 20px;
    margin-bottom: 20px;
    display:none;
}

/* a tag to royal green everywhere */
ol a, dl a, table a, blockquote a, figure a, address a {
    color: #186861!important;
}




@media (min-width: 992px) {
    body > header .main > li:last-child > a, body > header .main > li:nth-last-child(2) > a {
        font-size:14px;
        color: white!important;
        
    }
    
    
    
    #bfx-cc-wrapper:before {
        display:none;
    }
    
            body > header {
            
            
        }
        
        body > header .utility a {
    font-size: 12px;
    color: white;
}

.mobile-utility {
    display: none;
}


.toggle-search span {
    font-size: 19px!important;
    color: white;
}


.toggle-cart {
        width: 44px !important;
        height: 44px !important;
        top: 7px !important;
        right: 50px !important;
    }

.toggle-search .icon-search, .toggle-cart .icon-cart {
        position: absolute !important;
        top: 57% !important;
        left: 50% !important;
        transform: translate(-50%, -50%) !important;
    }
}

a.logged-in {
    margin-right: -30px;
    margin-top: 15px;
}

.line-items .title a {
    color:black!important;
}

.line-items tr > td:last-child > div > a:first-child {
    margin: 0 0.5rem 0 0;
    color: black !important;
}

.line-items tr > td:last-child > div > a {
    margin: 0 0.5rem;
    color: black !important;
}

.line-items tr > td .item-options .drop-btn > a:hover, .line-items tr > td .item-options .drop-btn > a:focus {
    cursor: pointer;
    color: black !important;
}


/* Checkout Page */
body > header.checkout {
    
    background: #1D1F20!important;
    top:0!important;
    
    
}

#checkout-app form button.button, #checkout-app form a.button {
    background: #186861 !important;
    
}

#checkout-app form button.button, #checkout-app form a.button {
    
    color: #fff !important;
    text-decoration:none;
}

.stepHeader .stepHeader-body button.button {
    background: #186861 !important;
}

#checkout-app form button.button.dropdown-toggle--select, #checkout-app form a.button.dropdown-toggle--select {
    background: transparent !important;
    border: 1px solid #b5b5b5;
    color: #231F20 !important;
}


.btn-secondary {
    background: #186861 !important;
    border-color: #186861 !important;
    color: #fff!important;
}


td.utility-td {
    border: 1px solid #CCCCCC;
}

i.fa.fa-search {
    color: white;
    font-size:23px;
}
    
@media (max-width: 991.9px) {
    body > header .user a {
        
        padding: 15px!important;
        
    }
}


@media (min-width: 992px) {
    body > header .main > li > div:before {
        
        background: #f5f5ea !important;
        
        
    }
}

@media (min-width: 992px) {
    body > header .main > li > div {
        
        background: #f5f5ea !important;
        
    }
}

.WidgetHeaderStyleWrapper__FullHeightDiv-sc-11z9b9-0.ccKcPo {
    background: green!important;
}


.guarantees .container>div span {
    
    color: #186861 !important;
    
}

.det-product .sticky-info+.jn.sticky {
    top: 155px !important;
}

.nav.breadcrumbs a span, nav.breadcrumbs a span {
    color: #616161 !important;
}

a.affirm-modal-trigger {
    color:#186861!important;
}

.line-items .form-field.quantity .inc-minus:focus:after, .line-items .form-field.quantity .inc-minus:focus:before, .line-items .form-field.quantity .inc-minus:hover:after, .line-items .form-field.quantity .inc-minus:hover:before, .line-items .form-field.quantity .inc-plus:focus:after, .line-items .form-field.quantity .inc-plus:focus:before, .line-items .form-field.quantity .inc-plus:hover:after, .line-items .form-field.quantity .inc-plus:hover:before {
    background:#186861!important;
}

.det-product .form-field.quantity .inc-minus:focus:after, .det-product .form-field.quantity .inc-minus:focus:before, .det-product .form-field.quantity .inc-minus:hover:after, .det-product .form-field.quantity .inc-minus:hover:before, .det-product .form-field.quantity .inc-plus:focus:after, .det-product .form-field.quantity .inc-plus:focus:before, .det-product .form-field.quantity .inc-plus:hover:after, .det-product .form-field.quantity .inc-plus:hover:before {
    background:#186861!important;
}

.det-product .help li [class*=icon-] {
    color: #186861 !important;
 }
 
 .cart-dropdown:before {
    
    color: black!important;
    
 }
 
 .hero.interior .container .breadcrumbs a, .hero.interior .container .breadcrumbs span {
    color: #fff !important;
}

.hero.interior {
    background: #1d1f20 !important;
    
}

@media (min-width: 992px) {
    body>header .utility {
        
        right: 65-px!important;
       
    }
}

@media (min-width: 992px) {
    body > header {
       
        top: -2rem !important;
   
}
        
    
}


@media (min-width: 998px) and (max-width: 1310px) {
    body > footer .hs-form .hbspt-form {
    
    width: 100%!important;
}
}


a.back-to-main {
    border: 1px solid lightgray;
}



@media (min-width: 992px) and (max-width: 1299px) {
    /* Your CSS styles for screens between 992px and 1299px */
     body>header .utility {
        right: 64px!important;
    }
    
        #bfx-cc-wrapper.bfx-cc-position-top {
        top: 30px !important;
    }

body > header {
       
        top: -0px !important;
        position: sticky;
        z-index: 1000;
    
   
}
} 


/* Display Shipping Comment Field */
main .form-fieldset[data-test=checkout-shipping-comments] {
    display: block !important;
}