/*
 * FROZEN COPY of the BOX theme stylesheet (themes/BOX/style.css, 2026-10-13).
 *
 * Loaded ONLY on the Zin Lab Blending app pages (/zinlab-blend/, /zinlab-leaderboard/,
 * /blend/{token}/), because the app was tuned across devices with these BOX rules
 * in place (text color, Open Sans, button sizing on phones). Keeps the app
 * pixel-identical after the theme switch. Do not edit; if the app is ever restyled,
 * move the rules it needs into the plugin and drop this file.
 */
/*
Theme Name: BOX
*/
@media (max-width: 768px) {
  /* line 2, scss/_decoration.scss */
  .btn {
    font-size: 16px;
    padding: 4px 6px;
  }
}
/* line 7, scss/_decoration.scss */
.feature-bx {
  background: black;
  width: 100px;
  height: 100px;
  border-radius: 50%;
  text-align: center;
  line-height: 100px;
  vertical-align: middle;
  padding: 30px;
}

/* line 1, scss/_nav.scss */
#mainNav-shop {
  font-family: 'Oswald', 'Helvetica Neue', Helvetica, Arial, sans-serif;
  margin-bottom: 0;
  text-transform: uppercase;
  border-bottom: 1px solid rgba(0, 0, 0, 0.3);
  background-color: #fffbed !important;
}
/* line 8, scss/_nav.scss */
#mainNav-shop .navbar-toggler {
  font-size: 14px;
  padding: 11px;
  color: black;
  border: 2px solid black;
}
/* line 15, scss/_nav.scss */
#mainNav-shop .navbar-brand {
  font-weight: 700;
}
/* line 20, scss/_nav.scss */
#mainNav-shop .navbar-nav .nav-item {
  position: relative;
  z-index: 5;
  -webkit-transition: background 0.3s ease-in-out;
  -moz-transition: background 0.3s ease-in-out;
  transition: background 0.3s ease-in-out;
}
/* line 28, scss/_nav.scss */
#mainNav-shop .navbar-nav .nav-item:active, #mainNav-shop .navbar-nav .nav-item:focus {
  outline: none;
  background-color: transparent;
}
@media (min-width: 992px) {
  /* line 35, scss/_nav.scss */
  #mainNav-shop .navbar-nav .nav-item:hover .dropdown-menu {
    display: block;
    z-index: 4;
    margin-top: 0;
  }
  /* line 41, scss/_nav.scss */
  #mainNav-shop .navbar-nav .nav-item > a {
    display: block;
    z-index: 6;
  }
}
/* line 48, scss/_nav.scss */
#mainNav-shop .navbar-nav .dropdown-menu {
  display: none;
  position: absolute;
  top: 100%;
  left: 0;
  z-index: 4;
  background-color: #fffbed;
  border: none;
  box-shadow: 0 2px 5px rgba(0, 0, 0, 0.15);
  border-radius: 0;
}
/* line 59, scss/_nav.scss */
#mainNav-shop .navbar-nav .dropdown-menu a {
  color: black !important;
  padding: 10px 15px;
  text-transform: none;
}
/* line 64, scss/_nav.scss */
#mainNav-shop .navbar-nav .dropdown-menu a:hover {
  background-color: #fff0ba;
}
@media (max-width: 991px) {
  /* line 74, scss/_nav.scss */
  #mainNav-shop .navbar-nav .dropdown-menu {
    display: block !important;
    position: static;
  }
  /* line 78, scss/_nav.scss */
  #mainNav-shop .navbar-nav .dropdown-menu a {
    color: black !important;
  }
}
@media (min-width: 992px) {
  /* line 1, scss/_nav.scss */
  #mainNav-shop {
    padding-top: 20px;
    padding-bottom: 20px;
    -webkit-transition: background 0.3s ease-in-out, padding-top 0.3s ease-in-out, padding-bottom 0.3s;
    -moz-transition: background 0.3s ease-in-out, padding-top 0.3s ease-in-out, padding-bottom 0.3s;
    transition: background 0.3s ease-in-out, padding-top 0.3s ease-in-out, padding-bottom 0.3s;
    letter-spacing: 1px;
    border-bottom: none;
    background: transparent;
  }
  /* line 95, scss/_nav.scss */
  #mainNav-shop.navbar-shrink {
    padding-top: 10px;
    padding-bottom: 10px;
    border-bottom: 2px solid rgba(0, 0, 0, 0.3);
    background: black;
  }
  /* line 102, scss/_nav.scss */
  #mainNav-shop .nav-link.active {
    outline: none;
    background-color: rgba(255, 251, 237, 0.3);
  }
  /* line 106, scss/_nav.scss */
  #mainNav-shop .nav-link.active:hover {
    color: #fffbed;
  }
}

/* line 113, scss/_nav.scss */
li.menu-item a {
  color: black !important;
}

/* line 118, scss/_nav.scss */
#mainNav {
  font-family: 'Oswald', 'Helvetica Neue', Helvetica, Arial, sans-serif;
  margin-bottom: 0;
  text-transform: uppercase;
  border-bottom: 1px solid rgba(0, 0, 0, 0.3);
  background-color: #fffbed;
}

/* line 126, scss/_nav.scss */
#mainNav .navbar-toggler {
  font-size: 14px;
  padding: 11px;
  color: #fffbed;
  border: 2px solid black;
}

/* line 133, scss/_nav.scss */
#mainNav .navbar-brand {
  font-weight: 700;
}

/* line 137, scss/_nav.scss */
#mainNav a {
  color: #fffbed;
}

/* line 141, scss/_nav.scss */
#mainNav .navbar-nav .nav-item {
  color: black;
  -webkit-transition: background 0.3s ease-in-out;
  -moz-transition: background 0.3s ease-in-out;
  transition: background 0.3s ease-in-out;
}

/* line 148, scss/_nav.scss */
#mainNav .navbar-nav .nav-item:hover {
  color: fade(black, 80%);
  outline: none;
  background-color: transparent;
}

/* line 154, scss/_nav.scss */
#mainNav .navbar-nav .nav-item:active, #mainNav .navbar-nav .nav-item:focus {
  outline: none;
  background-color: transparent;
}

@media (min-width: 992px) {
  /* line 160, scss/_nav.scss */
  #mainNav {
    padding-top: 20px;
    padding-bottom: 20px;
    -webkit-transition: background 0.3s ease-in-out, padding-top 0.3s ease-in-out, padding-bottom 0.3s;
    -moz-transition: background 0.3s ease-in-out, padding-top 0.3s ease-in-out, padding-bottom 0.3s;
    transition: background 0.3s ease-in-out, padding-top 0.3s ease-in-out, padding-bottom 0.3s;
    letter-spacing: 1px;
    border-bottom: none;
    background: transparent;
  }

  /* line 171, scss/_nav.scss */
  #mainNav.navbar-shrink {
    padding-top: 10px;
    padding-bottom: 10px;
    border-bottom: 2px solid rgba(0, 0, 0, 0.3);
    background: black;
  }

  /* line 178, scss/_nav.scss */
  #mainNav .hidden-h {
    display: none;
  }

  /* line 182, scss/_nav.scss */
  #mainNav .nav-link.active {
    outline: none;
    background-color: rgba(0, 0, 0, 0.3);
  }

  /* line 187, scss/_nav.scss */
  #mainNav .nav-link.active:hover {
    color: #b68e52;
  }
}
/* line 193, scss/_nav.scss */
#top-info-block {
  min-height: 35px;
  background-color: black;
  z-index: 1050;
}

/* line 134, scss/_nav.scss */
/* line 200, scss/_nav.scss */
#top-info-block h4 {
  margin: .25rem;
}

/* line 204, scss/_nav.scss */
.row.clubs-nav {
  padding-top: 30px;
}

/* line 208, scss/_nav.scss */
#c7-login > a, #c7-cart > a, #c7-cart .c7-link, .c7-user-nav__account__dropdown a {
  color: black;
}

/* Media query for small screens */
@media (max-width: 768px) {
  /* line 214, scss/_nav.scss */
  #c7-cart > a, #c7-cart .c7-link {
    color: #000;
    /* Change the color to black */
  }
}
/* line 2, scss/_masthead.scss */
header.masthead-small {
  padding-top: 10rem;
  padding-bottom: calc(10rem - 56px);
  background-position: center center;
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
}
/* line 7, scss/_masthead.scss */
header.masthead-small hr {
  margin-top: 30px;
  margin-bottom: 30px;
}
/* line 11, scss/_masthead.scss */
header.masthead-small h1 {
  font-size: 2rem;
}
/* line 14, scss/_masthead.scss */
header.masthead-small p {
  font-weight: 300;
}
@media (min-width: 768px) {
  /* line 18, scss/_masthead.scss */
  header.masthead-small p {
    font-size: 1.15rem;
  }
}
@media (min-width: 992px) {
  /* line 2, scss/_masthead.scss */
  header.masthead-small {
    height: 100vh;
    min-height: 650px;
    padding-top: 0;
    padding-bottom: 0;
  }
  /* line 27, scss/_masthead.scss */
  header.masthead-small h1 {
    font-size: 3rem;
  }
}
@media (min-width: 1200px) {
  /* line 32, scss/_masthead.scss */
  header.masthead-small h1 {
    font-size: 4rem;
  }
}

/* line 38, scss/_masthead.scss */
header.masthead-smaller {
  padding-top: 10rem;
  padding-bottom: calc(10rem - 56px);
  background-position: center center;
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
}
/* line 43, scss/_masthead.scss */
header.masthead-smaller hr {
  margin-top: 30px;
  margin-bottom: 30px;
}
/* line 47, scss/_masthead.scss */
header.masthead-smaller h1 {
  font-size: 2rem;
}
/* line 50, scss/_masthead.scss */
header.masthead-smaller p {
  font-weight: 300;
}
@media (min-width: 768px) {
  /* line 54, scss/_masthead.scss */
  header.masthead-smaller p {
    font-size: 1.15rem;
  }
}
@media (min-width: 992px) {
  /* line 38, scss/_masthead.scss */
  header.masthead-smaller {
    height: 20vh;
    min-height: 450px;
    padding-top: 0;
    padding-bottom: 0;
  }
  /* line 63, scss/_masthead.scss */
  header.masthead-smaller h1 {
    font-size: 3rem;
  }
}
@media (min-width: 1200px) {
  /* line 68, scss/_masthead.scss */
  header.masthead-smaller h1 {
    font-size: 4rem;
  }
}

/* line 73, scss/_masthead.scss */
header.masthead-smallest {
  padding-top: 10rem;
  padding-bottom: calc(10rem - 56px);
  background-position: center center;
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
}
/* line 78, scss/_masthead.scss */
header.masthead-smallest hr {
  margin-top: 30px;
  margin-bottom: 30px;
}
/* line 82, scss/_masthead.scss */
header.masthead-smallest h1 {
  font-size: 2rem;
}
/* line 85, scss/_masthead.scss */
header.masthead-smallest p {
  font-weight: 300;
}
@media (min-width: 768px) {
  /* line 89, scss/_masthead.scss */
  header.masthead-smallest p {
    font-size: 1.15rem;
  }
}
@media (min-width: 992px) {
  /* line 73, scss/_masthead.scss */
  header.masthead-smallest {
    height: 20vh;
    min-height: 450px;
    padding-top: 0;
    padding-bottom: 0;
  }
  /* line 98, scss/_masthead.scss */
  header.masthead-smallest h1 {
    font-size: 3rem;
  }
}
@media (min-width: 1200px) {
  /* line 103, scss/_masthead.scss */
  header.masthead-smallest h1 {
    font-size: 4rem;
  }
}

