/** Shopify CDN: Minification failed

Line 347:35 Unexpected "-------------------------"
Line 439:24 Expected identifier but found "!"
Line 3694:7 Expected ":"

**/
html, body {
    overflow-x: hidden; 
  ::selection {
    background-color: #245F29;
    color: #ffffff;
}

body {
   overflow-y: hidden;
}

::-moz-selection {
    background-color: #245F29;
    color: #ffffff;
}

   scroll-behavior: smooth;
}
:root {
    --color-text: #efe3cd;
    --color-text-rgb: 239, 227, 205;
    --color-text-invert: #101c32;
    --color-text-foreground: #000;
    --color-accent: #ffffff;
    --color-accent-invert: #000000;
    --color-accent-foreground: #000;
    --color-background: #000000;
    --color-background-green: #245F29;
    --color-background-secondary: #000000;
    --color-background-rgb: 0, 0, 0;
    --color-background-opacity: rgba(0, 0, 0, 0);
    --color-sales-price: #c1cf89;
    --color-borders-opacity: .46;
    --color-body-text: #efe3cd;
    --color-body: #000000;
    --color-bg: #000000;
    --font-stack-headings: Prata, serif;
    --font-weight-headings: 400;
    --font-weight-headings-bold: 400;
    --font-style-headings: normal;
    --font-stack-body: Armata, sans-serif;
    --font-weight-body: 400;
    --font-weight-body-bold: 400;
    --font-style-body: normal;
    --base-headings-size: 36;
    --base-body-size: 17;
    --heading-home-header: 30px;
    --header-padding-bry: 8px 0rem 8px 3rem;
    --newsletter-section-bg: rgba(255, 255, 255, 0.10);
    --font-family-anton: 'Anton', sans-serif;
    --review-box-bg: #6c6c6c3b;
    --color-text-soldout: #a53838;
    --color-darkmode: #000;
    --color-lightmode: #fff;
    --bg-color-sticky-cart: #202020;
    --color-contact-dark: rgba(255, 255, 255, 0.20);
    --font-family-poppins: 'Poppins', sans-serif;
}

/*Checkout CART*/
.totals__total-value{color: var(--color-background-green);}

/*Truncate Text Style*/
/*Disclaimer*/
.short_text-disclaimer-bry {
  display: block;
}
.short_text-disclaimer-bry.active, .long_text-disclaimer-bry.active {
  display: none;
}
.long_text-disclaimer-bry {
  display: block;
}

.truncate-readmore-disclaimer-bry, .truncate-readless-disclaimer-bry {
  cursor: pointer;
  display: block;
  color: var(--color-lightmode);
}
.truncate-readmore-disclaimer-bry:hover, .truncate-readless-disclaimer-bry:hover {color:#EFE3CE}
.truncate-readmore-disclaimer-bry.active, .truncate-readless-disclaimer-bry.active {
  display:none;
}
/*FDA Disclosure*/
.short_text-fda-bry, .long_text-fda-bry {
  display: block;
}
.short_text-fda-bry.active, .long_text-fda-bry.active {
  display: none;
}

.truncate-readmore-fda-bry, .truncate-readless-fda-bry {
  cursor: pointer;
  display: block;
  color: var(--color-lightmode);
}
.truncate-readmore-fda-bry:hover, .truncate-readless-fda-bry:hover {color:#EFE3CE}
.truncate-readmore-fda-bry.active, .truncate-readless-fda-bry.active {
  display:none;
}

/*Science*/
.short_text-sci-bry, .long_text-sci-bry {
  display: block;
}
.short_text-sci-bry.active, .long_text-sci-bry.active {
  display: none;
}

.truncate-readmore-sci-bry, .truncate-readless-sci-bry {
  cursor: pointer;
  display: block;
  color: var(--color-lightmode);
}
.truncate-readmore-sci-bry:hover, .truncate-readless-sci-bry:hover {color:#EFE3CE}
.truncate-readmore-sci-bry.active, .truncate-readless-sci-bry.active {
  display:none;
}
/* hide add to cart drawer */
#goodst-widget{
  display:none;
}
/* hide add to cart drawer */
.pricing-from-text {
    color:#245f29 !important;
}
/*menu styling*/
.modal__close-button .icon{
  color: var(--color-body-text);
}
.cart__empty-text, .title-wrapper-with-link .title, a.underlined-link, .cart-items, small.tax-note.caption-large.rte {
  color: var(--color-accent) !important;
}
a.underlined-link:hover{
  color: var(--color-text) !important;
}
.cart__footer > div:only-child {
    background: #2d2d2d !important;
    padding: 15px 10px !important;
    border-radius: 7px !important;
}

div.totals > h2 {
    color: var(--color-text) !important;
}


.header--middle-left .header__inline-menu {
    margin-left: 210px !important;
    color: #000;
    text-align: center;
    font-family: var(--font-family-anton);
    font-size: 24px;
    font-style: normal;
    font-weight: 600;
    line-height: 33px; /* 137.5% */
  }
/*Menu Button*/
button.buy-button-dev{
border-radius: 50px;
background: #245F29;
width: 220px;
height: 50px;
color: var(--color-accent);
text-align: center;
font-family: var(--font-family-poppins);
font-size: 18px;
font-style: normal;
font-weight: 400;
line-height: normal;
text-transform: uppercase;
border: none;
cursor:pointer;
}
button.buy-button-dev:hover{
  background: #4fa857;
}

/*Reseller Distributor Buttons*/
button.buy-reseller-bry{
border-radius: 50px;
background: #9a0c19;
width: 220px;
height: 50px;
color: var(--color-accent);
text-align: center;
font-family: var(--font-family-poppins);
font-size: 18px;
font-style: normal;
font-weight: 400;
line-height: normal;
text-transform: uppercase;
border: none;
cursor:pointer;
}
button.buy-reseller-bry:hover{
  background: #be565b;
}

#reseller-btn:hover{
    background-color: #c9c9ae14;
    border: solid 1px #C9C9AE;
}

#distributor-btn:hover{
    background-color: #c9c9ae14;
    border: solid 1px #C9C9AE;
    color: var(--color-lightmode);
}

.newsletter-submit{
  cursor:pointer;
}

button.buy-distributor-dev{
border-radius: 50px;
background: #245F29;
width: 220px;
height: 50px;
color: var(--color-accent);
text-align: center;
font-family: var(--font-family-poppins);
font-size: 18px;
font-style: normal;
font-weight: 400;
line-height: 1em;
text-transform: uppercase;
border: none;
cursor:pointer;
}
button.buy-distributor-dev:hover{
  background: #88b018;
}


/*Lab Test Result*/

div.labresult__bry > p > a{
  color: var(--color-lightmode);
}
div.labresult__bry > p > a:hover{
  color: var(--color-body-text);
}

/*Hide Swiper Slider Products*/
.mobile-productsview{
  display:none;
}

/*3 Column CSS*/
/*[Remove Extra space on 3 products below the main menu]*/
section#shopify-section-template--21315044213053__afc87274-509a-418e-8dc7-ef55bf08e7d5{
      margin-top: -40px;
}
   /* Center the container horizontally */
    .center-container {
      display: flex;
      justify-content: center;
      align-items: center;
      height: 100vh; /* Center vertically in the viewport */
      padding-bottom: 3vw;
    }
    .center-container-1 {
      display: flex;
      justify-content: center;
      align-items: center;
      height: 100vh; /* Center vertically in the viewport */
      padding-bottom: 3vw;
    }

    /* Define a container for the 3 columns */
    .container {
      width: 74%; 
      display: flex;
      justify-content: space-between;
      position: relative;
    }

    .column {
      flex: 0 0 calc(33.33% - 20px);
      padding: 20px;
      box-sizing: border-box;
      position: relative;
      text-align: center;
    }

    /* Style the image within each column */
    .column img {
      width: 271px;
      height: 421px;
      display: block;
      margin: 0 auto;
      margin-bottom: 10px;
    }

/* 3 Column with Image Top and Button Below */
/* CSS in styles.css */
.center-container {
    background: #245F29;
    display: flex;
    justify-content: center;
    align-items: center;
    height: auto; /* Center vertically in the viewport */
}
.center-container-1 {
    background: #245F29;
    display: flex;
    justify-content: center;
    align-items: center;
    height: auto; /* Center vertically in the viewport */
}

.container {
    width: 100%;
    max-width: 1240px;
    display: flex;
    justify-content: space-between;
    position: relative;
}

.column {
    flex: 0 0 calc(33.33% - 20px);
    padding: 20px;
    box-sizing: border-box;
    position: relative;
    text-align: center;
}

.column img {
    width: 100%; /* Make images responsive */
    max-width: 271px; /* Limit max width for larger screens */
    display: block;
    margin: 0 auto;
    margin-bottom: 20px;
}
.product__info-container .price--on-sale .price-item--regular {
    font-size: 30px !important;
    color: #efe3cd;
}
------------/*compare font size  */-------------------------
 .price__container {
    margin-bottom: .5rem;
    text-align: start !important;
}
.price--on-sale .price-item--regular {
  text-decoration: line-through;
  color: rgba(var(--color-foreground), 0.75);
  font-size:30px !important;
}
.buy-button {
    color: #fff;
    padding: 20px 20px;
    border: none;
    cursor: pointer;
    border-radius: 73.478px;
    background: #9A0C19;
    width: 100%; /* Make buttons responsive */
    height: 88.2px; /* Fix Height in Desktop View */
    flex-shrink: 0;
   /* color: #000; uncomment for LIGHT*/
    text-align: center;
font-family: 'Anton', sans-serif;
    font-size: 22px;
    font-style: normal;
    line-height: normal;
    text-transform: uppercase;
    margin-top:25px;
}

.buy-button-cherry {
    background-color: #9A0C19;
}

.buy-button-melon {
    background-color: #BE565B;
}

.buy-button-lime {
    background-color: #88B018;
}

.column + .column {
    margin-left: 10px;
}

/* Media queries for tablet*/
@media (max-width: 1024px) {
    .container {
        flex-wrap: wrap;
        justify-content: center;
    }

.row-footer div {
    max-width: 100%;
}
    .column {
        flex: 0 0 calc(50% - 10px);
        margin-left: 0;
    }

}
@media(max-width:800px){

.row-footer div {
    padding-top: 10px;
    padding-bottom: 0;
}
  ul.custom-list {
    margin-bottom: 0;
}
}
@media (max-width: 768px) {
    .column {
        flex: 0 0 100%;
    }
  [id^=kaktusp-app] .kaktusp-volume .kaktusp-checkout-btn {
    padding: 17px !important;
    width: 100% !important;
}
      .buy-button {
        height: 88.2px; /* Fix height based on content */
    }
  .product__info-container .price--on-sale .price-item--regular {
    font-size: 25px !important;
    color: #efe3cd;
}
  .price > * {
      font-size: 25px !important;
  }
.price .price-item {
    display: inline-block;
    margin: 0 1rem 0 0; !important
    font-size: 25px !important;
}
  .price--on-sale .price-item--regular {
  text-decoration: line-through;
  color: rgba(var(--color-foreground), 0.75);
  font-size:25px !important;
}
}
@media (max-width: 425px) {
 .price--on-sale .price-item--regular {
  text-decoration: line-through;
  color: rgba(var(--color-foreground), 0.75);
  font-size:20px !important;
}
   .product__info-container .price--on-sale .price-item--regular {
    font-size: 20px !important;
    color: #efe3cd;
}
   .price > * {
      font-size: 20px !important;
  }
}
.header-text {
    color: #EFE3CE;
    text-align: center;
font-family: 'Anton', sans-serif;
    font-size: 65px;
    font-style: normal;
    font-weight: 400;
    line-height: 80px;
}

