:root {
    --bg-color: #FFFAF0;

    
  --madison:        hsla(213, 80%, 20%, 1);
  --madison-5:     hsla(213, 80%, 20%, .05);
  --madison-10:     hsla(213, 80%, 20%, .1);
  --madison-20:     hsla(213, 80%, 20%, .2);
  --madison-30:     hsla(213, 80%, 20%, .3);
  --madison-40:     hsla(213, 80%, 20%, .4);
  --madison-50:     hsla(213, 80%, 20%, .5);
  --madison-60:     hsla(213, 80%, 20%, .6);
  --madison-70:     hsla(213, 80%, 20%, .7);
  --madison-80:     hsla(213, 80%, 20%, .8);
  --madison-90:     hsla(213, 80%, 20%, .9);
  --madisonLight:   hsla(213, 80%, 30%, 1);
  --madisonLighter: hsla(213, 80%, 40%, 1);
  --madisonLightest: hsla(213, 80%, 70%, 1);
  --madisonDark:    hsla(213, 80%, 16%, 1);
  --madisonDarker:  hsla(213, 80%, 12%, 1);
  --madisonDarkest:  hsla(213, 80%, 10%, 1);

  --aquaisland:        hsla(201, 45%, 73%, 1);
  --aquaisland-5:     hsla(201, 45%, 73%, .05);
  --aquaisland-10:     hsla(201, 45%, 73%, .1);
  --aquaisland-20:     hsla(201, 45%, 73%, .2);
  --aquaisland-30:     hsla(201, 45%, 73%, .3);
  --aquaisland-40:     hsla(201, 45%, 73%, .4);
  --aquaisland-50:     hsla(201, 45%, 73%, .5);
  --aquaisland-60:     hsla(201, 45%, 73%, .6);
  --aquaisland-70:     hsla(201, 45%, 73%, .7);
  --aquaisland-80:     hsla(201, 45%, 73%, .8);
  --aquaisland-90:     hsla(201, 45%, 73%, .9);
  --aquaislandLight:   hsla(201, 45%, 83%, 1);
  --aquaislandLighter: hsla(201, 45%, 86%, 1);
  --aquaislandLightest: hsla(201, 45%, 93%, 1);
  --aquaislandDark:    hsla(201, 45%, 63%, 1);
  --aquaislandDarker:  hsla(201, 45%, 53%, 1);
  --aquaislandDarkest:  hsla(201, 45%, 43%, 1);

  --athensgray:        hsla(240, 0%, 94%, 1);
  --athensgray-5:        hsla(240, 0%, 94%, .05);
  --athensgray-10:        hsla(240, 0%, 94%, .1);
  --athensgray-20:        hsla(240, 0%, 94%, .2);
  --athensgray-30:        hsla(240, 0%, 94%, .3);
  --athensgray-40:        hsla(240, 0%, 94%, .4);
  --athensgray-50:        hsla(240, 0%, 94%, .5);
  --athensgray-60:        hsla(240, 0%, 94%, .6);
  --athensgray-70:        hsla(240, 0%, 94%, .7);
  --athensgray-80:        hsla(240, 0%, 94%, .8);
  --athensgray-90:        hsla(240, 0%, 94%, .9);
  --athensgrayLight:   hsla(240, 0%, 95%, 1);
  --athensgrayLighter: hsla(240, 0%, 97%, 1);
  --athensgrayLighter-80: hsla(240, 0%, 97%, .8);
  --athensgrayDark:    hsla(240, 0%, 85%, 1);
  --athensgrayDarker:  hsla(240, 0%, 65%, 1);

  --starship:        hsla(56, 87%, 60%, 1);
  --starship-5:     hsla(56, 87%, 60%, .05);
  --starship-10:     hsla(56, 87%, 60%, .1);
  --starship-20:     hsla(56, 87%, 60%, .2);
  --starship-30:     hsla(56, 87%, 60%, .3);
  --starship-40:     hsla(56, 87%, 60%, .4);
  --starship-50:     hsla(56, 87%, 60%, .5);
  --starship-60:     hsla(56, 87%, 60%, .6);
  --starship-70:     hsla(56, 87%, 60%, .7);
  --starship-80:     hsla(56, 87%, 60%, .8);
  --starship-90:     hsla(56, 87%, 60%, .9);
  --starshipLight:   hsla(56, 87%, 70%, 1);
  --starshipLighter: hsla(56, 87%, 80%, 1);
  --starshipDark:    hsla(56, 87%, 40%, 1);
  --starshipDarker:  hsla(56, 87%, 40%, 1);

  --canary:        hsla(64, 90%, 67%, 1);
  --canary-5:     hsla(64, 90%, 67%, .05);
  --canary-10:     hsla(64, 90%, 67%, .1);
  --canary-20:     hsla(64, 90%, 67%, .2);
  --canary-30:     hsla(64, 90%, 67%, .3);
  --canary-40:     hsla(64, 90%, 67%, .4);
  --canary-50:     hsla(64, 90%, 67%, .5);
  --canary-60:     hsla(64, 90%, 67%, .6);
  --canary-70:     hsla(64, 90%, 67%, .7);
  --canary-80:     hsla(64, 90%, 67%, .8);
  --canary-90:     hsla(64, 90%, 67%, .9);
  --canaryLight:   hsla(64, 90%, 77%, 1);
  --canaryLighter: hsla(64, 90%, 87%, 1);
  --canaryLightest: hsla(64, 90%, 93%, 1);
  --canaryDark:    hsla(64, 90%, 47%, 1);
  --canaryDarker:  hsla(64, 90%, 39%, 1);
  --canaryDarkest:  hsla(64, 90%, 34%, 1);

  --white: hsla(330, 0%, 100%, 1);
  --white-5: hsla(330, 0%, 100%, .05);
  --white-10: hsla(330, 0%, 100%, .1);
  --white-20: hsla(330, 0%, 100%, .2);
  --white-30: hsla(330, 0%, 100%, .3);
  --white-40: hsla(330, 0%, 100%, .4);
  --white-50: hsla(330, 0%, 100%, .5);
  --white-60: hsla(330, 0%, 100%, .6);
  --white-70: hsla(330, 0%, 100%, .7);
  --white-80: hsla(330, 0%, 100%, .8);
  --white-90: hsla(330, 0%, 100%, .9);

  --black: hsla(330, 0%, 0%, 1);
  --black-5: hsla(330, 0%, 0%, .05);
  --black-10: hsla(330, 0%, 0%, .1);
  --black-20: hsla(330, 0%, 0%, .2);
  --black-30: hsla(330, 0%, 0%, .3);
  --black-40: hsla(330, 0%, 0%, .4);
  --black-50: hsla(330, 0%, 0%, .5);
  --black-60: hsla(330, 0%, 0%, .6);
  --black-70: hsla(330, 0%, 0%, .7);
  --black-80: hsla(330, 0%, 0%, .8);
  --black-90: hsla(330, 0%, 0%, .9);

  --alertError:          hsla(359, 51%, 47%, 1);
  --alertErrorLight:     hsla(359, 51%, 67%, 1);

  --alertWarning:        hsla(38, 49%, 38%, 1);
  --alertWarningLight:   hsla(38, 49%, 58%, 1);

  --alertSuccess:        hsla(134, 58%, 30%, 1);
  --alertSuccessLight:   hsla(134, 58%, 50%, 1);

  --alertInfo:          hsla(194, 91%, 30%, 1);
  --alertInfoLight:     hsla(194, 91%, 50%, 1);
}