@media (max-width: 768px) {
  /* line 109, scss/_masthead.scss */
  .carousel {
    margin-top: 100px;
  }
}
/* line 114, scss/_masthead.scss */
#top-info-block > p {
  padding: 0;
}

/* line 4, scss/_about.scss */
section#story_video {
  background-color: black;
}

/* line 10, scss/_about.scss */
.submit-btn {
  padding-bottom: 20px;
}

/* line 13, scss/_about.scss */
.club_icon {
  width: 30%;
  margin: 1rem;
  max-width: 4rem;
}

/* line 4, scss/_contact.scss */
section#contact {
  background-color: #fffbed;
}
/* line 6, scss/_contact.scss */
section#contact .section-heading {
  color: black;
}
/* line 9, scss/_contact.scss */
section#contact .form-group {
  margin-bottom: 25px;
}
/* line 12, scss/_contact.scss */
section#contact .form-group input,
section#contact .form-group textarea {
  padding: 20px;
}
/* line 15, scss/_contact.scss */
section#contact .form-group input.form-control {
  height: auto;
}
/* line 18, scss/_contact.scss */
section#contact .form-group textarea.form-control {
  height: 268px;
}
/* line 22, scss/_contact.scss */
section#contact .form-control:focus {
  border-color: #fffbed;
  box-shadow: none;
}
/* line 26, scss/_contact.scss */
section#contact ::-webkit-input-placeholder {
  font-weight: 700;
  color: #ced4da;
  font-family: 'Oswald', 'Helvetica Neue', Helvetica, Arial, sans-serif;
}
/* line 31, scss/_contact.scss */
section#contact :-moz-placeholder {
  font-weight: 700;
  color: #ced4da;
  /* Firefox 18- */
  font-family: 'Oswald', 'Helvetica Neue', Helvetica, Arial, sans-serif;
}
/* line 37, scss/_contact.scss */
section#contact ::-moz-placeholder {
  font-weight: 700;
  color: #ced4da;
  /* Firefox 19+ */
  font-family: 'Oswald', 'Helvetica Neue', Helvetica, Arial, sans-serif;
}
/* line 43, scss/_contact.scss */
section#contact :-ms-input-placeholder {
  font-weight: 700;
  color: #ced4da;
  font-family: 'Oswald', 'Helvetica Neue', Helvetica, Arial, sans-serif;
}

/* line 49, scss/_contact.scss */
section.contact {
  max-height: 400px;
}

/* line 50, scss/_contact.scss */
label {
  color: black;
}

/* line 52, scss/_contact.scss */
#contact {
  padding-top: 100px;
}

/* line 55, scss/_contact.scss */
.submit-btn {
  padding-bottom: 20px;
}

/* line 59, scss/_contact.scss */
.wpcf7 textarea, .wpcf7 input {
  width: 100%;
}

/* line 4, scss/_pouring-lockeford.scss */
.page-id-852 .c7-product__variant__price__compare, .page-id-852 .c7-price--original {
  position: relative;
  display: block;
  float: right;
}

/* line 10, scss/_pouring-lockeford.scss */
.page-id-852 .c7-product__variant__price__sale, .page-id-852 .c7-price--discounted {
  position: relative;
  display: block;
  float: right;
  margin-right: .5em;
}

/* line 17, scss/_pouring-lockeford.scss */
.page-id-852 h3 {
  margin-bottom: 10px;
}

/* line 21, scss/_pouring-lockeford.scss */
.page-id-852 .c7-product__variant__price, .page-id-852 .c7-product__add-to-cart__price {
  font-size: 1.1rem;
}

/* line 2, scss/_club.scss */
.club_icon {
  width: 30%;
  margin: 1rem;
  max-width: 4rem;
}

/* line 7, scss/_club.scss */
.sell-point h4 {
  font-family: 'Oswald', 'Helvetica Neue', Helvetica, Arial, sans-serif;
  display: inline;
  text-transform: uppercase;
  letter-spacing: 0;
}

/* line 13, scss/_club.scss */
.club-row div h4 em {
  font-size: 1rem;
}

/* line 16, scss/_club.scss */
.club-row {
  margin: 50px 0 50px 0;
  border-bottom: solid 1px;
  padding-bottom: 6rem;
}

/* line 21, scss/_club.scss */
.img-fluid.club_nav {
  max-width: 50%;
}

/* line 1, scss/_shop.scss */
.watermark {
  position: absolute;
  top: 20px;
  left: 0;
}

/* line 6, scss/_shop.scss */
.watermark_sub {
  position: absolute;
  top: 200px;
  left: 0;
}

/* line 11, scss/_shop.scss */
.watermark_club {
  position: absolute;
}

/* line 14, scss/_shop.scss */
/* Commerce7 V2 design tokens.
   V2 ships a blue primary (#3860d6) and 4px radii; these pin the widgets to
   the dark, square treatment the site already had on the beta widgets. Values
   match what the beta widgets computed to, so switching versions is visually
   neutral. Swap --c7-primary-color to #78264C for the brand burgundy. */
:root {
  --c7-primary-color: #333;
  --c7-primary-button-bg: #333;
  --c7-primary-button-bg-hover: #000;
  --c7-primary-button-text-color: #fff;
  --c7-alt-button-bg: #fff;
  --c7-alt-button-bg-hover: #f2f2f2;
  --c7-alt-button-text-color: #999;
  --c7-button-border-radius: 0;
  --c7-field-border-radius: 0;
  --c7-border-radius: 0;
  --c7-cart-count-bg: transparent;
  --c7-cart-count-text-color: #000;
}

.c7-button, .c7-btn {
  font-family: 'Oswald', 'Helvetica Neue', Helvetica, Arial, sans-serif;
  font-weight: 400;
  margin-bottom: 8px;
  -webkit-transition: all 0.3s ease-in-out;
  -moz-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
  text-transform: uppercase;
  border-radius: 0;
}

/* line 24, scss/_shop.scss */
.c7-button-alt, .c7-button-small, .c7-button-alt-small, .c7-btn--alt, .c7-btn--primary--small, .c7-btn--alt--small {
  font-family: 'Oswald', 'Helvetica Neue', Helvetica, Arial, sans-serif;
  text-transform: uppercase;
}

/* line 28, scss/_shop.scss */
.c7-button-alt-small, .c7-btn--alt--small {
  color: black;
}

/* line 31, scss/_shop.scss */
.c7-button-alt, .c7-btn--alt {
  background: white;
}

/* line 34, scss/_shop.scss */
.c7-button-small, .c7-btn--primary--small {
  color: white !important;
}

/* line 37, scss/_shop.scss */
.c7-button:hover, .c7-btn:hover {
  background-color: #000;
  border: 1px solid #000;
  color: #fff !important;
  text-decoration: none;
}

/* line 43, scss/_shop.scss */
.c7-form label, .c7-form .label, .c7-form select, .c7-form__field label, .c7-form__field select {
  font-family: 'Open Sans', 'Helvetica Neue', Helvetica, Arial, sans-serif;
}

/* line 47, scss/_shop.scss */
.c7-product--featured, .c7-product-collection__products--featured {
  background-color: rgba(255, 255, 255, 0.5);
  border: 1px solid black;
  margin: .5rem;
}

/* line 52, scss/_shop.scss */
div.img-fluid.mid-size a img {
  max-height: 450px;
}

/* line 55, scss/_shop.scss */
#hero_btl {
  position: absolute;
  top: 20px;
  right: 0;
}

/* line 60, scss/_shop.scss */
#c7-login .c7-login__logged-in::before, .c7-user-nav__account__name::before {
  content: ' |  ';
  padding: 0;
}

/* line 64, scss/_shop.scss */
.c7-club-actions.c7-club-actions--hold-cancel {
  display: none;
}

/* line 67, scss/_shop.scss */
#c7-checkout-content, .c7-checkout__background {
  background-color: #fffbed;
}

/* line 70, scss/_shop.scss */
.c7-checkout-template__logo, .c7-checkout__header__logo, .c7-checkout-logo {
  width: 400px;
}

/* line 73, scss/_shop.scss */
.c7-checkout-summary, .c7-checkout__summary-container {
  background-color: #ece3d6;
}

/* line 77, scss/_shop.scss */
.c7-cart__total {
  display: none;
}

/* line 80, scss/_shop.scss */
.c7-cart__count, .c7-user-nav__cart__count {
  display: inline-block;
}

/* line 83, scss/_shop.scss */
.c7-checkout__content__title a {
  font-family: 'Oswald', 'Helvetica Neue', Helvetica, Arial, sans-serif;
  text-transform: uppercase;
  color: #fffbed !important;
  font-size: 0.85rem;
  text-align: right;
  font-weight: bold;
  background-color: black;
  padding: .5rem;
}

/* line 93, scss/_shop.scss */
#c7-content a {
  text-decoration: underline;
}

/* line 96, scss/_shop.scss */
.c7-account-row > div .c7-button-alt-small, .c7-account-block__actions .c7-btn--alt--small {
  background-color: black;
  color: #fffbed;
}

/* line 100, scss/_shop.scss */
.c7-product__photo img {
  max-height: 300px;
}

/* line 104, scss/_shop.scss */
#c7-login, #c7-cart a:hover {
  color: black;
}

/* line 107, scss/_shop.scss */
.card-body.text-center.col-12 > form > div.c7-product__variant__add-to-cart, .card-body.text-center.col-12 > form > div.c7-product__add-to-cart {
  position: absolute;
  bottom: 3rem;
}

/* line 111, scss/_shop.scss */
.c7-account-row > div, .c7-account-block {
  color: #464646;
}

/* line 115, scss/_shop.scss */
.c7-cart__count::before, .c7-user-nav__cart__count::before {
  content: '( ';
}
/* line 118, scss/_shop.scss */
.c7-cart__count::after, .c7-user-nav__cart__count::after {
  content: ' )';
}

/* V2 gives the cart trigger's icon vertical-align: text-top and the item
   count text-bottom, which leaves the count sitting ~2px below the icon.
   Centering both fixes the offset the parens made obvious. */
#c7-cart .c7-user-nav__cart__title svg,
#c7-cart .c7-user-nav__cart__count {
  vertical-align: middle;
}

/* V2 pads the cart/account trigger button 15px top and bottom, which dropped
   the bag icon ~16px below the nav links and added 30px to the navbar height.
   The surrounding li.nav-link already supplies the nav's own 8px padding. */
#c7-cart > div > .c7-link,
#c7-login > div > .c7-link {
  padding: 0;
}



/* line 122, scss/_shop.scss */
.c7-selectbox, .c7-form__field select {
  display: inline;
}

/* line 125, scss/_shop.scss */
#c7-content {
  width: 100%;
}

/* line 128, scss/_shop.scss */
.c7-cart__cart-carrot-side-cart-bottom__message, .c7-carrot__message {
  color: aqua;
}

/* Product Cards*/
/* line 132, scss/_shop.scss */
.card-body h4 {
  font-family: 'Oswald', 'Helvetica Neue', Helvetica, Arial, sans-serif;
  margin-bottom: 5px;
}

/* Product Cards*/
/* line 137, scss/_shop.scss */
.featured-card-body h4 {
  font-family: 'Oswald', 'Helvetica Neue', Helvetica, Arial, sans-serif;
  margin-bottom: 5px;
}

/* line 141, scss/_shop.scss */
.card {
  background-color: transparent;
  border: none;
}

/* line 145, scss/_shop.scss */
.card-body {
  min-height: 275px;
}

/* line 148, scss/_shop.scss */
.featured-card-body {
  min-height: 100px;
}