.sub-text {
    color: #FFF;
    text-align: center;
font-family: 'Anton', sans-serif;
    font-size: 22px;
    font-style: normal;
    font-weight: 600;
    line-height: 33px;
}
/*Header CSS Title Above 3 Products*/
.center-title {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    background-color: var(--color-background-green);
    padding: 20px;
    text-align: center;
}

.center-title h1 {
    margin-bottom: 10px;
}

.center-title p {
    margin-top: 10px;
}

.center-container {
    background-color: var(--color-background-green);
    display: flex;
    justify-content: center;
    align-items: center;
    height: auto;
}
.center-container-white-bg {
    background: #fff;
    display: flex;
    justify-content: center;
    align-items: center;
    height: auto;
}

.center-container-1 {
    background-color: var(--color-background-green);
    display: flex;
    justify-content: center;
    align-items: center;
    height: auto;
}

.container {
    width: 100%;
    max-width: 1240px;
    display: flex;
    flex-wrap: wrap; /* Allow columns to wrap to the next line */
    justify-content: space-between;
    position: relative;
}

.column {
    flex: 0 0 calc(33.33% - 20px);
    padding: 20px;
    box-sizing: border-box;
    position: relative;
    text-align: center;
}

.column img {
    width: 100%;
    max-width: 271px;
    display: block;
    margin: 0 auto;
    margin-bottom: 10px;
}

.buy-button {
    color: #fff;
    padding: 20px 20px;
    border: none;
    cursor: pointer;
    border-radius: 73.478px;
    border: 1px solid #9a0c1900;
    background: #9A0C19;
    width: 100%;
    height: auto;
    flex-shrink: 0;
    color: #000;
    text-align: center;
    font-family: var(--font-family-poppins);
    font-size: 22px;
    font-style: normal;
    line-height: normal;
    text-transform: uppercase;
}

.buy-button-cherry {
    background-color: #9A0C19;
}

.buy-button-melon {
    background-color: #BE565B;
}

.buy-button-lime {
    background-color: #88B018;
}

.column + .column {
    margin-left: 10px;
}
/*Heading Styling*/
.center-title-whyseltzer8 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 20px;
    text-align: center;
}
span.dev-heading-header{
color: var(--color-text);
text-align: center;
font-family: 'Anton', sans-serif;
font-size: 45px;
font-style: normal;
font-weight: 400;
line-height: 80px; /* 123.077% */
}
h1.dev-h1-header{
color: var(--color-accent);
font-family: 'Anton', sans-serif;
font-size: 45px;
font-style: normal;
font-weight: 400;
line-height: 20px;
letter-spacing: 4px;
}
/*Styling Subtitle Below Heading*/
.dev-subtitle-text{
color: var(--color-accent);
text-align: center;
font-family: var(--font-family-poppins);
font-size: 18px;
font-style: normal;
font-weight: 500;
line-height: 1.2em;
width: 100%;
max-width: 1240px;
}
/* Media queries for dektop 1024*/
@media (max-width: 1024px) {
    .container {
        flex-wrap: wrap;
        justify-content: center;
    }
    
    .column {
        flex: 0 0 calc(50% - 10px);
        margin-left: 0;
    }
}
/*--------Why Seltzer8 Section---------------*/
       .container-whyseltzer8 {
            max-width: 1200px;
            margin: 0 auto;
            padding: 20px;
        }

        h2.whyseltzer8-h1 {
        /*color: #000; Uncomment for Light */
        color: var(--color-accent);
        font-family: 'Anton', sans-serif;
        font-size: 65px;
        font-style: normal;
        font-weight: 400;
        line-height: 80px;
        letter-spacing: 4px;
        }

        p.whyseltzer8-p {
          /*color: #000; Uncomment for Light */
          text-align: center;
          font-family: var(--font-family-poppins);
          font-size: 23px;
          font-style: normal;
          font-weight: 600;
          line-height: 33px; /* 143.478% */
        }

        .columns-whyseltzer8 {
            display: flex;
            flex-wrap: wrap;
            justify-content: center;
            margin-top: 20px;
        }

        .column-whyseltzer8 {
            flex: 1;
            margin: 10px 25px 10px 25px;
            max-width: 300px; /* Set a maximum width for the columns */
        }

        .column-whyseltzer8 img {
            max-width: 100%;
            height: auto;
        }

        .button-whyseltzer8 {
            margin-top: 20px;
            border: none;
            margin: 25px auto 0px auto;
            width: 230px;
            height: 60px;
            flex-shrink: 0;
            border-radius: 50px;
            background: #245F29;
            color: #FFF;
            text-align: center;
            font-family: var(--font-family-poppins);
            font-size: 18px;
            font-style: normal;
            font-weight: 600;
            line-height: normal;
            text-transform: uppercase;
        }
/*--------------The Perfect Alternative-----------------*/
.center-container-perfect {
  text-align: center;
}

.container-perfect {
  display: flex;
  justify-content: center; /* Center columns horizontally */
}

.columns-wrapper {
  display: flex;
  flex-wrap: wrap; /* Allow columns to wrap to the next row if necessary */
  justify-content: space-between; /* Distribute space between columns */
}

.column-perfect {
  flex: 1; /* Each column takes up an equal amount of space */
  padding: 10px;
  /*border: 1px solid #ccc;*/
  text-align: center; /* Center content horizontally within columns */
}
.img-perfect {
    max-width: 77%;
    height: auto;
    width: 100%;
}

h2.dev-h1-header{
  color: var(--color-accent);
  leading-trim: both;
  text-edge: cap;
font-family: var(--font-family-anton);
  font-size: 45px;
  font-style: normal;
  font-weight: 400;
  line-height: 20px;
}
h2.dev-h1-header-white{
  color: var(--color-accent);
  text-align: center;
  leading-trim: both;
  text-edge: cap;
  font-family: var(--font-family-anton);
  font-size: 45px;
  font-style: normal;
  font-weight: 400;
  line-height: 80px;
  letter-spacing: 4px;
}
span.alternative-bry{
 color: var(--color-text); 
}

/*---------------------------2 Column Grid-----------------------------*/
/* container */
.responsive-two-column-grid {
    display:block;
    margin: 0 14%;
}

/* columns */
.responsive-two-column-grid > * {
    padding:1rem;
}

/* columns */
.two-columns-grid > * {
    padding:1rem;
}


/*[>News Letter Section<]*/
.newsletter-col{
color: var(--color-accent);
leading-trim: both;
text-edge: cap;
font-family: var(--font-family-anton);
font-size: 45px;
font-style: normal;
font-weight: 600;
line-height: 1.4em;
}
.newsletter-green-title{
color: var(--color-text);
leading-trim: both;
text-edge: cap;
font-family: var(--font-family-anton);
font-size: 45px;
font-style: normal;
font-weight: 600;
line-height: 1.4em;
}

.newsletter-submit {
  border-radius: 50px;
  background: #245f29;
  color: #fff;
  text-align: center;
  font-size: 18px;
  font-style: normal;
  font-weight: 500;
  line-height: normal;
  text-transform: uppercase;
  border: none;
  padding: 14px 75px;
}
.newsletter-input {
  width: 100%;
  border-radius: 36px;
  height: 60px;
  padding: 15px;
}

/*----------------------4 Column---------------------------*/
* {
  box-sizing: border-box;
}
/* Container for flexboxes */
.row-footer {
  display: flex;
  flex-wrap: wrap;
  max-width: 1200px;
  margin: 0 auto;
}

/* Create four equal columns */
.column-footer-1 {
  flex: 1;
  padding: 20px;
  max-width: 30%;
  box-sizing: border-box; 
}
.column-footer {
  flex: 1;
  padding: 20px;
  max-width: 23.33%;
  box-sizing: border-box; 
}

/* On screens that are 992px wide or less, go from four columns to two columns */
@media screen and (max-width: 992px) {
  .column-footer {
    flex: 1;
    max-width: 50%;
  }
}

/* On screens that are 600px wide or less, make the columns stack on top of each other instead of next to each other */
@media screen and (max-width: 600px) {
  .row-footer {
    flex-direction: column;
  }
  .column-footer {
    flex: 1;
    max-width: 100%;
  }
}

/*----------------------Social Media in Footer---------------------------*/
.icon-list {
  list-style: none;
  padding: 0;
  margin: 0;
  display: flex;
}

.icon-list li {
  display: flex;
  flex-direction: column;
  align-items: center;
  margin-right: 10px;
}
.icon-footer {
  width: 30px;
  /*height: 30px;*/
  background-color: #007bff; 
  color: #fff; 
  border-radius: 50%;
  text-align: center;
  line-height: 30px;
  font-size: 20px; /* Change to your desired icon size */
  margin-bottom: 5px;
}

/*[Follow Us]*/
.footer-followus{
  color: var(--color-accent);
  font-family: var(--font-family-anton);
  font-size: 18px;
  font-style: normal;
  font-weight: 400;
  line-height: 33px; /* 94.286% */
  text-transform: uppercase;
}

/*[Debit Card]*/
.card-icon-list {
  list-style: none;
  display: flex;
  flex-direction: row;
  gap: 10px;
}

.card-icon-list li {
  display: inline-block;
  margin-right: 10px; /* Adjust the spacing as needed */
}

@media (max-width: 1024px) {
  .card-icon-list li {
    display: inline-block;
    width: calc(25% - 10px); /* Three items per row, adjust margin accordingly */
    margin-right: 10px;
  }
}

@media (max-width: 768px) {
  .card-icon-list li {
    display: block;
    display: inline-block;
    width: calc(40% - 10px); /* Three items per row, adjust margin accordingly */
    margin-right: 10px;
  }
}


/* Display the list items inline on larger screens (desktop) */
.card-icon-list {
  list-style: none;
  padding: 0;
  margin: 0;
}

.card-icon-list li {
  display: inline-block;
  margin-right: 5px; /* Adjust the spacing as needed */
}


/* Stack the list items vertically with two items per row on mobile screens */
@media (max-width: 767px) {
 .card-icon-list li {
    display: block;
    width: auto;
    max-width: 18%;
}
  .page-width.page-width--narrow.section-template--20133654003917__e5a242f1-9439-4af0-a273-0dc2d0168716-padding {
    padding-top: 0;
}
  .our-products-title h1, .our-products-title span {
    line-height: normal !important;
}
  .column-footer.footer-policy {
    margin-top: 0 !important;
}

      /*Swiper Slider Products*/
    .mobile-productsview{
      display:block;
      background-color:#245F29;
      margin-top: -25px;
    }

  /*Main Products*/
  h2.dev-h1-header, span.dev-heading-header{
    line-height:1.2em;
    font-size:var(--heading-home-header);
    
  }

  /*Mobile Menu Styling*/
  .header{
  padding: var(--header-padding-bry) !important;
    }
  
}

/*----------------------Quick Links---------------------------*/
.clear-mt15{ /*Add Space*/
  margin-top: 45px;
}
.footer-sub-title{
color: #000;
font-family: var(--font-family-anton);
font-size: 25px;
font-style: normal;
font-weight: 400;
line-height: normal;
letter-spacing: 0.7px;
text-transform: uppercase;
}
/* Style for the list */
.custom-list {
  list-style: none;
  padding: 0;
}

/* Style for list items */
.custom-list li {
  color: #000;
font-family: var(--font-family-poppins);
  font-size: 16px;
  font-style: normal;
  font-weight: 400;
  line-height: 40px;
}