.bg-color-madison {
background-color: var(--madison) !important;
}

.bg-color-madison-30 {
background-color: var(--madison-30) !important;
}

.bg-color-aquaisland {
background-color: var(--aquaisland) !important;
}

.bg-color-aquaisland-5 {
background-color: var(--aquaisland-5) !important;
}

.bg-color-aquaisland-10 {
background-color: var(--aquaisland-10) !important;
}

.bg-color-aquaisland-20 {
background-color: var(--aquaisland-20) !important;
}

.bg-color-aquaisland-30 {
background-color: var(--aquaisland-30) !important;
}

.bg-color-athensgray {
background-color: var(--athensgray) !important;
}

.bg-color-athensgray-10 {
background-color: var(--athensgray-10) !important;
}

.bg-color-athensgray-20 {
background-color: var(--athensgray-20) !important;
}

.bg-color-athensgray-30 {
background-color: var(--athensgray-30) !important;
}

.bg-color-athensgray-40 {
background-color: var(--athensgray-40) !important;
}

.bg-color-athensgray-50 {
background-color: var(--athensgray-50) !important;
}

.bg-color-starship {
background-color: var(--starship) !important;
}

.bg-color-starship-5 {
background-color: var(--starship-5) !important;
}

.bg-color-starship-10 {
background-color: var(--starship-10) !important;
}

.bg-color-starship-20 {
background-color: var(--starship-20) !important;
}

.bg-color-starship-30 {
background-color: var(--starship-30) !important;
}

.bg-color-starship-40 {
background-color: var(--starship-40) !important;
}

.bg-color-starship-50 {
background-color: var(--starship-50) !important;
}

.bg-color-canary {
background-color: var(--canary) !important;
}

.bg-color-canary-30 {
background-color: var(--canary-30) !important;
}

.text-color-madison {
color: var(--madison) !important;
}

.text-color-madison-30 {
color: var(--madison-30) !important;
}

.text-color-aquaisland {
color: var(--aquaisland) !important;
}