/* line 151, scss/_shop.scss */
.c7-selectboxWrap select, .c7-form__field select {
  -moz-appearance: none;
  -webkit-appearance: none;
  appearance: none;
}

/* line 156, scss/_shop.scss */
.c7-product__variant__add-to-cart, .c7-product__add-to-cart {
  z-index: 1000;
  position: relative;
}

/* line 161, scss/_shop.scss */
.c7-cart-items__image, .c7-order-item__image {
  padding-right: 2%;
  width: 50%;
}

/* Fixes for C7 V2*/
        /*

        .c7-product-collection__product-list {
            display: flex !important;
            flex-wrap: wrap !important;
            margin-left: -15px !important;
            margin-right: -15px !important;
        }
        
        /* Ensure proper spacing for columns within the product list
        .c7-product-collection__product-list > .col-lg-3,
        .c7-product-collection__product-list > .col-md-4,
        .c7-product-collection__product-list > .col-sm {
            padding-left: 15px !important;
            padding-right: 15px !important;
        }*/
/* Alternative Option 2: Use CSS Grid for more control */
/* line 184, scss/_shop.scss */
.c7-product-collection__product-list {
  display: grid !important;
  grid-template-columns: repeat(auto-fit, minmax(250px, 1fr)) !important;
  gap: 20px !important;
}

/* line 190, scss/_shop.scss */
.c7-product-collection__product-list > div[class*="col-"] {
  width: 100% !important;
  max-width: 100% !important;
  flex: none !important;
}

/* Responsive adjustments to match Bootstrap behavior */
/* Force 4 columns on screens 900px and wider (adjusted for typical laptop screens) */
@media (min-width: 900px) {
  /* line 200, scss/_shop.scss */
  .c7-product-collection__product-list > .col-lg-3 {
    flex: 0 0 25% !important;
    max-width: 25% !important;
  }
}
/* 3 columns for medium screens */
@media (min-width: 768px) and (max-width: 899.98px) {
  /* line 208, scss/_shop.scss */
  .c7-product-collection__product-list > .col-md-4 {
    flex: 0 0 33.333333% !important;
    max-width: 33.333333% !important;
  }
}
/* Alternative: Force 4 columns on any screen wider than tablet */
/* Uncomment this if you want 4 columns to start at 768px instead */
/*
@media (min-width: 768px) {
    .c7-product-collection__product-list > [class*="col-"] {
        flex: 0 0 25% !important;
        max-width: 25% !important;
    }
}
*/
@media (max-width: 767.98px) {
  /* line 226, scss/_shop.scss */
  .c7-product-collection__product-list > .col-sm {
    flex: 0 0 100% !important;
    max-width: 100% !important;
  }
}
/* Ensure cards maintain proper spacing */
/* line 233, scss/_shop.scss */
.c7-product-collection__product-list .card {
  margin-bottom: 20px;
}

/* Fix any potential overflow issues */
/* line 238, scss/_shop.scss */
.c7-product-collection {
  overflow-x: hidden;
}

/* C7 Product Page Fix */
/* line 2, scss/_footer.scss */
footer {
  position: relative;
  padding: 25px 0;
  text-align: center;
}
/* line 7, scss/_footer.scss */
footer span.copyright {
  font-size: 90%;
  line-height: 40px;
  text-transform: none;
  font-family: 'Oswald', 'Helvetica Neue', Helvetica, Arial, sans-serif;
  color: #fffbed;
}
/* line 14, scss/_footer.scss */
footer ul.quicklinks {
  line-height: normal;
  font-size: 90%;
  color: #777777;
  margin-bottom: 0;
  padding: 0;
  text-transform: none;
  font-family: 'Oswald', 'Helvetica Neue', Helvetica, Arial, sans-serif;
  list-style: none;
}

/* line 25, scss/_footer.scss */
ul.quicklinks a {
  color: #fffbed !important;
  padding: 0;
}

/* line 29, scss/_footer.scss */
ul.quicklinks li {
  color: #fffbed !important;
  padding: 0 0 .25em 0;
  vertical-align: middle;
}

/* line 34, scss/_footer.scss */
.footer-title, .c7-subscribe-personalization .c7-form > div label, .c7-personalization .c7-form__field label {
  color: #777777;
}

/* line 38, scss/_footer.scss */
.footer_block h5 {
  margin: 0 0 10px;
  color: #fffbed;
}
@media (max-width: 768px) {
  /* line 38, scss/_footer.scss */
  .footer_block h5 {
    margin-top: 50px;
  }
}

@media (max-width: 768px) {
  /* line 47, scss/_footer.scss */
  .footer_block {
    font-size: 120%;
    text-align: center;
  }
}

/* line 55, scss/_footer.scss */
.watermark_footer {
  position: absolute;
  top: -200px;
  left: 0;
  max-width: 300px;
}

/* line 61, scss/_footer.scss */
ul.social-buttons {
  margin-bottom: 0;
}
/* line 64, scss/_footer.scss */
ul.social-buttons li a {
  font-size: 20px;
  line-height: 40px;
  display: block;
  width: 40px;
  height: 40px;
  -webkit-transition: all 0.3s;
  -moz-transition: all 0.3s;
  transition: all 0.3s;
  color: #fffbed;
  border-radius: 100%;
  outline: none;
  background-color: #212529;
}
/* line 79, scss/_footer.scss */
ul.social-buttons li a:active, ul.social-buttons li a:focus, ul.social-buttons li a:hover {
  background-color: #fffbed;
}

/* line 85, scss/_footer.scss */
.material-icons {
  position: relative;
  top: 5px;
  left: -5px;
}

@media (max-width: 768px) {
  /* line 3, scss/_screwcorkscrews.scss */
  .btn-scs {
    font-size: 1.5em;
    padding: 4px 6px;
  }
}
/* line 9, scss/_screwcorkscrews.scss */
section.content-section.patterned {
  background-image: url("./img/SCS-background.gif");
  padding-bottom: 0;
  width: 100%;
  min-height: 450px;
  position: relative;
}

/* line 17, scss/_screwcorkscrews.scss */
section.content-section.black {
  padding-bottom: 0;
  width: 100%;
  min-height: 450px;
  background-color: black;
  background-size: cover;
  position: relative;
}

/* line 26, scss/_screwcorkscrews.scss */
.subhero-sc {
  font-family: 'Oswald', 'Helvetica Neue', Helvetica, Arial, sans-serif;
  color: white;
  font-size: 72px;
  text-align: center;
}
@media (min-width: 1024px) {
  /* line 26, scss/_screwcorkscrews.scss */
  .subhero-sc {
    color: white;
    font-size: 100px;
    letter-spacing: -1px;
  }
}

/* line 38, scss/_screwcorkscrews.scss */
h3.subhero-sc {
  font-family: 'Oswald', 'Helvetica Neue', Helvetica, Arial, sans-serif;
  color: white;
  font-size: 3em;
  text-align: center;
}
@media (min-width: 1024px) {
  /* line 38, scss/_screwcorkscrews.scss */
  h3.subhero-sc {
    color: white;
    font-size: 3em;
    letter-spacing: -1px;
  }
}

/* line 49, scss/_screwcorkscrews.scss */
h4.subhero-sc {
  font-family: 'Oswald', 'Helvetica Neue', Helvetica, Arial, sans-serif;
  color: white;
  font-size: 2em;
  text-align: center;
}
@media (min-width: 1024px) {
  /* line 49, scss/_screwcorkscrews.scss */
  h4.subhero-sc {
    color: white;
    font-size: 2em;
    letter-spacing: -1px;
  }
}

/* line 61, scss/_screwcorkscrews.scss */
.sc-watermark {
  position: absolute;
  top: 6em;
  left: 0;
}

@media (max-width: 768px) {
  /* line 3, scss/_joy.scss */
  .btn-scs {
    font-size: 1.5em;
    padding: 4px 6px;
  }
}
/* line 9, scss/_joy.scss */
section.content-section.patterned {
  background-image: url("./img/SCS-background.gif");
  padding-bottom: 0;
  width: 100%;
  min-height: 450px;
  position: relative;
}

/* line 17, scss/_joy.scss */
section.content-section.joy {
  padding-bottom: 0 !important;
  padding-top: 50px !important;
  width: 100%;
  min-height: 0px;
  background-color: #EC2027;
  background-image: url("./img/joy-tile.gif");
  background-repeat: repeat-x;
}
@media (max-width: 768px) {
  /* line 17, scss/_joy.scss */
  section.content-section.joy {
    padding-top: 110px !important;
    min-height: 0;
  }
}

/* line 30, scss/_joy.scss */
section.content-section.joy2 {
  padding-top: 50px !important;
}
@media (max-width: 768px) {
  /* line 30, scss/_joy.scss */
  section.content-section.joy2 {
    padding-top: 110px !important;
    min-height: 0;
  }
}

/* line 38, scss/_joy.scss */
.subhero-sc {
  font-family: 'Oswald', 'Helvetica Neue', Helvetica, Arial, sans-serif;
  color: white;
  font-size: 72px;
  text-align: center;
}
@media (min-width: 1024px) {
  /* line 38, scss/_joy.scss */
  .subhero-sc {
    color: white;
    font-size: 100px;
    letter-spacing: -1px;
  }
}

/* line 50, scss/_joy.scss */
h3.subhero-sc {
  font-family: 'Oswald', 'Helvetica Neue', Helvetica, Arial, sans-serif;
  color: white;
  font-size: 3em;
  text-align: center;
}
@media (min-width: 1024px) {
  /* line 50, scss/_joy.scss */
  h3.subhero-sc {
    color: white;
    font-size: 3em;
    letter-spacing: -1px;
  }
}

/* line 61, scss/_joy.scss */
.joy-promo::before {
  content: "";
  background-image: url("./img/snowflake.gif");
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  background-repeat: no-repeat;
  background-position: center;
  background-size: 100%;
  z-index: -1;
}

/* line 74, scss/_joy.scss */
h4.subhero-sc {
  font-family: 'Oswald', 'Helvetica Neue', Helvetica, Arial, sans-serif;
  color: white;
  font-size: 2em;
  text-align: center;
}
@media (min-width: 1024px) {
  /* line 74, scss/_joy.scss */
  h4.subhero-sc {
    color: white;
    font-size: 2em;
    letter-spacing: -1px;
  }
}

/* line 86, scss/_joy.scss */
.sc-watermark {
  position: absolute;
  top: 6em;
  left: 0;
}

/* Section Styling */
/* line 2, scss/_frolic_folly.scss */
section.content-section-smaller-frolic {
  background-color: #EE3B2D;
  padding-bottom: 0;
  width: 100%;
  min-height: 650px;
  position: relative;
  padding-top: 200px;
}

/* line 11, scss/_frolic_folly.scss */
section.content-section-frolic-darker {
  background-color: #A71E22;
  padding-bottom: 0;
  width: 100%;
  min-height: 650px;
  position: relative;
  background-size: cover;
  padding-top: 200px;
}

/* Feature List Styling */
/* line 21, scss/_frolic_folly.scss */
.feature-list {
  list-style: none;
  padding: 0;
  margin: 20px 0 20px;
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
}

/* line 30, scss/_frolic_folly.scss */
.feature-list li {
  font-family: 'oswald', 'Helvetica Neue', Helvetica, Arial, sans-serif;
  font-weight: 400;
  flex: 0 0 48%;
  display: flex;
  align-items: center;
  margin-bottom: 15px;
}

/* line 39, scss/_frolic_folly.scss */
.feature-lt {
  color: #f26e38;
  font-family: 'oswald', 'Helvetica Neue', Helvetica, Arial, sans-serif;
  font-weight: 400;
  margin-bottom: 0;
}