/*Contact Info*/
.contact-number-footer-default{
color: #000;
font-family: var(--font-family-poppins);
font-size: 16px;
font-style: normal;
font-weight: 400;
line-height: 40px;
}
.contact-number-footer-green{
color: #245F29;
font-family: var(--font-family-poppins);
font-size: 18px;
font-style: normal;
font-weight: 400;
line-height: 40px; /* 204.545% */
}
/*Footer Center Copyright*/
.centered-content-footer {
  text-align: center;
  max-width: 1200px;
  margin: 0 auto;
  padding: 20px;
}
.centered-content-copyrightfooter {
  text-align: center;
  max-width: 1200px;
  margin: 0 auto;
  padding: 20px;
  color: var(--color-accent);
font-family: var(--font-family-poppins);
  font-size: 12px;
  font-style: normal;
  font-weight: 400;
  line-height: normal;
  letter-spacing: -0.205px;
}

.center-products-description{
  color: var(--color-accent);
  text-align: center;
font-family: var(--font-family-poppins);
  font-size: 28px;
  font-style: normal;
  font-weight: 500;
  line-height: 33px;
}
.center-products-details{
  color: var(--color-accent);
  text-align: center;
  font-family: var(--font-family-poppins);
  font-size: 15px;
  font-style: normal;
  font-weight: 400;
  line-height: 28px;
}

span.companyname-brand{
color: var(--color-text);
font-family: var(--font-family-poppins);
font-size: 12px;
font-style: normal;
font-weight: 600;
line-height: normal;
letter-spacing: -0.205px;
}
  /*Desktop Footer Horizontal Line BEFORE Pseudocode*/
.section-sections--21315044573501__57daae9d-1891-42a0-b178-9b71289a1bd7-padding{
  margin-top: 75px;
}
div.section-sections--21315044573501__57daae9d-1891-42a0-b178-9b71289a1bd7-padding::before {
  content: '';
  display: block;
  width: 60%;
  height: 1px;
  background-color: #fff;
  margin: 0 auto;
  opacity:0.5;
}


/*----------------------Custom Template CSS---------------------------*/
/*[Custom HTML]*/
.center-content-custom-html {
  display: flex;
  justify-content: center; /* Center horizontally */
  align-items: center; /* Center vertically */
  width: 100%;
  padding: 75px 0px;
}

/*----------------------OUR Products---------------------------*/
.our-products-title{
    display: flex;
    justify-content: center; /* Center horizontally */
    align-items: center; /* Center vertically */
    width: 100%;
    background-color:#fff;
}
.our-products-title h1 {
    text-transform:uppercase;
     color: var(--color-accent);
    leading-trim: both;
    text-edge: cap;
font-family: var(--font-family-anton);
    font-size: 45px;
    font-style: normal;
    font-weight: 400;
    line-height: 80px;
    letter-spacing: 3px;
}
h1 > span.green-text{
  color: var(--color-text);
  leading-trim: both;
  text-edge: cap;
font-family: var(--font-family-anton);
  font-size: 45px;
  font-style: normal;
  font-weight: 400;
  line-height: 80px;
  text-transform: uppercase;
}

/*[Popup Product Modal]*/
.product__title > * {
  
  color: var(--color-lightmode) !important;
}

/*[Single Product Page Background]*/

.product {
    flex-flow: row nowrap!important;
}
.grid__item.product__media-wrapper,
.product__info-wrapper {
    width: 100%!important;
}
@media only screen and (min-width: 1280px) {
    .grid__item.product__media-wrapper  {
        max-width: 540px;
    }
}
@media only screen and (max-width: 750px) {
    .product {
        flex-flow: column nowrap!important;
    }
    .grid__item.product__media-wrapper  {
        max-width: 100%;
    }
}

.card__inner { /*Reduce Related Products Image Size*/
    width: 75% !important;
    margin: 0 auto;
}
h3.card__heading{
  color: var(--color-accent) !important;
}
.focus-none{
  background-color:#fff;
}
/*Style for the Word '[FROM]' left side of Pricing*/
.pricing-from-text{
  color: var(--color-body-text);
  text-align: center;
font-family: var(--font-family-anton);
  font-size: 20px;
  font-style: normal;
  font-weight: 400;
  line-height: 33px;
}
div.price-devs-align{
  text-align: center;
}

span.badge.price__badge-sold-out.color-inverse{
  background-color: #d1ced1;
}

.price__regular .price-item--regular{
  color: var(--color-body-text);
  font-size: 30px;
}

div.section-template--21315044081981__product-grid-padding{
  background-color: var(--color-accent-invert);
}

/*----------------------Disclaimer / FDA Disclosure / Science BOX ---------------------------*/
.dis-fda-science{
    width: 100%;
    max-width: 1240px;
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    position: relative;
    background: rgb(156 155 153 / 20%);
    margin: 55px 0px;
    padding: 25px 35px;
}
div.column > h2.title-dis-fda-sci{
  position: relative;
  color: var(--color-lightmode);
font-family: var(--font-family-anton);
  font-size: 20px;
  font-style: normal;
  font-weight: 600;
  line-height: 35px; /* 116.667% */
  letter-spacing: 0.6px;
  text-transform: uppercase;
  display:inline;
  letter-spacing: 3px;
}
/*[SVG icon]*/
span.icon-fda {
  width: 30px;
    height: 33px;
 content: url('../../../../../s/files/1/0793/0560/5437/files/Seltzer8_fda_v-1698738228.svg');
    margin-right: 5px;
  /*center icon to align in title*/
    position: absolute;
    left: -40px;
    top: 50%;
    transform: translateY(-50%);
}
span.icon-disclaimer {
  width: 30px;
    height: 33px;
 content: url('../../../../../s/files/1/0793/0560/5437/files/Seltzer8_Disclaimer_v-1698738228.svg');
    margin-right: 5px;
    /*center icon to align in title*/
    position: absolute;
    left: -40px;
    top: 50%;
    transform: translateY(-50%);
}
span.icon-science {
  width: 30px;
    height: 33px;
 content: url('../../../../../s/files/1/0793/0560/5437/files/Seltzer8_Science_v-1698738228.svg');
    margin-right: 5px;
    /*center icon to align in title*/
    position: absolute;
    left: -40px;
    top: 50%;
    transform: translateY(-50%);
}
div.column > h2.title-dis-fda-sci::before{

}
div.jdgm-rev__body > p {
    color: var(--color-lightmode);
}
div.column > p.typhography-dis-fda-sci{
color: var(--color-lightmode);
text-align: center;
font-family: var(--font-family-poppins);
font-size: 16px;
font-style: normal;
font-weight: 400;
line-height: 28px; /* 175% */
}

/*Newletter Inline*/
.newsletter-input::placeholder{
  color: var(--color-accent) !important;
  font-size: 16px;
  font-style: normal;
  font-weight: 500;
  line-height: normal;
}


#shopify-section-sections--21315044573501__7142702d-2a56-4ad0-90ad-2b652f8d4fbd .newsletter-input{
  background-color: rgba(255, 255, 255, 0.20) !important;
  color: var(--color-accent);
  border:none;
}

#shopify-section-sections--21315044573501__7142702d-2a56-4ad0-90ad-2b652f8d4fbd .newsletter-submit{
  cursor:pointer;
}


/*---------------------- Image Animations ---------------------------*/
.hover03 img {
  transition: transform 0.2s;
}
.hover03 img:hover {
  transform: scale(1.1);
}

.buy-button:hover{
    background-color: #c9c9ae14;
    border: solid 1px #C9C9AE;
}

/*[homepage 3 product Entrance animation]*/
.animate {
  animation-duration: 0.75s;
  animation-delay: 0.5s;
  animation-name: animate-fade;
  animation-timing-function: cubic-bezier(0.26, 0.53, 0.74, 1.48);
  animation-fill-mode: backwards;
}

/* Glow In */
.animate.glow {
  animation-name: animate-glow;
  animation-timing-function: ease;
}

@keyframes animate-glow {
  0% {
    opacity: 0;
    filter: brightness(3) saturate(3);
    transform: scale(0.8, 0.8);
  }
  100% {
    opacity: 1;
    filter: brightness(1) saturate(1);
    transform: scale(1, 1);
  }
}

.delay-1 {
  animation-delay: 0.6s;
}
.delay-2 {
  animation-delay: 0.7s;
}
.delay-3 {
  animation-delay: 0.8s;
}
/*[Alternative Image animation]*/
.fade-in-bry {
    opacity: 0;
    animation: fadeIn 1s ease-in forwards;
}

@keyframes fadeIn {
    from {
        opacity: 0;
    }
    to {
        opacity: 1;
    }
}

/*[Collection Styling]*/
h3.card__heading{
  font-family: var(--font-family-poppins) !important;
}


/*Wild Berry Desktop*/
.wild-berry-bry {
            background: url('../../../../../s/files/1/0793/0560/5437/files/WILD_BERRY_SECTION_BG_seltzer8_v-1700806845.svg') center/cover;
            display: flex;
            align-items: center;
            padding: 20px 75px;
        }

        .image-column-bry {
            flex: 0 0 45%;
            text-align: center; /* Center the image within its container */
            margin-left: 50px;
        }

        .wild-berry-img-bry {
            width: 55%;
            border-radius: 10px;
            margin: 0 auto; /* Center the image horizontally */
            display: block; /* Remove extra space below inline images */
        }

.boxcontent-wildberry {
    width: 743px;
    height: 488px;
    flex-shrink: 1;
    /*background: linear-gradient(180deg, #D9B1CC 0.04%, #AC5D9F 248.99%);*/
    background-color: var(--color-lightmode);
    opacity: 1;
    padding: 20px;
    border-radius: 20px;
    display: flex;
    flex-direction: column;
    align-items: center; /* Center content horizontally */
    justify-content: center; /* Center content vertically */
    text-align: center; /* Center text content */
}

        .content-column-bry {
            flex: 0;
            padding-left: 20px;
            display: flex;
            flex-direction: column;
            gap: 25px;
            justify-content: center;
            align-items: center;
        }

        h2.just-h2-bry {
            margin: 0;
        }

        .just-text-bry {
            color: var(--color-darkmode);
            text-align: center;
            font-size: calc(1.5vw + 36px);
            font-family: Anton;
            font-style: normal;
            font-weight: 400;
            line-height: 80px; /* 123.077% */
        }

        .dropped-style-bry {
            color: #A82F7E;
            font-family: Anton;
            font-size: calc(1.5vw + 36px);
            font-style: normal;
            font-weight: 400;
            line-height: 80px;
        }

        p.wildberry-p-bry {
          margin: 10px 0;
          color: var(--color-darkmode);
          text-align: center;
          font-size: 21px;
          font-style: normal;
          font-weight: 600;
          line-height: 1.2em;
          max-width: 550px;
        }

        a.rounded-button-bry:hover::after {
            content: '➜';
        }

        .rounded-button-bry {
            display: inline-block;
            padding: 10px 20px;
            border-radius: 25px;
            border: 2px solid transparent;
            background-color: #A82F7E;
            color: #ffffff;
            text-decoration: none;
            transition: background-color 0.3s, border-color 0.3s;
        }

        .rounded-button-bry:hover {
            background-color: transparent;
            border-color: purple;
            color: purple;
        }

      /*Boost Your Business*/
      #reseller-btn:hover, #distributor-btn:hover{cursor:pointer;}
      .boost-h1-bry h1{
        color: var(--color-accent);
        text-align: center;
        leading-trim: both;
        text-edge: cap;
        font-family: var(--font-family-anton);
        font-size: 45px;
        font-style: normal;
        font-weight: 400;
        line-height: 80px;
        letter-spacing: 4px;
      }
      .distributor-boost-btn-bg-bry{
        background: #EFE3CE;
        color: var(--color-darkmode);
      }
      .resellerdistributoor-spacing-bry{
            display: flex;
            flex-direction: row;
            justify-content: center;
            align-items: center;
            gap: 40px;
      }
      .seller-dist-p-bry{
            text-align: center;
            font-family: var(--font-family-poppins);
            font-size: 20px;
            font-style: normal;
            font-weight: 400;
            line-height: 33px;
            color: var(--color-lightmode);
      }
      section#shopify-section-template--21623430938941__fbf21edf-3c17-4332-ab0c-69afb69a16d2{
        background-color: #191919;
      }