.text-color-aquaislandDark {
color: var(--aquaislandDark) !important;
}

.text-color-aquaislandDarker {
color: var(--aquaislandDarker) !important;
}

.text-color-aquaisland-30 {
color: var(--aquaisland-30) !important;
}

.text-color-athensgray {
color: var(--athensgray) !important;
}

.text-color-athensgrayDark {
color: var(--athensgrayDark) !important;
}

.text-color-athensgrayDarker {
color: var(--athensgrayDarker) !important;
}

.text-color-canary-30 {
color: var(--canary-30) !important;
}

.text-color-white {
color: var(--white) !important;
}


/*************************/
/**   Text Selection    **/
/*************************/

::-moz-selection { /* Code for Firefox */
  background: var(--aquaisland-30);
}

::selection {
  background: var(--aquaisland-30);
}

/*************************/
/**   Body    **/
/*************************/

/** If not on the homepage **/


body:not(:has(#HeaderMenu-home[aria-current=page]), :has(#HeaderMenu-our-story[aria-current=page]), :has(#HeaderMenu-community[aria-current=page]), :has(#HeaderMenu-contact[aria-current=page]) ) #MainContent {
    padding-top: 3rem;
    padding-bottom: 3rem;
}

body:has( product-info ) #MainContent {
    padding-top: 0rem !important;
    padding-bottom: 0rem !important;
}

/**** Contact Us ****/

@media (min-width: 960px){
    /*body:has(#HeaderMenu-contact[aria-current=page]) #MainContent section:nth-child(1) {
        width: 50%;
        float: left;
    }

    body:has(#HeaderMenu-contact[aria-current=page]) #MainContent section:nth-child(1) [class*=section-] {
        padding-right: 12%;
    }

    body:has(#HeaderMenu-contact[aria-current=page]) #MainContent section:nth-child(2) {
        width: 50%;
        float: right;
    }*/
}



body.gradient,
body,
.color-scheme-1,
.color-scheme-2,
.color-scheme-3,
.color-scheme-4,
.color-scheme-5 {
    color: rgba(var(--color-foreground), 0.75);
    background-color: var(--bg-color);
}

.color-scheme-1,
.color-scheme-2,
.color-scheme-3,
.color-scheme-4,
.color-scheme-5 {
    /*background-image: url('https://as1.ftcdn.net/v2/jpg/02/93/30/24/1000_F_293302472_0ykwdyOLYuUhXsPYdkGc7xqWa8dPh1lY.jpg') !important;
    background-repeat: repeat;
    background-position: center;*/
}

body.gradient {
    /*background: rgb(var(--color-background));
    background: var(--gradient-background);*/
    /*background-attachment: fixed;
    background: var(--bg-color);
    background-color: #013733;*/
}

/*********************/
/**   Typography    **/
/*********************/

html {
    font-size: .625rem;
}


h1.collection-hero__title,
h1.title {
    font-size: 4vw !important;
    max-width: 90%;
    padding-bottom: 2rem !important;
    text-align: center;
    margin: 0 auto;
}


.section-template--27384617664644__product-grid-padding {
    padding-top: 0 !important;
}

.cart-items thead th,
.header__icon,
.header__menu-item,
h1, h2, h3, h4, h5, .h0, .h1, .h2, .h3, .h4, .h5 {
    color: #4D1E25 !important;
}


.rte a,
a[class*=breadcrumbs],
.customer a,
.pagination__item,
.underlined-link, .customer a,
.header__active-menu-item,
#MainContent .page-width a:not([class]) {
    color: hsl(140.29deg 43.04% 30.98%) !important;
}


li,
table:not([class]) td, table:not([class]) th,
span[class*=breadcrumbs-current],
.price .price-item,
.form__label,
nav[class*=breadcrumbs] a[aria-current=page],
.field__label,
.facets__wrapper,
.cart-items td .price,
.cart-items td,
.text-body,
#MainContent .page-width p,
body {
    color: #712D37;
}


.product__info-container .product-form, .product__info-container .product__description, .product__info-container .icon-with-text,
.field-currency,
.card-information>.price,
.facet-filters__field .select,
.facets__summary,
.text-body {
    color: #712D37 !important;
}

.cart-items thead th,
.facets__heading,
label {
    font-size: 1.5rem;
    font-weight: 700 !important;
}

hr {
 background-color: hsl(140.29deg 43.04% 30.98%) !important;
}

/*************************/
/**   Form Elements   **/
/*************************/

quantity-popover .quantity,
button.quantity__button,
input[type=text],
input[type=tel],
input[type=password],
input[type=number],
input[type=radio],
input[type=checkbox],
textarea {
 border: 4px solid var(--black-5) !important;
 appearance: none;
 padding: 1rem !important; 
}

input[type=text],
input[type=tel],
input[type=password],
input[type=number] {
    padding-left: 0 !important;
    text-indent: 1rem !important;
}