/* line 45, scss/_frolic_folly.scss */
.feature-dk {
  color: #A71E22;
  font-family: 'oswald', 'Helvetica Neue', Helvetica, Arial, sans-serif;
  font-weight: 400;
  margin-bottom: 0;
}

/* line 51, scss/_frolic_folly.scss */
.feature-icon {
  width: 24px;
  height: 24px;
  margin-right: 10px;
  animation: rotate 10s linear infinite;
}

/* Rotate Animation */
@keyframes rotate {
  /* line 60, scss/_frolic_folly.scss */
  from {
    transform: rotate(0deg);
  }

  /* line 63, scss/_frolic_folly.scss */
  to {
    transform: rotate(360deg);
  }
}

/* line 67, scss/_frolic_folly.scss */
section.content-section.black {
  padding-bottom: 0;
  width: 100%;
  min-height: 450px;
  background-color: black;
  background-size: cover;
  position: relative;
}

/* Text Content Styling */
/* line 77, scss/_frolic_folly.scss */
.text-content {
  position: relative;
  z-index: 2;
}

/* Paragraph Styling */
/* line 83, scss/_frolic_folly.scss */
p.dk-red {
  color: #5d1214;
  font-size: 19px !important;
}

/* line 88, scss/_frolic_folly.scss */
p.lt-red {
  color: #f26e38;
  font-size: 19px !important;
}

/* Heading Styling */
/* line 94, scss/_frolic_folly.scss */
h1.subhero-ff {
  font-family: 'Oswald', 'Helvetica Neue', Helvetica, Arial, sans-serif;
  color: #A71E22;
  font-size: 45px;
  text-align: center;
}

@media (min-width: 1024px) {
  /* line 102, scss/_frolic_folly.scss */
  h1.subhero-ff {
    color: #A71E22;
    font-size: 3em;
    letter-spacing: -1px;
  }
}
/* line 109, scss/_frolic_folly.scss */
h1.subhero-ff2 {
  font-family: 'Oswald', 'Helvetica Neue', Helvetica, Arial, sans-serif;
  color: #EE3B2D;
  font-size: 45px;
  text-align: center;
}

@media (min-width: 1024px) {
  /* line 117, scss/_frolic_folly.scss */
  h1.subhero-ff2 {
    color: #EE3B2D;
    font-size: 3em;
    letter-spacing: -1px;
  }
}
/* line 124, scss/_frolic_folly.scss */
h3.subhero-ff {
  font-family: 'Oswald', 'Helvetica Neue', Helvetica, Arial, sans-serif;
  color: white;
  font-size: 3em;
  text-align: center;
}

@media (min-width: 1024px) {
  /* line 132, scss/_frolic_folly.scss */
  h3.subhero-ff {
    color: white;
    font-size: 3em;
    letter-spacing: -1px;
  }
}
/* line 139, scss/_frolic_folly.scss */
h4.subhero-ff {
  font-family: 'Oswald', 'Helvetica Neue', Helvetica, Arial, sans-serif;
  color: white;
  font-size: 2em;
  text-align: center;
}

@media (max-width: 992px) {
  /* line 146, scss/_frolic_folly.scss */
  h4.ff-title {
    font-size: .7em;
    color: #f26e38;
  }

  /* line 150, scss/_frolic_folly.scss */
  .card-body {
    padding: 0 !important;
  }
}
@media (min-width: 1024px) {
  /* line 156, scss/_frolic_folly.scss */
  h4.subhero-ff {
    color: white;
    font-size: 2em;
    letter-spacing: -1px;
  }
}
/* line 162, scss/_frolic_folly.scss */
.btn-zin-p, .btn-gre-p, .btn-san-p {
  color: #a71e22;
  background-color: #f4a82c;
  border-color: #a71e22;
}

/* line 168, scss/_frolic_folly.scss */
.btn-zin-p:hover, .btn-gre-p:hover, .btn-san-p:hover {
  color: #a71e22;
  background-color: #f63887;
  border-color: #a71e22;
}

/* Watermark Styling */
/* line 175, scss/_frolic_folly.scss */
.ff-watermark {
  position: absolute;
  top: 6em;
  left: 0;
}

/* Animations */
/* line 182, scss/_frolic_folly.scss */
.floating-anim {
  position: absolute;
  animation: float 5s infinite;
  z-index: 1;
}

/* line 188, scss/_frolic_folly.scss */
#butterfly, #bee {
  transform: scale(0.7);
}

/* line 192, scss/_frolic_folly.scss */
.anim {
  position: absolute;
  z-index: 1;
}

@keyframes float {
  /* line 198, scss/_frolic_folly.scss */
  0% {
    transform: translateY(0);
  }

  /* line 202, scss/_frolic_folly.scss */
  50% {
    transform: translateY(-10px);
  }

  /* line 206, scss/_frolic_folly.scss */
  100% {
    transform: translateY(0);
  }
}

/* line 211, scss/_frolic_folly.scss */
.animate {
  animation: float 5s infinite;
}

/* line 215, scss/_frolic_folly.scss */
#bee {
  top: 35%;
  left: 50%;
}

/* line 220, scss/_frolic_folly.scss */
#lg-flower {
  top: 0;
  left: 40%;
}

/* line 225, scss/_frolic_folly.scss */
#butterfly {
  bottom: 100px;
  right: 50px;
}

/* line 230, scss/_frolic_folly.scss */
#squirrel {
  bottom: 0px;
  left: 60%;
}

/* line 235, scss/_frolic_folly.scss */
#rabbit {
  bottom: 0%;
  left: 40%;
}

/* line 240, scss/_frolic_folly.scss */
#dragonfly {
  top: 20%;
  left: 40%;
}

/* line 245, scss/_frolic_folly.scss */
#deer {
  display: none;
  bottom: 0%;
  left: 60%;
}

/* line 251, scss/_frolic_folly.scss */
#owl {
  bottom: 10%;
  right: 0%;
}

/* line 256, scss/_frolic_folly.scss */
#bee-l {
  top: 10%;
  left: 20px;
}

/* Responsive Adjustments */
@media (max-width: 992px) {
  /* line 263, scss/_frolic_folly.scss */
  .btn-scs {
    font-size: 1.5em;
    padding: 4px 6px;
  }

  /* Adjusting positions for smaller screens */
  /* line 269, scss/_frolic_folly.scss */
  .anim, .floating-anim {
    transform: scale(0.8);
    /* Scale down all animated elements */
  }

  /* line 273, scss/_frolic_folly.scss */
  #bee, #butterfly, #squirrel, #rabbit, #dragonfly, #deer, #owl, #bee-l {
    top: auto;
    /* Reset the top position */
    left: auto;
    /* Reset the left position */
    right: auto;
    /* Reset the right position */
    bottom: auto;
    /* Reset the bottom position */
  }

  /* Specific positions for smaller screens */
  /* line 281, scss/_frolic_folly.scss */
  #bee {
    top: 70%;
    left: 83%;
  }

  /* line 286, scss/_frolic_folly.scss */
  #lg-flower {
    top: -2%;
    right: 0;
  }

  /* line 291, scss/_frolic_folly.scss */
  #butterfly {
    top: 12%;
    left: 2%;
  }

  /* line 296, scss/_frolic_folly.scss */
  #squirrel {
    bottom: -5%;
    right: -2%;
  }

  /* line 301, scss/_frolic_folly.scss */
  #rabbit {
    bottom: 20%;
    left: 75%;
  }

  /* line 306, scss/_frolic_folly.scss */
  #dragonfly {
    top: 20%;
    left: 70%;
  }

  /* line 311, scss/_frolic_folly.scss */
  #dragonfly2 {
    top: 85%;
    left: 5%;
  }

  /* line 316, scss/_frolic_folly.scss */
  #deer {
    bottom: 20px;
    left: 60%;
  }

  /* line 321, scss/_frolic_folly.scss */
  #owl {
    bottom: 40px;
    right: -13%;
  }

  /* line 326, scss/_frolic_folly.scss */
  #bee-l {
    top: 10%;
    left: 20px;
  }
}
/* Five-column Layout */
/* line 333, scss/_frolic_folly.scss */
.five-column-layout {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
}

/* line 339, scss/_frolic_folly.scss */
.five-column-layout .col-5ths {
  flex: 0 0 20%;
  max-width: 20%;
  padding: 15px;
  display: flex;
  flex-direction: column;
  align-items: center;
}

/* line 348, scss/_frolic_folly.scss */
.five-column-layout .col-5ths .card {
  width: 100%;
  display: flex;
  flex-direction: column;
  align-items: center;
}

/* line 355, scss/_frolic_folly.scss */
.five-column-layout .col-5ths .card img {
  max-width: 100%;
  height: auto;
}

@media (max-width: 576px) {
  /* line 361, scss/_frolic_folly.scss */
  .five-column-layout .col-5ths {
    flex: 0 0 50%;
    /* Keep columns side by side */
    max-width: 20%;
    /* Keep columns side by side */
    float: left;
    padding: 0px;
  }
}
/* line 1, scss/_zinfan.scss */
.zf_content-section-smaller {
  background-color: #696F2F;
}

/* line 5, scss/_zinfan.scss */
.page-id-1233 h3 {
  font-family: Oswald, Arial, San-serif;
  font-size: 3rem;
  color: #81AA8E;
}

/* line 11, scss/_zinfan.scss */
.page-id-1233 p, .page-id-1233 ul, .page-id-1233 li {
  font-family: Cabin, Arial, San-serif;
  font-size: 1.2rem !important;
  color: #81AA8E;
}

/* line 17, scss/_zinfan.scss */
.page-id-1233 h4 {
  font-family: Oswald, Arial, San-serif;
  font-size: 1.7rem;
  color: #81AA8E;
}

/* line 23, scss/_zinfan.scss */
.page-id-1233 h5 {
  font-family: Oswald, Arial, San-serif;
  font-size: 1.1rem;
  color: #81AA8E;
}

/* line 29, scss/_zinfan.scss */
.page-id-1233 #mainNav-shop {
  background-color: #81AA8E !important;
}

/* line 33, scss/_zinfan.scss */
.page-id-1233 .btn-dark {
  color: #81AA8E;
}

/* line 37, scss/_zinfan.scss */
.page-id-1233 .c7-product__variant__price, .page-id-1233 .c7-product__add-to-cart__price {
  display: none;
}

/* line 41, scss/_zinfan.scss */
.page-id-1233 .c7-product__variant__add-to-cart, .page-id-1233 .c7-product__add-to-cart {
  float: right;
}

/* line 45, scss/_zinfan.scss */
.page-id-1233 .c7-product__variant__select, .page-id-1233 .c7-product__add-to-cart__form__quantity--select {
  font-family: Oswald, Arial, San-serif;
  background-color: #81AA8E;
  font-size: .9rem;
  font-weight: bold;
  text-transform: uppercase;
}

@media (max-width: 768px) {
  /* line 54, scss/_zinfan.scss */
  .page-id-1233 .c7-product__variant__select, .page-id-1233 .c7-product__add-to-cart__form__quantity--select {
    max-width: 178px;
  }

  /* line 58, scss/_zinfan.scss */
  .page-id-1233 .c7-buy-variant {
    padding: 0;
  }
}
/* line 63, scss/_zinfan.scss */
.page-id-1233 input {
  background-color: #81AA8E;
  font-weight: bold;
}

/* line 68, scss/_zinfan.scss */
.activities-nav {
  text-align: center;
  padding: 20px 0;
}

/* line 73, scss/_zinfan.scss */
.nav-icons {
  list-style: none;
  padding: 0;
  margin: 0;
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
}

