@charset "UTF-8";
body.dark-mode {
  background-color: #000;
  color: #fff;
}
.dark-mode h1, .dark-mode h2, .dark-mode h3, .dark-mode h4, .dark-mode h5, .dark-mode h6, .dark-mode .bg-white, .dark-mode p {
  color: white;
}
.dark-mode .beefup__head::after, .dark-mode .beefup__head > button, .dark-mode .breadcrumb > li + li:before, .dark-mode nav ul.navbar-nav li a[aria-expanded="true"], .dark-mode .footer-heading h2, .dark-mode .footer-heading h3, .dark-mode .footer-heading h4, .dark-mode .footer-alt-heading h3, .dark-mode ul.footer-lists-div li a:hover, .dark-mode ul.footer-lists-div li, .dark-mode .footer-component-main-hours h3, .dark-mode .footer-icons-div h3, .dark-mode .copyright, .dark-mode .aboutus-content .aboutus-link, .dark-mode nav ul.navbar-nav li a + .dropdown-menu .nav.nav-pills a {
  color: #fff;
}
.dark-mode .nav.flex-column a.nav-link.navlink-subcategory::after {
  border-left-color: #c6c4c4;
}
.dark-mode a:focus, .dark-mode a:hover, .dark-mode a.active, .dark-mode .error-msg-common, .dark-mode .storelocation .address-captions a.common-link, .dark-mode nav ul.navbar-nav li a + .dropdown-menu .nav.nav-pills a.active, .dark-mode nav ul.navbar-nav li a + .dropdown-menu .nav.nav-pills a:hover, .dark-mode .products-error-page-description p a, .dark-mode .fc-title-event-name, .dark-mode .fc-title-event-time, .dark-mode .fc-direction-ltr .fc-daygrid-more-link, .dark-mode nav ul.navbar-nav li a + .dropdown-menu .nav.nav-pills a.view-all-categories, .dark-mode .event_day_location_div a:hover, .dark-mode .buttons-container span a, .dark-mode .fa-map-address-details, .dark-mode .fa-phone.fa-phone-details, .dark-mode nav ul.navbar-nav li a + .dropdown-menu li a:hover, .dark-mode .view-all-div, .dark-mode .error-msg, .dark-mode .points-leader, .dark-mode .leaderboard-star, .dark-mode .fc-direction-ltr .fc-daygrid-event .fc-event-time, .dark-mode .event_details_readmore, .dark-mode .leaderboard-div-main, .dark-mode span.rating-icon a .fa, .dark-mode ul.rewards-nav-list li.active a, .dark-mode .rewards-main .nav-pills li.active i.fas, .dark-mode .modal-footer p a, .dark-mode .modal-body .popins_bold, .dark-mode .modal-body .age-verification-btns button.close.no, .dark-mode .modal-body .popins_bold-2, .dark-mode .category-heading-div h1 a, .dark-mode .category-heading-div h2 a, .dark-mode .suggested-alt-text, .dark-mode .savings-span, .dark-mode .fa-plus-savings, .dark-mode .fa-search-new, .dark-mode a.btn.btn-cancel-div, .dark-mode a:hover.btn.btn-cancel-div, .dark-mode .remarks-div, .dark-mode .checked, .dark-mode .price p, .dark-mode .sidebar-menu .sidebar-submenu > li > a, .dark-mode .enter-details-div, .dark-mode form .mandatory, .dark-mode .report-abuse-js, .dark-mode ul.user-menu li.star_color i.fa-star, .dark-mode .active, .dark-mode i.active, .dark-mode .coupon-tile h4, .dark-mode .coupon-tile span.highlight, .dark-mode .curbside-order .close .close-span, .dark-mode .curbside-order-details-sub .fa-calendar, .dark-mode .imhere .modal-header .close span .fa-close, .dark-mode .thankyou .modal-header .close, .dark-mode .thankyou .modal-header .close .close-span, .dark-mode .thankyou .modal-header .close span .fa-close, .dark-mode .thanks-text-div span.thank-text, .dark-mode .editbtn, .dark-mode .product-detail-price-value, .dark-mode .no_strike_text_div, .dark-mode .sku-main, .dark-mode .pagenotfound-heading, .dark-mode .change-item, .dark-mode .change-item p, .dark-mode .empty-text, .dark-mode .change-item-list li a, .dark-mode .question-div, .dark-mode .question-div a, .dark-mode .event-tiles a:hover, .dark-mode .btn-address, .dark-mode .add-new-address h4, .dark-mode .sidenav .closebtn, .dark-mode .storereward-label, .dark-mode a.new-payment-mode, .dark-mode .suggested-address h3, .dark-mode .modal-title.modal-title-shipping, .dark-mode .curbside-order-details-price, .dark-mode .bottle-caps-red, .dark-mode .city-detail-readmore {
  color: #fff;
}
.dark-mode .product-accordion .panel-default > .panel-heading {
  background-color: inherit;
}
.dark-mode {
  /* #smsmodal added: the .modal-header rule above gives every modal a rgba(255,255,255,0.4) bottom
      border in dark mode, which reads as a hard line under the × on this header-only modal (light mode's
      rgba(0,0,0,.1) is barely visible, so it was never noticed there). */
  /* #error-guest deliberately has NO dark override. It is now the same #e6f1fb info card as its
       sibling #error-email, which has never had one either — both stay a light blue card in dark mode
       so the two notes match. The old `color: #fff` here had to go: against the new pale fill it was
       white-on-white. If these cards should be darkened for dark mode, do BOTH together. */
  /* ...but a SELECTED payment radio stays a filled ball with a white tick. The `background:
       transparent` above uses the shorthand, which wipes background-image, so the tick has to be
       re-declared here rather than inherited from main.css. */
  /* selected tile tint — lighter blue so it reads on the dark card */
  /* date/time picker icons sit INSIDE the (dark) field, so they must be light — they are only used
       in the checkout date/time pickers (checkout-new.php + guest-checkout.php), nowhere else. */
  /* Section headings rendered as <label> (e.g. "Special Instructions") aren't covered by the
       h1-h6 rule at the top, so .gc-checkout-main's own color:#000 was showing through. */
  /* wallet "or" divider: lighter rule + label on the dark payment section */
  /* wallet caption ("Tap to pay $12.04 with Google Pay") — #6b6b6b is unreadable on the dark card */
  /* secure-checkout trust line: #6b6b6b is unreadable on the dark page */
  /* Delivery Address dropdown (and the other checkout selects): the generic `select` rule above
       already whitens the CLOSED field, but the popup <option> list keeps the browser default black,
       which is unreadable against the #262626 select background. Style the options themselves. */
  /* keep the "Select Address" placeholder visibly dimmer, but still readable */
  /* ...and the CLOSED field itself: the redesigned checkout selects hardcode color:#1a1a1a in
       main.scss at (0,4,1) specificity, which outranks the generic `select {color:#fff}` above, so the
       selected text stayed near-black. These overrides match those selectors one level deeper. */
  /* ---------- redesigned form fields that hardcode a white fill -------------------------------
       These .ngc-container rules set `background:#fff; color:#1a1a1a` at (0,2,1)-(0,3,1), which
       outranks the generic `.dark-mode textarea/select/input {background-color:#262626}` above — so
       they stayed white-on-white in dark mode. Affects the subscription gift message, and the
       Special Instructions / billing / contact fields on the other redesigned checkouts. */
  /* label sits ON the dark .ngc-reveal panel (#5a5656) — light-mode #1a1a1a was 2.4:1 there */
  /* Account menu — Favorites star. styles.php sets `i.beer.icon.fa.fa-star { color: $icon_color
       !important }`, and that !important beat every dark-mode rule no matter how specific, so the
       star kept the brand colour while every sibling icon went light. Matching !important at higher
       specificity (.dark-mode prefix) hands it back to dark mode; light mode is untouched. */
  /* ---------- fulfillment tiles, ALL checkouts ------------------------------------------------
       Guest uses .gc-fulfilment-checkout; events/gift-card/subscription use .wc-fulfilment-checkout
       under .events-epo. Same treatment for both so the two flows match in dark mode. */
  /* selected tile: the light-mode #000 fill disappears into the dark page — invert it so "filled"
       still reads as selected. */
  /* pickup / delivery / shipping address selects + their labels */
  /* background-color (not the shorthand) so the chevron survives; re-point it to a light stroke */
  /* section separator lines */
  /* Cart summary panel (.ngc-cart-total): dark card so the light-mode white text stays readable */
  /* fulfillment tiles: dark non-active tile, keep the colour emoji (no invert); active stays the dynamic brand fill */
  /* "For you" band on the product detail page: light mode paints it #eff0f0 to sit slightly apart
       from the white page, and nothing overrode that in dark mode — so a near-white band survived on a
       #000 page, and the white h2 on top measured 1.14:1. #141414 keeps the same "slightly lifted from
       the page" relationship (light mode is ~6% off white; this is ~8% off black) while staying clear of
       the #262626 product cards, which would otherwise blend into the band.
       Scoped to the same two PDP wrappers as the light rule on purpose — the cart / thank-you / home
       placements of this section have no background of their own and must stay transparent. */
  /* ---------- modal close (×), ALL modals ------------------------------------------------------
       Bootstrap ships `.close {color:#000; opacity:.2}` and nothing overrode it, so on the #262626
       dark modal every × composited to ~#1e1e1e — invisible. Fixed once here rather than per modal.
       Why `color: #c9c9c9; opacity: 1` and not `#fff` at a low alpha: a few modals (.thankyou,
       .imhere, .curbside-order) already set opacity:1 themselves, and dimming them to .75 would have
       changed × weight on modals that were never broken. Setting the ink directly leaves their opacity
       untouched, and #c9c9c9 matches what light mode composites to (#000 @ .2 on white = ~#ccc).
       Those three also set their own colour at (0,4,0), so they keep it — this only fills the gap.
       .close-icon (the two-bar × used by 38 other popups) is already handled further up. */
  /* Cart sign-in modal heading: the light rule sets color #1a1a1a at (0,2,0), which outranks the
       global `.dark-mode h2 {color:white}` at (0,1,1) — so the heading stayed near-black on the #262626
       modal (~1.1:1). The labels and password-requirement icons in this modal already resolve to
       dark-mode colours, so only the heading needs overriding. */
  /* ---------- Tip tiles (regular + guest checkout summaries) ----------------------------------
       Light mode gives every tile a #fff fill and marks the selected one with `border: 2px solid
       #1a1a1a` — crisp against the white panel (21:1). In dark mode the panel is #262626, so that
       same border sits dark-on-dark at ~1.1:1 and the selection reads as "no border at all".
       Fixed by theming the tiles the way the fulfillment tiles already are: dark unselected, and
       selected = inverted light fill, which cannot disappear against either background.
       .dark-mode + 4 classes = (0,5,0), so it wins over the light rules without !important. */
  /* "No tip" gets the same dark treatment as a percentage tile: neutral when unselected, inverted
       light fill when selected. Without this it kept the light-mode white/#fdecec fill and rendered as
       a pale pill on the dark card. Deliberately NOT the light-mode red — dark mode signals selection
       by inverting the fill (approved earlier for these tiles), and one language per theme is clearer
       than mixing a red tint into it. */
  /* tip section close-off: #1a1a1a in light mode — invisible on the dark card */
  /* custom-amount field + its applied border, same panel treatment */
  /* ---------- Order confirmation pages (.ngc-tq) ---------------------------------------------
       The light-mode design drives almost everything from custom properties scoped to .ngc-tq, so
       dark mode is mostly a token re-definition: re-point the ink/line/accent values and every
       heading, table cell, divider, link and pill follows automatically. Only the literal #fff
       card surfaces need explicit overrides below. */
  /* card surfaces: raised above the black page rather than pure white */
  /* the order chip: dark fill so the number (forced #fff by the heading rule above) is visible */
  /* Continue shopping button */
  /* the success heading + guest order-no heading (their light-mode rules are more specific) */
  /* dashed rule under the email note */
  /* toast: lift off pure black so it reads as a surface */
  /* ---------- "Create An Account" card (.ngc-ca) --------------------------------------------- */
  /* darken the band so the card reads as a raised surface, like the confirmation cards above */
  /* ---------- password requirement lists, EVERY signup surface -------------------------------
       The light-mode palette (#6b6b6b text, #3b6d11 tick, #c0392b cross) all fall below 4.5:1 on the
       dark page. Covers: cart login modal, the /login page, the sign-up slide-out panels, and the
       guest order-confirmation card. */
}
.dark-mode textarea, .dark-mode select, .dark-mode input {
  color: #fff;
  font-size: 13px;
}
.dark-mode .page-margin-checkout {
  background-color: inherit;
}
.dark-mode .form-control.form-control-custom, .dark-mode .modal-body, .dark-mode .modal-header {
  background-color: transparent;
}
.dark-mode .giftnotes-div {
  color: #fff;
}
.dark-mode .product_img img {
  border-radius: 10px;
}
.dark-mode .alert, .dark-mode .second_content_product.second_content .productname-div, .dark-mode #nav-icon4 span, .dark-mode .m-header i.icon, .dark-mode .product_size .product_size_sub_div, .dark-mode .panel-group.panel-group-mobile-menu .panel a, .dark-mode .caret, .dark-mode .price_new, .dark-mode .product-accordion .panel-heading .panel-title span.list-type-span, .dark-mode a.footer-change-store-div, .dark-mode .storelocation .address-captions a, .dark-mode .storelocation .f-image i.icon, .dark-mode ul.footer-lists-div li a, .dark-mode ul.footer-lists-div li a h6, .dark-mode .navbar-nav li ul.user-menu li a, .dark-mode .btn-summary-div.dropdown-toggle, .dark-mode .breadcrumb li a, .dark-mode .update-btn, .dark-mode .myorder-table-sub.col-xs-4, .dark-mode .myorder-table-sub .Product_name, .dark-mode .order_reorder span {
  color: #e0c0c0 !important;
}
.dark-mode i.icon-add-to-my-cart, .dark-mode i.icon.icon-remove-cart.active, .dark-mode a.view-all-div, .dark-mode a:hover.view-all-div, .dark-mode a:focus.view-all-div, .dark-mode .second_content_product.second_content .productname-div, .dark-mode .product_size_sub_div, .dark-mode .price_new, .dark-mode .btn-read-review, .dark-mode .tooltip-changestore, .dark-mode nav ul.navbar-nav li a, .dark-mode .header_icon i.icon, .dark-mode ul.footer-lists-div li a, .dark-mode a.footer-change-store-div, .dark-mode .storelocation .address-captions a, .dark-mode .storelocation .address-captions a:hover, .dark-mode .storelocation .address-captions a:focus, .dark-mode .btn-social-icon span.fa, .dark-mode .storelocation .f-image i.icon, .dark-mode .storelocation .f-image i.fa, .dark-mode .categoryname-div, .dark-mode .product-accordion .panel-heading .panel-title span.list-type-span, .dark-mode .btn-advanced-filter-div a, .dark-mode .text-dp, .dark-mode .navbar-nav li ul.user-menu li a, .dark-mode .back-to-cart-btn, .dark-mode .left-panel-title a, .dark-mode .breadcrumb li a, .dark-mode .dark-mode nav ul.navbar-nav li a + .dropdown-menu li a:hover nav ul.navbar-nav li a + .dropdown-menu li a, .dark-mode nav ul.navbar-nav li a + .dropdown-menu li a.view-all-categories, .dark-mode .store-details-contact a, .dark-mode .panel-group.panel-group-mobile-menu .panel a, .dark-mode a.storename-sub-link, .dark-mode a:hover.storename-sub-link, .dark-mode .contactno-div a, .dark-mode .contactno-div a:hover, .dark-mode .contactno-div::before, .dark-mode .storename-sub-div::before, .dark-mode .view-all-suggested, .dark-mode .checkout-heading-div, .dark-mode .update-btn, .dark-mode .checkout-heading-alt-div h1, .dark-mode .backtocart-heading-div-mobile a, .dark-mode .btn-summary-div.dropdown-toggle, .dark-mode .common-link, .dark-mode .write-a-review-large a, .dark-mode button.bg_black, .dark-mode .forgot-div-right a, .dark-mode .event_day_location_div a, .dark-mode .party-options-label, .dark-mode .pt-5 p a {
  color: #e0c0c0;
}
.dark-mode table tr td .img_div {
  background-color: #fff;
  padding: 2px;
  border-radius: 4px;
}
.dark-mode .myorder-details .product-image {
  background-color: #fff;
  border-radius: 4px;
}
.dark-mode .cart-items-transfer-img-main {
  background-color: #fff;
  border-radius: 10px;
}
.dark-mode .shop_categories_div, .dark-mode .btn-advanced-filter-div a, .dark-mode .dropdown-menu {
  border: 1px solid rgba(255, 255, 255, 0.4);
}
.dark-mode textarea, .dark-mode select, .dark-mode input, .dark-mode .header-top-div, .dark-mode .dropdown-menu, .dark-mode .tot-reviews, .dark-mode .beefup__body, .dark-mode .beefup__head, .dark-mode .instruction-main, .dark-mode .checkout-bg-div, .dark-mode .checkout-total, .dark-mode .age-inputs.age-input-footer input {
  background-color: #262626;
}
.dark-mode header {
  border-color: #555 !important;
}
.dark-mode #gatewaylink iframe {
  background-color: #fcfcfc !important;
}
.dark-mode header, .dark-mode footer, .dark-mode .contact-section-details-bg, .dark-mode .modelageverification.modal .modal-header, .dark-mode .modal-content {
  background-color: #262626;
}
.dark-mode .download_app {
  color: #aa2222 !important;
}
.dark-mode .bgr_img-right {
  background-color: #e0c0c0 !important;
  border-color: #585757 !important;
}
.dark-mode .Main_bottlesection_product, .dark-mode .product-accordion .panel, .dark-mode .testimonials_div, .dark-mode .dropdown-product-section-sub .product-image-div, .dark-mode .switchtoggle-instock, .dark-mode .btn-advanced-filter-div a, .dark-mode .checkout-existing-sub-div {
  background-color: #262626;
}
.dark-mode .dropdown-product-section-sub .product-image-div, .dark-mode .result-sec, .dark-mode .search-results-sub-div {
  border-color: #828282;
}
.dark-mode .searchbar-new-div input, .dark-mode .stores-search-input input.form-control.form-control-store, .dark-mode .profile-edit-section .form-control {
  background-color: #000;
  border: 1px solid rgba(255, 255, 255, 0.4);
  color: #fff;
}
.dark-mode .form-control[disabled], .dark-mode .form-control[readonly], .dark-mode fieldset[disabled] .form-control {
  background-color: #6b6969;
}
.dark-mode .subscribe-email-address-sub, .dark-mode .page-padding-bg, .dark-mode .bg-fp, .dark-mode .bgr_img_new_main, .dark-mode .favorites-main-div, .dark-mode .rewards-nav-data .panel-group .panel {
  background-color: #000;
}
.dark-mode .strike_text, .dark-mode .customer_post_time, .dark-mode .customer_testimonial_content_div, .dark-mode strong.customer_testimonial_heading_div, .dark-mode .fa.fa-search-new, .dark-mode .active, .dark-mode i.icon.icon-remove-cart.active, .dark-mode i.active, .dark-mode .testimonials_rating_div i.fa-star, .dark-mode .testimonials_rating_div i.fa-star-o, .dark-mode .main-heading-alt-left h1, .dark-mode .instock-text, .dark-mode .btn-advanced-filter-div a, .dark-mode .recipe-img-sub .thumbnail .caption, .dark-mode .input-area input:is(:valid), .dark-mode button.submit, .dark-mode .location-detail-div, .dark-mode .subscribe-email-address-sub input, .dark-mode .no-product-stores {
  color: #fff;
}
.dark-mode .testimonials_div, .dark-mode .btn-social-icon, .dark-mode .subscribe-email-address-input, .dark-mode .Main_bottlesection_product, .dark-mode .switchtoggle-instock, .dark-mode textarea, .dark-mode select, .dark-mode input, .dark-mode .paymentmethod-sub-div input.input-paymentmethod, .dark-mode .age-inputs.age-input-footer input {
  border: 1px solid rgba(255, 255, 255, 0.4);
}
.dark-mode #heart {
  stroke: #fff;
  fill: #CCC;
}
.dark-mode .product_img_sub_div {
  background-color: #fff;
  border-radius: 10px;
}
.dark-mode footer {
  border-top: 1px solid rgba(255, 255, 255, 0.4);
}
.dark-mode .footer-bottom-list {
  border-top: 1px solid rgba(255, 255, 255, 0.4) !important;
}
.dark-mode .checkout-existing-div .checkout-existing-sub-div + .checkout-existing-sub-div {
  border-left: 1px solid rgba(255, 255, 255, 0.4);
}
.dark-mode input::placeholder {
  color: #fff;
}
.dark-mode input::-webkit-input-placeholder {
  color: #fff;
}
.dark-mode input:-moz-placeholder {
  color: #fff;
}
.dark-mode input::-moz-placeholder {
  color: #fff;
}
.dark-mode input:-ms-input-placeholder {
  color: #fff;
}
.dark-mode input::-ms-input-placeholder {
  color: #fff;
}
.dark-mode .panel-default {
  border-color: rgba(255, 255, 255, 0.4);
}
.dark-mode .btn-tabs.common-btn {
  background-color: #000;
  border: 1px solid rgba(255, 255, 255, 0.4);
  color: #fff;
}
.dark-mode .download_app_main_right {
  background-color: #000;
}
.dark-mode .related-products {
  background-color: transparent;
}
.dark-mode .size_dropdown_sub_btn, .dark-mode .signup-benefits-list li, .dark-mode .location-specification-div a, .dark-mode .summary, .dark-mode table.tfoot-order-summary-sub table.order-summary-expand tr td, .dark-mode .age-inputs.age-input-footer input {
  color: #fff;
}
.dark-mode .tot-reviews {
  border: 1px solid rgba(255, 255, 255, 0.4);
}
.dark-mode .no_strike_text_div {
  color: #fff;
}
.dark-mode .download_app {
  color: #3a3a3a;
}
.dark-mode .no-border.myorder-details {
  border: 0;
}
.dark-mode .reviews, .dark-mode span.border, .dark-mode .login-heading span.border, .dark-mode .delivery-head-section, .dark-mode .table-condensed.myorder-table > tbody > tr > td, .dark-mode .myorder-details {
  border-bottom: 1px solid rgba(255, 255, 255, 0.4);
}
.dark-mode .panel-group .panel-heading + .panel-collapse > .list-group, .dark-mode .panel-group .panel-heading + .panel-collapse > .panel-body, .dark-mode .product-details-accordian .panel-group .panel {
  border-color: transparent;
}
.dark-mode .beefup.is-open > .beefup__head::after, .dark-mode .beefup__head::after {
  z-index: 9;
}
.dark-mode .beefup__body, .dark-mode .beefup__head {
  padding: 5px;
  margin: 0 0 5px 0;
}
.dark-mode .beefup__head > button {
  border: none;
}
.dark-mode .product-accordion .panel-heading .panel-title span.list-type-span::after {
  border: solid #fff;
  border-width: 0 3px 3px 0;
}
.dark-mode .categoryicons, .dark-mode .caption-main, .dark-mode .contact-section {
  background-color: #000;
}
.dark-mode .aboutus-left-div-img {
  background-color: #b9b9b9;
}
.dark-mode label.email, .dark-mode label.password, .dark-mode .contact-section label, .dark-mode .checkbox label, .dark-mode .dropdown-menu .text-uppercase, .dark-mode .point-leader-heading, .dark-mode .leaderboard-display-points, .dark-mode .leaderboard-month-name, .dark-mode .event_day_location_div .fa.fa-map-marker, .dark-mode .upcoming_events_calender_sub_div, .dark-mode .upcoming_events_calender_div .fa.fa-calendar {
  color: #fff;
}
.dark-mode .capcha-wrapper {
  border: 1px solid rgba(255, 255, 255, 0.4);
}
.dark-mode .table.cart-table > thead > tr > th {
  border-bottom: 2px solid rgba(255, 255, 255, 0.4);
}
.dark-mode table tr th {
  border-right: 2px solid #000;
}
.dark-mode .recipe-main-banner-top, .dark-mode .aboutus-content {
  background-color: #000;
}
.dark-mode .accessibility-iframe, .dark-mode .tandc .aboutus-content, .dark-mode .tandc .container-common {
  background-color: #f5f5f5;
  margin-bottom: 30px;
}
.dark-mode .input-area input:is(:valid), .dark-mode .location-detail-div {
  border: 1px solid rgba(255, 255, 255, 0.4);
  background-color: #000;
}
.dark-mode .table.cart-table > thead > tr > th, .dark-mode .Product_name_sub a, .dark-mode .Product_name_sub a:hover, .dark-mode .dropdown-favorite ul li a, .dark-mode .loyalty-details-table .table tr td, .dark-mode .siteMap a, .dark-mode .breadcrumb > li, .dark-mode .instruction_text ul li {
  color: #fff;
}
.dark-mode .table.cart-table > tbody > tr > td {
  border-bottom: 1px solid rgba(255, 255, 255, 0.4);
}
.dark-mode .btn-tabs.common-btn:before {
  filter: invert(1);
}
.dark-mode .addons-div {
  background-color: #242424;
}
.dark-mode .modal-dialog.modal-recapcha .modal-body, .dark-mode .challenges-details .panel-body, .dark-mode .panel-group .panel-heading + .panel-collapse > .panel-body, .dark-mode .dark-mode .challenges-details .panel-body {
  background-color: #272727 !important;
}
.dark-mode #nav-icon4 span {
  background-color: #e0c0c0 !important;
}
.dark-mode .btn-tabs.common-btn.btn-tabs-delivery.active:before {
  filter: invert(1);
}
.dark-mode table.checkout-tile-table tr td {
  border: 1px solid rgba(255, 255, 255, 0.4);
}
.dark-mode .checkout-tile-table tr.selected-address, .dark-mode .other-recipes-main, .dark-mode .addCart {
  background-color: #000;
}
.dark-mode .address-text-name-autowidth a, .dark-mode .address-text-name-autowidth a:hover, .dark-mode .total-container td.label, .dark-mode .Product_name span a, .dark-mode .Product_name span a:hover, .dark-mode .rewards-credit-price {
  color: #fff;
}
.dark-mode .left-panel-title a {
  background-color: #262626;
}
.dark-mode .bottle-panel-container {
  border: 1px solid rgba(255, 255, 255, 0.4);
}
.dark-mode .rewards-nav-data .panel-group .panel, .dark-mode .accordion, .dark-mode .coupon-tile .thumbnail {
  background-color: #2f2e2e;
}
.dark-mode .rewards-nav-data .panel-group .panel-default > .panel-heading {
  border-color: #979696;
}
.dark-mode .challenges-details .panel-heading button::after {
  border-color: #b7b7b7;
}
.dark-mode .border_bottom {
  background-color: #262626;
  border: 1px solid rgba(255, 255, 255, 0.4);
}
.dark-mode .more_sizes_list li .more_sizes_list_btn, .dark-mode .address-table-tile {
  background-color: #000;
  border: 1px solid rgba(255, 255, 255, 0.4);
}
.dark-mode .address-table-tile {
  background-color: #292828;
}
.dark-mode .rewards-nav-data .panel-group .panel-default > .panel-heading, .dark-mode .current-location-storelocator-link, .dark-mode .panel a, .dark-mode .add-new-address .address-container-section p {
  color: #fff;
}
.dark-mode .panel {
  background-color: #353536;
  color: #fff;
  padding: 0 5px;
}
.dark-mode .custom-nav li, .dark-mode .custom-nav li:hover {
  background: transparent;
  text-decoration: underline;
}
.dark-mode .dropdown-product-section-sub ul li {
  background: transparent;
}
.dark-mode .result-sec, .dark-mode .addcoupon-input-sub {
  background-color: #000;
}
.dark-mode .product-search-title-div, .dark-mode .sz, .dark-mode .brand-price-div .catg {
  color: #fff;
}
.dark-mode .modal-header, .dark-mode .payment-option-select-sub, .dark-mode .payment-option-select-sub-2 {
  border-bottom: 1px solid rgba(255, 255, 255, 0.4);
}
.dark-mode ul.left-panel-body li a, .dark-mode .thumbnail a, .dark-mode a.changestore-details-div, .dark-mode a.changestore-details-div:hover, .dark-mode .changestore-small-text {
  color: #fff;
}
.dark-mode .fa.fa-ellipsis-v {
  color: #E0E0E0;
}
.dark-mode .thumbnail .caption-main .caption {
  color: inherit;
}
.dark-mode .modal-content {
  border: 1px solid rgba(255, 255, 255, 0.4);
}
.dark-mode .close-icon:before, .dark-mode .close-icon:after {
  background-color: #fff;
}
.dark-mode .btn-tabs.common-btn.btn-tabs-pickup.active:before, .dark-mode .btn-tabs.common-btn.btn-tabs-shipping.active:before {
  filter: invert(1);
}
.dark-mode .page-navigation .pagination > .disabled > span, .dark-mode .pagination > li > a, .dark-mode .pagination > li > span {
  border: 1px solid rgba(255, 255, 255, 0.4);
}
.dark-mode .hide-menu, .dark-mode .panel.more-menu {
  background-color: #000;
}
.dark-mode .more-menu .caret {
  border-top: 12px solid #fff;
}
.dark-mode .more_sizes_dropdown {
  border-color: #fff transparent transparent transparent;
}
.dark-mode .guests-num-div input[type=number], .dark-mode .checkbox-btn-custom .checkmark, .dark-mode .checkbox-btn-custom:hover input ~ .checkmark {
  background: #000;
  border: 1px solid #fff;
  color: #fff;
}
.dark-mode .blogs-sub {
  background-color: #262626;
  border: 1px solid rgba(255, 255, 255, 0.4);
}
.dark-mode .party-drinks-main-div {
  border-top: 1px solid rgba(255, 255, 255, 0.4);
  border-bottom: 1px solid rgba(255, 255, 255, 0.4);
}
.dark-mode .party-planner-products .party-planner-heading-main h2 span {
  background-color: transparent;
}
.dark-mode .party-planner-products .Main_bottlesection_product {
  box-shadow: none;
}
.dark-mode .blogs-sub a, .dark-mode .blogs-sub a:hover, .dark-mode .blogs-sub a:focus, .dark-mode .post-meta, .dark-mode .read-more-blog, .dark-mode .curbside-order .modal-header .modal-title, .dark-mode .curbside-order-details-number span, .dark-mode .curbside-order-details-sub {
  color: #fff;
}
.dark-mode .navbar .dropdown-menu {
  border-top: 4px solid #fff;
}
.dark-mode nav ul.navbar-nav li a[aria-expanded="true"]::after {
  border-bottom: 8px solid #fff;
}
.dark-mode .star-rating i, .dark-mode .star-rating span, .dark-mode a.review-caption, .dark-mode .write-a-review a, .dark-mode .testimonials_rating_div i.fa-star {
  color: #dba622;
}
.dark-mode .bottle {
  background: rgba(197, 195, 195, 0.17);
}
.dark-mode .bottle::before {
  background: rgba(197, 195, 195, 0.17);
}
.dark-mode .bottle::after {
  background: rgba(197, 195, 195, 0.17);
}
.dark-mode .neck {
  background: rgba(197, 195, 195, 0.17);
}
.dark-mode .neck::before {
  background: rgba(197, 195, 195, 0.17);
}
.dark-mode .cap {
  background: rgba(197, 195, 195, 0.17);
}
.dark-mode .sidenav {
  background-color: #000;
}
.dark-mode .modal-dialog.modal-dialog-instockstores .modal-header {
  background: transparent;
}
.dark-mode .account-details-modal .modal-header, .dark-mode .modal-cart-login .modal-header, .dark-mode #smsmodal .modal-header {
  border-bottom: none;
}
.dark-mode .forgot-password-container .forgot button.novalue, .dark-mode .uncork-div {
  background: #AA2222;
}
.dark-mode .btn-tabs.common-btn.btn-tabs-pickup::before {
  background-image: url(https://images.liquorapps.com/wst/cmn/assets/images/pickup_ups.png);
}
.dark-mode .btn-tabs.common-btn.btn-tabs-shipping::before {
  background-image: url(https://images.liquorapps.com/wst/cmn/assets/images/shipping_ups.png);
}
.dark-mode .btn-tabs.common-btn.btn-tabs-delivery::before {
  background-image: url(https://images.liquorapps.com/wst/cmn/assets/images/delivery_ups.png);
}
.dark-mode .btn-tabs.common-btn.btn-tabs-curbside::before {
  background-image: url(https://images.liquorapps.com/wst/cmn/assets/images/curbside_grey.png);
}
.dark-mode .dark-mode .btn-tabs.common-btn::before:hover {
  filter: invert(1);
}
.dark-mode .account-details-modal .form-group-addprofile input.form-control {
  background-color: transparent;
}
.dark-mode .valid_id_msg {
  color: #fff;
}
.dark-mode .dealdiscountprice {
  color: #fff;
}
.dark-mode .modal-cart-login .forgot-custom {
  color: #e0c0c0;
}
.dark-mode .deals_cards .card {
  background-color: #262626;
}
.dark-mode .deals_cards .card__title {
  color: #fff;
}
.dark-mode span.same_store_hours, .dark-mode .footer-heading h4, .dark-mode .details-new-heading, .dark-mode .product-detail-pro-value, .dark-mode .fc-daygrid-day-number, .dark-mode .wc-rememberme span.remember {
  color: #fff;
}
.dark-mode .wine-club-pdp .product_name_div, .dark-mode .wine-club-pdp label, .dark-mode h4.wc-price, .dark-mode .gift-available, .dark-mode .wc-description, .dark-mode .wc-edit-sub-title .wc-edit-h3-title, .dark-mode .wc-edit-sub-title .wc-edit-span-title, .dark-mode .accountdetails-heading, .dark-mode .status-wc-order span.wc-text-active, .dark-mode .status-wc-order span.wc-text-cancel {
  color: #fff;
}
.dark-mode .cart__footer, .dark-mode .wc-edit-sub .cart__header, .dark-mode .wc-edit-sub.cart {
  background: #262626;
}
.dark-mode .join-club-content div div div {
  background: transparent !important;
}
.dark-mode .deals_cards .card__title, .dark-mode .events-epo .wc-checkout-main, .dark-mode .entry-tickets-div {
  color: #fff;
}
.dark-mode span.same_store_hours, .dark-mode .footer-heading h4, .dark-mode .details-new-heading, .dark-mode .product-detail-pro-value, .dark-mode .fc-daygrid-day-number {
  color: #fff;
}
.dark-mode .table-kegs-labodega tr td {
  background-color: #000;
}
.dark-mode .gc-fulfillment-div-total h2, .dark-mode .gc-isgift-div-total h2, .dark-mode .success-failed-order-section .gc-success-order h2, .dark-mode .order-details-section.gc-order-no h2.order-number-div, .dark-mode .gc-create-account-div .gc-crt-acnt-heading {
  color: #fff;
}
.dark-mode .gc-bg-tq {
  background-color: #535353;
}
.dark-mode .wc-edit-sub.cart, .dark-mode .wc-edit-sub .cart__header, .dark-mode .sms-marketing.sms-payment-div {
  background: #262626;
}
.dark-mode .wc-rememberme span.remember, .dark-mode .sms-modal .sms-heading-modal, .dark-mode .sms-modal .sms-main-sub-heading p, .dark-mode .sms-phone-num label, .dark-mode .sms-footer-main .sms-main-heading, .dark-mode .sms-footer-main .sms-main-sub-heading p, .dark-mode .sms-footer-main .sms-main-sub-para p {
  color: #fff;
}
.dark-mode .sms-optin-div-mobile.header_icon.username a span, .dark-mode .sms-markeing-div-desktop a span {
  color: #e0c0c0;
}
.dark-mode .create-acnt-gc .gc-btn-account {
  background-color: #a22;
}
.dark-mode .sms-markeing-div-desktop a svg path, .dark-mode .sms-optin-div-mobile a svg path {
  fill: #e0c0c0;
}
.dark-mode .subcategory-text {
  background-color: #000;
}
.dark-mode .missing-something-div {
  background-color: transparent;
}
.dark-mode .missing-something-div .addons-div {
  background-color: transparent;
}
.dark-mode .product-card-body .description p {
  color: inherit;
}
.dark-mode .gift-card-details .product_img_sub_div {
  background-color: #000;
}
.dark-mode .gift-card-details, .dark-mode .gift-sub-details, .dark-mode .events-epo .wc-contact-info-div .accountdetails-heading, .dark-mode .applied-text-div span, .dark-mode .gift-card-container .form-group label, .dark-mode .coupon-section a.terms-cond {
  color: #fff;
}
.dark-mode .gift-card-container {
  background: #000;
  border: 1px solid #ddd;
  box-shadow: 0 4px 8px rgba(255, 255, 255, 0.5);
}
.dark-mode .shop-eligible-text {
  color: #e0c0c0;
}
.dark-mode .rvw-cnt span {
  color: #A22;
}
.dark-mode .header_icon.username a svg g, .dark-mode .header_icon.cart-header-svg-icon a.cart-block-sub svg g {
  fill: #e0c0c0;
}
.dark-mode .ngc-container .gc-fulfilment-checkout .fullfilment-div .ngc-tile, .dark-mode .ngc-container .sms-opt-checkbox .checkbox label, .dark-mode .ngc-container .sms-opt-checkbox .checkbox .ngc-check-help, .dark-mode .ngc-container .gc-payment-methods .ngc-pay-title, .dark-mode .ngc-container .total-container tr.total-main:not(.giftcardb):not(.extra-amount) .total, .dark-mode .ngc-container .ngc-coupon .addcoupon-input-sub, .dark-mode .ngc-container .ngc-reveal-warning, .dark-mode .ngc-container .ngc-coupon-toggle, .dark-mode .ngc-container .ngc-giftcard .checkout_giftcard_number {
  color: #fff;
}
.dark-mode .ngc-container .ngc-reveal {
  background: #5a5656;
}
.dark-mode .pm-tiles .pm-tile-title, .dark-mode .pm-tiles .pm-cvv-label, .dark-mode .pm-radio-tile .pm-tile-title, .dark-mode .pm-check-tile .pm-tile-title {
  color: #fff;
}
.dark-mode .pm-tiles .pm-tile-sub, .dark-mode .pm-tiles .pm-tile-ico, .dark-mode .pm-tiles .pm-cvv-hint, .dark-mode .pm-radio-tile .pm-tile-sub, .dark-mode .pm-check-tile .pm-tile-sub, .dark-mode .pm-check-tile .pm-tile-ico {
  color: #cfcfcf;
}
.dark-mode .pm-tiles .pm-tile input.form-check-input, .dark-mode .pm-tiles .pm-cvv-input input#cvv, .dark-mode .pm-tiles .saved-card-div select.form-control, .dark-mode .store-pay .pm-radio-tile input.input-store-pay, .dark-mode .pm-check-tile input.input-store-pay {
  background: transparent;
  color: #fff;
}
.dark-mode .pm-tiles .pm-tile input.form-check-input:checked, .dark-mode .store-pay .pm-radio-tile input.input-store-pay:checked, .dark-mode .pm-check-tile input.input-store-pay:checked, .dark-mode .ngc-container .gc-payment-methods .all_payment_methods-div .radio-inline input[type="radio"]:checked {
  border-color: #185fa5;
  background: #185fa5 url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 12 10'%3E%3Cpath d='M1 5l3.4 3.4L11 1.6' fill='none' stroke='%23fff' stroke-width='2.2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E") no-repeat center;
  background-size: 10px 8px;
}
.dark-mode .ngc-container .gc-payment-methods .all_payment_methods-div .radio-inline:has(input:checked), .dark-mode .pm-tiles .pm-tile:has(.form-check-input:checked), .dark-mode .all_payment_methods-div .store-pay label.pm-radio-tile:has(input:checked), .dark-mode .placeorder-payment label.store-pay.pm-check-tile:has(input:checked) {
  background-color: rgba(116, 182, 245, 0.14);
}
.dark-mode .icon-calendar, .dark-mode .icon-clock {
  color: #fff;
}
.dark-mode label.gc-checkout-main {
  color: #fff;
}
.dark-mode .fp-wallet-buttons .fp-wallet-cap {
  color: #b9b4ad;
}
.dark-mode .gc-secure-note {
  color: #b9b4ad;
}
.dark-mode .fp-wallet-buttons .fp-wallet-or {
  color: #bdbdbd;
}
.dark-mode .fp-wallet-buttons .fp-wallet-or::before, .dark-mode .fp-wallet-buttons .fp-wallet-or::after {
  background: rgba(255, 255, 255, 0.2);
}
.dark-mode select.billing-address option, .dark-mode .ngc-container select.form-control.classic option, .dark-mode .ngc-container select.form-control option {
  color: #fff;
  background-color: #262626;
}
.dark-mode select.billing-address option:disabled, .dark-mode .ngc-container select.form-control.classic option:disabled, .dark-mode .ngc-container select.form-control option:disabled {
  color: #bdbdbd;
}
.dark-mode .ngc-container select.form-control.classic.billing-address, .dark-mode .ngc-container .date-picker select.form-control.classic, .dark-mode .ngc-container .time-picker select.form-control.classic, .dark-mode .ngc-container select.form-control.classic#shipping-service {
  color: #fff;
}
.dark-mode .ngc-container .spl-instruction-div textarea, .dark-mode .ngc-container textarea.gc-spl-inst, .dark-mode .ngc-container .gc-form-control, .dark-mode .ngc-container .delivery-add-address .input-address {
  background: #262626;
  background-color: #262626;
  color: #fff;
  border-color: rgba(255, 255, 255, 0.22);
}
.dark-mode .gc-contact-info-div .ngc-input {
  background: #262626;
  background-color: #262626;
  color: #fff;
  border-color: rgba(255, 255, 255, 0.22);
}
.dark-mode .ngc-container .spl-instruction-div textarea::placeholder, .dark-mode .ngc-container textarea.gc-spl-inst::placeholder, .dark-mode .ngc-container .gc-form-control::placeholder, .dark-mode .ngc-container .delivery-add-address .input-address::placeholder, .dark-mode .gc-contact-info-div .ngc-input::placeholder {
  color: #928d86;
}
.dark-mode .ngc-container .ngc-reveal-label {
  color: #f2f0ee;
}
.dark-mode i.beer.icon.fa.fa-star {
  color: #e0c0c0 !important;
}
.dark-mode .ngc-container .gc-fulfilment-checkout .fullfilment-div .ngc-tile, .dark-mode .events-epo .wc-fulfilment-checkout .fullfilment-div .ngc-tile {
  color: #f2f0ee;
  border-color: rgba(255, 255, 255, 0.28);
}
.dark-mode .ngc-container .gc-fulfilment-checkout .fullfilment-div .ngc-tile:has(input:checked), .dark-mode .events-epo .wc-fulfilment-checkout .fullfilment-div .ngc-tile:has(input:checked) {
  background: #f2f0ee;
  border-color: #f2f0ee;
  color: #141414;
}
.dark-mode .events-epo .fulfill_content select.form-control.dropdown-input-wc {
  background-color: #262626;
  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='8' viewBox='0 0 12 8'%3E%3Cpath d='M1 1l5 5 5-5' fill='none' stroke='%23b9b4ad' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");
  color: #fff;
  border-color: rgba(255, 255, 255, 0.22);
}
.dark-mode .events-epo .fulfill_content .pickup-label-fulfill, .dark-mode .events-epo .fulfill_content .delivery-label-fulfill, .dark-mode .events-epo .fulfill_content .shipping-label-fulfill {
  color: #e8e5e1;
}
.dark-mode .events-epo .wc-fulfillment-div-total, .dark-mode .events-epo .events-comm-pref, .dark-mode .events-epo .wc-payment-methods, .dark-mode .events-epo .gc-isgift-div-total, .dark-mode .events-epo .wc-isgift-div-total {
  border-top-color: rgba(255, 255, 255, 0.15);
}
.dark-mode .ngc-cart-total {
  background: #262626;
  border-color: rgba(255, 255, 255, 0.15);
}
.dark-mode .ngc-cart-total .store-address {
  border-bottom-color: rgba(255, 255, 255, 0.15);
}
.dark-mode .ngc-cart-total .store-address .locname-sub-div {
  color: #bdbdbd;
}
.dark-mode .ngc-cart-total .ngc-fulfill-label, .dark-mode .ngc-cart-total .fullfill-opt, .dark-mode .ngc-cart-total .ngc-summary-note, .dark-mode .ngc-cart-total .ngc-signin-hint {
  color: #bdbdbd;
}
.dark-mode .ngc-cart-total .total-container td {
  color: #fff;
}
.dark-mode .ngc-cart-total .btn-tabs.common-btn:not(.active) {
  background: #1a1a1a;
  color: #fff;
  border-color: rgba(255, 255, 255, 0.3);
}
.dark-mode .ngc-cart-total .btn-tabs.common-btn:before {
  filter: none;
}
.dark-mode .landingpage-padding-bg .newarrivals-main-div, .dark-mode .newarrivals-main-div {
  background-color: #000;
}
.dark-mode .product-details-mobile .for-you-section, .dark-mode .product-details-desktop .for-you-section {
  background-color: #141414;
}
.dark-mode .modal-header .close {
  color: #c9c9c9;
  opacity: 1;
}
.dark-mode .modal-header .close:hover, .dark-mode .modal-header .close:focus {
  color: #fff;
  opacity: 1;
}
.dark-mode .modal-cart-login .ngc-login-title {
  color: #fff;
}
.dark-mode .tipdown .tip-percent-btn.tip-btn-js {
  background: #1a1a1a;
  border-color: rgba(255, 255, 255, 0.28);
  color: #f2f0ee;
}
.dark-mode .tipdown .tip-percent-btn.tip-btn-js .tip-amt {
  color: #b9b4ad;
}
.dark-mode .tipdown .tip-percent-btn.tip-btn-js.active {
  background: #f2f0ee;
  border-color: #f2f0ee;
  color: #141414;
}
.dark-mode .tipdown .tip-percent-btn.tip-btn-js.active .tip-amt {
  color: #141414;
}
.dark-mode td.tipdown {
  border-bottom-color: #f2f0ee;
}
.dark-mode .tipdown .tip-subhead-title {
  color: #f2f0ee;
}
.dark-mode .tipdown .tip-subhead-note {
  color: #b9b4ad;
}
.dark-mode .tipdown .tip-btn.tip-notip-btn {
  background: #1a1a1a;
  border-color: rgba(255, 255, 255, 0.28);
  color: #f2f0ee;
}
.dark-mode .tipdown .tip-btn.tip-notip-btn.active {
  background: #f2f0ee;
  border-color: #f2f0ee;
  color: #141414;
}
.dark-mode .tipdown .tip-custom-field {
  border-color: rgba(255, 255, 255, 0.28);
}
.dark-mode .tipdown .tip-custom-field.tip-applied {
  border-color: rgba(255, 255, 255, 0.28);
}
.dark-mode .ngc-tq {
  --tq-ink: #f2f0ee;
  --tq-muted: #b9b4ad;
  --tq-soft: #928d86;
  --tq-line: rgba(255, 255, 255, 0.14);
  --tq-line-mid: rgba(255, 255, 255, 0.26);
  --tq-green: #6cc172;
  --tq-green-text: #82d08b;
  --tq-green-dark: #a9e2af;
  --tq-green-tint: rgba(108, 193, 114, 0.16);
  --tq-amber-tint: rgba(240, 184, 96, 0.18);
  --tq-amber-ink: #f0c37e;
  --tq-blue: #74b6f5;
}
.dark-mode .ngc-tq .ngc-tq-card, .dark-mode .ngc-tq .cart-total {
  background: #1e1e1e;
  border-color: var(--tq-line);
}
.dark-mode .ngc-tq .ngc-tq-ordchip {
  background: #1e1e1e;
  border-color: var(--tq-line);
}
.dark-mode .ngc-tq .ngc-tq-ordchip:hover {
  border-color: var(--tq-line-mid);
}
.dark-mode .ngc-tq .ngc-tq-head .ngc-tq-ordchip h2.order-number-div {
  color: var(--tq-ink);
}
.dark-mode .ngc-tq .ngc-tq-contbtn a, .dark-mode .ngc-tq .ngc-tq-contbtn .btn {
  background: #1e1e1e;
  color: var(--tq-ink);
  border-color: var(--tq-line-mid);
}
.dark-mode .ngc-tq .ngc-tq-head .ngc-tq-hrow .success-order-section h2 {
  color: var(--tq-ink);
}
.dark-mode .ngc-tq .ngc-tq-emailnote {
  border-top-color: var(--tq-line);
}
.dark-mode .ngc-tq-toast {
  background: #3a3735;
  color: #fff;
}
.dark-mode .gc-bg-tq.ngc-ca {
  background-color: #141414;
}
.dark-mode .ngc-ca .ngc-ca-card {
  background: #1e1e1e;
  border-color: rgba(255, 255, 255, 0.14);
  box-shadow: 0 1px 2px rgba(0, 0, 0, 0.4), 0 12px 30px rgba(0, 0, 0, 0.45);
}
.dark-mode .ngc-ca h2.gc-crt-acnt-heading.ngc-ca-title {
  color: #f2f0ee;
}
.dark-mode .ngc-ca p.ngc-ca-pill {
  background: rgba(116, 182, 245, 0.16);
  color: #8cc4f7;
}
.dark-mode .ngc-ca .ngc-ca-label {
  color: #e8e5e1;
}
.dark-mode .ngc-ca .ngc-ca-field .form-control {
  background: #262626;
  border-color: rgba(255, 255, 255, 0.22);
  color: #f2f0ee;
}
.dark-mode .ngc-ca .ngc-ca-field .form-control:focus {
  border-color: #74b6f5;
}
.dark-mode .ngc-ca .ngc-ca-field:has(.ngc-ca-verified) .form-control {
  color: #d9d5d0;
}
.dark-mode .ngc-ca .ngc-ca-verified {
  color: #7fd08a;
}
.dark-mode .ngc-ca .ngc-ca-field .eye-icon-gctq {
  color: #b9b4ad;
}
.dark-mode .ngc-ca .ngc-ca-fine {
  color: #928d86;
}
.dark-mode .ngc-ca .ngc-ca-fine a {
  color: #74b6f5;
}
.dark-mode .ngc-ca .ngc-ca-divider {
  color: #928d86;
}
.dark-mode .ngc-ca .ngc-ca-divider:before, .dark-mode .ngc-ca .ngc-ca-divider:after {
  background: rgba(255, 255, 255, 0.16);
}
.dark-mode .ngc-ca .ngc-ca-benefits li {
  color: #b9b4ad;
}
.dark-mode .ngc-ca .ngc-ca-benefits li i {
  color: #7fd08a;
}
.dark-mode .modal-cart-login .ngc-pwd-reqs li, .dark-mode .wc-login-signup .ngc-pwd-reqs li, .dark-mode .create-account-div .ngc-pwd-reqs li, .dark-mode .gc-create-account-div .ngc-pwd-reqs li {
  color: #b9b4ad;
}
.dark-mode .modal-cart-login .ngc-pwd-reqs li i, .dark-mode .wc-login-signup .ngc-pwd-reqs li i, .dark-mode .create-account-div .ngc-pwd-reqs li i, .dark-mode .gc-create-account-div .ngc-pwd-reqs li .ngc-req-ico {
  color: #8f8a83;
}
.dark-mode .modal-cart-login .ngc-pwd-reqs li.req-met i, .dark-mode .wc-login-signup .ngc-pwd-reqs li.req-met i, .dark-mode .create-account-div .ngc-pwd-reqs li.req-met i, .dark-mode .gc-create-account-div .ngc-pwd-reqs li.req-met .ngc-req-ico {
  color: #7fd08a;
}
.dark-mode .modal-cart-login .ngc-pwd-reqs li.req-unmet i, .dark-mode .wc-login-signup .ngc-pwd-reqs li.req-unmet i, .dark-mode .create-account-div .ngc-pwd-reqs li.req-unmet i, .dark-mode .gc-create-account-div .ngc-pwd-reqs li.req-unmet .ngc-req-ico {
  color: #ef8b7f;
}
.dark-mode .icon-calendar, .dark-mode .icon-clock {
  color: #000;
}
.dark-mode .newarrivals-banner-text {
  color: #fff;
}
@media only screen and (max-width: 991.5px) {
  .dark-mode .categoryicons-list li {
    background-color: #000;
    border: 1px solid rgba(255, 255, 255, 0.4);
  }
  .dark-mode .total-summary-div {
    background-color: #262626;
  }
}
@media only screen and (max-width: 767.5px) {
  .dark-mode .cat-sec .table-responsive .table {
    background-color: #000;
    border-top: 1px solid #fff;
    border-bottom: 1px solid #fff;
  }
  .dark-mode .cat-sec table.table td a, .dark-mode .cat-sec table.table td a:hover, .dark-mode .cat-sec table.table td a:focus {
    color: #fff;
  }
  .dark-mode .product_img_mobile {
    background: #fff;
    border-radius: 10px;
  }
  .dark-mode img#profile_imge_output {
    top: -4px;
    left: -2px;
  }
}
/*# sourceMappingURL=dark-mode.map */