.field.custom,
.newsletter-form__field-wrapper .field__input,
input[type=text],
input[type=tel],
input[type=password],
input[type=number],
textarea {
    color: #684043 !important;
    border-radius: .75rem !important;
}

.newsletter-form__field-wrapper .field,
.bcdp-input-wrap {
    border-radius: .75rem !important;
    border: 1px solid hsl(351deg 44% 11% / 20%) !important;
}

input[type=radio], 
input[type=checkbox] {
  accent-color: #712D37;
}

.quantity {
    width: auto;
}

input.quantity__input {
    font-size: 2rem;
    font-weight: 600;
    min-width: 5rem;
    text-align: center;
}

select {
    border: 2px solid hsl(140 43% 81% / 1);
}

 .select {
    border: 2px solid hsl(140 43% 81% / 1);
    padding: 0 .5rem;
}

.select .svg-wrapper,
.customer select+.svg-wrapper {
    right: .5rem;
}


quantity-popover .quantity { 
    background: transparent !important;
    border: none !important;
    max-width: 18rem !important;
    padding: 0 !important;
}

.quantity__button {
    color: #fffaf0 !important;
    background: hsl(140 43% 32% / 1) !important;
}

.quantity__button:first-child {
    border-radius: 1rem 0 0 1rem;
}

.quantity__button:last-child {
    border-radius: 0 1rem 1rem 0;
}

.quantity:after {
    border-radius: 1rem;
}

.quantity:after,
.field:after,
.select:after,
.customer .field:after,
.customer select:after,
.localization-form__select:after {
    border-radius: .75rem;
    box-shadow: 0 0 0 1px var(--black-20);
}


.cart-item__quantity-wrapper {
    width: 100%;
    max-width: none !important;
    display: flex !important;
    align-items: center; 
}

@media screen and (min-width: 750px) {
    cart-remove-button .button {
        width: 3.5rem;
        height: 3.5rem;
    }
}

/**** Cart Page Table  ****/

.cart-items th {
    border-bottom: .1rem solid hsl(351deg 44% 11% / 20%) !important;
}

.cart__items {
    position: relative;
    padding-bottom: 3rem;
    border-bottom: .1rem solid hsl(351deg 44% 11% / 20%) !important;
}

table:not([class]) {
    box-shadow: 0 0 0 .1rem hsl(351deg 44% 11% / 20%) !important;
}

table:not([class]) td,
table:not([class]) th {
    border: .1rem solid hsl(351deg 44% 11% / 20%) !important;
}


/**** Birdchime App Delivery Customizations  ****/

.bcdp-method-wrap {
    border: 1px solid hsl(351deg 44% 11% / 20%) !important;
    color: #4D1E25 !important;
    border-radius: .75rem !important;
    background-color: hsl(0deg 0% 100% / 40%);
}

.bcdp-method-wrap svg path {
    fill: #712D37;
}

.bcdp-method-active {
    background-color: hsl(139.71deg 42.68% 32.16%) !important;
    color: #fff !important;
}

.bcdp-method-active svg path {
    fill: #fff;
}

.bcdp-postal-code-header {
    color: #4D1E25 !important;
}

.bcdp-location-wrap {
    border: 1px solid hsl(351deg 44% 11% / 20%) !important;
    border-radius: .75rem !important;
    background-color: hsl(0deg 0% 100% / 40%);
}

.bcdp-location-wrap .bcdp-location-name {
    color: #4D1E25 !important;
}

.bcdp-location-wrap .bcdp-location-address {
    color: #712D37 !important;
}

.bcdp-icon-wrap {
   background-color: hsl(351.06deg 43.93% 20.98%) !important;
   border-radius: .75rem !important;
}


/** Birdchime: Date Picker **/
.rdp {
    color: #4D1E25 !important;
}

.rdp-head {
    color: #712D37 !important;
}

.rdp-day_selected {
    background-color: hsl(140.29deg 43.04% 30.98%) !important;
}

.rdp-button:hover:not([disabled]):not(.rdp-day_selected) {
    background-color: hsl(140 43% 88% / 1);
}



/**** Filter Facets  ****/

.facet-checkbox>svg,
.facet-checkbox>.svg-wrapper {
    box-shadow: 0 0 0 2px hsl(140 43% 81% / 1);
}

.facet-filters__sort:focus-visible {
    outline: none !important;
    outline-offset: 0rem !important;
    box-shadow: none !important;
    border: none !important;
}

details[open] .facets__summary .icon-caret {
 transform: rotate(180deg);
 transform-origin: center;
}


.custom.form__label { 
    margin-bottom: 0.6rem 
}

.field.custom { 
    margin-top:0
}

.custom .field__input { 
    padding-top:0.8rem
}