/* line 82, scss/_zinfan.scss */
.nav-icons li {
  margin: 10px;
  text-align: center;
  flex: 1 1 80px;
  /* Adjust the minimum width as needed */
}

/* line 88, scss/_zinfan.scss */
.nav-icons a {
  text-decoration: none;
  color: inherit;
}

/* line 93, scss/_zinfan.scss */
.nav-icons img {
  display: block;
  margin: 0 auto 10px;
  max-width: 80px;
  /* Adjust the size of the icons as needed */
}

/* line 99, scss/_zinfan.scss */
.nav-icons h4 {
  margin: 0;
  font-size: 1.5rem;
  font-weight: bold;
  color: #78264c;
}

/* line 106, scss/_zinfan.scss */
.byo {
  font-size: 1rem;
  color: #000;
  text-transform: uppercase;
  float: left;
  background-color: #81AA8E;
}

/* line 114, scss/_zinfan.scss */
.byo_block {
  display: block;
}

@media (max-width: 768px) {
  /* line 119, scss/_zinfan.scss */
  .nav-icons li {
    flex: 1 1 0px;
    /* Adjust the minimum width for smaller screens */
  }

  /* line 123, scss/_zinfan.scss */
  .nav-icons img {
    max-width: 60px;
    /* Adjust the size of the icons for smaller screens */
  }

  /* line 127, scss/_zinfan.scss */
  .nav-icons h4 {
    font-size: 14px;
    /* Adjust the font size for smaller screens */
    font-weight: bold;
  }
}
/* Custom button size */
/* line 134, scss/_zinfan.scss */
.page-id-1233 .btn-custom {
  padding: 1rem 2rem;
  /* Increase padding for larger button */
  font-size: 1.25rem;
  /* Increase font size */
  font-weight: bold;
  background-color: #23272b;
}

@media (max-width: 768px) {
  /* line 142, scss/_zinfan.scss */
  .btn-custom {
    padding: 1.25rem 2.5rem;
    /* Further increase padding for smaller screens */
    font-size: 1.2rem;
    /* Further increase font size for smaller screens */
  }
}
/* line 148, scss/_zinfan.scss */
.event_description {
  margin-top: 20px;
  margin-bottom: 20px;
  text-align: left;
  font-size: 1rem;
  color: #333;
}

/* line 156, scss/_zinfan.scss */
.event_description p {
  font-weight: normal;
  letter-spacing: .01em;
  font-size: 1rem !important;
  margin: 0 0 10px;
  color: #000;
}

/* line 164, scss/_zinfan.scss */
.event_description h5 {
  margin: 0 0 5px;
}

/* small seal with animated background */
/* line 169, scss/_zinfan.scss */
.seal-container {
  position: fixed;
  top: 15%;
  right: 5%;
  width: 170px;
  /* Adjust as needed */
  height: 170px;
  /* Adjust as needed */
  z-index: 151;
}

/* line 178, scss/_zinfan.scss */
#seal-bkg {
  position: absolute;
  width: 100%;
  height: 100%;
  animation: spin 10s linear infinite;
}

/* line 185, scss/_zinfan.scss */
#seal-frnt {
  position: absolute;
  width: 100%;
  height: 100%;
}

@keyframes spin {
  /* line 192, scss/_zinfan.scss */
  0% {
    transform: rotate(0deg);
  }

  /* line 195, scss/_zinfan.scss */
  100% {
    transform: rotate(360deg);
  }
}

/* Media query for smaller screens */
@media (max-width: 768px) {
  /* line 201, scss/_zinfan.scss */
  .seal-container {
    top: 15%;
    right: 5%;
    width: 90px;
    height: 90px;
  }
}
/* line 208, scss/_zinfan.scss */
.sold-out-text {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%) rotate(-45deg);
  font-size: 80px;
  /* Adjust the size as needed */
  font-weight: bold;
  color: rgba(255, 255, 255, 0.2);
  /* Light opacity for subtle effect */
  pointer-events: none;
  /* Ensure it doesn't block interaction with the underlying content */
  z-index: 1;
}

/* Zin Lab Custom Styles */
/* Animated Seal */
/* line 4, scss/_zinlab.scss */
.seal-container {
  position: fixed;
  top: 15%;
  right: 5%;
  width: 170px;
  height: 170px;
  z-index: 16;
}

/* line 13, scss/_zinlab.scss */
#seal-bkg {
  position: absolute;
  width: 100%;
  height: 100%;
  animation: spin 10s linear infinite;
}

/* line 20, scss/_zinlab.scss */
#seal-frnt {
  position: absolute;
  width: 100%;
  height: 100%;
}

@keyframes spin {
  /* line 27, scss/_zinlab.scss */
  0% {
    transform: rotate(0deg);
  }

  /* line 30, scss/_zinlab.scss */
  100% {
    transform: rotate(360deg);
  }
}

/* Experience Box */
/* line 36, scss/_zinlab.scss */
.experience-box {
  transition: all 0.3s ease;
}

/* line 40, scss/_zinlab.scss */
.experience-box:hover {
  transform: translateY(-5px);
  box-shadow: 0 6px 12px rgba(0, 0, 0, 0.1);
}

/* Custom Button */
/* line 46, scss/_zinlab.scss */
.btn-custom {
  padding: 1rem 2rem;
  font-size: 1.25rem;
  font-weight: bold;
  transition: all 0.3s ease;
}

/* line 53, scss/_zinlab.scss */
.btn-custom-lt {
  padding: 1rem 2rem;
  font-size: 1.25rem;
  font-weight: bold;
  transition: all 0.3s ease;
  background-color: #FFFBED;
}

/* line 61, scss/_zinlab.scss */
.btn-custom-lt:hover {
  transform: translateY(-3px);
  box-shadow: 0 6px 12px rgba(0, 0, 0, 0.1);
}

/* line 66, scss/_zinlab.scss */
.btn-custom:hover {
  transform: translateY(-3px);
  box-shadow: 0 6px 12px rgba(0, 0, 0, 0.1);
}

/* Pricing Box */
/* line 72, scss/_zinlab.scss */
.pricing-box {
  background-color: rgba(120, 38, 76, 0.05);
  padding: 30px;
  border-radius: 8px;
  transition: all 0.3s ease;
}

/* line 79, scss/_zinlab.scss */
.pricing-box:hover {
  transform: translateY(-5px);
  box-shadow: 0 10px 20px rgba(0, 0, 0, 0.1);
}

/* Section Headers */
/* line 85, scss/_zinlab.scss */
h3 {
  font-family: 'Oswald', sans-serif;
  margin-bottom: 25px;
  font-size: 2.5rem;
  font-weight: 700;
  text-transform: uppercase;
  letter-spacing: 1px;
}

/* line 94, scss/_zinlab.scss */
h4 {
  font-family: 'Oswald', sans-serif;
  margin-bottom: 15px;
  font-size: 1.8rem;
  font-weight: 600;
  text-transform: uppercase;
  letter-spacing: 0.5px;
}

/* Image styling */
/* line 104, scss/_zinlab.scss */
.rounded.shadow {
  box-shadow: 0 6px 12px rgba(0, 0, 0, 0.15);
  transition: all 0.3s ease;
}

/* line 109, scss/_zinlab.scss */
.rounded.shadow:hover {
  transform: scale(1.02);
  box-shadow: 0 10px 20px rgba(0, 0, 0, 0.2);
}

/* Lead paragraph */
/* line 115, scss/_zinlab.scss */
.lead {
  font-size: 1.25rem;
  font-weight: 300;
  font-family: 'Open Sans', sans-serif;
  line-height: 1.6;
}

/* Description text */
/* line 123, scss/_zinlab.scss */
p {
  font-family: 'Open Sans', sans-serif;
  line-height: 1.6;
}

/* Section description */
/* line 129, scss/_zinlab.scss */
.section-description {
  max-width: 700px;
  margin: 0 auto 40px;
  text-align: center;
  font-size: 1.15rem;
  line-height: 1.6;
  font-family: 'Open Sans', sans-serif;
}

/* Media queries */
@media (max-width: 768px) {
  /* line 140, scss/_zinlab.scss */
  .seal-container {
    top: 15%;
    right: 5%;
    width: 90px;
    height: 90px;
  }

  /* line 147, scss/_zinlab.scss */
  h3 {
    font-size: 2rem;
  }

  /* line 151, scss/_zinlab.scss */
  h4 {
    font-size: 1.5rem;
  }

  /* line 155, scss/_zinlab.scss */
  .btn-custom {
    padding: 0.75rem 1.5rem;
    font-size: 1.1rem;
  }

  /* line 160, scss/_zinlab.scss */
  .lead {
    font-size: 1.1rem;
  }
}
/* line 9, scss/_vineyard.scss */
body {
  font-family: 'Open Sans', sans-serif;
  background-color: #fffbed;
  color: #333333;
}

/* line 16, scss/_vineyard.scss */
.hero-section {
  background: linear-gradient(135deg, #78264c 0%, #696f2f 100%);
  color: white;
  padding: 100px 0 80px;
  position: relative;
  overflow: hidden;
}

/* line 24, scss/_vineyard.scss */
.hero-section::before {
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 100 100"><circle cx="50" cy="50" r="2" fill="rgba(255,255,255,0.1)"/></svg>') repeat;
  background-size: 50px 50px;
  opacity: 0.3;
}

/* line 36, scss/_vineyard.scss */
.hero-content {
  position: relative;
  z-index: 2;
}

/* line 42, scss/_vineyard.scss */
h1, h2, h3 {
  font-family: 'Playfair Display SC', serif;
  text-transform: uppercase;
  letter-spacing: 1px;
}

/* line 48, scss/_vineyard.scss */
h1 {
  font-size: 4rem;
  font-weight: 700;
  margin-bottom: 1rem;
}

/* line 54, scss/_vineyard.scss */
.lead {
  text-shadow: none !important;
}

/* line 60, scss/_vineyard.scss */
section.py-5,
#vineyard-map {
  background-color: #fffbed !important;
  background: #fffbed !important;
}

/* line 66, scss/_vineyard.scss */
.py-5 {
  background: #fffbed !important;
}

/* line 71, scss/_vineyard.scss */
.vineyard-map-container {
  position: relative;
  max-width: 1200px;
  margin: 0 auto;
  padding: 40px 20px;
}

/* line 78, scss/_vineyard.scss */
.vineyard-background-image {
  width: 100%;
  height: auto;
  border-radius: 15px;
  box-shadow: 0 15px 35px rgba(0, 0, 0, 0.2);
  display: block;
}

/* line 86, scss/_vineyard.scss */
.vineyard-overlay {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  border-radius: 15px;
  pointer-events: all;
}

/* line 97, scss/_vineyard.scss */
.vineyard-block {
  cursor: pointer;
  transition: all 0.3s ease;
  pointer-events: all;
}