/*New Products Text Section Below New Product Section*/
.newproduct-p-bry{
  max-width: 950px;
}



@media(max-width:1800px){
.new-banner-info {
  height: 500px !important;  
      background-position: 50% 0 !important;
}
.new-banner-details {
    padding-left: 100px !important;
}
  .new-banner-info {
    background-repeat: no-repeat;
    background-size: contain;
    height: 694px;
    display: flex;
    align-items: center;
   
}
   .new-banner-details h1 {
    font-size: 72px !important;
}
  .new-banner-details h2 {
    font-size: 42px !Important;
}
  .new-banner-details p {
    font-size: 16px !Important;
}
}
@media(max-width:1440px){
  .new-banner-info {
    padding: 40px 0 !important;
}
 .new-banner-details a {
    padding: 15px 40px !important;
}
  .new-banner-details {
    max-width: 49% !Important;
}
}
@media(max-width:1024px){
  .new-banner-details {
    padding-left: 15px!important;
}
  .new-banner-details a {
    padding: 10px 30px!important;
    font-size:14px !Important;
}
}
@media(max-width:768px){
  .new-banner-details {
    max-width: 60%!important;
}
}
@media(max-width:575px){
  .new-banner-details.mobail {
    display: block !important;
}
  td.cart-item__totals.right {
    display: none;
}
  th#CartDrawer-ColumnTotal {
    display: none;
}
  th#CartDrawer-ColumnProductImage {
    display: none;
}
  .price__regular .price-item--regular {
    font-size: 22px !important;
}
  h3.card__heading {
    font-size: 20px !Important;
}
ul.grid.product-grid.grid--2-col-tablet-down.grid--4-col-desktop {
    display: block;
}

li.grid__item.scroll-trigger.animate--slide-in {
    width: 100%;
    max-width: 100%;
}
  .our-products-title h1 {
    margin: 0;
}
  #shopify-section-template--20133654003917__e5a242f1-9439-4af0-a273-0dc2d0168716 h3 {
    font-size: 24px;
    margin: 0;
}
  .product__title h1 {
    font-weight: 400;
    font-size: 24px;
}
  .new-banner-details.desktop {
    display: none !important;
}
  section.new-banner {
    display: inline-block;
    width: 100%;
    padding-bottom: 50px;
}
  .new-banner-info {
    background-size: 50em!important;
    height: 300px !important;
    background-position: 90% 0!important;
}
  .new-banner-details {
    max-width: 80%!important;
}
  section.new-banner {
    display: inline-block;
    width: 100%;
    background: #245f29;
}
 .new-banner-info {
    background-image: url(https://drinkseltzer8.com/cdn/shop/files/drinkseltzer8_-_Sales_Banner_-_Option_3_2.png?v=1709287844)!important;
    background-size: contain !important;
    background-position: center !important;
}
}
@media(max-width:425px){
  .new-banner-details {
    max-width: 95%!important;
}
  .columns-whyseltzer8 {
    DISPLAY: GRID;
}
  .new-banner-details h1 {
    font-size: 42px!important;
}
  .new-banner-details h2 {
    font-size: 40px!important;
}
  .new-banner-details a {
    padding: 10px 30px!important;
    font-size: 13px!important;
}
  .new-banner-details p {
    font-size: 30px;
    color: #EFE3CE;
    margin: 0;
    padding-top: 5px !Important;
}
  .content-column-bry {
    padding-left: 0 !Important;
}
h2.dev-h1-header-white {
    font-size: 21px;
    line-height: normal;
    padding: 0 15px;
}
   .product__info-container .price--on-sale .price-item--regular {
    font-size: 20px !important;
    color: #efe3cd;
}
}
@media(max-width:375px){
  h2.whyseltzer8-h1 {
    font-size: 36px;
}
  body .our-products-title h1, .our-products-title span, h2.h2-related-products {
    font-size: 22px !important;
    padding-bottom: 0;
}
h2#distributorH2 {
    margin-top: 0;
    text-align: center !important;
}
  p.dev-subtitle-text,
  .seller-dist-p-bry{
    font-size: 13px !Important;
}
  h1.dev-h1-header,
  h2.dev-h1-header-white,
  .center-products-description{
    font-size: 19px !important;
}
  .our-products-title h1, .our-products-title span {
    font-size: 22px!important;
    margin-bottom: 0;
    line-height: normal!important;
}
  body .new-banner-info {
    height: 350px !important;
}
}
@media(max-width:1880px){
  .new-banner-info {
    height: 657px !important;
}
}









header.page-width.page-width--narrow.scroll-trigger.animate--fade-in,
.article-template__social-sharing.page-width.page-width--narrow.scroll-trigger.animate--slide-in,
.article-template__content.page-width.page-width--narrow.rte.scroll-trigger.animate--slide-in{
    background: transparent;
    max-width: 1445px;
    padding: 00 15px;
}
article.article-template {
    color: #FFF;
}

article.article-template h2 {
    color: #FFF;
    font-size: 22px !important;
}

article.article-template h3 {
    color: #FFF;
    font-size: 32px;
    font-weight: bold;
}
html, body {
    overflow-x: hidden; 
  ::selection {
    background-color: #245F29;
    color: #ffffff;
}

body {
   overflow-y: hidden;
}

::-moz-selection {
    background-color: #245F29;
    color: #ffffff;
}

   scroll-behavior: smooth;
}
:root {
    --color-text: #efe3cd;
    --color-text-rgb: 239, 227, 205;
    --color-text-invert: #101c32;
    --color-text-foreground: #000;
    --color-accent: #ffffff;
    --color-accent-invert: #000000;
    --color-accent-foreground: #000;
    --color-background: #000000;
    --color-background-green: #245F29;
    --color-background-secondary: #000000;
    --color-background-rgb: 0, 0, 0;
    --color-background-opacity: rgba(0, 0, 0, 0);
    --color-sales-price: #c1cf89;
    --color-borders-opacity: .46;
    --color-body-text: #efe3cd;
    --color-body: #000000;
    --color-bg: #000000;
    --font-stack-headings: Prata, serif;
    --font-weight-headings: 400;
    --font-weight-headings-bold: 400;
    --font-style-headings: normal;
    --font-stack-body: Armata, sans-serif;
    --font-weight-body: 400;
    --font-weight-body-bold: 400;
    --font-style-body: normal;
    --base-headings-size: 36;
    --base-body-size: 17;
    --heading-home-header: 30px;
    --header-padding-bry: 8px 0rem 8px 3rem;
    --newsletter-section-bg: rgba(255, 255, 255, 0.10);
    --font-family-anton: 'Anton', sans-serif;
    --review-box-bg: #6c6c6c3b;
    --color-text-soldout: #a53838;
    --color-darkmode: #000;
    --color-lightmode: #fff;
    --bg-color-sticky-cart: #202020;
    --color-contact-dark: rgba(255, 255, 255, 0.20);
    --font-family-poppins: 'Poppins', sans-serif;
}

/*Checkout CART*/
.totals__total-value{color: var(--color-background-green);}

/*Truncate Text Style*/
/*Disclaimer*/
.short_text-disclaimer-bry {
  display: block;
}
.short_text-disclaimer-bry.active, .long_text-disclaimer-bry.active {
  display: none;
}
.long_text-disclaimer-bry {
  display: block;
}

.truncate-readmore-disclaimer-bry, .truncate-readless-disclaimer-bry {
  cursor: pointer;
  display: block;
  color: var(--color-lightmode);
}
.truncate-readmore-disclaimer-bry:hover, .truncate-readless-disclaimer-bry:hover {color:#EFE3CE}
.truncate-readmore-disclaimer-bry.active, .truncate-readless-disclaimer-bry.active {
  display:none;
}
/*FDA Disclosure*/
.short_text-fda-bry, .long_text-fda-bry {
  display: block;
}
.short_text-fda-bry.active, .long_text-fda-bry.active {
  display: none;
}

.truncate-readmore-fda-bry, .truncate-readless-fda-bry {
  cursor: pointer;
  display: block;
  color: var(--color-lightmode);
}
.truncate-readmore-fda-bry:hover, .truncate-readless-fda-bry:hover {color:#EFE3CE}
.truncate-readmore-fda-bry.active, .truncate-readless-fda-bry.active {
  display:none;
}

/*Science*/
.short_text-sci-bry, .long_text-sci-bry {
  display: block;
}
.short_text-sci-bry.active, .long_text-sci-bry.active {
  display: none;
}

.truncate-readmore-sci-bry, .truncate-readless-sci-bry {
  cursor: pointer;
  display: block;
  color: var(--color-lightmode);
}
.truncate-readmore-sci-bry:hover, .truncate-readless-sci-bry:hover {color:#EFE3CE}
.truncate-readmore-sci-bry.active, .truncate-readless-sci-bry.active {
  display:none;
}




/*menu styling*/
.modal__close-button .icon{
  color: var(--color-body-text);
}
.cart__empty-text, .title-wrapper-with-link .title, a.underlined-link, .cart-items, small.tax-note.caption-large.rte {
  color: var(--color-accent) !important;
}
a.underlined-link:hover{
  color: var(--color-text) !important;
}
.cart__footer > div:only-child {
    background: #2d2d2d !important;
    padding: 15px 10px !important;
    border-radius: 7px !important;
}

div.totals > h2 {
    color: var(--color-text) !important;
}


.header--middle-left .header__inline-menu {
    margin-left: 210px !important;
    color: #000;
    text-align: center;
    font-family: var(--font-family-anton);
    font-size: 24px;
    font-style: normal;
    font-weight: 600;
    line-height: 33px; /* 137.5% */
  }
/*Menu Button*/
button.buy-button-dev{
border-radius: 50px;
background: #245F29;
width: 220px;
height: 50px;
color: var(--color-accent);
text-align: center;
font-family: var(--font-family-poppins);
font-size: 18px;
font-style: normal;
font-weight: 400;
line-height: normal;
text-transform: uppercase;
border: none;
cursor:pointer;
}
button.buy-button-dev:hover{
  background: #4fa857;
}

/*Reseller Distributor Buttons*/
button.buy-reseller-bry{
border-radius: 50px;
background: #9a0c19;
width: 220px;
height: 50px;
color: var(--color-accent);
text-align: center;
font-family: var(--font-family-poppins);
font-size: 18px;
font-style: normal;
font-weight: 400;
line-height: normal;
text-transform: uppercase;
border: none;
cursor:pointer;
}
button.buy-reseller-bry:hover{
  background: #be565b;
}

#reseller-btn:hover{
    background-color: #c9c9ae14;
    border: solid 1px #C9C9AE;
}

#distributor-btn:hover{
    background-color: #c9c9ae14;
    border: solid 1px #C9C9AE;
    color: var(--color-lightmode);
}

.newsletter-submit{
  cursor:pointer;
}

button.buy-distributor-dev{
border-radius: 50px;
background: #245F29;
width: 220px;
height: 50px;
color: var(--color-accent);
text-align: center;
font-family: var(--font-family-poppins);
font-size: 18px;
font-style: normal;
font-weight: 400;
line-height: 1em;
text-transform: uppercase;
border: none;
cursor:pointer;
}
button.buy-distributor-dev:hover{
  background: #88b018;
}

/*Lab Test Result*/

div.labresult__bry > p > a{
  color: var(--color-lightmode);
}
div.labresult__bry > p > a:hover{
  color: var(--color-body-text);
}

/*Hide Swiper Slider Products*/
.mobile-productsview{
  display:none;
}

/*3 Column CSS*/
/*[Remove Extra space on 3 products below the main menu]*/
section#shopify-section-template--21315044213053__afc87274-509a-418e-8dc7-ef55bf08e7d5{
      margin-top: -40px;
}
   /* Center the container horizontally */
    .center-container {
      display: flex;
      justify-content: center;
      align-items: center;
      height: 100vh; /* Center vertically in the viewport */
      padding-bottom: 3vw;
    }
    .center-container-1 {
      display: flex;
      justify-content: center;
      align-items: center;
      height: 100vh; /* Center vertically in the viewport */
      padding-bottom: 3vw;
    }

    /* Define a container for the 3 columns */
    .container {
      width: 74%; 
      display: flex;
      justify-content: space-between;
      position: relative;
    }

    .column {
      flex: 0 0 calc(33.33% - 20px);
      padding: 20px;
      box-sizing: border-box;
      position: relative;
      text-align: center;
    }

    /* Style the image within each column */
    .column img {
      width: 271px;
      height: 421px;
      display: block;
      margin: 0 auto;
      margin-bottom: 10px;
    }