/*************************/
/**   Main Navigation   **/
/*************************/

.shopify-section-header-sticky {
    position: sticky !important;
    top: 0 !important;
}

.header__heading-link {
    padding: 3rem 1rem;
}

@media screen and (min-width: 990px) {
    .header:not(.drawer-menu).page-width {
        padding: .5rem 6rem;
    }
}

@media screen and (min-width: 990px) {
    .header--top-center .header__inline-menu {
        position: relative;
    }

    .header:after {
        content:'';
        position: absolute;
        width: 100%;
        height: 1px;
        background: linear-gradient(90deg, transparent, hsl(351deg 44% 11% / 20%), transparent);
        background:  hsl(351deg 44% 11% / 20%);
        z-index: 0;
        bottom: 4.875rem;
        left: 0;
        right: 0;
    }
}


.header ul.list-menu {
    column-gap: .75rem;
}

.header__menu-item {
    font-size: 1.625rem;
    font-weight: 500 !important;
}

nav ul.list-menu li {

}

.header__menu-item[aria-current="page"]{
    font-weight: 600;
}

/**** Active Child Item  ****/
ul > li > a.list-menu__item--active {
    background:  hsl(351deg 44% 11% / 20%);
}

/**** Active Child "Parent" Item  ****/
ul.header__submenu li details:has( a.list-menu__item--active ) .header__menu-item {
    background:  hsl(351deg 44% 11% / 20%);
}

/**** Active Child "Parent" Submenu Item  ****/
ul.header__submenu li details:has( a.list-menu__item--active ) a.list-menu__item:not(.list-menu__item--active) {
    background: transparent;
}


/********************/
/**  Mobile Menu   **/
/********************/

.menu-drawer {
    background-color: hsl(40 100% 99% / 1) !important;
}

.menu-drawer__menu-item--active {
    color: var(--white) !important;
    background-color: rgb(45 113 68) !important;
}

.link--text {
    color: #712D37 !important;
}

.menu-drawer__menu-item--active {
    color: var(--white) !important;
}

.list-social__item .icon {
    fill: hsl(140.29deg 43.04% 30.98%) !important;
}


/*******************************************/
/**  Utility Bar & Global Zip Code. Bar   **/
/*******************************************/

#bcdp-postal-validator-box,
.utility-bar {
    background-color: #2d7144 !important;
    box-shadow: inset 0 0 16px #ffffff6b, inset 0 -1px 0px hsl(139.67deg 100% 88.04%), inset 0 -2px 0px hsl(140 40% 30% / 1) !important;
}

#bcdp-postal-validator-box {
    background-color: floralwhite !important;
}

#bcdp-postal-validator-box  .bcdp-postal-widget__label {
    color: hsl(140.29deg 43.04% 30.98%) !important;
}

#bcdp-postal-validator-box  .bcdp-postal-widget__validator {
    border: 2px solid hsl(140 44% 66% / 1);
}


#bcdp-postal-validator-box  .cdp-postal-widget__check-btnb {
    background-color: hsl(140 100% 95% / 1) !important;
    box-shadow: inset 0 0 16px white, inset 0 -1px 0px hsl(351deg 44% 11% / 20%), inset 0 -2px 0px white !important;
    margin-right: .125rem;
}


@media screen and (min-width: 990px) {
    .utility-bar .announcement-bar .slider-button {
        height: 2.8rem;
        width: 2.8rem;
        min-width: auto;
        color: hsl(140.29deg 43.04% 30.98%) !important;
        background: hsl(140 43% 31% / 1);
        border-radius: 100%;
        border: 2px solid hsl(140 44% 66% / 1);
    }
}

.utility-bar .announcement-bar__message {
    color: #fff !important;
}

.utility-bar .announcement-bar .slider-button .icon path {
    fill: #fff !important;
}

/** Used for phone numer above the header **/
#shopify-section-sections--27384615174276__announcement_bar_ehdQxP .utility-bar {
    background-color: hsl(351 44% 16% / 1) !important;
    box-shadow: inset 0 0 16px #ffffff6b, inset 0 -1px 0px hsl(355.26deg 18.27% 40.78%), inset 0 -2px 0px hsl(351.06deg 43.93% 20.98%) !important;
}

#shopify-section-sections--27384615174276__announcement_bar_ehdQxP .utility-bar .icon-arrow path {
    fill: var(--white-50) !important;
}



/****************/
/**  Search    **/
/****************/

.search-modal__content {
    background-color: hsl(40deg 100% 97.06%);
    box-shadow: inset -10rem -10rem 17vw -10px hsl(40 50% 92% / 1);
}

.field:hover.field:after,
.select:hover.select:after,
.select__select:hover.select__select:after,
.customer .field:hover.field:after,
.customer select:hover.select:after,
.localization-form__select:hover.localization-form__select:after {
    box-shadow: 0 0 0 calc(.1rem + var(--inputs-border-width)) hsl(41 58% 75% / 1);
    outline: 0;
    border-radius: .75rem;
}