/* line 103, scss/_vineyard.scss */
.vineyard-block:hover {
  fill: rgba(182, 142, 82, 0.6) !important;
  stroke-width: 4;
  filter: url(#softShadow) brightness(1.1);
}

/* line 109, scss/_vineyard.scss */
.vineyard-block.active {
  fill: rgba(182, 142, 82, 0.7) !important;
  stroke-width: 5;
  stroke: #b68e52;
}

/* line 115, scss/_vineyard.scss */
.block-marker {
  position: absolute;
  width: 40px;
  height: 40px;
  background: #78264c;
  border: 3px solid white;
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  color: white;
  font-weight: bold;
  font-size: 16px;
  cursor: pointer;
  transition: all 0.3s ease;
  z-index: 10;
  box-shadow: 0 4px 15px rgba(0, 0, 0, 0.3);
}

/* line 134, scss/_vineyard.scss */
.block-marker:hover {
  transform: scale(1.2);
  background: #b68e52;
  box-shadow: 0 6px 20px rgba(0, 0, 0, 0.4);
}

/* line 140, scss/_vineyard.scss */
.block-marker.active {
  background: #b68e52;
  transform: scale(1.3);
  animation: pulse 2s infinite;
}

@keyframes pulse {
  /* line 147, scss/_vineyard.scss */
  0% {
    box-shadow: 0 0 0 0 rgba(182, 142, 82, 0.7);
  }

  /* line 148, scss/_vineyard.scss */
  70% {
    box-shadow: 0 0 0 20px rgba(182, 142, 82, 0);
  }

  /* line 149, scss/_vineyard.scss */
  100% {
    box-shadow: 0 0 0 0 rgba(182, 142, 82, 0);
  }
}

/* line 152, scss/_vineyard.scss */
.block-info {
  background: linear-gradient(135deg, rgba(255, 251, 237, 0.95) 0%, rgba(212, 198, 176, 0.95) 100%);
  background-image: radial-gradient(circle at 20% 50%, rgba(105, 111, 47, 0.05) 0%, transparent 50%), radial-gradient(circle at 80% 20%, rgba(120, 38, 76, 0.03) 0%, transparent 50%), linear-gradient(45deg, transparent 46%, rgba(105, 111, 47, 0.02) 49%, rgba(105, 111, 47, 0.02) 51%, transparent 54%);
  border-radius: 15px;
  padding: 30px;
  margin-top: 30px;
  box-shadow: 0 10px 30px rgba(0, 0, 0, 0.1);
  border: 1px solid rgba(105, 111, 47, 0.2);
  transform: translateY(20px);
  opacity: 0;
  transition: all 0.5s ease;
  position: relative;
  overflow: hidden;
  scroll-margin-top: 100px;
}

/* line 171, scss/_vineyard.scss */
.block-info::before {
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background-image: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 100 100"><circle cx="20" cy="20" r="1" fill="rgba(105,111,47,0.1)"/><circle cx="80" cy="60" r="1" fill="rgba(105,111,47,0.1)"/><circle cx="50" cy="90" r="1" fill="rgba(105,111,47,0.1)"/></svg>');
  background-size: 60px 60px;
  opacity: 0.4;
  pointer-events: none;
}

/* line 185, scss/_vineyard.scss */
.block-info > * {
  position: relative;
  z-index: 2;
}

/* line 190, scss/_vineyard.scss */
.block-info.show {
  transform: translateY(0);
  opacity: 1;
  border-color: #b68e52;
  box-shadow: 0 15px 40px rgba(0, 0, 0, 0.15);
}

/* line 198, scss/_vineyard.scss */
.block-info.show::after {
  content: '';
  position: absolute;
  top: -2px;
  left: -2px;
  right: -2px;
  bottom: -2px;
  background: linear-gradient(45deg, #b68e52, transparent, #b68e52);
  border-radius: 17px;
  z-index: -1;
  animation: borderPulse 1s ease-out;
}

@keyframes borderPulse {
  /* line 212, scss/_vineyard.scss */
  0% {
    opacity: 0;
    transform: scale(0.95);
  }

  /* line 213, scss/_vineyard.scss */
  50% {
    opacity: 1;
    transform: scale(1.02);
  }

  /* line 214, scss/_vineyard.scss */
  100% {
    opacity: 0;
    transform: scale(1);
  }
}

/* line 217, scss/_vineyard.scss */
.block-info.show {
  transform: translateY(0);
  opacity: 1;
}

/* line 223, scss/_vineyard.scss */
.timeline-section {
  background: #fffbed;
  padding: 80px 0;
}

/* line 228, scss/_vineyard.scss */
.timeline {
  position: relative;
  max-width: 1000px;
  margin: 0 auto;
}

/* line 234, scss/_vineyard.scss */
.timeline::after {
  content: '';
  position: absolute;
  width: 4px;
  background: #78264c;
  top: 0;
  bottom: 0;
  left: 50%;
  margin-left: -2px;
}

/* line 245, scss/_vineyard.scss */
.timeline-item {
  padding: 20px 40px;
  position: relative;
  background-color: inherit;
  width: 50%;
  opacity: 0;
  transform: translateX(-50px);
  transition: all 0.8s ease;
}

/* line 255, scss/_vineyard.scss */
.timeline-item.animate {
  opacity: 1;
  transform: translateX(0);
}

/* line 260, scss/_vineyard.scss */
.timeline-item::after {
  content: '';
  position: absolute;
  width: 20px;
  height: 20px;
  right: -10px;
  background: #b68e52;
  border: 4px solid white;
  top: 30px;
  border-radius: 50%;
  z-index: 1;
  box-shadow: 0 2px 10px rgba(0, 0, 0, 0.2);
}

/* line 274, scss/_vineyard.scss */
.timeline-item:nth-child(even) {
  left: 50%;
  transform: translateX(50px);
}

/* line 279, scss/_vineyard.scss */
.timeline-item:nth-child(even)::after {
  left: -10px;
}

/* line 283, scss/_vineyard.scss */
.timeline-item.animate:nth-child(even) {
  transform: translateX(0);
}

/* line 287, scss/_vineyard.scss */
.timeline-content {
  background: white;
  padding: 25px;
  border-radius: 12px;
  box-shadow: 0 8px 25px rgba(0, 0, 0, 0.1);
  border-left: 4px solid #78264c;
}

/* line 295, scss/_vineyard.scss */
.timeline-year {
  background: #78264c;
  color: white;
  padding: 8px 16px;
  border-radius: 20px;
  font-weight: bold;
  display: inline-block;
  margin-bottom: 15px;
  font-family: 'Oswald', sans-serif;
}

/* line 307, scss/_vineyard.scss */
.vine-anatomy {
  background: white;
  padding: 60px 0;
}

/* line 313, scss/_vineyard.scss */
.vine-anatomy-container {
  position: relative;
  max-width: 100%;
  margin: 0 auto;
}

/* line 319, scss/_vineyard.scss */
.vine-image {
  width: 100%;
  height: auto;
  border-radius: 15px;
  box-shadow: 0 10px 30px rgba(0, 0, 0, 0.1);
}

/* line 327, scss/_vineyard.scss */
.vine-hotspot {
  position: absolute;
  width: 40px;
  height: 40px;
  cursor: pointer;
  z-index: 10;
  transform: translate(-50%, -50%);
}

/* line 336, scss/_vineyard.scss */
.hotspot-pulse {
  position: absolute;
  width: 100%;
  height: 100%;
  border-radius: 50%;
  background: rgba(182, 142, 82, 0.3);
  animation: pulse-ring 2s infinite;
}

/* line 345, scss/_vineyard.scss */
.hotspot-number {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: 30px;
  height: 30px;
  background: #78264c;
  color: white;
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  font-weight: bold;
  font-size: 14px;
  box-shadow: 0 4px 15px rgba(0, 0, 0, 0.3);
  transition: all 0.3s ease;
}

/* line 364, scss/_vineyard.scss */
.vine-hotspot:hover .hotspot-number {
  background: #b68e52;
  transform: translate(-50%, -50%) scale(1.2);
  box-shadow: 0 6px 20px rgba(0, 0, 0, 0.4);
}

/* line 370, scss/_vineyard.scss */
.vine-hotspot.active .hotspot-number {
  background: #b68e52;
  transform: translate(-50%, -50%) scale(1.1);
}

@keyframes pulse-ring {
  /* line 376, scss/_vineyard.scss */
  0% {
    transform: scale(0.8);
    opacity: 1;
  }

  /* line 380, scss/_vineyard.scss */
  80% {
    transform: scale(2);
    opacity: 0;
  }

  /* line 384, scss/_vineyard.scss */
  100% {
    transform: scale(2.2);
    opacity: 0;
  }
}

/* line 391, scss/_vineyard.scss */
.vine-info {
  background: linear-gradient(135deg, rgba(255, 251, 237, 0.95) 0%, rgba(212, 198, 176, 0.95) 100%);
  border-radius: 15px;
  padding: 30px;
  min-height: 300px;
  box-shadow: 0 10px 30px rgba(0, 0, 0, 0.1);
  border: 1px solid rgba(105, 111, 47, 0.2);
  transition: all 0.5s ease;
  position: relative;
}

/* line 402, scss/_vineyard.scss */
.vine-info.show {
  border-color: #b68e52;
  box-shadow: 0 15px 40px rgba(0, 0, 0, 0.15);
}

/* line 408, scss/_vineyard.scss */
.anatomy-card-mobile {
  border: none;
  margin-bottom: 10px;
  border-radius: 10px;
  overflow: hidden;
  box-shadow: 0 4px 15px rgba(0, 0, 0, 0.1);
}

/* line 416, scss/_vineyard.scss */
.anatomy-card-mobile .card-header {
  background: linear-gradient(135deg, #fffbed 0%, #ffffff 100%);
  border: none;
  padding: 0;
}

/* line 422, scss/_vineyard.scss */
.anatomy-card-mobile .btn-link {
  color: #78264c;
  text-decoration: none;
  font-weight: 600;
  padding: 15px 20px;
  width: 100%;
  text-align: left;
}

/* line 431, scss/_vineyard.scss */
.anatomy-card-mobile .btn-link:hover {
  color: #b68e52;
  text-decoration: none;
}

/* line 436, scss/_vineyard.scss */
.anatomy-card-mobile .card-body {
  background: white;
  border-top: 1px solid rgba(105, 111, 47, 0.1);
  color: #333333;
  line-height: 1.6;
}

/* line 444, scss/_vineyard.scss */
.anatomy-card {
  background: #fffbed;
  border-radius: 15px;
  padding: 30px;
  margin: 20px 0;
  border: 1px solid #e0e0e0;
  transition: all 0.3s ease;
  cursor: pointer;
}

/* line 454, scss/_vineyard.scss */
.anatomy-card:hover {
  transform: translateY(-5px);
  box-shadow: 0 15px 35px rgba(0, 0, 0, 0.1);
  border-color: #b68e52;
}

/* line 460, scss/_vineyard.scss */
.anatomy-icon {
  width: 60px;
  height: 60px;
  background: #78264c;
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  color: white;
  font-size: 24px;
  margin: 0 auto 20px;
}

/* line 474, scss/_vineyard.scss */
.btn-custom {
  background: #78264c;
  border: none;
  color: white;
  padding: 12px 30px;
  border-radius: 25px;
  font-family: 'Oswald', sans-serif;
  text-transform: uppercase;
  letter-spacing: 1px;
  font-weight: 500;
  transition: all 0.3s ease;
}

/* line 487, scss/_vineyard.scss */
.btn-custom:hover {
  background: #b68e52;
  transform: translateY(-2px);
  box-shadow: 0 8px 25px rgba(0, 0, 0, 0.2);
  color: white;
}

/* line 495, scss/_vineyard.scss */
.stats-section {
  background: #696f2f;
  color: white;
  padding: 60px 0;
}

/* line 501, scss/_vineyard.scss */
.stat-card {
  text-align: center;
  padding: 30px;
}

/* line 506, scss/_vineyard.scss */
.stat-number {
  font-size: 3rem;
  font-weight: bold;
  color: #b68e52;
  font-family: 'Oswald', sans-serif;
}

/* line 514, scss/_vineyard.scss */
.fade-in {
  opacity: 0;
  transform: translateY(30px);
  transition: all 0.8s ease;
}

/* line 520, scss/_vineyard.scss */
.fade-in.visible {
  opacity: 1;
  transform: translateY(0);
}

@media (max-width: 768px) {
  /* line 527, scss/_vineyard.scss */
  h1 {
    font-size: 2.5rem;
  }

  /* line 531, scss/_vineyard.scss */
  .timeline::after {
    left: 20px;
  }

  /* line 535, scss/_vineyard.scss */
  .timeline-item {
    width: 100%;
    padding-left: 50px;
    padding-right: 20px;
  }

  /* line 541, scss/_vineyard.scss */
  .timeline-item::after {
    left: 10px;
    right: auto;
  }

  /* line 546, scss/_vineyard.scss */
  .timeline-item:nth-child(even) {
    left: 0%;
  }

  /* line 550, scss/_vineyard.scss */
  .timeline-item:nth-child(even)::after {
    left: 10px;
  }
}
/* line 1, scss/_budbreak.scss */
.bb_content-section-smaller {
  background-color: #696F2F;
}

/* line 4, scss/_budbreak.scss */
.page-id-1353 .c7-cart h1, .page-id-1353 .c7-cart__header {
  border-bottom: 1px solid #999;
  font-size: 1.5rem !important;
  margin-bottom: 1rem;
  padding-bottom: 0.65em;
}

/* line 10, scss/_budbreak.scss */
.page-id-1353 .content-section {
  padding-bottom: 0px;
  padding-top: 20px;
}

/* line 14, scss/_budbreak.scss */
.page-id-1353 p {
  font-family: Cabin, Arial, San-serif;
  font-size: 1.2rem !important;
}

/* line 19, scss/_budbreak.scss */
.page-id-1353 h1 {
  font-family: League Spartan, Oswald, Arial, San-serif;
  margin-bottom: 0px;
  margin-top: 10px;
  line-height: 90%;
  text-align: left;
  font-size: 8rem;
  font-weight: 900;
  color: #c1d830;
}

/* line 30, scss/_budbreak.scss */
.page-id-1353 h3 {
  font-family: League Spartan, Oswald, Arial, San-serif;
  text-align: left;
  margin-top: 5px;
  line-height: 110%;
  font-size: 2rem;
  font-weight: 700;
  color: #c1d830;
}

/* line 39, scss/_budbreak.scss */
#bb-subtext {
  font-size: 3.3rem;
  line-height: 100%;
}

/* line 43, scss/_budbreak.scss */
.page-id-1353 h4 {
  font-family: League Spartan, Arial, San-serif;
  font-size: 2.2rem;
  color: #006A3A;
}

/* line 49, scss/_budbreak.scss */
.page-id-1353 h5 {
  font-family: League Spartan, Arial, San-serif;
  font-size: 1.1rem;
  color: #006A3A;
}

/* line 55, scss/_budbreak.scss */
.page-id-1353 #mainNav-shop {
  background-color: #9BCA3B !important;
}

/* line 59, scss/_budbreak.scss */
.page-id-1353 .btn-dark {
  color: #006A3A;
  background-color: #c1d830;
  font-weight: bolder;
}

/* line 66, scss/_budbreak.scss */
.page-id-1353 .c7-product__variant__price, .page-id-1353 .c7-product__add-to-cart__price {
  display: none;
}

/* line 70, scss/_budbreak.scss */
.page-id-1353 .c7-product__variant__add-to-cart, .page-id-1353 .c7-product__add-to-cart {
  float: right;
}

/* line 74, scss/_budbreak.scss */
.page-id-1353 .c7-product__variant__select, .page-id-1353 .c7-product__add-to-cart__form__quantity--select {
  font-family: League Spartan, Arial, San-serif;
  background-color: #006A3A;
  font-size: .9rem;
  font-weight: bold;
  text-transform: uppercase;
}

/* line 82, scss/_budbreak.scss */
.vertical-divider {
  border-left: 2px solid #198754;
  height: 60%;
  position: absolute;
  right: 0;
  top: 20%;
}

/* line 90, scss/_budbreak.scss */
.logo-container {
  position: relative;
}

/* line 94, scss/_budbreak.scss */
#header-text {
  font-family: League Spartan, Oswald, Arial, San-serif;
  color: #006A3B;
  font-size: 8rem;
  font-weight: 900;
}