/* 3 Column with Image Top and Button Below */
/* CSS in styles.css */
.center-container {
    background: #245F29;
    display: flex;
    justify-content: center;
    align-items: center;
    height: auto; /* Center vertically in the viewport */
}
.center-container-1 {
    background: #245F29;
    display: flex;
    justify-content: center;
    align-items: center;
    height: auto; /* Center vertically in the viewport */
}

.container {
    width: 100%;
    max-width: 1240px;
    display: flex;
    justify-content: space-between;
    position: relative;
}

.column {
    flex: 0 0 calc(33.33% - 20px);
    padding: 20px;
    box-sizing: border-box;
    position: relative;
    text-align: center;
}

.column img {
    width: 100%; /* Make images responsive */
    max-width: 271px; /* Limit max width for larger screens */
    display: block;
    margin: 0 auto;
    margin-bottom: 20px;
}

.buy-button {
    color: #fff;
    padding: 20px 20px;
    border: none;
    cursor: pointer;
    border-radius: 73.478px;
    background: #9A0C19;
    width: 100%; /* Make buttons responsive */
    height: 88.2px; /* Fix Height in Desktop View */
    flex-shrink: 0;
   /* color: #000; uncomment for LIGHT*/
    text-align: center;
font-family: 'Anton', sans-serif;
    font-size: 22px;
    font-style: normal;
    line-height: normal;
    text-transform: uppercase;
    margin-top:25px;
}

.buy-button-cherry {
    background-color: #9A0C19;
}

.buy-button-melon {
    background-color: #BE565B;
}

.buy-button-lime {
    background-color: #88B018;
}

.column + .column {
    margin-left: 10px;
}

/* Media queries for tablet*/
@media (max-width: 1024px) {
    .container {
        flex-wrap: wrap;
        justify-content: center;
    }
    
    .column {
        flex: 0 0 calc(50% - 10px);
        margin-left: 0;
    }

}

@media (max-width: 768px) {
    .column {
        flex: 0 0 100%;
    }
      .buy-button {
        height: 88.2px; /* Fix height based on content */
    }
}

.header-text {
    color: #EFE3CE;
    text-align: center;
font-family: 'Anton', sans-serif;
    font-size: 65px;
    font-style: normal;
    font-weight: 400;
    line-height: 80px;
}

.sub-text {
    color: #FFF;
    text-align: center;
font-family: 'Anton', sans-serif;
    font-size: 22px;
    font-style: normal;
    font-weight: 600;
    line-height: 33px;
}
/*Header CSS Title Above 3 Products*/
.center-title {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    background-color: var(--color-background-green);
    padding: 20px;
    text-align: center;
}

.center-title h1 {
    margin-bottom: 10px;
}

.center-title p {
    margin-top: 10px;
}

.center-container {
    background-color: var(--color-background-green);
    display: flex;
    justify-content: center;
    align-items: center;
    height: auto;
}
.center-container-white-bg {
    background: #fff;
    display: flex;
    justify-content: center;
    align-items: center;
    height: auto;
}

.center-container-1 {
    background-color: var(--color-background-green);
    display: flex;
    justify-content: center;
    align-items: center;
    height: auto;
}

.container {
    width: 100%;
    max-width: 1240px;
    display: flex;
    flex-wrap: wrap; /* Allow columns to wrap to the next line */
    justify-content: space-between;
    position: relative;
}

.column {
    flex: 0 0 calc(33.33% - 20px);
    padding: 20px;
    box-sizing: border-box;
    position: relative;
    text-align: center;
}

.column img {
    width: 100%;
    max-width: 271px;
    display: block;
    margin: 0 auto;
    margin-bottom: 10px;
}

.buy-button {
    color: #fff;
    padding: 20px 20px;
    border: none;
    cursor: pointer;
    border-radius: 73.478px;
    border: 1px solid #9a0c1900;
    background: #9A0C19;
    width: 100%;
    height: auto;
    flex-shrink: 0;
    color: #000;
    text-align: center;
    font-family: var(--font-family-poppins);
    font-size: 22px;
    font-style: normal;
    line-height: normal;
    text-transform: uppercase;
}

.buy-button-cherry {
    background-color: #9A0C19;
}

.buy-button-melon {
    background-color: #BE565B;
}

.buy-button-lime {
    background-color: #88B018;
}

.column + .column {
    margin-left: 10px;
}
/*Heading Styling*/
.center-title-whyseltzer8 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 20px;
    text-align: center;
}
span.dev-heading-header{
color: var(--color-text);
text-align: center;
font-family: 'Anton', sans-serif;
font-size: 45px;
font-style: normal;
font-weight: 400;
line-height: 80px; /* 123.077% */
}
h1.dev-h1-header{
color: var(--color-accent);
font-family: 'Anton', sans-serif;
font-size: 45px;
font-style: normal;
font-weight: 400;
line-height: 20px;
letter-spacing: 4px;
}
/*Styling Subtitle Below Heading*/
.dev-subtitle-text{
color: var(--color-accent);
text-align: center;
font-family: var(--font-family-poppins);
font-size: 18px;
font-style: normal;
font-weight: 500;
line-height: 1.2em;
width: 100%;
max-width: 1240px;
}
/* Media queries for dektop 1024*/
@media (max-width: 1024px) {
    .container {
        flex-wrap: wrap;
        justify-content: center;
    }
    
    .column {
        flex: 0 0 calc(50% - 10px);
        margin-left: 0;
    }
}
/*--------Why Seltzer8 Section---------------*/
       .container-whyseltzer8 {
            max-width: 1200px;
            margin: 0 auto;
            padding: 20px;
        }

        h2.whyseltzer8-h1 {
        /*color: #000; Uncomment for Light */
        color: var(--color-accent);
        font-family: 'Anton', sans-serif;
        font-size: 65px;
        font-style: normal;
        font-weight: 400;
        line-height: 80px;
        letter-spacing: 4px;
        }

        p.whyseltzer8-p {
          /*color: #000; Uncomment for Light */
          text-align: center;
          font-family: var(--font-family-poppins);
          font-size: 23px;
          font-style: normal;
          font-weight: 600;
          line-height: 33px; /* 143.478% */
        }

        .columns-whyseltzer8 {
            display: flex;
            flex-wrap: wrap;
            justify-content: center;
            margin-top: 20px;
        }

        .column-whyseltzer8 {
            flex: 1;
            margin: 10px 25px 10px 25px;
            max-width: 300px; /* Set a maximum width for the columns */
        }

        .column-whyseltzer8 img {
            max-width: 100%;
            height: auto;
        }

        .button-whyseltzer8 {
            margin-top: 20px;
            border: none;
            margin: 25px auto 0px auto;
            width: 230px;
            height: 60px;
            flex-shrink: 0;
            border-radius: 50px;
            background: #245F29;
            color: #FFF;
            text-align: center;
            font-family: var(--font-family-poppins);
            font-size: 18px;
            font-style: normal;
            font-weight: 600;
            line-height: normal;
            text-transform: uppercase;
        }
/*--------------The Perfect Alternative-----------------*/
.center-container-perfect {
  text-align: center;
}

.container-perfect {
  display: flex;
  justify-content: center; /* Center columns horizontally */
}

.columns-wrapper {
  display: flex;
  flex-wrap: wrap; /* Allow columns to wrap to the next row if necessary */
  justify-content: space-between; /* Distribute space between columns */
}

.column-perfect {
  flex: 1; /* Each column takes up an equal amount of space */
  padding: 10px;
  /*border: 1px solid #ccc;*/
  text-align: center; /* Center content horizontally within columns */
}
.img-perfect {
    max-width: 77%;
    height: auto;
    width: 100%;
}

h2.dev-h1-header{
  color: var(--color-accent);
  leading-trim: both;
  text-edge: cap;
font-family: var(--font-family-anton);
  font-size: 45px;
  font-style: normal;
  font-weight: 400;
  line-height: 20px;
}
h2.dev-h1-header-white{
  color: var(--color-accent);
  text-align: center;
  leading-trim: both;
  text-edge: cap;
  font-family: var(--font-family-anton);
  font-size: 45px;
  font-style: normal;
  font-weight: 400;
  line-height: 80px;
  letter-spacing: 4px;
}
span.alternative-bry{
 color: var(--color-text); 
}

/*---------------------------2 Column Grid-----------------------------*/
/* container */
.responsive-two-column-grid {
    display:block;
    margin: 0 14%;
}

/* columns */
.responsive-two-column-grid > * {
    padding:1rem;
}

/* columns */
.two-columns-grid > * {
    padding:1rem;
}


/*[>News Letter Section<]*/
.newsletter-col{
color: var(--color-accent);
leading-trim: both;
text-edge: cap;
font-family: var(--font-family-anton);
font-size: 45px;
font-style: normal;
font-weight: 600;
line-height: 1.4em;
}
.newsletter-green-title{
color: var(--color-text);
leading-trim: both;
text-edge: cap;
font-family: var(--font-family-anton);
font-size: 45px;
font-style: normal;
font-weight: 600;
line-height: 1.4em;
}

.newsletter-submit {
  border-radius: 50px;
  background: #245f29;
  color: #fff;
  text-align: center;
  font-size: 18px;
  font-style: normal;
  font-weight: 500;
  line-height: normal;
  text-transform: uppercase;
  border: none;
  padding: 14px 75px;
}
.newsletter-input {
  width: 100%;
  border-radius: 36px;
  height: 60px;
  padding: 15px;
}

/*----------------------4 Column---------------------------*/
* {
  box-sizing: border-box;
}
/* Container for flexboxes */
.row-footer {
  display: flex;
  flex-wrap: wrap;
  max-width: 1200px;
  margin: 0 auto;
}