.field__input:focus,
.select__select:focus,
.customer .field input:focus,
.customer select:focus,
.localization-form__select:focus.localization-form__select:after {
    box-shadow: 0 0 0 calc(.1rem + var(--inputs-border-width)) rgb(45 113 68);
    outline: 0;
    border-radius: .75rem;
}

.predictive-search__heading.text-body {
    font-weight: 700;
}

.predictive-search__item-query-result mark {
    background-color: lightgoldenrodyellow;
}

.predictive-search__image {
    grid-area: product-image;
    object-fit: contain;
    font-family: "object-fit: contain";
    border-radius: .75rem;
}

.predictive-search__list-item[aria-selected=true]>*,
.predictive-search__list-item:hover>*,
.predictive-search__item[aria-selected=true],
.predictive-search__item:hover {
    color: hsl(140.29deg 43.04% 30.98%) !important;
    background:  hsl(351deg 44% 11% / 20%);
}



/****************/
/**  Footer    **/
/****************/


.footer {
    background-color: hsl(40deg 100% 97.06%);
    box-shadow: inset -10rem -10rem 17vw -10px hsl(40 50% 92% / 1);
}

footer .list-social__item .icon {
    height: auto;
    width: 100%;
}

footer .svg-wrapper {
    display: inline-flex;
    justify-content: center;
    align-items: center;
    width: 4rem;
    height: 4rem;
}

/*************************/
/**   Buttons    **/
/*************************/

.button[type="submit"],
button#checkout, button[name=checkout],
.button,
.button:hover,
.collection__view-all a:not(.link),
.collection__view-all a:not(.link):hover,
.cart-count-bubble, 
.cart-count-bubble:hover,
.button--primary, .shopify-challenge__button, .customer button,
.button--primary:hover, .shopify-challenge__button:hover, .customer button:hover,
.button--secondary, .button--tertiary,
.button--secondary:hover, .button--tertiary:hover {
    --border-opacity: 0;
    --border-offset: 0;
    border-radius: 2.5rem;
    font-weight: 400;
}

.button[type="submit"],
button#checkout, button[name=checkout],
.button[id*=ViewAllButton-],
.collection__view-all a:not(.link),
.cart-count-bubble,
.button--primary, .shopify-challenge__button, .customer button {
    background-color: hsl(140.29deg 43.04% 30.98%);
    color: var(--white);
}

.button[type="submit"],
button#checkout, button[name=checkout],
.button[id*=ViewAllButton-],
.collection__view-all a:not(.link),
.button--primary, .button--secondary, .button--tertiary {
    font-size: 1.75rem;
    box-shadow: inset 0px 0px 0px 3px var(--white-10), inset 0px 0px 0px 3px hsl(140 43% 31% / 1), inset 0px 0px 0px 6px var(--white-90);
}

footer .svg-wrapper {
    width: 4rem;
    height: 4rem;
    border: 1px solid hsl(140 43% 81% / 1);
    padding: 0.5rem;
    border-radius: 3rem;
    background: hsl(140 43% 31% / 1);
    background-color: hsl(140 100% 95% / 1) !important;
    box-shadow: inset 0 0 16px white, inset 0 -1px 0px hsl(351deg 44% 11% / 20%), inset 0 -2px 0px white !important;
}

footer .list-social__item .icon {
    color: hsl(140.29deg 43.04% 30.98%);
}

.button--secondary, .button--tertiary {
    --color-button: var(--color-secondary-button);
    --color-button-text: var(--color-secondary-button-text);
    color: hsl(140.29deg 43.04% 30.98%);
    border-radius: 2.5rem;
    border: 2px solid hsl(140 43% 81% / 1);
}

.cart-count-bubble {
    background-color: hsl(140.29deg 43.04% 30.98%);
}


cart-remove-button .button {
    min-width: 5.5rem !important;
    min-height: 5.5rem !important;
    display: flex;
    border-radius: 100%;
}

/**** Prevent awkward border on hover  ****/
:root {
    --alpha-button-background: 0 !important;
}



/*************************/
/**  Slideshow          **/
/*************************/

@media screen and (max-width: 690px){
    .banner .banner__content,
    .slideshow .banner__content.banner__content--middle-center {
        align-items: self-end !important;
        justify-content: flex-start !important;
        position: absolute;
        top: 0;
        bottom: 0;
        left: 0;
        right: 0;
        padding: 0 2rem;
    }
}


.slideshow .banner__content {
    background: linear-gradient(0deg, white -32%, transparent 16%);
    margin: 0;
    max-width: 100% !important;
}

.slideshow .banner__content .slideshow__text.banner__box {
    max-width: 64.5rem;
}