/* line 100, scss/_budbreak.scss */
#bb-zin-text {
  color: #006A3B;
  font-size: 8rem;
  font-weight: 900;
}

/* line 106, scss/_budbreak.scss */
#bb-zin-subheader {
  font-family: League Spartan, Oswald, Arial, San-serif;
  color: #006a3b;
  font-size: 3rem;
}

/* line 112, scss/_budbreak.scss */
#bring {
  font-family: League Spartan, Oswald, Arial, San-serif;
  color: #006A3B;
  font-size: 2.5rem;
  margin-top: 1.5rem;
}

/* line 119, scss/_budbreak.scss */
#subheader-text {
  font-family: League Spartan, Oswald, Arial, San-serif;
  color: #C1D82F;
  font-size: 5rem;
}

/* line 124, scss/_budbreak.scss */
.logo-container {
  position: relative;
}

/* line 128, scss/_budbreak.scss */
.feature-list {
  display: block;
  list-style: none;
  padding-left: 0;
  max-width: 400px;
  margin: 0 auto;
}

/* line 135, scss/_budbreak.scss */
.feature-list-modal {
  display: block;
  list-style: none;
  padding-left: 0;
  max-width: 400px;
  margin: 0 auto;
}

/* line 143, scss/_budbreak.scss */
.feature-list-modal li {
  font-family: League Spartan, Oswald, Arial, San-serif;
  color: #006A3B;
  font-size: 1.2rem;
  align-items: center;
  font-weight: bold;
  display: flex;
  justify-content: center;
  align-items: center;
  white-space: nowrap;
}

/* line 155, scss/_budbreak.scss */
.feature-list-modal li::before {
  content: '';
  display: inline-block;
  width: 14px;
  height: 14px;
  margin-right: 10px;
  background-image: url("./img/budbreak/leaf.png");
  background-size: contain;
  background-repeat: no-repeat;
  flex-shrink: 0;
}

/* line 167, scss/_budbreak.scss */
.feature-list li {
  font-family: League Spartan, Oswald, Arial, San-serif;
  color: #006A3B;
  font-size: 2rem;
  align-items: center;
  font-weight: bold;
  display: flex;
  justify-content: center;
  align-items: center;
  white-space: nowrap;
}

/* line 179, scss/_budbreak.scss */
.feature-list li::before {
  content: '';
  display: inline-block;
  width: 24px;
  height: 24px;
  margin-right: 10px;
  background-image: url("./img/budbreak/leaf.png");
  background-size: contain;
  background-repeat: no-repeat;
  flex-shrink: 0;
}

/* line 190, scss/_budbreak.scss */
.main-heading {
  color: #c1d830;
  font-size: 3rem;
  font-weight: bold;
  text-align: center;
  margin-bottom: 1.5rem;
}

/* line 197, scss/_budbreak.scss */
.sub-heading h3 {
  color: #006A3B;
  font-size: 1.8rem;
  font-weight: bold;
  text-align: center;
  margin-bottom: 3rem;
}

/* line 204, scss/_budbreak.scss */
.icon-column {
  text-align: center;
}

/* line 207, scss/_budbreak.scss */
.bb-dark {
  color: #006A3A !important;
}

/* line 210, scss/_budbreak.scss */
.icon-container {
  padding: 2rem;
  min-height: 200px;
  display: flex;
  align-items: center;
  justify-content: center;
}

/* line 217, scss/_budbreak.scss */
.icon-title {
  color: #006A3B;
  font-size: 2.2rem;
  font-weight: bold;
}

/* Make icons responsive */
/* line 224, scss/_budbreak.scss */
.icon-container img {
  max-width: 100%;
  height: auto;
}

@media (max-width: 768px) {
  /* line 230, scss/_budbreak.scss */
  .main-heading {
    font-size: 2.5rem;
  }

  /* line 233, scss/_budbreak.scss */
  .sub-heading {
    font-size: 1.5rem;
    padding: 0 0rem;
  }

  /* line 237, scss/_budbreak.scss */
  .icon-column {
    margin-bottom: 0rem;
  }

  /* line 240, scss/_budbreak.scss */
  .icon-container {
    padding: 0rem;
    margin-bottom: 0rem;
  }

  /* line 244, scss/_budbreak.scss */
  .icon-title {
    margin-top: 0rem;
  }

  /* line 247, scss/_budbreak.scss */
  .vertical-divider {
    display: none;
  }

  /* line 250, scss/_budbreak.scss */
  .header-container {
    text-align: center;
  }

  /* line 253, scss/_budbreak.scss */
  #header-text {
    color: #006A3B;
    font-size: 5rem;
  }

  /* line 257, scss/_budbreak.scss */
  #bring {
    color: #006A3B;
    font-size: 1rem;
    margin-top: 0.5rem;
  }

  /* line 262, scss/_budbreak.scss */
  #subheader-text {
    color: #C1D82F;
    font-size: 3rem;
  }

  /* line 266, scss/_budbreak.scss */
  .page-id-1353 h1 {
    text-align: center;
    font-size: 5rem;
  }

  /* line 270, scss/_budbreak.scss */
  .page-id-1353 h3 {
    text-align: center;
    margin-top: 2.5px;
    color: #006A3B;
  }

  /* line 275, scss/_budbreak.scss */
  .feature-list {
    text-align: left;
    margin: 2rem auto;
  }

  /* line 279, scss/_budbreak.scss */
  .text-container {
    text-align: center;
  }

  /* line 282, scss/_budbreak.scss */
  .feature-list li {
    justify-content: center;
  }

  /* line 285, scss/_budbreak.scss */
  .page-id-1353 .c7-product__variant__select, .page-id-1353 .c7-product__add-to-cart__form__quantity--select {
    max-width: 178px;
  }

  /* line 288, scss/_budbreak.scss */
  .page-id-1353 .c7-buy-variant {
    padding: 0;
  }

  /* line 291, scss/_budbreak.scss */
  .btn-custom {
    padding: 1.25rem 2.5rem;
    font-size: 1.2rem;
  }
}
/* line 297, scss/_budbreak.scss */
.activities-nav {
  text-align: center;
  padding: 20px 0;
}

/* line 302, scss/_budbreak.scss */
.inline-heart {
  height: .7em;
  width: auto;
  vertical-align: baseline;
}

/* Custom button size */
/* line 309, scss/_budbreak.scss */
.btn-custom {
  padding: 1rem 2rem;
  font-size: 1.25rem;
  font-weight: bold;
}

/* line 315, scss/_budbreak.scss */
.event_description {
  margin-top: 20px;
  margin-bottom: 20px;
  text-align: left;
  font-size: 1rem;
  color: #333;
}

/* line 323, scss/_budbreak.scss */
.event_description p {
  font-weight: normal;
  letter-spacing: .01em;
  font-size: 1rem !important;
  margin: 0 0 10px;
  color: #000;
}

/* line 331, scss/_budbreak.scss */
.event_description h5 {
  margin: 0 0 5px;
}

/* line 335, scss/_budbreak.scss */
.bg-overlay {
  background: url("./img/budbreak/sprout.png") no-repeat bottom right;
  background-size: 70% !important;
}

/* line 340, scss/_budbreak.scss */
.bg-overlay-zin {
  background: url("./img/budbreak/Budbreak_Zin.png") no-repeat bottom right;
  background-size: contain;
  background-repeat: no-repeat;
}

/* small seal with animated background */
/* line 346, scss/_budbreak.scss */
.seal-container {
  position: fixed;
  top: 15%;
  right: 5%;
  width: 170px;
  height: 170px;
  z-index: 151;
}