/* Create four equal columns */
.column-footer-1 {
  flex: 1;
  padding: 20px;
  max-width: 30%;
  box-sizing: border-box; 
}
.column-footer {
  flex: 1;
  padding: 20px;
  max-width: 23.33%;
  box-sizing: border-box; 
}

/* On screens that are 992px wide or less, go from four columns to two columns */
@media screen and (max-width: 992px) {
  .column-footer {
    flex: 1;
    max-width: 50%;
  }
}

/* On screens that are 600px wide or less, make the columns stack on top of each other instead of next to each other */
@media screen and (max-width: 600px) {
  .row-footer {
    flex-direction: column;
  }
  .column-footer {
    flex: 1;
    max-width: 100%;
  }
}

/*----------------------Social Media in Footer---------------------------*/
.icon-list {
  list-style: none;
  padding: 0;
  margin: 0;
  display: flex;
}

.icon-list li {
  display: flex;
  flex-direction: column;
  align-items: center;
  margin-right: 20px;
}
.icon-footer {
  width: 30px;
  /*height: 30px;*/
  background-color: #007bff; 
  color: #fff; 
  border-radius: 50%;
  text-align: center;
  line-height: 30px;
  font-size: 20px; /* Change to your desired icon size */
  margin-bottom: 5px;
}

/*[Follow Us]*/
.footer-followus{
  color: var(--color-accent);
  font-family: var(--font-family-anton);
  font-size: 18px;
  font-style: normal;
  font-weight: 400;
  line-height: 33px; /* 94.286% */
  text-transform: uppercase;
}

/*[Debit Card]*/
.card-icon-list {
  list-style: none;
  display: flex;
  flex-direction: row;
  gap: 10px;
}

.card-icon-list li {
  display: inline-block;
  margin-right: 10px; /* Adjust the spacing as needed */
}

@media (max-width: 1024px) {
  .card-icon-list li {
    display: inline-block;
    width: calc(25% - 10px); /* Three items per row, adjust margin accordingly */
    margin-right: 10px;
  }
}

@media (max-width: 768px) {
  .card-icon-list li {
    display: block;
    display: inline-block;
    width: calc(40% - 10px); /* Three items per row, adjust margin accordingly */
    margin-right: 10px;
  }
}


/* Display the list items inline on larger screens (desktop) */
.card-icon-list {
  list-style: none;
  padding: 0;
  margin: 0;
}

.card-icon-list li {
  display: inline-block;
  margin-right: 5px; /* Adjust the spacing as needed */
}


/* Stack the list items vertically with two items per row on mobile screens */
@media (max-width: 767px) {
  .card-icon-list li {
    display: block;
    width: auto; /* Two items per row */
    max-width:18%;
  }
#shopify-section-sections--20133654397133__08e8724a-89ef-4cfc-a534-2b267fa857e2 .column-footer.quick-links {
    margin-top: 0;
}
      /*Swiper Slider Products*/
    .mobile-productsview{
      display:block;
      background-color:#245F29;
      margin-top: -25px;
    }

  /*Main Products*/
  h2.dev-h1-header, span.dev-heading-header{
    line-height:1.2em;
    font-size:var(--heading-home-header);
    
  }

  /*Mobile Menu Styling*/
  .header{
  padding: var(--header-padding-bry) !important;
    }
  
}

/*----------------------Quick Links---------------------------*/
.clear-mt15{ /*Add Space*/
  margin-top: 45px;
}
.footer-sub-title{
color: #000;
font-family: var(--font-family-anton);
font-size: 25px;
font-style: normal;
font-weight: 400;
line-height: normal;
letter-spacing: 0.7px;
text-transform: uppercase;
}
/* Style for the list */
.custom-list {
  list-style: none;
  padding: 0;
}

/* Style for list items */
.custom-list li {
  color: #000;
font-family: var(--font-family-poppins);
  font-size: 16px;
  font-style: normal;
  font-weight: 400;
  line-height: 40px;
}

/*Contact Info*/
.contact-number-footer-default{
color: #000;
font-family: var(--font-family-poppins);
font-size: 16px;
font-style: normal;
font-weight: 400;
line-height: 40px;
}
.contact-number-footer-green{
color: #245F29;
font-family: var(--font-family-poppins);
font-size: 18px;
font-style: normal;
font-weight: 400;
line-height: 40px; /* 204.545% */
}
/*Footer Center Copyright*/
.centered-content-footer {
  text-align: center;
  max-width: 1200px;
  margin: 0 auto;
  padding: 20px;
}
.centered-content-copyrightfooter {
  text-align: center;
  max-width: 1200px;
  margin: 0 auto;
  padding: 20px;
  color: var(--color-accent);
font-family: var(--font-family-poppins);
  font-size: 12px;
  font-style: normal;
  font-weight: 400;
  line-height: normal;
  letter-spacing: -0.205px;
}

.center-products-description{
  color: var(--color-accent);
  text-align: center;
font-family: var(--font-family-poppins);
  font-size: 28px;
  font-style: normal;
  font-weight: 500;
  line-height: 33px;
}
.center-products-details{
  color: var(--color-accent);
  text-align: center;
  font-family: var(--font-family-poppins);
  font-size: 15px;
  font-style: normal;
  font-weight: 400;
  line-height: 28px;
}

span.companyname-brand{
color: var(--color-text);
font-family: var(--font-family-poppins);
font-size: 12px;
font-style: normal;
font-weight: 600;
line-height: normal;
letter-spacing: -0.205px;
}
  /*Desktop Footer Horizontal Line BEFORE Pseudocode*/
.section-sections--21315044573501__57daae9d-1891-42a0-b178-9b71289a1bd7-padding{
  margin-top: 75px;
}
div.section-sections--21315044573501__57daae9d-1891-42a0-b178-9b71289a1bd7-padding::before {
  content: '';
  display: block;
  width: 60%;
  height: 1px;
  background-color: #fff;
  margin: 0 auto;
  opacity:0.5;
}


/*----------------------Custom Template CSS---------------------------*/
/*[Custom HTML]*/
.center-content-custom-html {
  display: flex;
  justify-content: center; /* Center horizontally */
  align-items: center; /* Center vertically */
  width: 100%;
  padding: 75px 0px;
}

/*----------------------OUR Products---------------------------*/
.our-products-title{
    display: flex;
    justify-content: center; /* Center horizontally */
    align-items: center; /* Center vertically */
    width: 100%;
    background-color:#fff;
}
.our-products-title h1 {
    text-transform:uppercase;
     color: var(--color-accent);
    leading-trim: both;
    text-edge: cap;
font-family: var(--font-family-anton);
    font-size: 45px;
    font-style: normal;
    font-weight: 400;
    line-height: 80px;
    letter-spacing: 3px;
}
h1 > span.green-text{
  color: var(--color-text);
  leading-trim: both;
  text-edge: cap;
font-family: var(--font-family-anton);
  font-size: 45px;
  font-style: normal;
  font-weight: 400;
  line-height: 80px;
  text-transform: uppercase;
}

/*[Popup Product Modal]*/
.product__title > * {
  
  color: var(--color-lightmode) !important;
}

/*[Single Product Page Background]*/

.product {
    flex-flow: row nowrap!important;
}
.grid__item.product__media-wrapper,
.product__info-wrapper {
    width: 100%!important;
}
@media only screen and (min-width: 1280px) {
    .grid__item.product__media-wrapper  {
        max-width: 540px;
    }
}
@media only screen and (max-width: 750px) {
    .product {
        flex-flow: column nowrap!important;
    }
    .grid__item.product__media-wrapper  {
        max-width: 100%;
    }
}

.card__inner { /*Reduce Related Products Image Size*/
    width: 75% !important;
    margin: 0 auto;
}
h3.card__heading{
  color: var(--color-accent) !important;
}
.focus-none{
  background-color:#fff;
}
/*Style for the Word '[FROM]' left side of Pricing*/
.pricing-from-text{
  color: var(--color-body-text);
  text-align: center;
font-family: var(--font-family-anton);
  font-size: 20px;
  font-style: normal;
  font-weight: 400;
  line-height: 33px;
}
div.price-devs-align{
  text-align: center;
}

span.badge.price__badge-sold-out.color-inverse{
  background-color: #d1ced1;
}

.price__regular .price-item--regular{
  color: var(--color-body-text);
  font-size: 30px;
}

div.section-template--21315044081981__product-grid-padding{
  background-color: var(--color-accent-invert);
}

/*----------------------Disclaimer / FDA Disclosure / Science BOX ---------------------------*/
.dis-fda-science{
    width: 100%;
    max-width: 1240px;
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    position: relative;
    background: rgb(156 155 153 / 20%);
    margin: 55px 0px;
    padding: 25px 35px;
}
div.column > h2.title-dis-fda-sci{
  position: relative;
  color: var(--color-lightmode);
font-family: var(--font-family-anton);
  font-size: 20px;
  font-style: normal;
  font-weight: 600;
  line-height: 35px; /* 116.667% */
  letter-spacing: 0.6px;
  text-transform: uppercase;
  display:inline;
  letter-spacing: 3px;
}
/*[SVG icon]*/
span.icon-fda {
  width: 30px;
    height: 33px;
 content: url('../../../../../s/files/1/0793/0560/5437/files/Seltzer8_fda_v-1698738228.svg');
    margin-right: 5px;
  /*center icon to align in title*/
    position: absolute;
    left: -40px;
    top: 50%;
    transform: translateY(-50%);
}
span.icon-disclaimer {
  width: 30px;
    height: 33px;
 content: url('../../../../../s/files/1/0793/0560/5437/files/Seltzer8_Disclaimer_v-1698738228.svg');
    margin-right: 5px;
    /*center icon to align in title*/
    position: absolute;
    left: -40px;
    top: 50%;
    transform: translateY(-50%);
}
span.icon-science {
  width: 30px;
    height: 33px;
 content: url('../../../../../s/files/1/0793/0560/5437/files/Seltzer8_Science_v-1698738228.svg');
    margin-right: 5px;
    /*center icon to align in title*/
    position: absolute;
    left: -40px;
    top: 50%;
    transform: translateY(-50%);
}
div.column > h2.title-dis-fda-sci::before{

}
div.jdgm-rev__body > p {
    color: var(--color-lightmode);
}
div.column > p.typhography-dis-fda-sci{
color: var(--color-lightmode);
text-align: center;
font-family: var(--font-family-poppins);
font-size: 16px;
font-style: normal;
font-weight: 400;
line-height: 28px; /* 175% */
}

/*Newletter Inline*/
.newsletter-input::placeholder{
  color: var(--color-accent) !important;
  font-size: 16px;
  font-style: normal;
  font-weight: 500;
  line-height: normal;
}


#shopify-section-sections--21315044573501__7142702d-2a56-4ad0-90ad-2b652f8d4fbd .newsletter-input{
  background-color: rgba(255, 255, 255, 0.20) !important;
  color: var(--color-accent);
  border:none;
}

#shopify-section-sections--21315044573501__7142702d-2a56-4ad0-90ad-2b652f8d4fbd .newsletter-submit{
  cursor:pointer;
}


/*---------------------- Image Animations ---------------------------*/
.hover03 img {
  transition: transform 0.2s;
}
.hover03 img:hover {
  transform: scale(1.1);
}

.buy-button:hover{
    background-color: #c9c9ae14;
    border: solid 1px #C9C9AE;
}