.slideshow .banner__content .banner__heading {
    font-size: clamp(2rem, 6vw, 5.5rem);  
}

/* Align the content box to the bottom right, remove background color, and make the text white */

.slideshow .banner__content.banner__content--middle-center {
    align-items: self-end !important;
    justify-content: flex-start !important;
}

.slideshow .banner__content .slideshow__text.banner__box {
    /*max-width: 70% !important;*/
    background: none;
    color: #fff !important;
    text-align: left !important;
    align-items: flex-start !important;
    padding: 0;
    text-shadow: 2px 3px var(--black-50), -6px -6px 0px var(--black-10);
}

.slideshow .banner__heading {
    margin-bottom: 0;
    color: white !important;
}

.slideshow .banner__content .banner__text p {
    font-size: 2.125rem;
    color: white !important;
}

.slideshow .banner__content .button {
    text-shadow: none;
}



.slideshow .slider-buttons {
    background-color: hsl(140 100% 95% / 1) !important;
    box-shadow: inset 0 0 16px white, inset 0 -1px 0px hsl(351deg 44% 11% / 20%), inset 0 -2px 0px white !important;
}

.slider-buttons .slider-counter__link--active.slider-counter__link--dots .dot {
    background-color: hsl(140.29deg 43.04% 30.98%) !important;
}

.slider-buttons .slider-counter__link--dots .dot {
    border-color: hsl(140.29deg 43.04% 30.98%) !important;
}

.slider-button {
    width: 5rem;
    height: 5rem;
}


.search-modal__close-button .svg-wrapper path,
.search__button .svg-wrapper path,
.reset__button .icon.icon-close path,
.animate-arrow .icon-arrow path,
.newsletter-form__button .icon path,
.slideshow__autoplay .icon path,
.slider-buttons .slider-button {
    color: hsl(140.29deg 43.04% 30.98%) !important;
    fill: hsl(140.29deg 43.04% 30.98%) !important;
    font-size: 3rem;
}

/**********************************/
/**  Homepage Welcome Section    **/
/**********************************/

#shopify-section-template--27384617959556__rich_text_8HYXP6 .content-containerx {
    background-color: hsl(140 100% 95% / 1) !important;
    box-shadow: inset 0 0 16px white, inset 0 -1px 0px hsl(351deg 44% 11% / 20%), inset 0 -2px 0px white !important;
}

/*************************/
/**  Banner Box    **/
/*************************/

.banner .banner__box {
    background: transparent;
}

.banner .banner__heading {
    margin-bottom: 0;
    color: white !important;
}

.banner .banner__content .banner__text p {
    font-size: 2.125rem;
    color: white !important;
}

.banner .banner__content {
    max-width: 100% !important;
}



/*************************/
/**  Testimonial Slider  **/
/*************************/
.shopify-section [class^=ai-testimonial-slider-]  {
    display: block;
    width: 100%;
    position: relative;
    background-color: hsl(140 43% 31% / 1);
    padding: 60px 20px 60px;
    box-shadow: inset -10rem 10rem 28vw 20px var(--white-50);
}

.shopify-section [class^=ai-testimonial-slider__photo-] {
    width: 100px;
    height: 100px;
    border-radius: 50%;
    object-fit: cover;
    margin-bottom: 20px;
    border: 4px solid var(--white-90);
    box-shadow: 0 0 0 8px var(--white-20), 17px 12px 20px 0px var(--black-10), -7px -6px 20px 0px var(--white-60);
    filter: brightness(1.1) contrast(1);
}


.shopify-section [class^=ai-testimonial-slider__main-heading-],
.shopify-section [class^=ai-testimonial-slider__subheading-],
.shopify-section [class^=ai-testimonial-slider__heading-] {
    color: #fff !important;
}

.shopify-section [class^=ai-testimonial-slider__container-] > [class^=ai-testimonial-slider__header-] {
    border-bottom: 2px solid hsl(140 46% 75% / 1) !important;
}

.shopify-section [class^=ai-testimonial-slider__button-] {
    color: hsl(140.29deg 43.04% 30.98%) !important;
    background: hsl(140 43% 31% / 1);
    border-radius: 100%;
    border: 2px solid hsl(140 44% 66% / 1);
}

.shopify-section [class^=ai-testimonial-slider__button-] svg {
    stroke: #fff !important;
}



/*************************/
/**  Product Cards    **/
/*************************/


.card--card.gradient,
.card__inner.gradient {
    padding: 1.25rem;
    border-radius: .5rem;
}

.card .card__inner .card__media {
    border-radius: 0rem !important;
}

.banner__content:before,
.card .card__inner .card__media:before {
    position: absolute;
    border: 2px solid var(--white-30);
    content: '';
    display: flex;
    top: .75rem;
    right: .75rem;
    bottom: .75rem;
    left: .75rem;
    z-index: 1;
    border-radius: 0rem;
}