/* line 355, scss/_budbreak.scss */
#seal-bkg {
  position: absolute;
  width: 100%;
  height: 100%;
  animation: spin 10s linear infinite;
}

/* line 362, scss/_budbreak.scss */
#seal-frnt {
  position: absolute;
  width: 100%;
  height: 100%;
}

@keyframes spin {
  /* line 369, scss/_budbreak.scss */
  0% {
    transform: rotate(0deg);
  }

  /* line 372, scss/_budbreak.scss */
  100% {
    transform: rotate(360deg);
  }
}

/* Media query for smaller screens */
@media (max-width: 768px) {
  /* line 378, scss/_budbreak.scss */
  .seal-container {
    top: 15%;
    right: 5%;
    width: 90px;
    height: 90px;
  }
}
/* line 385, scss/_budbreak.scss */
.sold-out-text {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%) rotate(-45deg);
  font-size: 80px;
  /* Adjust the size as needed */
  font-weight: bold;
  color: rgba(255, 255, 255, 0.2);
  /* Light opacity for subtle effect */
  pointer-events: none;
  /* Ensure it doesn't block interaction with the underlying content */
  z-index: 1;
}

/* line 1, scss/_google-MDI.scss */
.material-icons {
  font-family: 'Material Icons';
  font-weight: normal;
  font-style: normal;
  font-size: 24px;
  /* Preferred icon size */
  display: inline-block;
  line-height: 1;
  text-transform: none;
  letter-spacing: normal;
  word-wrap: normal;
  white-space: nowrap;
  direction: ltr;
  /* Support for all WebKit browsers. */
  -webkit-font-smoothing: antialiased;
  /* Support for Safari and Chrome. */
  text-rendering: optimizeLegibility;
  /* Support for Firefox. */
  -moz-osx-font-smoothing: grayscale;
  /* Support for IE. */
  font-feature-settings: 'liga';
}

/* line 25, scss/style.scss */
body {
  font-family: 'Open Sans', 'Helvetica Neue', Helvetica, Arial, sans-serif;
  position: relative;
  width: 100%;
  height: 100%;
  color: black;
  background-color: black;
}

/* line 34, scss/style.scss */
html {
  width: 100%;
  height: 100%;
}

/* line 38, scss/style.scss */
.text-white {
  color: #fffbed !important;
}

/* line 47, scss/style.scss */
h1,
h2,
h3,
h4,
h5,
h6 {
  font-family: 'Playfair Display SC', 'Helvetica Neue', Helvetica, Arial, sans-serif;
  font-weight: 700;
  margin: 0 0 35px;
  letter-spacing: 1px;
  text-transform: uppercase;
}

/* line 55, scss/style.scss */
h1.superhero {
  color: black;
  font-size: 72px;
  text-align: left !important;
}
@media (max-width: 768px) {
  /* line 55, scss/style.scss */
  h1.superhero {
    font-size: 72px !important;
    line-height: 1.4;
    margin-top: 35px;
    text-align: center;
  }
}
@media (min-width: 1024px) {
  /* line 55, scss/style.scss */
  h1.superhero {
    font-size: 145px;
    letter-spacing: -3px;
  }
}

/* line 70, scss/style.scss */
h2.subhero {
  color: #fffbed;
  font-size: 72px;
  text-align: left !important;
}
@media (min-width: 1024px) {
  /* line 70, scss/style.scss */
  h2.subhero {
    color: white;
    font-size: 100px;
    letter-spacing: -1px;
  }
}

/* line 80, scss/style.scss */
h2.subhero-dk {
  color: black;
  font-size: 72px;
  text-align: center !important;
}
@media (max-width: 768px) {
  /* line 80, scss/style.scss */
  h2.subhero-dk {
    font-size: 40px;
  }
}
@media (min-width: 1024px) {
  /* line 80, scss/style.scss */
  h2.subhero-dk {
    color: black;
    font-size: 95px;
    letter-spacing: -1px;
  }
}

/* line 96, scss/style.scss */
h3.promo,
h4.promo,
h5.promo,
h6.promo {
  font-family: 'Oswald', 'Helvetica Neue', Helvetica, Arial, sans-serif;
  font-weight: 700;
  margin: 10px 10px !important;
  letter-spacing: 0px;
  text-transform: uppercase;
}

/* line 103, scss/style.scss */
p {
  font-size: 16px;
  line-height: 1.4;
  margin: 0 0 25px;
}
@media (min-width: 768px) {
  /* line 103, scss/style.scss */
  p {
    font-size: 16px !important;
    line-height: 1.6;
    margin: 0 0 35px;
  }
}

/* line 113, scss/style.scss */
a {
  -webkit-transition: all 0.2s ease-in-out;
  -moz-transition: all 0.2s ease-in-out;
  transition: all 0.2s ease-in-out;
  color: black;
  z-index: 100;
}
/* line 120, scss/style.scss */
a:focus, a:hover {
  text-decoration: none;
  color: #4d4d4d;
}

/* line 126, scss/style.scss */
.masthead {
  display: table;
  width: 100%;
  height: auto;
  padding: 200px 0;
  text-align: center;
  color: black;
  background-color: #fffbed;
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
}
/* line 138, scss/style.scss */
.masthead .intro-body {
  display: table-cell;
  vertical-align: middle;
}
/* line 141, scss/style.scss */
.masthead .intro-body .brand-heading {
  font-size: 50px;
}
/* line 144, scss/style.scss */
.masthead .intro-body .intro-text {
  font-size: 18px;
}
@media (max-width: 768px) {
  /* line 126, scss/style.scss */
  .masthead {
    padding: 90px 0;
  }
}
@media (min-width: 768px) {
  /* line 126, scss/style.scss */
  .masthead {
    height: 100%;
    padding: 0;
  }
  /* line 155, scss/style.scss */
  .masthead .intro-body .brand-heading {
    font-size: 100px;
  }
  /* line 158, scss/style.scss */
  .masthead .intro-body .intro-text {
    font-size: 22px;
  }
}

/* line 165, scss/style.scss */
.lead {
  text-shadow: 2px 2px 8px #000;
}

/* line 169, scss/style.scss */
.subs {
  color: black;
}

/* line 172, scss/style.scss */
.btn-circle {
  font-size: 26px;
  width: 55px;
  height: 55px;
  margin-top: 15px;
  line-height: 45px;
  -webkit-transition: background 0.3s ease-in-out;
  -moz-transition: background 0.3s ease-in-out;
  transition: background 0.3s ease-in-out;
  color: #fffbed;
  border: 2px solid #fffbed;
  border-radius: 100% !important;
  background: transparent;
}
/* line 186, scss/style.scss */
.btn-circle:focus, .btn-circle:hover {
  color: #fffbed;
  outline: none;
  background: rgba(255, 251, 237, 0.1);
}

/* line 193, scss/style.scss */
#abouttxt p {
  color: black;
}

/* line 195, scss/style.scss */
#about {
  background-color: black;
}

@media (max-width: 768px) {
  /* line 200, scss/style.scss */
  #visit {
    padding: 10px 0 20px 0;
  }

  /* line 203, scss/style.scss */
  #club {
    padding: 10px 0 20px 0;
  }
}
@media (min-width: 992px) {
  /* line 209, scss/style.scss */
  .subscriptions {
    padding-top: 50px;
  }
}
/* line 213, scss/style.scss */
.content-section {
  background-color: #fffbed;
  padding-top: 150px;
  padding-bottom: 200px;
}

@media (min-width: 992px) {
  /* line 220, scss/style.scss */
  .content-section {
    padding-top: 200px;
    padding-bottom: 200px;
  }
}
/* line 226, scss/style.scss */
.content-section-smaller {
  background-color: #fffbed;
  padding-top: 150px;
  padding-bottom: 200px;
}

@media (min-width: 992px) {
  /* line 233, scss/style.scss */
  .content-section-smaller {
    padding-top: 100px;
    padding-bottom: 100px;
  }
}
/* line 238, scss/style.scss */
.content-section-smaller-image {
  background-color: #fffbed;
  padding-top: 0px;
  padding-bottom: 1px;
}

@media (min-width: 992px) {
  /* line 245, scss/style.scss */
  .content-section-smaller-image {
    padding-top: 0px;
    padding-bottom: 1px;
  }
}
/* line 250, scss/style.scss */
.btn {
  font-family: 'oswald', 'Helvetica Neue', Helvetica, Arial, sans-serif;
  font-weight: 400;
  margin-bottom: 8px;
  -webkit-transition: all 0.3s ease-in-out;
  -moz-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
  text-transform: uppercase;
  border-radius: 0;
}

/* line 260, scss/style.scss */
.content-section-video {
  background-color: #fffbed;
  padding-top: 150px;
  padding-bottom: 0px;
}

@media (min-width: 992px) {
  /* line 267, scss/style.scss */
  .content-section-video {
    padding-top: 10px;
    padding-bottom: 10px;
  }
}
/* line 272, scss/style.scss */
.content-section-video {
  background-color: #fffbed;
  padding-top: 10px;
  padding-bottom: 10px;
}

/* line 277, scss/style.scss */
.btn-default {
  /*color: $black;*/
  border: 1px solid #fffbed;
  background-color: transparent;
}
/* line 282, scss/style.scss */
.btn-default:focus, .btn-default:hover {
  /*color: $black;*/
  border: 1px solid #fffbed;
  outline: none;
  background-color: #fffbed;
}

/* line 290, scss/style.scss */
ul.banner-social-buttons {
  margin-top: 30px;
}
@media (max-width: 1199px) {
  /* line 290, scss/style.scss */
  ul.banner-social-buttons {
    margin-top: 15px;
  }
}
@media (max-width: 767px) {
  /* line 296, scss/style.scss */
  ul.banner-social-buttons li {
    display: block;
    margin-bottom: 20px;
    padding: 0;
  }
  /* line 300, scss/style.scss */
  ul.banner-social-buttons li:last-child {
    margin-bottom: 0;
  }
}

/* line 84, ../scss/_global.scss */
/* line 308, scss/style.scss */
.scroll-to-top {
  z-index: 1042;
  right: 1.1rem;
  bottom: 6rem;
  display: none;
}

/* line 89, ../scss/_global.scss */
/* line 315, scss/style.scss */
.scroll-to-top a {
  width: 3.5rem;
  height: 3.5rem;
  background-color: rgba(33, 37, 41, 0.5);
  line-height: 3.1rem;
}

/* line 322, scss/style.scss */
footer {
  padding: 50px 0;
}
/* line 324, scss/style.scss */
footer p {
  font-size: 14px;
  margin: 0;
}

/* line 330, scss/style.scss */
::-moz-selection {
  background: #fcfcfc;
  background: rgba(255, 251, 237, 0.2);
  text-shadow: none;
}

/* line 336, scss/style.scss */
::selection {
  background: #fcfcfc;
  background: rgba(255, 251, 237, 0.2);
  text-shadow: none;
}

/* line 342, scss/style.scss */
img::selection {
  background: transparent;
}

/* line 346, scss/style.scss */
img::-moz-selection {
  background: transparent;
}

/* line 349, scss/style.scss */
.grecaptcha-badge {
  opacity: 0 !important;
}

/*---------- Video Embeds ---------*/
/* line 354, scss/style.scss */
.video-container {
  position: relative;
  padding-bottom: 56.25%;
  height: 0;
  overflow: hidden;
  max-width: 1200px;
  margin: 0 auto;
}

/* line 363, scss/style.scss */
.video-container iframe, .video-container object, .video-container embed, .video-container video {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  width: 100%;
  height: 100%;
}