/*[homepage 3 product Entrance animation]*/
.animate {
  animation-duration: 0.75s;
  animation-delay: 0.5s;
  animation-name: animate-fade;
  animation-timing-function: cubic-bezier(0.26, 0.53, 0.74, 1.48);
  animation-fill-mode: backwards;
}

/* Glow In */
.animate.glow {
  animation-name: animate-glow;
  animation-timing-function: ease;
}

@keyframes animate-glow {
  0% {
    opacity: 0;
    filter: brightness(3) saturate(3);
    transform: scale(0.8, 0.8);
  }
  100% {
    opacity: 1;
    filter: brightness(1) saturate(1);
    transform: scale(1, 1);
  }
}

.delay-1 {
  animation-delay: 0.6s;
}
.delay-2 {
  animation-delay: 0.7s;
}
.delay-3 {
  animation-delay: 0.8s;
}
/*[Alternative Image animation]*/
.fade-in-bry {
    opacity: 0;
    animation: fadeIn 1s ease-in forwards;
}

@keyframes fadeIn {
    from {
        opacity: 0;
    }
    to {
        opacity: 1;
    }
}

/*[Collection Styling]*/
h3.card__heading{
  font-family: var(--font-family-poppins) !important;
}


/*Wild Berry Desktop*/
.wild-berry-bry {
            background: url('../../../../../s/files/1/0793/0560/5437/files/WILD_BERRY_SECTION_BG_seltzer8_v-1700806845.svg') center/cover;
            display: flex;
            align-items: center;
            padding: 20px 75px;
        }

        .image-column-bry {
            flex: 0 0 45%;
            text-align: center; /* Center the image within its container */
            margin-left: 50px;
        }

        .wild-berry-img-bry {
            width: 55%;
            border-radius: 10px;
            margin: 0 auto; /* Center the image horizontally */
            display: block; /* Remove extra space below inline images */
        }

.boxcontent-wildberry {
    width: 743px;
    height: 488px;
    flex-shrink: 1;
    /*background: linear-gradient(180deg, #D9B1CC 0.04%, #AC5D9F 248.99%);*/
    background-color: var(--color-lightmode);
    opacity: 1;
    padding: 20px;
    border-radius: 20px;
    display: flex;
    flex-direction: column;
    align-items: center; /* Center content horizontally */
    justify-content: center; /* Center content vertically */
    text-align: center; /* Center text content */
}

        .content-column-bry {
            flex: 0;
            padding-left: 20px;
            display: flex;
            flex-direction: column;
            gap: 25px;
            justify-content: center;
            align-items: center;
        }

        h2.just-h2-bry {
            margin: 0;
        }

        .just-text-bry {
            color: var(--color-darkmode);
            text-align: center;
            font-size: calc(1.5vw + 36px);
            font-family: Anton;
            font-style: normal;
            font-weight: 400;
            line-height: 80px; /* 123.077% */
        }

        .dropped-style-bry {
            color: #A82F7E;
            font-family: Anton;
            font-size: calc(1.5vw + 36px);
            font-style: normal;
            font-weight: 400;
            line-height: 80px;
        }

        p.wildberry-p-bry {
          margin: 10px 0;
          color: var(--color-darkmode);
          text-align: center;
          font-size: 21px;
          font-style: normal;
          font-weight: 600;
          line-height: 1.2em;
          max-width: 550px;
        }

        a.rounded-button-bry:hover::after {
            content: '➜';
        }

        .rounded-button-bry {
            display: inline-block;
            padding: 10px 20px;
            border-radius: 25px;
            border: 2px solid transparent;
            background-color: #A82F7E;
            color: #ffffff;
            text-decoration: none;
            transition: background-color 0.3s, border-color 0.3s;
        }

        .rounded-button-bry:hover {
            background-color: transparent;
            border-color: purple;
            color: purple;
        }

      /*Boost Your Business*/
      #reseller-btn:hover, #distributor-btn:hover{cursor:pointer;}
      .boost-h1-bry h1{
        color: var(--color-accent);
        text-align: center;
        leading-trim: both;
        text-edge: cap;
        font-family: var(--font-family-anton);
        font-size: 45px;
        font-style: normal;
        font-weight: 400;
        line-height: 80px;
        letter-spacing: 4px;
      }
      .distributor-boost-btn-bg-bry{
        background: #EFE3CE;
        color: var(--color-darkmode);
      }
      .resellerdistributoor-spacing-bry{
            display: flex;
            flex-direction: row;
            justify-content: center;
            align-items: center;
            gap: 40px;
      }
      .seller-dist-p-bry{
            text-align: center;
            font-family: var(--font-family-poppins);
            font-size: 20px;
            font-style: normal;
            font-weight: 400;
            line-height: 33px;
            color: var(--color-lightmode);
      }
      section#shopify-section-template--21623430938941__fbf21edf-3c17-4332-ab0c-69afb69a16d2{
        background-color: #191919;
      }

/*New Products Text Section Below New Product Section*/
.newproduct-p-bry{
  max-width: 950px;
}



@media(max-width:1800px){
.new-banner-info {
  height: 500px !important;  
      background-position: 50% 0 !important;
}
.new-banner-details {
    padding-left: 100px !important;
}
  .new-banner-info {
    background-repeat: no-repeat;
    background-size: contain;
    height: 694px;
    display: flex;
    align-items: center;
   
}
   .new-banner-details h1 {
    font-size: 72px !important;
}
  .new-banner-details h2 {
    font-size: 42px !Important;
}
  .new-banner-details p {
    font-size: 16px !Important;
}
}
@media(max-width:1440px){
  .new-banner-info {
    padding: 40px 0 !important;
}
 .new-banner-details a {
    padding: 15px 40px !important;
}
  .new-banner-details {
    max-width: 49% !Important;
}
}
@media(max-width:1024px){
  .new-banner-details {
    padding-left: 15px!important;
}
  .new-banner-details a {
    padding: 10px 30px!important;
    font-size:14px !Important;
}
}
@media(max-width:768px){
  .new-banner-details {
    max-width: 60%!important;
}
}
@media(max-width:575px){
  .new-banner-details.mobail {
    display: block !important;
}
.dis-fda-science {
    margin-top: 0 !important;
}
  h2#distributorH2 {
    margin-top: 0;
    text-align: center !important;
}
  .swiper-button-next,
  .swiper-button-prev{
    margin:0 !Important;
  }
  #shopify-section-template--20133653709005__57caa3a5-dff8-401e-b76a-8fef8b218c64 .slider-box-bry {
    margin: 0 !IMportant;
}
 .our-products-title h1, .our-products-title span, h2.h2-related-products{
    font-size: 26px !important;
   padding-bottom:20px;
}
  .globo-form-app .header .title,
  h3#heading-1{
    font-size: 20px !important;
}
 
  .new-banner-details.desktop {
    display: none !important;
}
  section.new-banner {
    display: inline-block;
    width: 100%;
    padding-bottom: 50px;
}
  .new-banner-info {
    background-size: 50em!important;
    height: 300px !important;
    background-position: 90% 0!important;
}
  .new-banner-details {
    max-width: 80%!important;
}
  section.new-banner {
    display: inline-block;
    width: 100%;
    background: #245f29;
}
 .new-banner-info {
    background-image: url(https://drinkseltzer8.com/cdn/shop/files/drinkseltzer8_-_Sales_Banner_-_Option_3_2.png?v=1709287844)!important;
    background-size: contain !important;
    background-position: center !important;
}
}
@media(max-width:425px){
  .new-banner-details {
    max-width: 95%!important;
}
  .center-products-description {
    font-size: 22px;
}
  .columns-whyseltzer8 {
    DISPLAY: GRID;
}
  .new-banner-details h1 {
    font-size: 42px!important;
}
  .new-banner-details h2 {
    font-size: 40px!important;
}
  .new-banner-details a {
    padding: 10px 30px!important;
    font-size: 13px!important;
}
  .new-banner-details p {
    font-size: 30px;
    color: #EFE3CE;
    margin: 0;
    padding-top: 5px !Important;
}
  .content-column-bry {
    padding-left: 0 !Important;
}
  h2.dev-h1-header-white {
    font-size: 24px;
    line-height: normal;
}
}
@media(max-width:375px){
  h2.whyseltzer8-h1 {
    font-size: 36px;
}
  body .new-banner-info {
    height: 350px !important;
}
}
@media(max-width:1880px){
  .new-banner-info {
    height: 657px !important;
}
}









header.page-width.page-width--narrow.scroll-trigger.animate--fade-in,
.article-template__social-sharing.page-width.page-width--narrow.scroll-trigger.animate--slide-in,
.article-template__content.page-width.page-width--narrow.rte.scroll-trigger.animate--slide-in{
    background: transparent;
    max-width: 1445px;
    padding: 00 15px;
}
article.article-template,
article.article-template ul,
article.article-template li,
article.article-template a,
article.article-template h1,
button.share-button__button{
    color: #FFF;
}
h1.article-template__title {
    color: #FFF;
    font-weight: bold;
}

article.article-template h2 {
    color: #fff;
    font-size: 36px!important;
    font-weight: bold;
}

article.article-template h3 {
    color: #efe3cd;
    font-size: 28px;
    font-weight: 700;
    margin-bottom: 15px;
}
article.article-template p,article.article-template ul {
    margin: 0;
}span.circle-divider.caption-with-letter-spacing {
    font-size: 16px;
}

article.article-template table {
    border-color: #FFF !important;
    border: 1px solid !important;
  width: auto;
}

article.article-template td {
    border-color: #FFF !important;
}

article.article-template tbody {
    border-color: #FFF !important;
}
table:nth-child(2) td {width: unset !important;}

.rte table:nth-child(2) td {
    display: none;
    width: unset !important;
}

.article-template__content.page-width.page-width--narrow.rte.scroll-trigger.animate--slide-in table:nth-of-type(2) td {
    width: unset !important;
    border: 0;
}

.article-template__content.page-width.page-width--narrow.rte.scroll-trigger.animate--slide-in table:nth-of-type(2) {
    border: 0 !important;
}

.article-template__content.page-width.page-width--narrow.rte.scroll-trigger.animate--slide-in table:nth-of-type(2) td:nth-child(2) {
    padding-top: 0 !important;
}
.article-template__content.page-width.page-width--narrow.rte.scroll-trigger.animate--slide-in table:nth-of-type(2) tr {
    display: flex;
}
.article-template__content.page-width.page-width--narrow.rte.scroll-trigger.animate--slide-in strong {
    font-size: 16px;
}
@media(max-width:768px){
  .article-template__content.page-width.page-width--narrow.rte.scroll-trigger.animate--slide-in table:nth-of-type(2) tr {
    flex-wrap:wrap;
}
}
@media(max-width:575px){
  article.article-template h2 {
    font-size: 26px!important;
}
  h1.article-template__title {
    font-size: 26px;
}
  span.circle-divider.caption-with-letter-spacing {
    font-size: 14px;
}
  article.article-template h3 {
    font-size: 20px !important;
}
  article.article-template table {
    width: 100% !Important;
}
}
@media(max-width:425px){
  h1.article-template__title {
    font-size: 20px !important;
}
  article.article-template h2 {
    font-size: 26px!important;
    margin-top: 0;
}
}
@media(max-width:989px){
  .product.product--small.product--left.product--stacked.product--mobile-hide.grid.grid--1-col.grid--2-col-tablet {
    display: block;
}
.product {
    flex-flow: column !important;
    gap: 20px !important;
}
   form.g-container .header {
    padding-left: 0 !important;
    padding-right: 0 !important;
}
  .globo-form-control.layout-1-column p.heading-caption,
  section#shopify-section-template--20133653840077__custom_liquid_trp3Hr h3#heading-1{
    text-align: left !important;
}