.card__heading a {
    font-size: 2.375rem;
}

@media screen and (max-width: 750px) {
    .card__heading a {
        font-size: 1.5rem;
    }
}


.price {
    margin-bottom: 0;
    font-size: 2.5rem;
}

@media screen and (min-width: 750px) {
    .banner--large:not(.banner--adapt) {
        min-height: clamp(69rem, 80vh, 75rem);
    }
}

.price .price-item,
.card-information>.price {
    font-size: 2.5rem;
}



/*************************/
/**  Product Detail    **/
/*************************/

media-gallery.product__column-sticky {
    border: 2px solid hsl(351deg 44% 11% / 20%);
    padding: 3rem;
    border-radius: .75rem;
    background-color: hsl(351deg 44% 11% / 5%) !important;
    display: block;
    margin-bottom: 3rem;
}

media-gallery.product__column-sticky img {
    border-radius: 1rem;
    border: 2px solid var(--white-40);
}

.product-media-modal__content {
    background-color: var(--black-40) !important;
}

.product-media-modal__content img {
    border-radius: .75rem;
}

.product-media-modal__dialog .global-media-settings--no-shadow {
    border-radius: .75rem;
    overflow: hidden !important;©©
}

.product-info .required {
    color: var(--alertErrorLight);
}


.product-media-container {
    background: transparent;
    border: none !important;
}

@media screen and (min-width: 680px){
    .product__media-list .product__media-item:not(:nth-child(1)) {
        max-width: 17.75%;
        white-space: nowrap;
    }
}

.product-media-modal__content > img {
    border: none !important;
}

.product__media-list .product__media-item:not(:nth-child(1)) .product__media-icon {
    display: none;
}

.share-button__button {
    font-size: 1.5rem;
    color: hsl(140 43% 41% / 1);
}


/******************************/
/**  Product Detail Modal    **/
/******************************/

.fancybox__backdrop,
.product-media-modal {
    background:rgb(var(--color-foreground),.5) !important;
}

.product-media-modal__dialog {
    background: transparent !important;
}

.product-media-modal__content {
    height: 100vh;
}

.product-media-modal__content > img.active {
    width: auto;
    height: auto;
    max-width: calc(96vh);
    max-height: calc(96vh);
    border: none !important;
    user-select: none;
    -webkit-user-select: none;
    -ms-user-select: none;
}


.product-media-modal__toggle {
    width: var(--f-button-width) !important;
    height: var(--f-button-height) !important;
    border: var(--f-button-border) !important;
    border-radius: var(--f-button-border-radius) !important;
    background: #333 !important;
    color: var(--f-button-bg) !important;
    box-shadow: var(--f-button-shadow) !important;
    transform: var(--f-button-transform) !important;
    transition: var(--f-button-transition) !important;
    backdrop-filter: var(--f-button-backdrop-filter) !important;
    display: flex !important;
    justify-content: center !important;
    align-items: center !important;
    box-sizing: content-box !important;
    margin: 0 !important;
    padding: 0 !important;
    pointer-events: all !important;
    cursor: pointer !important;
    overflow: hidden !important;
    top: .75rem !important;
    right: .75rem !important;
}

.product-media-modal__toggle .icon {
    height: auto;
    margin: 0;
    width: 1.5rem !important;
}

.product-media-modal__toggle svg path {
    width: var(--f-button-svg-width);
    height: var(--f-button-svg-height);
    transform: var(--f-button-svg-transform);
    fill: var(--f-button-svg-fill);
    filter: var(--f-button-svg-filter);
    opacity: var(--f-button-svg-opacity, 1);
    transition: var(--f-button-svg-transition);
    stroke: currentColor;
    stroke-width: var(--f-button-svg-stroke-width);
    stroke-linecap: round;
    stroke-linejoin: round;
    pointer-events: none;
}

.product__modal-opener:hover .product__media-icon {
    min-width: auto;
    color: hsl(140 43% 31% / 1) !important;
    background: hsl(0deg 0% 100%);
    border-radius: 100%;
    border: 2px solid hsl(140 44% 66% / 1);
}


/***************************/
/**  Fancybox Thumbnails  **/
/***************************/

[class*=ai-photo-gallery__item-]:has(img[data-lightbox]) {
    border: .75rem solid var(--white-80);
    border-radius: 3rem;
    box-shadow: 2px 2px 0px var(--black-20), -2px -2px 0px var(--black-5);
}


/****************************/
/**  Shopify policy pages  **/
/****************************/

.shopify-policy__container,
.page-width {
  max-width: var(--page-width);
  margin: 0 auto;
  padding: 0 1.5rem;
}

.shopify-policy__title {
  text-align: left;
}