.product__info-wrapper.grid__item.product__info-wrapper--extra-padding.scroll-trigger.animate--slide-in {
    padding: 0;
}
}
h2.h4.accordion__title.inline-richtext {
    font-size: 18px;
    font-weight: bold;
}
.jdgm-form-wrapper {
    color: #FFF;
}
h2.h4.accordion__title.inline-richtext {
    font-size: 18px;
    font-weight: bold;
}

.jdgm-form__name-fieldset,
.jdgm-form__reviewer-name-format-dropdown,
form.jdgm-form a{
    color: #FFF !important;
}
.jdgm-form__reviewer-name-format-dropdown {
    color: #FFF !important;
}

.jdgm-form__reviewer-name-format-dropdown option {
    color: #000 !important;
}

.jdgm-widget div.jdgm-input-error {
    background: transparent !important;
}
select#jdgm_review_reviewer_name_format_znutf4uz {
    color: #FFF;
}

select#jdgm_review_reviewer_name_format_znutf4uz option {
    color: #000;
}
.globo-form-control.layout-1-column p.heading-caption {
    opacity: 1;
    display: block !important;
    color: #FFF;
    text-align: center;
    font-size: 16px;
    margin: 0;
    padding-top: 5px;
    padding-bottom: 10px;
}
h3#heading-1 {
    font-size: 26px;
}
.template-search__header.page-width.scroll-trigger.animate--fade-in {}

.template-search__header.page-width.scroll-trigger.animate--fade-in h1.h2.center {
    color: #FFF;
    font-weight: bold;
}

input#Search-In-Template{
    color: #FFF;
    border: 1px solid #FFF;
}

.template-search__header.page-width.scroll-trigger.animate--fade-in form.search label.field__label{
    color: #FFF;
}
.template-search__header.page-width.scroll-trigger.animate--fade-in button.reset__button.field__button svg {
    fill: #FFF;
    color: #FFF;
    stroke: #FFF;
}

.template-search__header.page-width.scroll-trigger.animate--fade-in button.search__button.field__button svg {
    stroke: #FFF;
}
.template-search__header.page-width.scroll-trigger.animate--fade-in .field__input:focus {
    background-color: transparent !important;
}
.template-search__header.page-width.scroll-trigger.animate--fade-in input#Search-In-Modal {
    color: #FFF;
    background: transparent !important;
}
aside#main-search-filters div#FacetsWrapperDesktop,
aside#main-search-filters h2#verticalTitle,
aside#main-search-filters details#Details-1-template--20133654364365__main,
aside#main-search-filters summary.facets__summary.caption-large.focus-offset,
aside#main-search-filters h2.facet-filters__label.caption-large.text-body,
aside#main-search-filters select#SortBy ,
aside#main-search-filters .select svg,
aside#main-search-filters h2.product-count__text.text-body,
div#ProductGridContainer h2.title.title--primary,
aside#main-search-filters span.active-facets__button-inner.button.button--tertiary,
a.cart-item__name.h4.break,
.cart-item__price-wrapper span.price.price--end,
button.button.button--tertiary.cart-remove-button SVG,
h2.drawer__heading,
button.drawer__close svg{
    color: #FFF;
  font-size:16px;
}
span.active-facets__button-inner.button.button--tertiary {
    border: 1px solid;
}
 aside#main-search-filters div#Facet-1-template--20133654364365__main,
aside#main-search-filters div#Facet-2-template--20133654364365__main{
    background: #FFF;
}
aside#main-search-filters .facets__header,
aside#main-search-filters facet-remove a.underlined-link,
aside#main-search-filters .list-menu__item{
    color: #000 !important;
}
.drawer__inner {
    padding-right: 30px !important;
}

aside#main-search-filters li.list-menu__item.facets__item:hover label.facet-checkbox.facet-checkbox--disabled {
    color: #FFF !important;
}
@media(max-width:1300px){
  .img-perfect {
    max-width: 100% !IMportant;
}
}
@media(max-width:999px){
  .columns-wrapper {
    display: block;
}
}
@media(max-width:575px){
 body .img-perfect {
    max-width: 50% !IMportant;
}
  tr {
    display: grid;
}
.distributor-address-title {
    color: var(--color-lightmode);
    text-align: left !important;
}

/* .rich-text.content-container.color-background-1.gradient.rich-text--full-width.content-container--full-width.section-template--20133653774541__6660c099-ad8e-4cae-b232-aa49e58c67d5-padding {
    padding: 0;
    display: none;
} */

.contact.page-width.page-width--narrow.section-template--20133653774541__276e63d4-d4e4-458e-896a-f75bee28b42d-padding {
    padding-top: 0;
}
table.info-text.benefit-table p {
    margin: 0;
    padding-bottom: 20px;
}
}
.info-text.benefit-table tr:nth-child(4) td:first-child {
    vertical-align: baseline;
}
.contact.page-width.page-width--narrow.section-template--20133653774541__276e63d4-d4e4-458e-896a-f75bee28b42d-padding {
    background: #ffffff1a;
    padding: 15px;
}
@media(max-width:1011px){
  .row-footer {
    display: grid;
    grid-template-columns: 1fr 1fr;
}
}
@media(max-width:577px){
  .row-footer {
    display: grid;
    grid-template-columns: auto;
    justify-content: left;
    text-align: left !important;
}
  #shopify-section-sections--20133654397133__08e8724a-89ef-4cfc-a534-2b267fa857e2 img.footer-logo-img {
    margin: 0 auto 0 0 !important;
}
  .section-sections--20133654397133__08e8724a-89ef-4cfc-a534-2b267fa857e2-padding .icon-list, .card-icon-list {
    justify-content: left !important;
}
}
.slider-buttons.no-js-hidden.quick-add-hidden {
    color: #FFF;
}

button.slider-button.slider-button--next svg {
    color: #FFF;
    fill: #FFF;
    stroke: #FFF;
}

button.slider-button.slider-button--prev svg {
    stroke: #FFF;
}
/* @media(max-width:500px){
  .slider-box-bry {
    width: 450px;
}
}
@media(max-width:450px){
  .slider-box-bry {
    width: 400px;
}
} */
quick-add-modal#QuickAdd-6927922888909 {
    display: none !important;
}
.select select#SortBy option {
    color: #000;
}
.select {}

.select select#SortBy {}

.select select#SortBy option {
    color: #000;
}

label.facet-checkbox {}

li.list-menu__item.facets__item:hover label.facet-checkbox {
    color: #FFF;
}

li.list-menu__item.facets__item {
    padding: 0 10px;
}
span.mobile-facets__open-label.button-label.medium-hide.large-up-hide {
    color: #FFF;
}
svg.icon.icon-filter {
    color: #FFF;
}
.predictive-search.predictive-search--search-template {
    background: #FFF;
}
@media(max-width:749px){
h2.mobile-facets__heading.medium-hide.large-up-hide,
  span.field-currency{
    color: #FFF;
}

p.mobile-facets__count {
    color: #FFF;
}

summary.mobile-facets__summary.focus-inset span {
    color: #FFF;
}

.mobile-facets__sort label {
    color: #FFF;
    col#FFF: ;
}

select#SortBy-mobile {
    color: #FFF;
}

select#SortBy-mobile option {
    color: #000;
}

.select {
    border: 1px solid #FFF;
}

svg.icon.icon-caret {
    right: 10px !important;
}
button.mobile-facets__close-button.link.link--text.focus-inset {
    color: #FFF;
    border: 1px solid;
    width: 90%;
    margin: 0 auto 15px;
}
  .facets__price .field__label {
    color: #FFF;
}
.field__input, .customer .field input {
    border: 1px solid #FFF;
  color:#FFF;
}
 .field__input:focus {
    background: transparent !important;
    color: #FFF;
}


facet-remove.mobile-facets__clear-wrapper {
    background: RGB(18,18,18);
    color: #FFF !important;
}

aside#main-search-filters facet-remove a.underlined-link {
    color: #FFF !important;
    text-decoration: none;
}
svg.icon.icon-close,
  p.mobile-facets__info{
    color: #FFF;
}
label.mobile-facets__label {
    color: #FFF;
}
}
input:focus, select:focus, textarea:focus {
    background: transparent !important;
}
.facet-filters__sort:focus-visible,
.facet-filters__sort{
    outline-offset: 0 !important;
  outline:0 !important;
}
.template-search__header.page-width.scroll-trigger.animate--fade-in p {
    color: #FFF;
    text-align: center;
}
.quick-add-modal {
    display: none !important;
}


/* start  */
.utility-bar.color-accent-1.gradient {
    background-color: #245F29;
}
p.announcement-bar__message.h5 span {
    font-size: 16px;
}
/* End */
span.badge.price__badge-sale.color-accent-2 {
    color: #FFF;
    font-size: 17px;
    padding: 0 20px;
}
.product__description span {
    color: #FFF;
}
.jdgm-widget.jdgm-preview-badge.jdgm-preview-badge--with-link.jdgm--done-setup {
    background: transparent !important;
    color: #FFF;
}
.shopify_subscriptions_app_block_label.shopify_subscriptions_purchase_option_wrapper {
    background: transparent !important;
}
legend.shopify_subscriptions_app__title {
    color: #FFF !important;
}
fieldset.shopify_subscriptions_fieldset > div {
    background: transparent !important;
    border-color: #FFF !important;
    color: #FFF !important;
}

.shopify_subscriptions_app_block_label.shopify_subscriptions_purchase_option_wrapper {
    border-color: #FFF !important;
}
h2.jdgm-rev-widg__title {
    color: #FFF !important;
}



.kaktusp-popup__body.kaktusp-bd.kaktusp-width-container {
    margin: 0 auto 0 0;
}
a.kaktusp-checkout-btn {
    margin: 0 !important;
    margin-bottom: 0 !important;
    background: #9a0c19 !important;
    font-size: 19px !important;
    font-weight: bold !important;
    padding: 21px !important;
    width: 440px !important;
    border-radius: 50px !important;
}
[id^=kaktusp-app] .kaktusp-volume .kaktusp-checkout-btn:hover {
    transform: unset !important;
}

[id^=kaktusp-app] .kaktusp-form__item {
    border-top-color: #FFF !important;
}

label.kaktusp-form__label,
span.kaktusp-form__price {
    color: #FFF !important;
}

input.kaktusp-form__radio {
    border-color: #FFF !important;
}
#kaktusp-app-o9A23 input[type=radio].kaktusp-form__radio:checked::after,
#kaktusp-app-PxZHg input[type=radio].kaktusp-form__radio:checked::after{
    background: #fff !important;
}

.kaktusp-form__item,
.kaktusp-form{
    display: none !important;
}
.kaktusp-popup__body.kaktusp-bd.kaktusp-width-container {
    border: 0 !IMPORTANT;
}
div#kaktusc-cart-icon {
    display: none;
}


.kaktusc-cart__offer-product-price-section {
    flex-direction: row;
}

.kaktusc-cart__offer-product-img {
    width: 50% !important;
    float: left !important;
}

.kaktusc-cart__offer-product-content {
    width: 50% !important;
    /* float: right !important; */
}
div#goodst-app {
    position: fixed !important;
    bottom: 0;
}
input#cc-spinner-full-name {
    background: #FFF !important;
}

input#cc-spinner-email,
.wheelify-winContainer .form-group input[type="text"]{
    background: #FFF !important;
}