/** Shopify CDN: Minification failed

Line 168:2 Expected identifier but found "#2c6d7a"
Line 219:0 Unexpected "}"

**/
:root {
  --goldenrod: #d8ab27;
  --black: #080808;
  --old-lace: #fffcf8;
  --light-outline: #fff3;
  --teal: #2c6d7a;
  --dark-outline: #e4e9ec;
  --dark-slate-grey: #003942;
  --dark-slate-grey-2: #444f53;
  --active-border: #99a7ac;
  --light-grey-background: #f4f8fa;
  --red-text: #a74030;
  --slategrey: #939598;
  --black-2: #07090c;
}



.featured_tag{
  display: block;
  width: 6vw;
  height: 6vw;
  position: absolute;
  inset: -1.75vw -1.75vw auto auto;
  z-index: 20;
  
}

.featured_tag-label{
  
}




.junip-reviews-container

{

  font-family: henderson-sans-basic, sans-serif !important;

}








.padding-right-button{
padding-right: 2rem;  
}

.button-wrapper{
  display: flex;
  justify-content: flex-start;
  align-items: center;
  grid-column-gap: 16px;
  grid-row-gap: 2rem;
}
.wholesale-heading{
  font-size: 46px !important;
  font-weight: 700 !important;
  color: var(--teal) !important;
}
.wholesale-body{
  padding-top: 0px !important;
  padding-bottom:0px !important;
}
.serving-size-text{
  font-family: Gotham, sans-serif;
  font-size: 14px;
  font-weight: bold;
  line-height: 1em;
  color: var(--teal);
  width: 100%;
  text-align: center; /* Centers the text horizontally */
}


.tab-title-2.is-faq {
    grid-template-columns: 1fr auto;
  }

.fancybox__container{
z-index: 9999999 !important; 
}


.fancybox__caption{
    font-family: henderson-sans-basic, sans-serif !important;
}



.junip-product-review-container {
    max-width: 80vw !important;
}

.junip-write-review-cta.junip-btn.junip-btn-sm{
font-family: henderson-sans-basic, sans-serif !important;

}

.junip-review-date{
    font-family: Gotham Book, sans-serif;
  font-size: 12px !important;
  font-weight: 400;
  line-height: 1.65em;
}
.junip-vote-text {
  font-family: Gotham Book, sans-serif;
  font-size: 10px !important;
  font-weight: 400;
  line-height: 1.65em;
}
.junip-review-product-container {
  font-family: Gotham Book, sans-serif;
  font-size: 12px !important;
  font-weight: 400;
  line-height: 1.65em;
}
.junip-review-body {
  font-family: Gotham Book, sans-serif;
  font-size: 16px;
  font-weight: 400;
  line-height: 1.65em;
}
.junip-review-list-item .junip-review-title {
  font-family: Gotham, sans-serif;
  font-weight: 700;
  color: #222222;
}
.junip-pt-3 {
  font-family: Gotham Book, sans-serif;
  font-size: 12px !important;
  font-weight: 400;
  line-height: 1.65em;
}
.junip-ml-1 {
  font-family: antarctican-headline;
  color: #2c6d7a;
}
.junip-review-author {
  font-family: Gotham, sans-serif;
  font-size: 16px;
  font-weight: 500;
  color: #003a42;
}
.junip-avatar {
  display: none !important;
}
.junip-select {
  font-family: Gotham, sans-serif !important;
  font-weight: 700 !important;
  color: #222222 !important;
}
.junip-checkbox {
  font-family: Gotham, sans-serif !important;
  font-weight: 700 !important;
  #2c6d7a !important
}
.junip-product-review-bar-rating {
  font-family: Gotham, sans-serif !important;
  font-weight: 700 !important;
  color: #2c6d7a !important;
}
.junip-chevron {
  margin-left: 10px;
}
.junip-mr-2 {
  color: #003a42;
  font-family: Gotham, sans-serif;
  font-size: 20px;
  font-weight: 700;
  text-decoration: none;
}

.junip-product-review-count {
  font-family: ff-ernestine-pro, sans-serif !important;
  color: #2c6d7a;
}
.junip-product-review-average {
  font-family: Gotham, sans-serif !important;
  color: #2c6d7a !important;
}
.junip-product-review-title {
  color: var(--dark-slate-grey);
  font-size: 2rem;
  font-weight: 900;
}
.junip-product-summary-review-count {
  font-family: ff-ernestine-pro, sans-serif !important;
  color: #003a42;
}
.junip-button-border-radius-shaved .junip-btn-sm {
  background-color: #003a42 !important;
  border-radius: 0px !important;
  font-family: Gotham, sans-serif !important;
}











}

.rich-text-block-2 {
  width: 100%;
}

.boost-sd__suggestion-queries-link:hover {
    background-color: #FAF4E7 !important;
}


.boost-sd__search-form-wrapper {
  background-color: #fffcf8 !important;
}
.boost-sd__button--as-search,
.boost-sd__button--as-search:focus,
.boost-sd__button--as-search:hover {
  background-color: #2c6d7a !important;
  border-radius: 0px !important;
}
.boost-sd__search-form-input[type="search"] {
  border-radius: 0px !important;
  font-family: ff-ernestine-pro, sans-serif !important;
}
.boost-sd__search-form-title {
  font-size: 52px !important;
  font-weight: 900 !important;
  font-size: 36px !important;
  font-weight: 600 !important;
  line-height: 1.35em !important;
  letter-spacing: 0.07em !important;
  text-transform: uppercase;
  margin-top: 0 !important;
  margin-bottom: 0 !important;
  font-family: Gotham, sans-serif !important;
  color: #003942 !important;
  padding-bottom: 2rem !important;
}
.boost-sd__instant-search-autocomplete {
  background-color: #fffcf8 !important;
}
.boost-sd__view-all {
  background-color: #fffcf8 !important;
}
.boost-sd__suggestion-queries-item-vendor {
  display: none !important;
}
.boost-sd__suggestion-queries-item-title {
  color: #003942 !important;
  text-transform: uppercase !important;
}
.boost-sd__suggestion-queries-item-price {
  font-size: 12px !important;
  color: #444f53 !important;
}
.boost-sd__view-all-link {
  text-transform: uppercase !important;
}
.boost-sd__view-all-link:hover {
  background-color: rgba(44, 109, 122, 0.2) !important ;
}

.w-layout-grid {
  grid-row-gap: 16px;
  grid-column-gap: 16px;
  grid-template-rows: auto auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  display: grid;
}

.w-commerce-commercecartwrapper {
  display: inline-block;
  position: relative;
}

.w-commerce-commercecartopenlink {
  color: #fff;
  cursor: pointer;
  -webkit-appearance: none;
  appearance: none;
  background-color: #3898ec;
  border-width: 0;
  border-radius: 0;
  align-items: center;
  padding: 9px 15px;
  text-decoration: none;
  display: flex;
}

.w-commerce-commercecartopenlinkcount {
  color: #3898ec;
  text-align: center;
  background-color: #fff;
  border-radius: 9px;
  min-width: 18px;
  height: 18px;
  margin-left: 8px;
  padding-left: 6px;
  padding-right: 6px;
  font-size: 11px;
  font-weight: 700;
  line-height: 18px;
  display: inline-block;
}

.w-commerce-commercecartcontainerwrapper {
  z-index: 1001;
  background-color: #000c;
  position: fixed;
  inset: 0;
}

.w-commerce-commercecartcontainerwrapper--cartType-modal {
  flex-direction: column;
  justify-content: center;
  align-items: center;
  display: flex;
}

.w-commerce-commercecartcontainerwrapper--cartType-leftSidebar {
  flex-direction: row;
  justify-content: flex-start;
  align-items: stretch;
  display: flex;
}

.w-commerce-commercecartcontainerwrapper--cartType-rightSidebar {
  flex-direction: row;
  justify-content: flex-end;
  align-items: stretch;
  display: flex;
}

.w-commerce-commercecartcontainerwrapper--cartType-leftDropdown {
  background-color: #0000;
  position: absolute;
  inset: 100% auto auto 0;
}

.w-commerce-commercecartcontainerwrapper--cartType-rightDropdown {
  background-color: #0000;
  position: absolute;
  inset: 100% 0 auto auto;
}

.w-commerce-commercecartcontainer {
  background-color: #fff;
  flex-direction: column;
  width: 100%;
  min-width: 320px;
  max-width: 480px;
  display: flex;
  overflow: auto;
  box-shadow: 0 5px 25px #00000040;
}

.w-commerce-commercecartheader {
  border-bottom: 1px solid #e6e6e6;
  flex: none;
  justify-content: space-between;
  align-items: center;
  padding: 16px 24px;
  display: flex;
  position: relative;
}

.w-commerce-commercecartcloselink {
  width: 16px;
  height: 16px;
}

.w-commerce-commercecartformwrapper {
  flex-direction: column;
  flex: 1;
  display: flex;
}

.w-commerce-commercecartform {
  flex-direction: column;
  flex: 1;
  justify-content: flex-start;
  display: flex;
}

.w-commerce-commercecartlist {
  -webkit-overflow-scrolling: touch;
  flex: 1;
  padding: 12px 24px;
  overflow: auto;
}

.w-commerce-commercecartitem {
  align-items: flex-start;
  padding-top: 12px;
  padding-bottom: 12px;
  display: flex;
}

.w-commerce-commercecartitemimage {
  width: 60px;
  height: 0%;
}

.w-commerce-commercecartiteminfo {
  flex-direction: column;
  flex: 1;
  margin-left: 16px;
  margin-right: 16px;
  display: flex;
}

.w-commerce-commercecartproductname {
  font-weight: 700;
}

.w-commerce-commercecartoptionlist {
  margin-bottom: 0;
  padding-left: 0;
  text-decoration: none;
  list-style-type: none;
}

.w-commerce-commercecartquantity {
  -webkit-appearance: none;
  appearance: none;
  background-color: #fafafa;
  border: 1px solid #ddd;
  border-radius: 3px;
  width: 60px;
  height: 38px;
  margin-bottom: 10px;
  padding: 8px 6px 8px 12px;
  line-height: 20px;
  display: block;
}

.w-commerce-commercecartquantity::placeholder {
  color: #999;
}

.w-commerce-commercecartquantity:focus {
  border-color: #3898ec;
  outline-style: none;
}

.w-commerce-commercecartfooter {
  border-top: 1px solid #e6e6e6;
  flex-direction: column;
  flex: none;
  padding: 16px 24px 24px;
  display: flex;
}

.w-commerce-commercecartlineitem {
  flex: none;
  justify-content: space-between;
  align-items: baseline;
  margin-bottom: 16px;
  display: flex;
}

.w-commerce-commercecartcheckoutbutton {
  color: #fff;
  cursor: pointer;
  -webkit-appearance: none;
  appearance: none;
  text-align: center;
  background-color: #3898ec;
  border-width: 0;
  border-radius: 2px;
  align-items: center;
  padding: 9px 15px;
  text-decoration: none;
  display: block;
}

.w-commerce-commercecartemptystate {
  flex: 1;
  justify-content: center;
  align-items: center;
  padding-top: 100px;
  padding-bottom: 100px;
  display: flex;
}

.w-commerce-commercecarterrorstate {
  background-color: #ffdede;
  flex: none;
  margin: 0 24px 24px;
  padding: 10px;
}

.w-commerce-commercecheckoutformcontainer {
  background-color: #f5f5f5;
  width: 100%;
  min-height: 100vh;
  padding: 20px;
}

.w-commerce-commercelayoutmain {
  flex: 0 800px;
  margin-right: 20px;
}

.w-commerce-commercecartapplepaybutton {
  color: #fff;
  cursor: pointer;
  -webkit-appearance: none;
  appearance: none;
  background-color: #000;
  border-width: 0;
  border-radius: 2px;
  align-items: center;
  height: 38px;
  min-height: 30px;
  margin-bottom: 8px;
  padding: 0;
  text-decoration: none;
  display: flex;
}

.w-commerce-commercecartapplepayicon {
  width: 100%;
  height: 50%;
  min-height: 20px;
}

.w-commerce-commercecartquickcheckoutbutton {
  color: #fff;
  cursor: pointer;
  -webkit-appearance: none;
  appearance: none;
  background-color: #000;
  border-width: 0;
  border-radius: 2px;
  justify-content: center;
  align-items: center;
  height: 38px;
  margin-bottom: 8px;
  padding: 0 15px;
  text-decoration: none;
  display: flex;
}

.w-commerce-commercequickcheckoutgoogleicon, .w-commerce-commercequickcheckoutmicrosofticon {
  margin-right: 8px;
  display: block;
}

.w-commerce-commercecheckoutcustomerinfowrapper {
  margin-bottom: 20px;
}

.w-commerce-commercecheckoutblockheader {
  background-color: #fff;
  border: 1px solid #e6e6e6;
  justify-content: space-between;
  align-items: baseline;
  padding: 4px 20px;
  display: flex;
}

.w-commerce-commercecheckoutblockcontent {
  background-color: #fff;
  border-bottom: 1px solid #e6e6e6;
  border-left: 1px solid #e6e6e6;
  border-right: 1px solid #e6e6e6;
  padding: 20px;
}

.w-commerce-commercecheckoutlabel {
  margin-bottom: 8px;
}

.w-commerce-commercecheckoutemailinput {
  -webkit-appearance: none;
  appearance: none;
  background-color: #fafafa;
  border: 1px solid #ddd;
  border-radius: 3px;
  width: 100%;
  height: 38px;
  margin-bottom: 0;
  padding: 8px 12px;
  line-height: 20px;
  display: block;
}

.w-commerce-commercecheckoutemailinput::placeholder {
  color: #999;
}

.w-commerce-commercecheckoutemailinput:focus {
  border-color: #3898ec;
  outline-style: none;
}

.w-commerce-commercecheckoutshippingaddresswrapper {
  margin-bottom: 20px;
}

.w-commerce-commercecheckoutshippingfullname {
  -webkit-appearance: none;
  appearance: none;
  background-color: #fafafa;
  border: 1px solid #ddd;
  border-radius: 3px;
  width: 100%;
  height: 38px;
  margin-bottom: 16px;
  padding: 8px 12px;
  line-height: 20px;
  display: block;
}

.w-commerce-commercecheckoutshippingfullname::placeholder {
  color: #999;
}

.w-commerce-commercecheckoutshippingfullname:focus {
  border-color: #3898ec;
  outline-style: none;
}

.w-commerce-commercecheckoutshippingstreetaddress {
  -webkit-appearance: none;
  appearance: none;
  background-color: #fafafa;
  border: 1px solid #ddd;
  border-radius: 3px;
  width: 100%;
  height: 38px;
  margin-bottom: 16px;
  padding: 8px 12px;
  line-height: 20px;
  display: block;
}

.w-commerce-commercecheckoutshippingstreetaddress::placeholder {
  color: #999;
}

.w-commerce-commercecheckoutshippingstreetaddress:focus {
  border-color: #3898ec;
  outline-style: none;
}

.w-commerce-commercecheckoutshippingstreetaddressoptional {
  -webkit-appearance: none;
  appearance: none;
  background-color: #fafafa;
  border: 1px solid #ddd;
  border-radius: 3px;
  width: 100%;
  height: 38px;
  margin-bottom: 16px;
  padding: 8px 12px;
  line-height: 20px;
  display: block;
}

.w-commerce-commercecheckoutshippingstreetaddressoptional::placeholder {
  color: #999;
}

.w-commerce-commercecheckoutshippingstreetaddressoptional:focus {
  border-color: #3898ec;
  outline-style: none;
}

.w-commerce-commercecheckoutrow {
  margin-left: -8px;
  margin-right: -8px;
  display: flex;
}

.w-commerce-commercecheckoutcolumn {
  flex: 1;
  padding-left: 8px;
  padding-right: 8px;
}

.w-commerce-commercecheckoutshippingcity {
  -webkit-appearance: none;
  appearance: none;
  background-color: #fafafa;
  border: 1px solid #ddd;
  border-radius: 3px;
  width: 100%;
  height: 38px;
  margin-bottom: 16px;
  padding: 8px 12px;
  line-height: 20px;
  display: block;
}

.w-commerce-commercecheckoutshippingcity::placeholder {
  color: #999;
}

.w-commerce-commercecheckoutshippingcity:focus {
  border-color: #3898ec;
  outline-style: none;
}

.w-commerce-commercecheckoutshippingstateprovince {
  -webkit-appearance: none;
  appearance: none;
  background-color: #fafafa;
  border: 1px solid #ddd;
  border-radius: 3px;
  width: 100%;
  height: 38px;
  margin-bottom: 16px;
  padding: 8px 12px;
  line-height: 20px;
  display: block;
}

.w-commerce-commercecheckoutshippingstateprovince::placeholder {
  color: #999;
}

.w-commerce-commercecheckoutshippingstateprovince:focus {
  border-color: #3898ec;
  outline-style: none;
}

.w-commerce-commercecheckoutshippingzippostalcode {
  -webkit-appearance: none;
  appearance: none;
  background-color: #fafafa;
  border: 1px solid #ddd;
  border-radius: 3px;
  width: 100%;
  height: 38px;
  margin-bottom: 16px;
  padding: 8px 12px;
  line-height: 20px;
  display: block;
}

.w-commerce-commercecheckoutshippingzippostalcode::placeholder {
  color: #999;
}

.w-commerce-commercecheckoutshippingzippostalcode:focus {
  border-color: #3898ec;
  outline-style: none;
}

.w-commerce-commercecheckoutshippingcountryselector {
  -webkit-appearance: none;
  appearance: none;
  background-color: #fafafa;
  border: 1px solid #ddd;
  border-radius: 3px;
  width: 100%;
  height: 38px;
  margin-bottom: 0;
  padding: 8px 12px;
  line-height: 20px;
  display: block;
}

.w-commerce-commercecheckoutshippingcountryselector::placeholder {
  color: #999;
}

.w-commerce-commercecheckoutshippingcountryselector:focus {
  border-color: #3898ec;
  outline-style: none;
}

.w-commerce-commercecheckoutshippingmethodswrapper {
  margin-bottom: 20px;
}

.w-commerce-commercecheckoutshippingmethodslist {
  border-left: 1px solid #e6e6e6;
  border-right: 1px solid #e6e6e6;
}

.w-commerce-commercecheckoutshippingmethoditem {
  background-color: #fff;
  border-bottom: 1px solid #e6e6e6;
  flex-direction: row;
  align-items: baseline;
  margin-bottom: 0;
  padding: 16px;
  font-weight: 400;
  display: flex;
}

.w-commerce-commercecheckoutshippingmethoddescriptionblock {
  flex-direction: column;
  flex-grow: 1;
  margin-left: 12px;
  margin-right: 12px;
  display: flex;
}

.w-commerce-commerceboldtextblock {
  font-weight: 700;
}

.w-commerce-commercecheckoutshippingmethodsemptystate {
  text-align: center;
  background-color: #fff;
  border-bottom: 1px solid #e6e6e6;
  border-left: 1px solid #e6e6e6;
  border-right: 1px solid #e6e6e6;
  padding: 64px 16px;
}

.w-commerce-commercecheckoutpaymentinfowrapper {
  margin-bottom: 20px;
}

.w-commerce-commercecheckoutcardnumber {
  -webkit-appearance: none;
  appearance: none;
  cursor: text;
  background-color: #fafafa;
  border: 1px solid #ddd;
  border-radius: 3px;
  width: 100%;
  height: 38px;
  margin-bottom: 16px;
  padding: 8px 12px;
  line-height: 20px;
  display: block;
}

.w-commerce-commercecheckoutcardnumber::placeholder {
  color: #999;
}

.w-commerce-commercecheckoutcardnumber:focus, .w-commerce-commercecheckoutcardnumber.-wfp-focus {
  border-color: #3898ec;
  outline-style: none;
}

.w-commerce-commercecheckoutcardexpirationdate {
  -webkit-appearance: none;
  appearance: none;
  cursor: text;
  background-color: #fafafa;
  border: 1px solid #ddd;
  border-radius: 3px;
  width: 100%;
  height: 38px;
  margin-bottom: 16px;
  padding: 8px 12px;
  line-height: 20px;
  display: block;
}

.w-commerce-commercecheckoutcardexpirationdate::placeholder {
  color: #999;
}

.w-commerce-commercecheckoutcardexpirationdate:focus, .w-commerce-commercecheckoutcardexpirationdate.-wfp-focus {
  border-color: #3898ec;
  outline-style: none;
}

.w-commerce-commercecheckoutcardsecuritycode {
  -webkit-appearance: none;
  appearance: none;
  cursor: text;
  background-color: #fafafa;
  border: 1px solid #ddd;
  border-radius: 3px;
  width: 100%;
  height: 38px;
  margin-bottom: 16px;
  padding: 8px 12px;
  line-height: 20px;
  display: block;
}

.w-commerce-commercecheckoutcardsecuritycode::placeholder {
  color: #999;
}

.w-commerce-commercecheckoutcardsecuritycode:focus, .w-commerce-commercecheckoutcardsecuritycode.-wfp-focus {
  border-color: #3898ec;
  outline-style: none;
}

.w-commerce-commercecheckoutbillingaddresstogglewrapper {
  flex-direction: row;
  display: flex;
}

.w-commerce-commercecheckoutbillingaddresstogglecheckbox {
  margin-top: 4px;
}

.w-commerce-commercecheckoutbillingaddresstogglelabel {
  margin-left: 8px;
  font-weight: 400;
}

.w-commerce-commercecheckoutbillingaddresswrapper {
  margin-top: 16px;
  margin-bottom: 20px;
}

.w-commerce-commercecheckoutbillingfullname {
  -webkit-appearance: none;
  appearance: none;
  background-color: #fafafa;
  border: 1px solid #ddd;
  border-radius: 3px;
  width: 100%;
  height: 38px;
  margin-bottom: 16px;
  padding: 8px 12px;
  line-height: 20px;
  display: block;
}

.w-commerce-commercecheckoutbillingfullname::placeholder {
  color: #999;
}

.w-commerce-commercecheckoutbillingfullname:focus {
  border-color: #3898ec;
  outline-style: none;
}

.w-commerce-commercecheckoutbillingstreetaddress {
  -webkit-appearance: none;
  appearance: none;
  background-color: #fafafa;
  border: 1px solid #ddd;
  border-radius: 3px;
  width: 100%;
  height: 38px;
  margin-bottom: 16px;
  padding: 8px 12px;
  line-height: 20px;
  display: block;
}

.w-commerce-commercecheckoutbillingstreetaddress::placeholder {
  color: #999;
}

.w-commerce-commercecheckoutbillingstreetaddress:focus {
  border-color: #3898ec;
  outline-style: none;
}

.w-commerce-commercecheckoutbillingstreetaddressoptional {
  -webkit-appearance: none;
  appearance: none;
  background-color: #fafafa;
  border: 1px solid #ddd;
  border-radius: 3px;
  width: 100%;
  height: 38px;
  margin-bottom: 16px;
  padding: 8px 12px;
  line-height: 20px;
  display: block;
}

.w-commerce-commercecheckoutbillingstreetaddressoptional::placeholder {
  color: #999;
}

.w-commerce-commercecheckoutbillingstreetaddressoptional:focus {
  border-color: #3898ec;
  outline-style: none;
}

.w-commerce-commercecheckoutbillingcity {
  -webkit-appearance: none;
  appearance: none;
  background-color: #fafafa;
  border: 1px solid #ddd;
  border-radius: 3px;
  width: 100%;
  height: 38px;
  margin-bottom: 16px;
  padding: 8px 12px;
  line-height: 20px;
  display: block;
}

.w-commerce-commercecheckoutbillingcity::placeholder {
  color: #999;
}

.w-commerce-commercecheckoutbillingcity:focus {
  border-color: #3898ec;
  outline-style: none;
}

.w-commerce-commercecheckoutbillingstateprovince {
  -webkit-appearance: none;
  appearance: none;
  background-color: #fafafa;
  border: 1px solid #ddd;
  border-radius: 3px;
  width: 100%;
  height: 38px;
  margin-bottom: 16px;
  padding: 8px 12px;
  line-height: 20px;
  display: block;
}

.w-commerce-commercecheckoutbillingstateprovince::placeholder {
  color: #999;
}

.w-commerce-commercecheckoutbillingstateprovince:focus {
  border-color: #3898ec;
  outline-style: none;
}

.w-commerce-commercecheckoutbillingzippostalcode {
  -webkit-appearance: none;
  appearance: none;
  background-color: #fafafa;
  border: 1px solid #ddd;
  border-radius: 3px;
  width: 100%;
  height: 38px;
  margin-bottom: 16px;
  padding: 8px 12px;
  line-height: 20px;
  display: block;
}

.w-commerce-commercecheckoutbillingzippostalcode::placeholder {
  color: #999;
}

.w-commerce-commercecheckoutbillingzippostalcode:focus {
  border-color: #3898ec;
  outline-style: none;
}

.w-commerce-commercecheckoutbillingcountryselector {
  -webkit-appearance: none;
  appearance: none;
  background-color: #fafafa;
  border: 1px solid #ddd;
  border-radius: 3px;
  width: 100%;
  height: 38px;
  margin-bottom: 0;
  padding: 8px 12px;
  line-height: 20px;
  display: block;
}

.w-commerce-commercecheckoutbillingcountryselector::placeholder {
  color: #999;
}

.w-commerce-commercecheckoutbillingcountryselector:focus {
  border-color: #3898ec;
  outline-style: none;
}

.w-commerce-commercelayoutsidebar {
  flex: 0 0 320px;
  position: sticky;
  top: 20px;
}

.w-commerce-commercecheckoutorderitemswrapper {
  margin-bottom: 20px;
}

.w-commerce-commercecheckoutsummaryblockheader {
  background-color: #fff;
  border: 1px solid #e6e6e6;
  justify-content: space-between;
  align-items: baseline;
  padding: 4px 20px;
  display: flex;
}

.w-commerce-commercecheckoutorderitemslist {
  margin-bottom: -20px;
}

.w-commerce-commercecheckoutorderitem {
  margin-bottom: 20px;
  display: flex;
}

.w-commerce-commercecheckoutorderitemdescriptionwrapper {
  flex-grow: 1;
  margin-left: 16px;
  margin-right: 16px;
}

.w-commerce-commercecheckoutorderitemoptionlist {
  margin-bottom: 0;
  padding-left: 0;
  text-decoration: none;
  list-style-type: none;
}

.w-commerce-commercecheckoutorderitemquantitywrapper {
  white-space: pre-wrap;
  display: flex;
}

.w-commerce-commercecheckoutdiscounts {
  background-color: #fff;
  border: 1px solid #e6e6e6;
  flex-wrap: wrap;
  padding: 20px;
  display: flex;
}

.w-commerce-commercecheckoutdiscountsinput {
  -webkit-appearance: none;
  appearance: none;
  background-color: #fafafa;
  border: 1px solid #ddd;
  border-radius: 3px;
  flex: 1;
  width: auto;
  min-width: 0;
  height: 38px;
  margin-bottom: 0;
  padding: 8px 12px;
  line-height: 20px;
  display: block;
}

.w-commerce-commercecheckoutdiscountsinput::placeholder {
  color: #999;
}

.w-commerce-commercecheckoutdiscountsinput:focus {
  border-color: #3898ec;
  outline-style: none;
}

.w-commerce-commercecheckoutdiscountsbutton {
  color: #fff;
  cursor: pointer;
  -webkit-appearance: none;
  appearance: none;
  background-color: #3898ec;
  border-width: 0;
  border-radius: 3px;
  flex-grow: 0;
  flex-shrink: 0;
  align-items: center;
  height: 38px;
  margin-left: 8px;
  padding: 9px 15px;
  text-decoration: none;
  display: flex;
}

.w-commerce-commercecheckoutordersummarywrapper {
  margin-bottom: 20px;
}

.w-commerce-commercecheckoutsummarylineitem, .w-commerce-commercecheckoutordersummaryextraitemslistitem {
  flex-direction: row;
  justify-content: space-between;
  margin-bottom: 8px;
  display: flex;
}

.w-commerce-commercecheckoutsummarytotal {
  font-weight: 700;
}

.w-commerce-commercecheckoutplaceorderbutton {
  color: #fff;
  cursor: pointer;
  -webkit-appearance: none;
  appearance: none;
  text-align: center;
  background-color: #3898ec;
  border-width: 0;
  border-radius: 3px;
  align-items: center;
  margin-bottom: 20px;
  padding: 9px 15px;
  text-decoration: none;
  display: block;
}

.w-commerce-commercecheckouterrorstate {
  background-color: #ffdede;
  margin-top: 16px;
  margin-bottom: 16px;
  padding: 10px 16px;
}

.w-commerce-commerceaddtocartform {
  margin: 0 0 15px;
}

.w-commerce-commerceaddtocartoptionpillgroup {
  margin-bottom: 10px;
  display: flex;
}

.w-commerce-commerceaddtocartoptionpill {
  color: #000;
  cursor: pointer;
  background-color: #fff;
  border: 1px solid #000;
  margin-right: 10px;
  padding: 8px 15px;
}

.w-commerce-commerceaddtocartoptionpill.w--ecommerce-pill-selected {
  color: #fff;
  background-color: #000;
}

.w-commerce-commerceaddtocartoptionpill.w--ecommerce-pill-disabled {
  color: #666;
  cursor: not-allowed;
  background-color: #e6e6e6;
  border-color: #e6e6e6;
  outline-style: none;
}

.w-commerce-commerceaddtocartquantityinput {
  -webkit-appearance: none;
  appearance: none;
  background-color: #fafafa;
  border: 1px solid #ddd;
  border-radius: 3px;
  width: 60px;
  height: 38px;
  margin-bottom: 10px;
  padding: 8px 6px 8px 12px;
  line-height: 20px;
  display: block;
}

.w-commerce-commerceaddtocartquantityinput::placeholder {
  color: #999;
}

.w-commerce-commerceaddtocartquantityinput:focus {
  border-color: #3898ec;
  outline-style: none;
}

.w-commerce-commerceaddtocartbutton {
  color: #fff;
  cursor: pointer;
  -webkit-appearance: none;
  appearance: none;
  background-color: #3898ec;
  border-width: 0;
  border-radius: 0;
  align-items: center;
  padding: 9px 15px;
  text-decoration: none;
  display: flex;
}

.w-commerce-commerceaddtocartbutton.w--ecommerce-add-to-cart-disabled {
  color: #666;
  cursor: not-allowed;
  background-color: #e6e6e6;
  border-color: #e6e6e6;
  outline-style: none;
}

.w-commerce-commerceaddtocartoutofstock {
  background-color: #ddd;
  margin-top: 10px;
  padding: 10px;
}

.w-commerce-commerceaddtocarterror {
  background-color: #ffdede;
  margin-top: 10px;
  padding: 10px;
}

.w-commerce-commerceorderconfirmationcontainer {
  background-color: #f5f5f5;
  width: 100%;
  min-height: 100vh;
  padding: 20px;
}

.w-commerce-commercecheckoutcustomerinfosummarywrapper {
  margin-bottom: 20px;
}

.w-commerce-commercecheckoutsummaryitem, .w-commerce-commercecheckoutsummarylabel {
  margin-bottom: 8px;
}

.w-commerce-commercecheckoutsummaryflexboxdiv {
  flex-direction: row;
  justify-content: flex-start;
  display: flex;
}

.w-commerce-commercecheckoutsummarytextspacingondiv {
  margin-right: .33em;
}

.w-commerce-commercecheckoutshippingsummarywrapper, .w-commerce-commercecheckoutpaymentsummarywrapper {
  margin-bottom: 20px;
}

.w-commerce-commercepaypalcheckoutformcontainer {
  background-color: #f5f5f5;
  width: 100%;
  min-height: 100vh;
  padding: 20px;
}

.w-commerce-commercepaypalcheckouterrorstate {
  background-color: #ffdede;
  margin-top: 16px;
  margin-bottom: 16px;
  padding: 10px 16px;
}

@media screen and (max-width: 767px) {
  .w-commerce-commercelayoutmain {
    flex-basis: auto;
    margin-right: 0;
  }

  .w-commerce-commercelayoutsidebar {
    flex-basis: auto;
  }
}

@media screen and (max-width: 479px) {


.junip-product-review-container {
    max-width: 95vw !important;
}  


.w-commerce-commercecartcontainerwrapper--cartType-modal {
    flex-direction: row;
    justify-content: center;
    align-items: stretch;
  }

  .w-commerce-commercecartcontainerwrapper--cartType-leftDropdown, .w-commerce-commercecartcontainerwrapper--cartType-rightDropdown {
    flex-direction: row;
    justify-content: center;
    align-items: stretch;
    display: flex;
    position: fixed;
    inset: 0;
  }

  .w-commerce-commercecartquantity, .w-commerce-commercecheckoutemailinput, .w-commerce-commercecheckoutshippingfullname, .w-commerce-commercecheckoutshippingstreetaddress, .w-commerce-commercecheckoutshippingstreetaddressoptional {
    font-size: 16px;
  }

  .w-commerce-commercecheckoutrow {
    flex-direction: column;
  }

  .w-commerce-commercecheckoutshippingcity, .w-commerce-commercecheckoutshippingstateprovince, .w-commerce-commercecheckoutshippingzippostalcode, .w-commerce-commercecheckoutshippingcountryselector, .w-commerce-commercecheckoutcardnumber, .w-commerce-commercecheckoutcardexpirationdate, .w-commerce-commercecheckoutcardsecuritycode, .w-commerce-commercecheckoutbillingfullname, .w-commerce-commercecheckoutbillingstreetaddress, .w-commerce-commercecheckoutbillingstreetaddressoptional, .w-commerce-commercecheckoutbillingcity, .w-commerce-commercecheckoutbillingstateprovince, .w-commerce-commercecheckoutbillingzippostalcode, .w-commerce-commercecheckoutbillingcountryselector, .w-commerce-commercecheckoutdiscountsinput, .w-commerce-commerceaddtocartquantityinput {
    font-size: 16px;
  }
}

body {
  color: #333;
  font-family: Arial, Helvetica Neue, Helvetica, sans-serif;
  font-size: 14px;
  line-height: 20px;
}

h1 {
  letter-spacing: .07em;
  text-transform: uppercase;
  margin-top: 0;
  margin-bottom: 0;
  font-family: henderson-sans-basic, sans-serif;
  font-size: 25px;
  font-weight: 700;
  line-height: 1.35em;
}

h2 {
  margin-top: 0;
  margin-bottom: 0;
  font-family: henderson-sans-basic, sans-serif;
  font-size: 28px;
  font-weight: 700;
  line-height: 1.3em;
}

h3 {
  margin-top: 0;
  margin-bottom: 0;
  font-family: henderson-sans-basic, sans-serif;
  font-size: 24px;
  font-weight: 700;
  line-height: 1.3em;
}

h4 {
  margin-top: 0;
  margin-bottom: 0;
  font-family: henderson-sans-basic, sans-serif;
  font-size: 18px;
  font-weight: 700;
  line-height: 1.3em;
}

h5 {
  margin-top: 10px;
  margin-bottom: 10px;
  font-family: henderson-sans-basic, sans-serif;
  font-size: 14px;
  font-weight: 700;
  line-height: 20px;
}

h6 {
  margin-top: 10px;
  margin-bottom: 10px;
  font-family: henderson-sans-basic, sans-serif;
  font-size: 12px;
  font-weight: 700;
  line-height: 18px;
}

p {
  margin-bottom: 0;
}

a {
  color: var(--goldenrod);
  font-family: Gotham, sans-serif;
  font-weight: 400;
  text-decoration: none;
}

.section-hero {
  background-color: var(--black);
  flex-direction: row;
  justify-content: center;
  width: 100%;
  min-height: 75vh;
  display: flex;
}

.wrapper-slider {
  justify-content: center;
  width: 100%;
  padding-left: 0;
  padding-right: 0;
  display: flex;
  position: relative;
  overflow: hidden;
}

.slider {
  background-color: var(--old-lace);
  justify-content: center;
  align-items: stretch;
  width: 100%;
  height: 100%;
}

.slide-content {
  grid-template-rows: auto;
  grid-template-columns: 1fr;
  grid-auto-columns: 1fr;
  justify-content: flex-end;
  align-items: center;
  width: 100%;
  height: 100%;
  display: flex;
}

.slider-background-wrapper {
  justify-content: center;
  width: 65vw;
  display: flex;
  position: absolute;
  top: 0%;
  bottom: 0%;
  right: auto;
  overflow: hidden;
}

.slider-background {
  background-image: url(//steepmtntea.com/cdn/shop/t/102/assets/imageop004.jpeg?v=155823867433790804281772477609);
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: cover;
  position: absolute;
  inset: 0%;
}

.slider-background.three {
  background-image: none;
}

.slide-nav {
  flex-direction: row;
  justify-content: center;
  align-items: center;
  height: 48px;
  min-height: 12px;
  margin: auto;
  padding: 0;
  font-size: 6px;
  display: flex;
  inset: auto 0 48px;
  transform: none;
}

.slide-nav.tablet-mobile-slide-nav {
  align-items: flex-end;
  height: 36px;
  display: none;
  bottom: 0;
}

.slide-arrow {
  border: 1px solid var(--light-outline);
  border-radius: 100%;
  justify-content: center;
  align-items: center;
  width: 48px;
  height: 48px;
  padding: 0;
  display: flex;
  inset: auto auto 48px 5vw;
}

.slide-arrow.right {
  left: auto;
  right: 5vw;
}

.body {
  background-color: var(--old-lace);
  color: #000;
  font-family: Generalsans;
}

.slide-heading {
  letter-spacing: .04em;
  text-transform: uppercase;
  font-size: 38px;
  font-weight: 700;
  line-height: 1.25em;
}

.slider-arrow {
  color: var(--teal);
  width: 3rem;
  height: 3rem;
}

.slider-arrow.left {
  transform-style: preserve-3d;
  transform: rotateX(0)rotateY(180deg)rotateZ(0);
}

.grid-wrapper {
  z-index: 25;
  grid-column-gap: 0px;
  grid-row-gap: 0px;
  grid-template-rows: auto;
  grid-template-columns: minmax(5vw, 1fr) minmax(auto, 1500px) minmax(5vw, 1fr);
  grid-auto-columns: 1fr;
  width: 100%;
  display: grid;
  position: relative;
}

.grid-wrapper._2 {
  grid-template-columns: 5vw auto 5vw;
}

.nav-link {
  color: #fff;
  letter-spacing: 5px;
  text-transform: uppercase;
  justify-content: center;
  align-items: center;
  height: 100%;
  margin-left: 0;
  margin-right: 0;
  padding: 0;
  font-size: 12px;
  line-height: 1.2em;
  text-decoration: none;
  display: flex;
  position: static;
}

.nav-link.w--current {
  color: #fff;
}

.section {
  z-index: 10;
  color: var(--dark-slate-grey);
  justify-content: center;
  padding-top: 160px;
  padding-bottom: 160px;
  display: flex;
  position: relative;
}

.section.no-padding {
  background-color: var(--old-lace);
  padding: 0;
}

.section.no-padding.clip.info, .section.no-padding.clip.why-our-teas {
  margin-top: 80px;
  margin-bottom: 80px;
}

.section.no-padding.grey {
  background-color: var(--dark-slate-grey);
  color: var(--old-lace);
}

.section.no-padding.grey.contact {
  background-color: var(--old-lace);
  color: var(--dark-slate-grey);
  padding-top: 80px;
  padding-bottom: 80px;
}

.section.no-padding.vert {
  background-color: var(--old-lace);
  flex-direction: column;
}

.section.no-bottom-padding {
  padding-top: 80px;
  padding-bottom: 80px;
}

.section.clip {
  overflow: hidden;
}

.section.grey {
  background-color: var(--teal);
  color: var(--old-lace);
}

.section.grey.top-pad, .section.no-top-padding {
  padding-top: 0;
}

.section.bottom-border {
  border-bottom: 1px solid var(--dark-outline);
}

.section.bottom-border.no-top-padding {
  background-color: var(--old-lace);
}

.section.medium-padding {
  background-color: var(--old-lace);
  padding: 60px 0;
}

.section.store-list {
  z-index: 9;
  padding-top: 0;
}

.section.no-padding.medium {
  padding-bottom: 4rem;
}

.section.no-padding.medium.store-filters {
  padding-top: 4rem;
  padding-bottom: 2rem;
}

.section.no-padding-line {
  background-color: var(--old-lace);
  flex-direction: column;
  padding: 0;
}

.overlay {
  background-color: #003942cc;
  position: absolute;
  inset: 0%;
}

.overlay.gradient {
  background-color: #08080800;
  background-image: linear-gradient(#07090c00 30%, #07090c1a 55%, #07090c40);
}

.slide-intro {
  z-index: 100;
  grid-column-gap: 24px;
  grid-row-gap: 36px;
  background-color: var(--teal);
  color: var(--old-lace);
  text-align: left;
  grid-template-rows: auto auto;
  grid-template-columns: 1fr;
  grid-auto-columns: 1fr;
  place-content: center start;
  place-items: center start;
  width: 35vw;
  height: 100%;
  padding: 2rem;
  display: grid;
  position: relative;
}

.button {
  border-style: none;
  border-color: var(--teal);
  background-color: var(--old-lace);
  color: var(--dark-slate-grey);
  text-align: center;
  letter-spacing: 5px;
  text-transform: uppercase;
  justify-content: center;
  align-items: center;
  padding: 16px 28px;
  font-family: Gotham, sans-serif;
  font-size: 1rem;
  font-weight: 700;
  line-height: 1.5em;
  text-decoration: none;
  transition: all .3s;
  display: flex;
}

.button.fill {
  background-color: var(--teal);
  color: #fff;
  line-height: 1.5em;
}

.button.fill.invert {
  border: 2px solid var(--teal);
  color: var(--teal);
  background-color: #0000;
}

.button.fill.full {
  width: 100%;
}

.button.tab {
  border-style: solid;
  border-width: 2px;
}

.button.tab.w--current {
  background-color: var(--teal);
  color: var(--old-lace);
  border-style: solid;
  border-width: 2px;
}

.mask, .clip {
  overflow: visible;
}

.brand {
  color: #fff;
  letter-spacing: 4px;
  text-transform: uppercase;
  justify-content: flex-start;
  align-items: center;
  width: 57px;
  padding-left: 0;
  font-family: Clashdisplay;
  font-size: 16px;
  font-weight: 500;
  display: flex;
}

.back-button-content {
  grid-column-gap: 18px;
  grid-row-gap: 18px;
  letter-spacing: 5px;
  text-transform: uppercase;
  grid-template-rows: auto;
  grid-template-columns: auto;
  grid-auto-columns: 1fr;
  place-items: center;
  font-size: 11px;
  text-decoration: none;
  display: grid;
}

.subtitle {
  color: #667479;
  letter-spacing: 4px;
  text-transform: uppercase;
  font-size: 14px;
  font-weight: 300;
  line-height: 1.3em;
}

.subtitle.light {
  color: #fff;
}

.subtitle.bold {
  color: var(--old-lace);
  font-size: 1rem;
  font-weight: 900;
}

.cart-item-wrapper {
  border-top: 1px #e5ebf0;
  width: 100%;
  padding-top: 0;
  padding-bottom: 0;
  padding-right: 0;
}

.option-list {
  color: #667479;
  text-transform: none;
  font-size: 14px;
  font-weight: 300;
  line-height: 1.6em;
}

.default-state {
  flex: 0 auto;
  justify-content: space-between;
  height: 100%;
  max-height: 100vh;
  padding: 4rem 0 0;
  overflow: hidden;
}

.dynamic-quantity {
  grid-column-gap: 3px;
  grid-row-gap: 3px;
  letter-spacing: 0;
  grid-template-rows: auto;
  grid-template-columns: auto;
  grid-auto-columns: auto;
  grid-auto-flow: column;
  place-content: center;
  place-items: center;
  display: grid;
}

.cart-button {
  color: #000;
  background-color: #3898ec00;
  padding: 0;
}

.checkout-actions {
  flex-direction: column;
  flex: 1;
  display: flex;
}

.cart-item-bottom {
  justify-content: space-between;
  align-items: flex-end;
  display: flex;
}

.order-details {
  flex-direction: column;
  justify-content: space-between;
  width: 100%;
  margin-left: 24px;
  margin-right: 0;
  display: flex;
}

.inside-cart-quantity {
  grid-column-gap: 2px;
  grid-row-gap: 16px;
  letter-spacing: 0;
  grid-template-rows: auto;
  grid-template-columns: auto;
  grid-auto-columns: auto;
  grid-auto-flow: column;
  font-size: 20px;
  display: grid;
}

.cart-content {
  z-index: 5000;
  cursor: pointer;
  background-color: #00394299;
}

.cart-line-item {
  color: var(--dark-slate-grey);
  letter-spacing: .02em;
  text-transform: uppercase;
  border-bottom: 1px solid #2c6d7a33;
  margin-bottom: 15px;
  padding-bottom: 14px;
  font-size: 15px;
}

.cart-line-item.no-underline {
  border-bottom-style: none;
}

.cart-container {
  background-color: var(--old-lace);
  box-shadow: none;
  cursor: default;
  min-width: 380px;
  max-width: 625px;
  max-height: 100vh;
  margin-top: 0;
  padding-top: 0;
  padding-left: 2rem;
  font-family: Gotham, sans-serif;
  overflow: hidden;
}

.cart-image {
  object-fit: cover;
  width: 90px;
  min-width: 90px;
  max-width: 90px;
  height: 100%;
}

.quantity-cart-item {
  color: #667479;
  letter-spacing: 4px;
  text-transform: uppercase;
  align-items: center;
  font-size: 11px;
  display: flex;
}

.close-cart {
  border-bottom-style: none;
  padding: 0;
}

.cart-quantity {
  color: var(--teal);
  letter-spacing: 0;
  background-color: #fff0;
  min-width: 0;
  height: auto;
  margin-left: 0;
  padding-left: 0;
  padding-right: 0;
  font-size: 12px;
}

.cart-item-top {
  justify-content: space-between;
  align-items: flex-start;
  margin-bottom: 36px;
  margin-left: 0;
  margin-right: 0;
  display: flex;
}

.cart-item-top.small {
  margin-bottom: 12px;
}

.cart-title {
  letter-spacing: .02em;
  text-transform: none;
  margin-bottom: 9px;
  font-size: 16px;
  font-weight: 500;
}

.cart-title.small {
  margin-bottom: 4px;
}

.cart-item-title {
  flex-direction: column;
  align-items: flex-start;
  display: flex;
}

.cart-bottom {
  justify-content: space-between;
  display: flex;
}

.remove-button {
  color: #596066;
  letter-spacing: 0;
  text-transform: uppercase;
  justify-content: center;
  align-items: center;
  margin-right: 0;
  font-size: 12px;
  text-decoration: none;
  display: flex;
}

.price {
  color: #667479;
  letter-spacing: .05em;
  text-transform: uppercase;
  font-size: 14px;
  font-weight: 300;
}

.price.large {
  font-size: 15px;
  font-weight: 400;
}

.price.large.dark {
  color: #07090c;
}

.right-nav {
  grid-column-gap: 18px;
  grid-row-gap: 16px;
  grid-template-rows: auto;
  grid-template-columns: 1fr;
  grid-auto-columns: auto;
  grid-auto-flow: column;
  display: grid;
}

.stacked-content {
  z-index: 20;
  grid-column-gap: 16px;
  grid-row-gap: 48px;
  grid-template-rows: auto;
  grid-template-columns: 1fr;
  grid-auto-columns: 1fr;
  align-content: space-between;
  display: grid;
  position: relative;
}

.stacked-content.large {
  grid-row-gap: 140px;
  grid-template-rows: auto;
}

.stacked-content.centered {
  text-align: center;
  justify-content: center;
  justify-items: center;
  padding-top: 0;
  padding-bottom: 0;
}

.stacked-content.small {
  grid-row-gap: 26px;
}

.stacked-content.small.filters {
  grid-row-gap: 0px;
}

.wrapper-intro {
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  align-items: end;
  padding-bottom: 1rem;
  display: grid;
}

.wrapper-intro.left {
  grid-template-columns: 1fr;
  justify-items: start;
}

.dynamic-price {
  color: #939598;
  text-transform: uppercase;
  flex-direction: column;
  grid-template-rows: auto;
  grid-template-columns: auto auto;
  grid-auto-columns: 1fr;
  justify-content: flex-start;
  place-items: flex-end end;
  font-size: 14px;
  font-weight: 500;
  line-height: 1em;
  display: flex;
}

.background-product {
  height: 100%;
  position: absolute;
  inset: 0%;
  overflow: hidden;
}

.image-card {
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: cover;
  height: 100%;
  position: absolute;
  inset: 0%;
}

.image-card.one {
  z-index: 3;
}

.image-card.three {
  z-index: 1;
  display: block;
}

.image-card.two {
  z-index: 2;
}


.card-image {
  background-color: #f4f8fa;
  flex-direction: column;
  justify-content: flex-end;
  height: 35vw;
  min-height: 100%;
  max-height: 650px;
  display: flex;
  position: relative;
  overflow: hidden;
}

.card-image.extra-large {
  height: 30vw;
  max-height: 700px;
}

.card-image.xxl {
  height: 35vw;
  max-height: 700px;
}

.product-card {
  grid-column-gap: 3px;
  grid-row-gap: 3px;
  color: var(--black);
  background-color: #fff;
  grid-template-rows: auto auto;
  grid-template-columns: 1fr;
  grid-auto-columns: 1fr;
  text-decoration: none;
  display: grid;
}

.related-products {
  grid-column-gap: 6px;
  grid-row-gap: 16px;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr 1fr 1fr;
  grid-auto-columns: 1fr;
  display: grid;
}

.page-wrapper {
  background-color: var(--old-lace);
  color: var(--black);
  font-family: Generalsans;
  font-weight: 400;
}

.background {
  background-image: url(//steepmtntea.com/cdn/shop/t/102/assets/shopall2.jpg?v=50612558666498034311772477643);
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: cover;
  position: absolute;
  inset: 0%;
}

.background.shop-background {
  background-image: none;
}

.background.checkout-background {
  background-image: url(//steepmtntea.com/cdn/shop/t/102/assets/image001-1.jpg?v=2903163762318535401772477606);
}

.background.product_line {
  background-image: none;
}

.background-wrapper {
  position: absolute;
  inset: 0%;
  overflow: hidden;
}

.footer {
  background-color: var(--dark-slate-grey);
  font-family: Gotham, sans-serif;
}

.page-content {
  z-index: 10;
  background-color: var(--old-lace);
  position: relative;
}

.arrow-cover {
  z-index: 25;
  position: absolute;
  inset: 0%;
}

.centered-intro {
  grid-column-gap: 40px;
  grid-row-gap: 36px;
  text-align: center;
  grid-template-rows: auto;
  grid-template-columns: 1fr;
  grid-auto-columns: 1fr;
  justify-content: center;
  justify-items: center;
  max-width: 525px;
  margin-left: auto;
  margin-right: auto;
  display: grid;
}

.body-display {
  font-family: Gotham Book, sans-serif;
  font-size: 16px;
  font-weight: 400;
  line-height: 1.65em;
}

.body-display.small {
  opacity: .8;
}

.body-display.small.teal {
  color: var(--teal);
  font-family: ff-ernestine-pro, sans-serif;
  font-size: 14px;
  font-weight: 700;
}

.body-display.extra-small {
  color: var(--dark-slate-grey-2);
  font-size: 15px;
}

.body-display.large {
  font-size: 20px;
}

.product-slider {
  background-color: #ddd0;
  justify-content: flex-start;
  height: 100%;
  display: flex;
}

.dark-slide-arrow {
  border: 1px none var(--dark-outline);
  background-color: var(--black);
  border-radius: 100%;
  justify-content: center;
  align-items: center;
  width: 48px;
  height: 48px;
  display: flex;
  bottom: 90px;
}

.dark-slide-arrow.right, .dark-slide-arrow.left {
  background-color: #0000;
}

.action-section {
  color: var(--old-lace);
  justify-content: center;
  align-items: stretch;
  min-height: 750px;
  max-height: 100vh;
  padding-top: 200px;
  padding-bottom: 100px;
  display: flex;
  position: relative;
}

.heading {
  font-size: 36px;
  font-weight: 600;
  line-height: 1.35em;
}

.heading.large.green {
  color: var(--dark-slate-grey);
  font-family: Gotham, sans-serif;
  font-size: 36px;
  font-weight: 900;
}

.heading.large.caps {
  font-weight: 900;
}

.heading.large.product-line {
  color: var(--dark-slate-grey);
  text-transform: uppercase;
  font-family: Gotham, sans-serif;
  font-size: 36px;
  font-weight: 900;
}

.heading.small {
  letter-spacing: .07em;
  text-transform: uppercase;
  font-size: 24px;
  font-weight: 500;
}

.heading.small.light {
  color: var(--teal);
}

.heading.extra-large {
  font-size: 52px;
  font-weight: 900;
}

.heading.extra-large.extra {
  text-shadow: 3px 4px 3px #0003;
  font-size: 80px;
}

.heading.green {
  color: var(--dark-slate-grey);
  font-weight: 900;
}

.heading.caps {
  text-transform: uppercase;
}

.heading.large {
  font-size: 42px;
}

.underline-link {
  grid-column-gap: 24px;
  grid-row-gap: 16px;
  border-bottom: 1px none var(--dark-outline);
  color: var(--dark-slate-grey);
  letter-spacing: 4px;
  text-transform: uppercase;
  grid-template-rows: auto;
  grid-template-columns: auto;
  grid-auto-columns: auto;
  grid-auto-flow: column;
  justify-content: space-between;
  align-items: center;
  padding-bottom: 0;
  font-size: 11px;
  line-height: 1.5em;
  text-decoration: none;
  display: grid;
}

.underline-link.light {
  color: #fff;
  border-bottom-color: #ffffff80;
}

.arrow-icon {
  width: 14px;
}

.arrow-icon.invert {
  filter: invert();
}

.full-width-slider-wrapper {
  justify-content: center;
  padding-left: 5vw;
  padding-right: 5vw;
  display: flex;
}

.basic-slider {
  background-color: #ddd0;
  justify-content: center;
  width: 100%;
  max-width: 1500px;
  height: 100%;
  margin-left: auto;
  margin-right: auto;
  padding-bottom: 0;
  padding-left: 0;
  padding-right: 0;
  display: flex;
}

.basic-mask {
  width: 100%;
  overflow: visible;
}

.basic-slide-wrapper {
  flex-direction: column;
  justify-content: flex-end;
  min-height: 700px;
  margin-left: 3px;
  margin-right: 3px;
  padding: 80px;
  display: flex;
  position: relative;
  overflow: hidden;
}

.basic-slide-content {
  z-index: 25;
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  color: #fff;
  grid-template-rows: auto;
  grid-template-columns: 1fr;
  grid-auto-columns: 1fr;
  max-width: 475px;
  position: relative;
}

.stacked-intro {
  grid-column-gap: 16px;
  grid-row-gap: 24px;
  grid-template-rows: auto;
  grid-template-columns: 1fr;
  grid-auto-columns: 1fr;
  justify-items: start;
  display: grid;
}

.stacked-intro.center {
  justify-items: center;
}

.stacked-intro.small {
  grid-row-gap: 18px;
}

.stacked-intro.small.center {
  text-align: center;
}

.stacked-intro.centered {
  text-align: center;
  justify-content: center;
  justify-items: center;
}

.stacked-intro.forslider {
  background-color: var(--dark-slate-grey);
  padding: 2rem;
}

.action-background {
  background-image: url(//steepmtntea.com/cdn/shop/t/102/assets/ektar-2.jpg?v=145546187031398393861772477592);
  background-position: 50% 100%;
  background-repeat: no-repeat;
  background-size: cover;
  position: absolute;
  inset: 0%;
}

.footer-content {
  grid-column-gap: 16px;
  grid-row-gap: 1rem;
  grid-template-rows: auto auto;
  grid-template-columns: 1fr;
  grid-auto-columns: 1fr;
  min-height: 300px;
  display: grid;
}

.shop-hero {
  color: #fff;
  justify-content: center;
  min-height: 500px;
  padding-top: 250px;
  padding-bottom: 80px;
  display: flex;
  position: relative;
}

.product-gallery {
  grid-column-gap: 6px;
  grid-row-gap: 6px;
  flex-flow: column;
  grid-template-rows: auto auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  margin-bottom: 0;
  display: flex;
}

.collection-list-wrapper {
  width: 100%;
  margin-top: 60px;
  padding-left: 3px;
  padding-right: 3px;
  position: sticky;
  top: 65px;
}

.back-button-wrapper {
  position: absolute;
  inset: 36px auto auto 5vw;
}

.product-left {
  width: 100%;
  position: relative;
}

.product-wrapper {
  grid-column-gap: 6.5vw;
  grid-row-gap: 16px;
  grid-template-rows: auto;
  grid-template-columns: 45% 1fr;
  grid-auto-columns: 1fr;
  justify-content: space-between;
  display: grid;
}

.product-sidebar {
  grid-column-gap: 16px;
  grid-row-gap: 24px;
  grid-template-rows: auto auto;
  grid-template-columns: 1fr;
  grid-auto-columns: 1fr;
  place-content: start stretch;
  align-items: start;
  width: 100%;
  padding-top: 0;
  padding-bottom: 0;
  display: grid;
  position: sticky;
  top: 65px;
}

.product-top {
  grid-column-gap: 12px;
  grid-row-gap: 12px;
  grid-template-rows: auto auto;
  grid-template-columns: 1fr;
  grid-auto-columns: 1fr;
  display: grid;
}

.product-page-title {
  color: var(--dark-slate-grey);
  letter-spacing: 0;
  font-size: 2.25rem;
  font-weight: 700;
}

.product-price {
  grid-column-gap: 16px;
  grid-row-gap: 6px;
  color: #667479;
  letter-spacing: .04em;
  text-transform: uppercase;
  grid-template-rows: auto;
  grid-template-columns: auto 1fr;
  grid-auto-columns: 1fr;
  font-size: 18px;
  font-weight: 300;
  display: grid;
}

.product-block {
  grid-column-gap: 12px;
  grid-row-gap: 12px;
  border-bottom: 1px none var(--dark-outline);
  grid-template-rows: auto;
  grid-template-columns: 1fr;
  grid-auto-columns: 1fr;
  padding-top: 0;
  padding-bottom: 0;
  display: grid;
}

.product-block:last-child {
  border-bottom-style: none;
}

.block-title-wrapper {
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  color: #667479;
  grid-template-rows: auto;
  grid-template-columns: auto auto;
  grid-auto-columns: 1fr;
  justify-content: space-between;
  align-items: center;
  font-size: 12px;
  display: grid;
}

.block-title {
  color: var(--black);
  letter-spacing: .15em;
  text-transform: uppercase;
  font-size: 12px;
  font-weight: 500;
}

.product-option {
  border-color: var(--teal);
  color: var(--teal);
  text-align: center;
  letter-spacing: .1em;
  white-space: nowrap;
  background-color: #0000;
  border-radius: 3px;
  flex: 1;
  justify-content: center;
  align-items: center;
  margin-bottom: 6px;
  margin-left: 3px;
  margin-right: 3px;
  padding: 16px 24px;
  font-family: Gotham, sans-serif;
  font-size: 14px;
  line-height: 1em;
  transition: background-color .3s, color .3s cubic-bezier(.25, .46, .45, .94), border-color .3s cubic-bezier(.25, .46, .45, .94);
  display: flex;
}

.product-option:hover {
  border-color: var(--active-border);
  background-color: #2c6d7a33;
}

.product-option.w--ecommerce-pill-selected {
  border-color: var(--dark-slate-grey);
  background-color: var(--teal);
  color: var(--old-lace);
}

.button-group {
  flex-wrap: wrap;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr 1fr;
  grid-auto-columns: auto;
  justify-content: space-between;
  justify-items: start;
  margin-bottom: 0;
  margin-left: -3px;
  margin-right: -3px;
  display: flex;
}

.add-to-cart-button {
  background-color: var(--dark-slate-grey);
  text-align: center;
  letter-spacing: 2px;
  text-transform: uppercase;
  border-radius: 0;
  justify-content: center;
  width: 100%;
  min-height: 60px;
  margin-top: 24px;
  font-family: Gotham, sans-serif;
  font-size: 16px;
  font-weight: 700;
  display: flex;
}

.prod-gallery-image {
  aspect-ratio: 1;
  object-fit: cover;
  width: 100%;
  height: 100%;
}

.add-to-cart {
  border-top: 1px #e4e9ec99;
  border-bottom: 1px none var(--light-grey-background);
  padding-top: 0;
  padding-bottom: 12px;
}

.product-details {
  grid-column-gap: 28px;
  grid-row-gap: 36px;
  grid-template-rows: auto auto;
  grid-template-columns: 1fr;
  grid-auto-columns: 1fr;
  padding-bottom: 24px;
  display: grid;
}

.add-to-cart-default {
  margin-bottom: 0;
}

.tab-list {
  grid-column-gap: 0px;
  grid-row-gap: 0px;
  border-top: 1px solid var(--teal);
  grid-template-rows: auto auto;
  grid-template-columns: 1fr;
  grid-auto-columns: 1fr;
  width: 100%;
  display: grid;
}

.tab-title {
  z-index: 25;
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  color: var(--dark-slate-grey-2);
  letter-spacing: .15em;
  text-transform: uppercase;
  grid-template-rows: auto;
  grid-template-columns: 1fr auto;
  grid-auto-columns: 1fr;
  align-items: center;
  width: 100%;
  margin-left: auto;
  margin-right: auto;
  font-family: Gotham, sans-serif;
  font-size: 14px;
  font-weight: 500;
  display: grid;
  position: relative;
}

.hover-cover {
  background-color: var(--light-grey-background);
  display: none;
  position: absolute;
  inset: 0%;
}

.tab-bottom-content {
  border-top: 1px none #fffcf8;
  margin-left: auto;
  margin-right: auto;
  padding: 28px 24px;
}

.tab-top {
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  cursor: pointer;
  grid-template-rows: auto;
  grid-template-columns: 1fr auto;
  grid-auto-columns: 1fr;
  width: 100%;
  padding: 14px 0;
  text-decoration: none;
  transition: padding .5s cubic-bezier(.25, .46, .45, .94);
  position: relative;
  overflow: hidden;
}

.tab-top:hover {
  padding-left: 0;
  padding-right: 0;
}

.lottie-tab-icon {
  z-index: 10;
  opacity: .5;
  filter: invert();
  width: 14px;
  position: relative;
}

.tab-bottom {
  border-top: 1px none #FAF4E7;
  padding-top: 0;
  padding-bottom: 0;
  overflow: hidden;
}

.tab-item {
  border-bottom: 1px solid var(--teal);
  flex-direction: column;
  display: flex;
}

.product-page-hero {
  justify-content: center;
  padding-bottom: 120px;
  display: flex;
}

.best-seller-list {
  grid-column-gap: 2rem;
  grid-row-gap: 4rem;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr 1fr;
  grid-auto-columns: 1fr;
  align-content: start;
  align-items: start;
  padding-top: 0;
  display: grid;
}

.product-showcase {
  grid-column-gap: 4rem;
  grid-row-gap: 16px;
  grid-template-rows: auto;
  grid-template-columns: .5fr 1fr;
  grid-auto-columns: 1fr;
  align-items: center;
  padding-top: 0;
  padding-bottom: 0;
  padding-right: 6px;
  display: grid;
}

.showcase-image {
  max-height: 100vh;
  margin-bottom: -65px;
  padding-bottom: 65px;
  position: sticky;
  top: 120px;
  overflow: hidden;
}

.showcase-products {
  grid-column-gap: 2rem;
  grid-row-gap: 4rem;
  grid-template-rows: auto auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  display: grid;
}

.hide-slide-nav {
  display: none;
}

.width-small {
  max-width: 425px;
}

.button-text-wrapper {
  cursor: pointer;
  flex-direction: column;
  justify-content: center;
  display: flex;
  overflow: hidden;
}

.slider-background-base {
  justify-content: space-between;
  display: flex;
  position: absolute;
  inset: 0%;
}

.menu-category {
  grid-column-gap: 18px;
  grid-row-gap: 18px;
  grid-template-rows: 1fr auto;
  grid-template-columns: 1fr;
  grid-auto-columns: 1fr;
  padding-bottom: 0;
  text-decoration: none;
  display: grid;
  position: relative;
  overflow: hidden;
}

.slider-arrow-wrapper {
  justify-content: center;
  align-items: center;
  width: 100%;
  display: flex;
}

.link-arrow-wrapper {
  overflow: hidden;
}

.promo-strip {
  height: 48px;
  display: flex;
  overflow: hidden;
}

.rotating-promo-text {
  grid-column-gap: 10vw;
  grid-row-gap: 16px;
  letter-spacing: 5px;
  text-transform: uppercase;
  white-space: nowrap;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  grid-auto-flow: column;
  justify-content: space-between;
  align-items: center;
  padding-right: 10vw;
  font-size: 11px;
  display: grid;
}

.half-grid {
  grid-column-gap: 100px;
  grid-row-gap: 16px;
  grid-template-rows: auto;
  grid-template-columns: 1fr 50vw;
  grid-auto-columns: 1fr;
  width: 100%;
  display: grid;
}

.half-grid.reverse {
  grid-column-gap: 120px;
  grid-template-columns: 50vw 1fr;
}

.half-image {
  min-height: 700px;
  position: relative;
  overflow: hidden;
}

.half-image.no-overflow {
  overflow: visible;
}

.half-content {
  grid-column-gap: 48px;
  grid-row-gap: 48px;
  grid-template-rows: auto auto;
  grid-template-columns: 1fr;
  grid-auto-columns: 1fr;
  align-content: center;
  max-width: 600px;
  padding-top: 150px;
  padding-bottom: 150px;
  display: grid;
}

.half-content._1 {
  grid-template-rows: auto;
}

.checkout-form {
  background-color: #0000;
  padding: 0;
}

.checkout-grid {
  grid-column-gap: 80px;
  grid-row-gap: 16px;
  grid-template-rows: auto;
  grid-template-columns: 1fr .75fr;
  grid-auto-columns: 1fr;
  padding-top: 0;
  display: grid;
}

.checkout-right {
  background-color: #fff;
  min-width: 500px;
  padding: 80px 5vw 160px 80px;
  position: relative;
  top: 0;
}

.checkout-left {
  grid-column-gap: 48px;
  grid-row-gap: 36px;
  grid-template-rows: auto;
  grid-template-columns: 1fr;
  grid-auto-columns: 1fr;
  width: 100%;
  max-width: 750px;
  margin-left: auto;
  margin-right: auto;
  padding: 80px 0 160px;
  display: grid;
}

.field {
  border: 2px solid var(--teal);
  color: var(--dark-slate-grey);
  background-color: #fff0;
  border-radius: 2px;
  height: 52px;
  margin-bottom: 24px;
  padding: 14px 20px;
  font-family: ff-ernestine-pro, sans-serif;
  font-size: 15px;
  font-weight: 700;
  transition: border-color .4s cubic-bezier(.25, .46, .45, .94);
}

.field:focus, .field.-wfp-focus {
  border-color: var(--goldenrod);
}

.field.no-margin {
  margin-bottom: 0;
}

.field.short-margin {
  margin-bottom: 12px;
}

.field.large {
  height: auto;
  min-height: 150px;
}

.block-content {
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  background-color: #fff0;
  border: 1px #000;
  grid-template-rows: auto auto;
  grid-template-columns: 1fr;
  grid-auto-columns: 1fr;
  padding: 0;
}

.block-header {
  background-color: #fff0;
  border-style: none;
  padding: 0 0 36px;
}

.customer-wrapper {
  margin-bottom: 0;
}

.field-label {
  color: var(--teal);
  letter-spacing: 4px;
  text-transform: uppercase;
  margin-bottom: 9px;
  font-family: antarctican-headline, sans-serif;
  font-size: 16px;
  font-weight: 600;
  line-height: 1.6em;
}

.field-label.red {
  color: #ac4b4b;
  border-radius: 4px;
  margin-bottom: 0;
  padding: 0 0 0 12px;
  font-size: 9px;
  line-height: 1.3em;
}

.shipping-method-list {
  grid-column-gap: 16px;
  grid-row-gap: 6px;
  border-left-style: none;
  border-right-style: none;
  grid-template-rows: auto auto;
  grid-template-columns: 1fr;
  grid-auto-columns: 1fr;
  display: grid;
}

.shipping-method {
  border: 1px solid var(--dark-outline);
  border-radius: 2px;
  padding: 18px;
}

.sticky-checkout-sidebar {
  grid-column-gap: 36px;
  grid-row-gap: 36px;
  grid-template-rows: auto auto;
  grid-template-columns: 1fr;
  grid-auto-columns: 1fr;
  max-width: 450px;
  display: grid;
  position: sticky;
  top: 60px;
}

.web-payments {
  margin-bottom: -8px;
}

.checkout-banner {
  grid-column-gap: 16px;
  grid-row-gap: 120px;
  color: #fff;
  text-align: center;
  grid-template-rows: auto;
  grid-template-columns: 1fr;
  grid-auto-columns: 1fr;
  justify-items: center;
  min-height: 260px;
  padding-top: 160px;
  padding-bottom: 60px;
  display: grid;
}

.order-item {
  border-top: 1px none var(--dark-outline);
  justify-content: flex-start;
  margin-bottom: 0;
  padding: 0;
}

.order-item:nth-child(odd) {
  border-radius: 4px;
}

.order-image {
  border-radius: 2px;
  min-height: 100%;
  overflow: hidden;
}

.order-item-image {
  object-fit: cover;
  width: 80px;
  height: 80px;
  min-height: 100%;
}

.order-item-list {
  grid-column-gap: 0px;
  grid-row-gap: 18px;
  grid-template-rows: auto auto;
  grid-template-columns: 1fr;
  grid-auto-columns: 1fr;
  max-height: 425px;
  margin-bottom: 0;
  display: grid;
  overflow: auto;
}

.order-items, .order-summary {
  margin-bottom: 0;
}

.summary-wrapper {
  grid-column-gap: 16px;
  grid-row-gap: 18px;
  grid-template-rows: auto auto;
  grid-template-columns: 1fr;
  grid-auto-columns: 1fr;
  display: grid;
}

.order-quantity {
  color: #667479;
  font-size: 12px;
}

.quantity-number {
  margin-left: 2px;
}

.submit-button {
  background-color: var(--black);
  letter-spacing: 4px;
  text-transform: uppercase;
  border-radius: 100px;
  justify-content: center;
  height: 52px;
  margin-bottom: 0;
  padding-top: 0;
  padding-bottom: 0;
  font-size: 11px;
  display: flex;
}

.summary-text {
  color: #667479;
  font-size: 15px;
  font-weight: 400;
}

.summary-text.dark {
  color: #080808;
}

.summary-text.dark-bold {
  color: #080808;
  font-weight: 500;
}

.discounts {
  background-color: #0000;
  border-style: none;
  padding: 0;
}

.discount-button-wrapper {
  border-style: solid solid solid none;
  border-width: 1px;
  border-color: var(--dark-outline);
  color: var(--black);
  letter-spacing: 4px;
  text-transform: uppercase;
  background-color: #0000;
  border-radius: 0 100px 100px 0;
  align-items: stretch;
  height: auto;
  margin-left: 0;
  padding: 6px;
  font-size: 11px;
  display: flex;
}

.discount-code {
  border-style: solid none solid solid;
  border-color: var(--dark-outline);
  color: #667479;
  background-color: #0000;
  border-radius: 100px 0 0 100px;
  height: 52px;
  padding-left: 30px;
}

.discount-code:focus {
  border-style: solid none solid solid;
  border-color: var(--dark-outline);
}

.column {
  padding-left: 3px;
  padding-right: 3px;
}

.row {
  margin-left: -3px;
  margin-right: -3px;
}

.checkout-component {
  background-color: #fff;
  border: 1px solid #e4e9ec00;
  border-radius: 2px;
  margin-top: 0;
  margin-bottom: 0;
  padding: 48px 40px;
  transition: border-color .4s cubic-bezier(.25, .46, .45, .94);
}

.checkout-component:hover {
  border: 1px solid var(--dark-outline);
}

.billing-address-toggle {
  color: #667479;
  align-items: center;
  line-height: 1.3em;
}

.checkbox {
  border: 1px solid var(--dark-outline);
  background-color: #fff;
  border-radius: 2px;
  margin-top: 0;
  margin-right: 3px;
}

.checkbox-label {
  margin-bottom: 0;
}

.shipping-text {
  font-size: 15px;
  font-weight: 500;
}

.radio-button {
  border: 1px solid var(--dark-outline);
  background-color: var(--black);
  margin-right: 18px;
}

.shipping-title {
  margin-left: 0;
  margin-right: 0;
}

.apply-button {
  color: #000;
  letter-spacing: 4px;
  text-transform: uppercase;
  background-color: #e4e9ec00;
  border-radius: 100px;
  height: auto;
  padding: 0 20px 0 24px;
  font-size: 11px;
  line-height: 1.3em;
  transition: background-color .4s cubic-bezier(.25, .46, .45, .94);
}

.apply-button:hover {
  background-color: var(--dark-outline);
}

.empty-state {
  border: 1px solid var(--dark-outline);
  border-radius: 2px;
}

.dual-contact {
  grid-column-gap: 4rem;
  grid-row-gap: 16px;
  grid-template-rows: auto;
  grid-template-columns: minmax(200px, auto) 1fr;
  grid-auto-columns: 1fr;
  padding-top: 80px;
  padding-bottom: 80px;
  display: grid;
}

.contact-form-base {
  grid-column-gap: 16px;
  grid-row-gap: 48px;
  border-radius: 2px;
  grid-template-rows: auto;
  grid-template-columns: 1fr;
  grid-auto-columns: 1fr;
  min-width: 600px;
  display: grid;
}

.form {
  grid-column-gap: 16px;
  grid-row-gap: 36px;
  grid-template-rows: auto auto;
  grid-template-columns: 1fr;
  grid-auto-columns: 1fr;
  display: grid;
}

.form-block {
  margin-bottom: 0;
}

.footer-bottom {
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  border-top: 1px solid var(--light-outline);
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr 1fr;
  grid-auto-columns: 1fr;
  padding-top: 28px;
  padding-bottom: 28px;
  display: grid;
}

.footer-grid {
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  padding-bottom: 60px;
  display: grid;
}

.footer-navigation {
  grid-column-gap: 12px;
  grid-row-gap: 12px;
  grid-template-rows: auto;
  grid-template-columns: auto;
  grid-auto-columns: auto;
  grid-auto-flow: column;
  justify-content: space-between;
  place-items: start end;
  display: grid;
}

.footer-link {
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  color: #fff;
  letter-spacing: 4px;
  text-transform: uppercase;
  grid-template-rows: auto;
  grid-template-columns: auto auto;
  grid-auto-columns: 1fr;
  justify-content: start;
  align-items: center;
  font-size: 11px;
  line-height: 1.5em;
  text-decoration: none;
  display: grid;
}

.footer-list {
  grid-column-gap: 16px;
  grid-row-gap: 24px;
  grid-template-rows: auto auto;
  grid-template-columns: 1fr;
  grid-auto-columns: 1fr;
  display: grid;
}

.legal-text {
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  opacity: .8;
  color: #fff;
  letter-spacing: 4px;
  text-transform: uppercase;
  grid-template-rows: auto;
  grid-template-columns: auto;
  grid-auto-columns: auto;
  grid-auto-flow: column;
  justify-content: end;
  font-size: 9px;
  display: grid;
}

.legal-link {
  color: #fff;
  text-decoration: none;
}

.new-tag {
  align-items: center;
  height: 28px;
  margin-right: 9px;
  display: flex;
}

.new-tag.product-page-tag {
  grid-column-gap: .75rem;
  grid-row-gap: .75rem;
  margin-bottom: 0;
  font-family: antarctican-headline, sans-serif;
  font-weight: 600;
}

.label-text {
  border-right: 2px solid var(--goldenrod);
  color: var(--teal);
  letter-spacing: 3px;
  text-transform: uppercase;
  padding-right: 8px;
  font-weight: 600;
  line-height: 1.2em;
}

.label-text.tea {
  border-right-style: none;
  padding-right: 4px;
}

.discount-text {
  color: var(--active-border);
  margin-top: 3px;
  font-size: 13px;
  text-decoration: line-through;
}

.price-text {
  align-items: center;
  height: 28px;
  margin-top: 1px;
  display: flex;
}

.product-tags {
  flex-flow: column;
  display: flex;
  position: static;
}

.special-pay-button.large {
  height: 48px;
}

.compare-price {
  color: var(--active-border);
  font-family: Gotham Book, sans-serif;
  font-size: 16px;
  font-weight: 400;
  text-decoration: line-through;
}

.feature-background {
  background-image: url(//steepmtntea.com/cdn/shop/t/102/assets/image004-2.jpg?v=137812091202637558431772477607);
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: cover;
  position: absolute;
  inset: 0%;
}

.feature-background.two {
  background-image: url(//steepmtntea.com/cdn/shop/t/102/assets/63efce81c7242915c9a2b157_unnamed-2.jpg?v=52919564495174562971772477581);
}

.product-benefit-background {
  justify-content: space-between;
  display: flex;
  position: absolute;
  inset: 0%;
}

.product-feature-image {
  object-fit: cover;
  width: 100%;
  max-width: none;
  height: 100%;
}

.stacked-description {
  grid-column-gap: 16px;
  grid-row-gap: 12px;
  grid-template-rows: auto auto;
  grid-template-columns: 1fr;
  grid-auto-columns: 1fr;
  display: grid;
}

.width-large {
  max-width: 700px;
}

.product-page-top {
  flex-direction: column;
  display: flex;
}

.footer-logo {
  width: 5rem;
  max-width: none;
}

.hero-grid {
  grid-column-gap: 60px;
  grid-row-gap: 16px;
  grid-template-rows: auto;
  grid-template-columns: 1fr auto;
  grid-auto-columns: 1fr;
  align-items: end;
  display: grid;
}

.hero-title {
  max-width: 600px;
}

.checkout-page {
  background-color: var(--light-grey-background);
}

.confirmation-block {
  font-size: 15px;
  line-height: 1.6em;
}

.cart-quantity-wrapper {
  grid-column-gap: 9px;
  grid-row-gap: 16px;
  letter-spacing: 5px;
  text-transform: uppercase;
  grid-template-rows: auto;
  grid-template-columns: 1fr auto;
  grid-auto-columns: 1fr;
  font-family: Gotham, sans-serif;
  font-size: 20px;
  display: grid;
}

.shop-collection-list {
  flex-direction: column;
  grid-template-rows: 1fr auto;
  grid-template-columns: 1fr;
  grid-auto-columns: 1fr;
  margin-top: 2rem;
  display: flex;
}

.search-wrapper {
  flex-direction: column;
  justify-content: center;
  align-items: flex-end;
  padding-right: 6px;
  display: flex;
}

.search-wrapper.mobile-show {
  display: none;
}

.search-base {
  z-index: 5;
  justify-content: flex-start;
  width: 100%;
  display: flex;
  position: relative;
  overflow: hidden;
}

.search-toggle {
  z-index: 25;
  width: 32px;
  min-width: 32px;
  height: 32px;
  min-height: 32px;
  padding: 0;
}

.search-toggle.w--open {
  margin-left: -32px;
}

.search-results {
  grid-column-gap: 80px;
  grid-row-gap: 16px;
  grid-template-rows: auto;
  grid-template-columns: 1fr;
  grid-auto-columns: 1fr;
  display: grid;
}

.search-result-item {
  grid-column-gap: 36px;
  grid-row-gap: 16px;
  border-bottom: 1px solid #2c6d7a40;
  grid-template-rows: auto;
  grid-template-columns: 1fr;
  grid-auto-columns: 1fr;
  padding: 60px 0;
  transition: background-color .4s cubic-bezier(.25, .46, .45, .94);
  display: grid;
}

.result-info {
  grid-column-gap: 16px;
  grid-row-gap: 48px;
  color: var(--dark-slate-grey);
  grid-template-rows: auto auto;
  grid-template-columns: 1fr;
  grid-auto-columns: 1fr;
  align-content: space-between;
  display: grid;
}

.search-grid {
  grid-column-gap: 16px;
  grid-row-gap: 40px;
  grid-template-rows: auto;
  grid-template-columns: 1fr;
  grid-auto-columns: 1fr;
  padding-top: 24px;
  display: grid;
}

.search-result-list {
  grid-column-gap: 80px;
  grid-row-gap: 0px;
  grid-template-rows: auto auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  display: grid;
}

.result-title {
  color: var(--dark-slate-grey);
  font-size: 28px;
  font-weight: 500;
  line-height: 1.4em;
  text-decoration: none;
}

.search-result-bar {
  border: 1px solid var(--dark-outline);
  background-color: var(--old-lace);
  border-radius: 100px;
  align-items: center;
  margin-bottom: 0;
  padding: 0 4px;
  font-family: Gotham Book, sans-serif;
  display: flex;
}

.search-result-input {
  background-color: #fff0;
  border: 1px #000;
  min-width: 325px;
  min-height: 25px;
  margin-bottom: 0;
  padding-top: 0;
  padding-bottom: 0;
  padding-left: 24px;
  font-size: 16px;
}

.search-result-input:active, .search-result-input:focus {
  background-color: #0000;
}

.search-result-input:focus-visible {
  background-color: #0000;
  border-radius: 0;
}

.search-result-input[data-wf-focus-visible] {
  background-color: #0000;
  border-radius: 0;
}

.search-result-button {
  background-color: var(--teal);
  letter-spacing: 4px;
  text-transform: uppercase;
  background-image: url(//steepmtntea.com/cdn/shop/t/102/assets/search24x242x-2.svg?v=125867110128740484621772477624);
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: 12px;
  border-radius: 100px;
  width: 25px;
  min-width: 25px;
  height: 25px;
  min-height: 25px;
  padding-left: 0;
  padding-right: 0;
  font-size: 11px;
}

.search-result-hero {
  background-color: var(--dark-slate-grey);
  color: var(--old-lace);
  justify-content: center;
  padding-top: 80px;
  padding-bottom: 80px;
  display: flex;
}

.empty-cart {
  text-align: center;
  flex-direction: column;
  justify-content: space-between;
  padding-top: 0;
  padding-bottom: 0;
}

.empty-cart-content {
  flex: 1;
  justify-content: center;
  align-items: center;
  width: 100%;
  display: flex;
}

.footer-items {
  grid-column-gap: 16px;
  grid-row-gap: 18px;
  grid-template-rows: auto auto;
  grid-template-columns: 1fr;
  grid-auto-columns: 1fr;
  display: grid;
}

.close-icon {
  opacity: .75;
  width: 12px;
  min-width: 12px;
}

.close-icon._2 {
  opacity: 1;
  width: 26px;
  min-width: 26px;
}

.category-item {
  color: #667479;
  letter-spacing: 5px;
  text-transform: uppercase;
  align-items: center;
  padding-right: 24px;
  font-size: 11px;
  line-height: 1.3em;
  text-decoration: none;
  display: flex;
}

.success-message {
  background-color: #ddd0;
  padding: 0;
}

.success-content {
  background-color: #2c6d7a33;
  justify-content: center;
  align-items: center;
  height: 100%;
  min-height: 400px;
  display: flex;
}

.width-medium {
  max-width: 550px;
}

.width-medium.benefit {
  text-align: left;
}

.error-message {
  border-left: 3px solid var(--red-text);
  margin-left: 40px;
  margin-right: 40px;
  padding-top: 12px;
  padding-bottom: 12px;
  padding-left: 18px;
}

.width-extra-large {
  max-width: 975px;
}

.image-58 {
  width: 3rem;
}

.product-page-subheading {
  color: var(--teal);
  font-size: 1.25rem;
  font-weight: 600;
}

.product-line_tag {
  z-index: 2;
  background-color: #003942;
  justify-content: center;
  align-items: center;
  padding: 0 1rem .375rem;
  font-family: lakeside, sans-serif;
  display: block;
  position: absolute;
  inset: -1.25rem auto auto 1rem;
}

.product-line-label {
  z-index: 1;
  color: #fffcf8;
  text-align: center;
  letter-spacing: .125rem;
  text-transform: none;
  background-color: #0000;
  justify-content: center;
  align-self: center;
  align-items: center;
  height: auto;
  font-family: lakeside, sans-serif;
  font-size: 2.25rem;
  font-weight: 400;
  line-height: 1;
  display: flex;
  position: relative;
}

.padding-bottom.padding-medium {
  padding-bottom: 3rem;
}

.padding-bottom.padding-small {
  padding-bottom: 1rem;
}

.steeping-div {
  grid-column-gap: 2rem;
  grid-row-gap: 2rem;
  align-items: center;
  display: flex;
}

.product-card_sub-title {
  display: block;
}

.product-card_sub-title.caffeine {
  margin-right: .3rem;
}

.product-card_sub-title.caffeine.label {
  z-index: 80;
  text-align: center;
  letter-spacing: .125rem;
  text-transform: uppercase;
  background-color: #fffcf8;
  border-radius: 6px;
  justify-content: center;
  align-items: center;
  padding: .2rem .5rem .25rem;
  font-family: antarctican-headline, sans-serif;
  font-weight: 600;
  line-height: 1;
  display: flex;
  position: absolute;
  bottom: 1rem;
  right: .5rem;
}

.product-card_sub-title.margin-right {
  line-height: 1;
}

.product-card_sub-title.margin-right.margin-xsmall {
  margin-right: .3rem;
  font-weight: 500;
}

.product-card_sub-title.is_ceffeinated-or-not {
  text-align: center;
  text-transform: uppercase;
  font-family: antarctican-headline, sans-serif;
  font-size: .85rem;
  line-height: 1;
}

.product-card_header {
  color: #003942;
  text-align: left;
  text-transform: uppercase;
  width: auto;
  margin-bottom: 0;
  font-size: 18px;
  line-height: 1.2;
}

.product_tea-tags {
  color: var(--dark-slate-grey);
  text-transform: uppercase;
  justify-content: flex-start;
  align-items: center;
  font-family: Gotham, sans-serif;
  font-size: 12px;
  font-weight: 500;
  display: flex;
}

.product-card-link {
  width: 100%;
  text-decoration: none;
  
  position: relative;
}

.content-block {
  z-index: 1;
  background-image: url(//steepmtntea.com/cdn/shop/t/102/assets/placeholder.jpg?v=36291823959832413481772477621);
  background-position: 50%;
  background-size: cover;
  width: 100%;
  height: 100%;
  position: absolute;
  inset: 0%;
}

.content-block.nobg {
  background-image: none;
}

.aspect-ratio {
  width: 100%;
  padding-top: 100%;
  position: relative;
  overflow: hidden;
}

.aspect-ratio.product-card {
  z-index: 0;
  aspect-ratio: 1;
  background-color: #0000;
  margin-bottom: 1rem;
  padding-top: 0;
}

.aspect-ratio.tall-card {
  background-color: #0000;
  margin-bottom: 1rem;
  padding-top: 125%;
}

.caffeinated-wrapper {
  justify-content: flex-start;
  display: flex;
}

.logo_sprite {
  width: 100%;
  display: block;
  position: absolute;
}

.logo_sprite.highlight-color {
  color: var(--goldenrod);
}

.logo_hand {
  width: 100%;
  display: block;
  position: absolute;
}

.logo_hand.link-color.invert {
  color: var(--dark-slate-grey);
}

.text-size-tiny {
  color: var(--old-lace);
  font-family: henderson-sans-basic, sans-serif;
  font-size: .6rem;
}

.error-message-2 {
  margin-top: 1.5rem;
  padding: .875rem 1rem;
}

.footer_link {
  color: var(--old-lace);
  text-align: left;
  background-color: #0000;
  font-family: henderson-sans-basic, sans-serif;
  font-size: .875rem;
  font-weight: 700;
  text-decoration: none;
  transition: color .35s;
}

.footer_link:hover {
  color: #2c6d7a;
}

.footer_link.w--current {
  color: #fff;
  transition: color .35s;
}

.footer_link.w--current:hover {
  color: #2c6d7a;
}

.text-span {
  text-decoration: underline;
}

.footer_newsletter-wrapper {
  flex-direction: column;
  display: flex;
}

.footer_legal-list {
  grid-column-gap: 1.5rem;
  grid-row-gap: 0rem;
  white-space: normal;
  grid-template-rows: auto;
  grid-template-columns: max-content;
  grid-auto-columns: max-content;
  grid-auto-flow: column;
  justify-content: center;
  display: grid;
}

.text-block-4 {
  color: #d8ab27;
  text-align: left;
  font-family: antarctican-headline, sans-serif;
}

.form-input-2 {
  color: #000;
  background-color: #fff;
  border: 1px solid #000;
  height: auto;
  min-height: 2.75rem;
  margin-bottom: 0;
  padding: .5rem .75rem;
  font-size: 1rem;
  line-height: 1.6;
}

.form-input-2:focus {
  border-color: #000;
}

.form-input-2::placeholder {
  color: #0009;
}

.form-input-2.is-footer-input {
  color: #003942;
  background-color: #fffcf8;
  border-color: #a5a095;
  border-radius: 0;
  width: 18rem;
  height: 3rem;
  padding: 1rem 1.5rem 1rem 1rem;
  font-family: Gotham, sans-serif;
  font-size: .85rem;
}

.success-message-2 {
  background-color: #0000;
  padding: 0 1.5rem 0 0;
}

.dropdown-body-cont {
  margin-top: 0;
  padding: 0;
  font-size: 16px;
  font-weight: 300;
  line-height: 32px;
}

.footer_form-block {
  border-top: 1px #000;
  max-width: 35rem;
  margin-top: .65rem;
  margin-bottom: 0;
}

.footer_form {
  grid-column-gap: 1rem;
  grid-row-gap: 1rem;
  flex-flow: column;
  grid-template-rows: auto;
  grid-template-columns: max-content max-content;
  grid-auto-columns: 1fr;
  align-items: flex-start;
  margin-bottom: 1.25rem;
  display: flex;
}

.link {
  color: var(--goldenrod);
  font-family: Gotham Book, sans-serif;
  font-weight: 400;
}

.collection-item-3 {
  aspect-ratio: 1;
  width: 100%;
  position: relative;
  overflow: hidden;
}



.text-block-5 {
  color: var(--black);
  font-family: Gotham Book, sans-serif;
  font-weight: 400;
}

.navigation-toggle-2 {
  grid-column-gap: 2px;
  border-bottom: 4px solid var(--old-lace);
  color: var(--dark-slate-grey);
  text-transform: uppercase;
  justify-content: space-between;
  align-items: center;
  height: 100%;
  margin-bottom: 12px;
  padding: 12px 0 0;
  font-size: 1rem;
  font-weight: 600;
  line-height: 24px;
  text-decoration: none;
  transition: all .35s;
  display: flex;
}

.navigation-toggle-2:hover {
  color: var(--goldenrod);
}

.navigation-toggle-2.w--open {
  border-bottom: 4px solid var(--dark-slate-grey);
  border-radius: 0;
  margin-bottom: 12px;
  padding: 12px 0 0;
}

.navigation-link {
  color: var(--dark-slate-grey);
  text-transform: uppercase;
  white-space: nowrap;
  background-color: #0000;
  border-radius: 8px;
  padding: 12px 16px;
  font-family: Gotham, sans-serif;
  font-size: 16px;
  font-weight: 600;
  line-height: 24px;
  text-decoration: none;
  transition: all .35s;
}

.navigation-link:hover, .navigation-link.w--current {
  color: var(--goldenrod);
}

.navigation-link.tea-house.mobile {
  display: none;
}

.navigation-wrapper-2 {
  grid-column-gap: 62px;
  align-items: center;
  display: flex;
}

.navigation-wrapper-2.centered {
  justify-content: center;
}

.link-text-regular {
  letter-spacing: -.02em;
  margin-bottom: 0;
  line-height: 1.8;
}

.a-navigation {
  z-index: 100000;
  background-color: var(--old-lace);
  color: var(--dark-slate-grey);
  align-items: center;
  width: 100%;
  padding-top: 1rem;
  padding-bottom: 1rem;
  font-family: ff-ernestine-pro, sans-serif;
  font-weight: 700;
  display: flex;
  position: sticky;
  top: 0;
}

.navigation-menu {
  grid-column-gap: 2rem;
  grid-row-gap: 2rem;
  align-items: center;
  display: flex;
  position: static;
}

.navigation-grid-wrapper {
  z-index: 100;
  grid-column-gap: 1rem;
  grid-row-gap: 16px;
  grid-template-rows: auto;
  grid-template-columns: auto;
  grid-auto-columns: 1fr;
  display: grid;
}

.navigation-grid-wrapper.about {
  grid-template-columns: 1fr 1fr;
}

.paragraph-small-2 {
  letter-spacing: -.02em;
  margin-bottom: 0;
  font-size: 14px;
  line-height: 1.8;
}

.subheading-regular {
  margin-top: 0;
  margin-bottom: 0;
  font-family: Gotham, sans-serif;
  font-size: 16px;
  font-weight: 400;
  line-height: 1.8;
}

.navigation-button-group {
  grid-column-gap: 2rem;
  grid-row-gap: 2rem;
  justify-content: flex-end;
  align-items: center;
  display: flex;
}

.navigation-link-wrapper {
  background-color: var(--old-lace);
  flex-direction: column;
  padding: 1rem;
  display: flex;
}

.navigation-link-wrapper.w--open {
  z-index: 50;
}

.navigation-link-wrapper.no-pad {
  padding-top: 0;
  padding-bottom: 0;
}

.navigation-link-wrapper.span {
  background-color: var(--old-lace);
  justify-content: space-between;
  padding: 1rem 3vw 1rem 5vw;
}

.navigation-dropdown-base {
  z-index: 99;
  margin-left: auto;
  margin-right: auto;
  padding: 0;
}

.navigation-dropdown-base.w--open {
  background-color: #0000;
  width: 100%;
  min-width: auto;
  padding: 24px 5%;
  position: absolute;
  inset: 90px auto auto 0;
  overflow: hidden;
}

.navigation-container {
  justify-content: space-between;
  align-items: center;
  width: 100%;
  margin-left: auto;
  margin-right: auto;
  display: flex;
}

.icon-small-2 {
  justify-content: center;
  align-items: center;
  width: 16px;
  height: 16px;
  display: flex;
}

.icon-small-2._2 {
  position: absolute;
  inset: 1.4rem 0% 0% auto;
}

.navigation-list-dropdown {
  z-index: 99;
}

.navigation-list-dropdown.w--open {
  background-color: var(--dark-slate-grey);
  width: 100%;
  min-width: auto;
  max-width: 1000px;
  margin-left: auto;
  margin-right: auto;
  padding: 16px;
  font-size: 16px;
  position: absolute;
  inset: 94px 0 auto;
  overflow: visible;
}

.navigation-dropdown {
  height: 100%;
  position: static;
}

.navigation-link-l {
  grid-column-gap: 8px;
  border: 2px solid var(--teal);
  color: var(--dark-slate-grey);
  justify-content: space-between;
  align-items: center;
  padding: 16px;
  font-family: ff-ernestine-pro, sans-serif;
  font-weight: 600;
  text-decoration: none;
  transition: color .2s, background-color .2s;
  display: flex;
}

.navigation-link-l:hover {
  background-color: var(--old-lace);
  color: var(--teal);
}

.navigation-link-l.s {
  color: var(--teal);
  text-transform: uppercase;
  border-style: none;
  padding: 0;
  font-family: Gotham, sans-serif;
  font-size: 12px;
  font-weight: 500;
}

.navigation-link-l.s:hover {
  color: var(--teal);
  background-color: #0000;
}

.navigation-link-l.m {
  color: var(--teal);
  text-transform: uppercase;
  border-style: none;
  align-self: flex-start;
  margin-left: 0;
  margin-right: 0;
  padding: 0;
  font-family: Gotham, sans-serif;
  font-size: 14px;
  font-weight: 500;
}

.navigation-link-l.m:hover {
  color: var(--teal);
  background-color: #0000;
}

.bg-image {
  object-fit: cover;
  object-position: 50% 50%;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  transition: opacity 0.25s ease-out, transform 0.25s ease-out;
  position: absolute;
  inset: 0%;
  z-index: 1; /* Ensure both images are stacked */
}

.banner-wrapper {
  background-color: var(--dark-slate-grey);
  color: var(--old-lace);
  padding: 2rem 5vw;
}


.bg-image.one {
  opacity: 1;
  transform: scale(1);
  z-index: 2; /* Image one is on top initially */
}

.bg-image.two {
  opacity: 1;
  transform: scale(1);
  z-index: 1; /* Image two is underneath initially */
}
.product-card-link:hover .bg-image.one {
  opacity: 0;

  z-index: 1; /* Move image one behind */
}

.product-card-link:hover .bg-image.two {
  opacity: 1;

  z-index: 2; /* Bring image two to the front */
}

/* Reset on hover out */
.product-card-link:hover .bg-image.one,
.product-card-link:hover .bg-image.two {
  transition: opacity 0.25s ease-in, transform 0.25s ease-in;
}
.bg-image.two {
  opacity: 0;
  transform: scale(1);
  z-index: 1; /* Image two is underneath initially */
}

.banner-content {
  border-top: 1px solid var(--goldenrod);
  border-bottom: 1px solid var(--goldenrod);
  color: var(--old-lace);
  text-align: center;
  flex-direction: column;
  align-items: center;
  padding-top: 1rem;
  padding-bottom: 2rem;
  display: flex;
}

.heading-large {
  letter-spacing: .07em;
  font-family: Gotham, sans-serif;
  font-size: 3rem;
  font-weight: 700;
  line-height: 1.2;
}

  .heading-large.is-home-heading{
    font-size: 8rem;
    font-family: lakeside, sans-serif;
    font-weight: 200;
    letter-spacing: 0px;
  }

.heading-large.h2-green {
  color: #003942;
  width: 100%;
  margin-bottom: 1rem;
}

.heading-large.h2-green.is_partner {
  text-transform: uppercase;
  margin-bottom: 0;
  font-size: 2rem;
}

.heading-large.h2-green.is_partner.more {
  font-size: 3rem;
}

.heading-large.h2-green.is_retailer {
  text-transform: uppercase;
  margin-bottom: 0;
  font-size: 1.25rem;
}

.heading-large.h2-green.is_blog-header {
  text-align: center;
}

.heading-large.h1 {
  color: #003942;
  line-height: 1.3;
}

.secondary-button {
  z-index: 4;
  color: #fffcf8;
  text-transform: uppercase;
  cursor: pointer;
  background-color: #0000;
  border: 3px solid #fffcf8;
  margin-bottom: 0;
  padding: .25rem 1rem;
  font-family: Gotham, sans-serif;
  font-size: .85rem;
  font-weight: 700;
  transition: all .3s cubic-bezier(.25, .46, .45, .94);
  position: relative;
  overflow: hidden;
}

.secondary-button:hover {
  color: #d8ab27;
  background-color: #fffcf8;
  border-color: #fffcf8;
}

.secondary-button.invert {
  color: #003942;
  border-color: #d8ab27;
  padding-top: .4rem;
}

.secondary-button.invert:hover {
  color: #fffcf8;
}

.secondary-button.invert.is_clear.margin {
  margin-top: 2rem;
}

.partners-wrapper {
  grid-column-gap: 4rem;
  grid-row-gap: 4rem;
  column-count: 3;
  grid-template-rows: auto auto;
  grid-template-columns: 1fr 1fr 1fr;
  grid-auto-columns: 1fr;
  column-gap: 6rem;
  width: 100%;
  padding-top: 4rem;
}

.detail-column {
  color: var(--old-lace);
  flex-direction: column;
  justify-content: center;
  align-items: flex-start;
  width: 65%;
  padding: 2rem 4rem;
  display: flex;
  position: relative;
}

.detail-column.partner {
  width: 100%;
  padding-top: 0;
  padding-left: 0;
  padding-right: 2rem;
}

.image-column {
  align-items: center;
  width: 45%;
  height: 100%;
  display: flex;
}

.image-column.partner {
  width: 100%;
  margin-bottom: 2rem;
}

.underline {
  border: 1px #000;
  width: 75%;
  height: .25rem;
}

.underline.yellow {
  color: #d8ab27;
  background-color: #d8ab27;
  margin-top: .5rem;
  margin-bottom: 2rem;
}

.underline.dark {
  background-color: var(--dark-slate-grey);
  color: #d8ab27;
  margin-top: .5rem;
  margin-bottom: 2rem;
}

.underline.teal {
  color: #d8ab27;
  background-color: #2c6d7a;
  margin-top: .5rem;
  margin-bottom: 2rem;
}

.location {
  color: #2c6d7a;
  text-transform: uppercase;
  font-family: antarctican-headline, sans-serif;
  font-size: 1.25rem;
  font-weight: 600;
}

.left-right_wrapper {
  justify-content: space-around;
  display: flex;
}

.left-right_wrapper.is_partner {
  flex-direction: column;
  padding-bottom: 4rem;
  display: inline-block;
}

.retailers-hero {
  color: #fff;
  justify-content: center;
  min-height: 500px;
  padding-top: 250px;
  padding-bottom: 80px;
  display: flex;
  position: relative;
}

.state-retailer-wrapper {
  width: 100%;
  margin-top: 4rem;
  margin-bottom: 6rem;
}

.retailers-list {
  grid-column-gap: 2rem;
  grid-row-gap: 2rem;
  grid-template-rows: auto auto;
  grid-template-columns: 1fr 1fr 1fr;
  grid-auto-columns: 1fr;
  height: auto;
  margin-top: 2rem;
  display: grid;
}

.retailers-wrapper {
  flex-direction: column;
  justify-content: center;
  align-items: flex-start;
  width: 100%;
  height: auto;
  padding: 0 0 2rem;
  display: flex;
  position: relative;
}

.faq_wrapper {
  padding-top: 4rem;
}

.tab-item-2 {
  border-bottom: 1px solid var(--teal);
  flex-direction: column;
  width: 100%;
  display: flex;
}

.tab-item-2.line {
  border-bottom-style: none;
}

.tab-top-2 {
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  color: var(--dark-slate-grey);
  cursor: pointer;
  grid-template-rows: auto;
  grid-template-columns: 1fr auto;
  grid-auto-columns: 1fr;
  width: 100%;
  padding: 28px 0;
  font-family: Gotham, sans-serif;
  text-decoration: none;
  transition: padding .5s cubic-bezier(.25, .46, .45, .94);
  position: relative;
  overflow: hidden;
}

.tab-top-2:hover {
  padding-left: 0;
  padding-right: 0;
}

.tab-title-2 {
  z-index: 25;
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  letter-spacing: .15em;
  text-transform: uppercase;
  grid-template-rows: auto;
  grid-template-columns: auto auto;
  grid-auto-columns: 1fr;
  align-items: center;
  width: 100%;
  margin-left: 0;
  margin-right: 0;
  padding: 0;
  font-size: 14px;
  font-weight: 500;
  transition: all .3s;
  display: grid;
  position: relative;
}

.tab-title-2:hover {
  color: var(--teal);
}

.hover-cover-2 {
  background-color: #f4f8fa;
  display: none;
  position: absolute;
  inset: 0%;
}

.tab-bottom-2 {
  color: var(--old-lace);
  border-top: 1px #e4e9ec;
  padding-top: 0;
  padding-bottom: 0;
  overflow: hidden;
}

.tab-bottom-2.nobg {
  background-color: #0000;
}

.tab-bottom-content-2 {
  border-top: 1px #e4e9ec;
  margin-left: auto;
  margin-right: auto;
  padding: 28px 24px;
}

.faq_rich {
  color: var(--dark-slate-grey);
  font-family: Gotham Book, sans-serif;
  font-size: 16px;
}

.category-head {
  padding-bottom: 1rem;
  font-family: Gotham, sans-serif;
  font-size: 20px;
  font-weight: 700;
}

.faq-hero, .about-hero {
  color: #fff;
  justify-content: center;
  min-height: 500px;
  padding-top: 250px;
  padding-bottom: 80px;
  display: flex;
  position: relative;
}

.stat-row-block {
  grid-column-gap: 1rem;
  grid-row-gap: 1rem;
  color: var(--teal);
  justify-content: center;
  align-items: center;
  font-family: antarctican-headline, sans-serif;
  font-size: 14px;
  font-weight: 600;
  display: flex;
}

.marquee-icon {
  width: 1.5rem;
  height: 1.5rem;
}

.heading-medium {
  color: #003942;
  text-transform: capitalize;
  font-family: Gotham, sans-serif;
  font-size: 1.254rem;
  font-weight: 800;
  line-height: 1.2;
}

.link-list {
  grid-column-gap: .5rem;
  grid-row-gap: .5rem;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr 1fr;
  grid-auto-columns: 1fr;
  display: grid;
}

.dark-slide-arrow-2 {
  background-color: #080808;
  border: 1px #e4e9ec;
  border-radius: 100%;
  justify-content: center;
  align-items: center;
  width: 48px;
  height: 48px;
  display: flex;
  bottom: 90px;
}

.contact-form-aside {
  flex-direction: column;
  padding-left: 2rem;
  padding-right: 4rem;
  display: flex;
}

.contact-aside-block {
  margin-bottom: 2rem;
}

.text-color-green {
  color: #003942;
}

.paragraph-ernestine {
  color: #2c6d7a;
  font-family: ff-ernestine-pro, sans-serif;
  font-weight: 400;
}

.paragraph-ernestine.is_contact-link {
  color: #2c6d7a;
  margin-top: .75rem;
  font-weight: 700;
  text-decoration: underline;
}

.paragraph-ernestine.is_blog-date {
  color: #2c6d7a;
  margin-bottom: 2rem;
  font-size: 1rem;
  font-weight: 700;
}

.social-row {
  grid-column-gap: 1rem;
  grid-row-gap: 1rem;
  grid-template-rows: auto;
  grid-template-columns: 2rem 2rem 2rem;
  grid-auto-columns: 1fr;
  margin-top: .75rem;
  display: grid;
}

.icon-1x1-small {
  color: #003942;
  width: 2rem;
  height: 2rem;
  transition: all .5s cubic-bezier(.215, .61, .355, 1);
  display: flex;
}

.icon-1x1-small:hover {
  color: #2c6d7a;
}

.div-block-53 {
  grid-column-gap: .75rem;
  grid-row-gap: .75rem;
  border-bottom: 1px solid #2c6d7a33;
  flex-direction: column;
  margin-bottom: 2rem;
  padding-bottom: 1rem;
  display: flex;
}

.div-block-54 {
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  grid-template-rows: auto auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  display: grid;
}

.div-block-54.nav {
  grid-column-gap: 2rem;
  grid-row-gap: 2rem;
}

.collection-hero, .journal-hero {
  color: #fff;
  justify-content: center;
  min-height: 500px;
  padding-top: 250px;
  padding-bottom: 80px;
  display: flex;
  position: relative;
}

.blog-collection {
  margin-top: 2rem;
}

.collection-list-12 {
  grid-column-gap: 2rem;
  grid-row-gap: 4rem;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr 1fr;
  grid-auto-columns: 1fr;
  display: grid;
}

.blog-title {
  color: #003942;
  text-align: left;
  width: 100%;
  margin-bottom: .5rem;
  font-size: 1rem;
  line-height: 1.2;
}

.section-blog-post {
  flex-direction: column;
  justify-content: space-around;
  align-items: flex-start;
  width: 100%;
  display: block;
  position: relative;
}

.blog-header {
  object-fit: cover;
  width: 100%;
  min-height: 70vh;
  max-height: 70vh;
  margin-bottom: 2rem;
  position: relative;
}

.blog-wrapper {
  flex-direction: column;
  align-items: center;
  padding-top: 0;
  display: flex;
}

.page-padding {
  width: 100%;
  padding-left: 2.5rem;
  padding-right: 2.5rem;
}

.padding-section-large {
  white-space: pre-wrap;
  padding-top: 6rem;
  padding-bottom: 6rem;
  position: relative;
}

.padding-section-large.width-large.align {
  display: flex;
}

.rich-text-block {
  color: var(--dark-slate-grey);
  font-family: Gotham Book, sans-serif;
  font-size: 1rem;
  font-weight: 400;
}

.why-our-teas-hero {
  color: #fff;
  justify-content: center;
  min-height: 500px;
  padding-top: 250px;
  padding-bottom: 80px;
  display: flex;
  position: relative;
}

.button-2 {
  color: #000;
  text-align: center;
  letter-spacing: 5px;
  text-transform: uppercase;
  background-color: #fff;
  border-radius: 100px;
  justify-content: center;
  align-items: center;
  padding: 14px 23px 14px 28px;
  font-size: 11px;
  line-height: 1.5em;
  text-decoration: none;
  display: flex;
}

.product-mask-3 {
  width: 33.33%;
  overflow: visible;
}

.product-slide-card-3 {
  padding-left: 8px;
  padding-right: 8px;
}

.div-block-55 {
  z-index: 3;
  justify-content: center;
  align-items: flex-end;
  width: 100%;
  height: 100%;
  padding-bottom: 2rem;
  display: flex;
  position: absolute;
}

.benefit-button-text {
  padding-left: .5rem;
}

.product-quantity-2 {
  color: #596066;
  text-align: center;
  letter-spacing: 4px;
  text-transform: uppercase;
  background-color: #f4f8fa00;
  border-style: solid;
  border-color: #e5ebf0;
  border-radius: 0;
  justify-content: center;
  align-items: center;
  width: 30px;
  height: 18px;
  margin-bottom: 0;
  margin-left: 6px;
  padding: 1px 0 0 3px;
  font-size: 10px;
  font-weight: 300;
  line-height: .8em;
  transition: border-color .4s cubic-bezier(.25, .46, .45, .94);
  display: flex;
}

.product-quantity-2:focus {
  border-color: #99a7ac;
}

.text-block-3 {
  color: var(--goldenrod);
}

.cart-title-2 {
  color: var(--dark-slate-grey);
  letter-spacing: .02em;
  text-transform: uppercase;
  margin-bottom: 9px;
  font-size: 16px;
  font-weight: 500;
  text-decoration: none;
}

.checkout-button-2 {
  background-color: var(--dark-slate-grey);
  letter-spacing: 5px;
  text-transform: uppercase;
  flex: 1;
  justify-content: center;
  align-items: center;
  min-height: 60px;
  font-size: 12px;
  font-weight: 700;
  transition: all .2s;
  display: flex;
}

.checkout-button-2:hover {
  background-color: var(--teal);
  align-items: center;
}

.heading-2 {
  font-size: 30px;
  font-weight: 600;
  line-height: 1.35em;
}

.heading-2.small {
  color: var(--dark-slate-grey);
  letter-spacing: .07em;
  text-transform: uppercase;
  font-size: 24px;
  font-weight: 700;
}

.button-text-3 {
  letter-spacing: 4px;
}

.button-3 {
  color: #000;
  text-align: center;
  letter-spacing: 5px;
  text-transform: uppercase;
  background-color: #fff;
  border-radius: 100px;
  justify-content: center;
  align-items: center;
  padding: 14px 23px 14px 28px;
  font-size: 11px;
  line-height: 1.5em;
  text-decoration: none;
  display: flex;
}

.cart-wrapper-2 {
  grid-column-gap: 9px;
  grid-row-gap: 16px;
  color: var(--dark-slate-grey);
  letter-spacing: 5px;
  text-transform: uppercase;
  grid-template-rows: auto;
  grid-template-columns: 1fr auto;
  grid-auto-columns: 1fr;
  place-content: center space-between;
  align-items: center;
  height: 36px;
  min-height: 36px;
  font-size: 16px;
  font-weight: 700;
  display: grid;
}

.cart-footer-4 {
  border-top: 2px solid var(--dark-slate-grey);
  flex: 0 auto;
  padding: 28px 40px 24px 0;
}

.compare-price-2 {
  color: #a74030;
  font-size: 16px;
  text-decoration: line-through;
}

.stacked-intro-2 {
  grid-column-gap: 16px;
  grid-row-gap: 24px;
  grid-template-rows: auto;
  grid-template-columns: 1fr;
  grid-auto-columns: 1fr;
  justify-items: center;
  display: grid;
}

.stacked-intro-2.center {
  justify-items: center;
}

.close-button-2 {
  color: var(--old-lace);
  justify-content: center;
  align-items: center;
  width: 26px;
  height: 26px;
  padding: 8px 0;
  text-decoration: none;
  display: flex;
}

.cart-quantity-2 {
  color: var(--goldenrod);
  letter-spacing: 0;
  background-color: #fffcf8;
  min-width: 0;
  height: auto;
  margin-left: 0;
  padding-left: 2px;
  padding-right: 2px;
  font-size: 16px;
  font-weight: 400;
}

.error-message-3 {
  border-left: 3px solid #a74030;
  margin-left: 40px;
  margin-right: 40px;
  padding-top: 12px;
  padding-bottom: 12px;
  padding-left: 18px;
}

.cart-form-wrapper-2 {
  z-index: 25;
  background-color: var(--old-lace);
  color: #080808;
  max-height: 100vh;
  margin-top: -60px;
  padding-top: 0;
  padding-bottom: 0;
  position: relative;
}

.cart-item-2 {
  border-top: 1px #f4f8fa;
  grid-template-rows: auto;
  grid-template-columns: auto 1fr;
  grid-auto-columns: 1fr;
  grid-auto-flow: column;
  justify-content: space-between;
  align-items: stretch;
  width: 100%;
  padding-top: 0;
  padding-bottom: 0;
  text-decoration: none;
  display: flex;
}

.cart-item-2.pad {
  border-bottom: 1px solid #99a7ac80;
  margin-bottom: 2rem;
  padding-bottom: 2rem;
}

.cart-top-2 {
  z-index: 50;
  border-bottom: 2px solid var(--dark-slate-grey);
  background-color: var(--old-lace);
  color: var(--dark-slate-grey);
  letter-spacing: .02em;
  text-transform: none;
  justify-content: space-between;
  align-items: center;
  width: 100%;
  height: 60px;
  min-height: 60px;
  padding-top: 0;
  padding-bottom: 0;
  padding-right: 40px;
  font-size: 14px;
  font-weight: 400;
  display: flex;
  position: relative;
}

.cart-list-2 {
  grid-column-gap: 16px;
  grid-row-gap: 36px;
  flex-direction: column;
  flex: 0 auto;
  grid-template-rows: auto auto;
  grid-template-columns: 1fr;
  grid-auto-columns: 1fr;
  margin-right: 16px;
  padding: 36px 24px 36px 0;
  display: grid;
  overflow: auto;
}

.body-display-3 {
  color: #667479;
  font-size: 18px;
  line-height: 1.65em;
}

.body-display-3.small {
  color: var(--dark-slate-grey-2);
  font-size: 15px;
}

.specialty-lines-hero {
  color: #fff;
  justify-content: center;
  min-height: 500px;
  padding-top: 250px;
  padding-bottom: 80px;
  display: flex;
  position: relative;
}

.packaging {
  z-index: 20;
  object-fit: contain;
  width: 25vw;
  margin-left: 0;
  position: absolute;
  inset: 0% auto auto -12.5vw;
}

.div-block-56 {
  grid-row-gap: 1rem;
  flex-direction: column;
  margin-top: 2rem;
  display: flex;
}

.image-60 {
  width: 1.25rem;
}

._50-card {
  z-index: 2;
  flex-direction: column;
  justify-content: flex-start;
  align-items: center;
  width: 100%;
  height: 100%;
  padding-top: 4rem;
  display: flex;
  position: relative;
}

._50-card.low {
  justify-content: flex-end;
  padding-top: 0;
  padding-bottom: 4rem;
}

.image-61 {
  object-fit: cover;
  width: 100%;
  height: 100%;
  position: absolute;
  inset: 0%;
}

.sidecard-section {
  grid-column-gap: 6px;
  grid-row-gap: 0px;
  color: var(--old-lace);
  flex-direction: row;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  justify-content: center;
  align-items: stretch;
  min-height: 70vh;
  max-height: 100vh;
  display: grid;
  position: relative;
}

.div-block-58 {
  z-index: 2;
  position: relative;
}

.div-block-59 {
  display: flex;
}

.div-block-60 {
  grid-row-gap: .5rem;
  flex-direction: column;
  padding-top: .5rem;
  display: flex;
}

.filter {
  font-size: 1.25rem;
  font-weight: 700;
  line-height: 1.4;
}

.fs-smartlightbox_close-modal {
  width: 100%;
  height: 100%;
  display: none;
}

.modal-w-scroll {
  z-index: 10;
  justify-content: space-between;
  align-items: flex-start;
  width: 100%;
  padding-top: 0;
  display: flex;
}

.fs-smartlightbox_link {
  width: 100%;
  height: 100%;
  display: none;
}

.filter_block {
  grid-column-gap: 1rem;
  grid-row-gap: 1rem;
  border-bottom: 1px #dfdfdf;
  grid-template-rows: auto;
  grid-template-columns: 1fr;
  grid-auto-columns: 1fr;
  padding-right: 0;
  position: relative;
}

.filter-header {
  flex-direction: column;
  display: none;
}

.modal-scroll-content-w {
  flex-direction: row;
  justify-content: space-between;
  align-items: flex-start;
  width: 100%;
  margin-right: 0;
  padding: 0;
  display: flex;
  overflow: visible;
}

.filter-content {
  flex-direction: column;
  display: flex;
}

.filter-content.horiz {
  grid-column-gap: 2rem;
  grid-row-gap: 16px;
  grid-template-rows: auto auto;
  grid-template-columns: 1fr 1fr 1fr 1fr 1fr 1fr;
  grid-auto-columns: 1fr;
  width: 100%;
  display: grid;
}

.filter_column {
  flex-direction: column;
  align-items: stretch;
  width: 100%;
  display: flex;
}

.modal-scroll {
  border-radius: .75rem;
  flex-direction: column;
  flex: none;
  justify-content: flex-start;
  align-self: flex-start;
  width: 100%;
  display: flex;
  position: relative;
}

.filter-icon {
  margin-left: .5rem;
}

.filter-heading-text {
  flex-direction: column;
  display: none;
}

.modal-bg {
  width: 100%;
  height: 100%;
  display: none;
  position: fixed;
  inset: 0%;
}

.fs-smartlightbox_card-block {
  flex-direction: column;
  flex: 1;
  align-self: flex-start;
  display: flex;
  position: relative;
}

.fs-smartlightbox_card {
  align-items: flex-start;
  width: 100%;
  text-decoration: none;
  display: flex;
}

.shop-filter_wrapper {
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  flex-direction: column;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr 1fr 1fr 1fr 1fr;
  grid-auto-columns: 1fr;
  align-items: flex-start;
  padding-left: 0;
  display: block;
  position: relative;
}

.fs-smartlightbox_modal {
  z-index: 999;
  background-color: #0000;
  flex-direction: column;
  display: flex;
  position: static;
  inset: 0%;
}

.filter-text {
  font-family: Gotham, sans-serif;
  font-weight: 700;
}

.filter-text.no-wrpa {
  white-space: nowrap;
}

.arrow-icon-copy {
  z-index: 10;
  width: 10px;
  min-width: 10px;
  position: relative;
}

.filter-content-wrap {
  border-top: 1px #e4e9ec;
  padding: 8px;
}

.filter-item-list {
  grid-column-gap: 1rem;
  grid-row-gap: 1rem;
  flex-direction: column;
  margin-bottom: 2rem;
  display: flex;
}

.filter-top {
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  cursor: pointer;
  grid-template-rows: auto;
  grid-template-columns: 1fr auto;
  grid-auto-columns: 1fr;
  width: 100%;
  padding: 12px 2vw 12px 0;
  text-decoration: none;
  transition: padding .5s cubic-bezier(.25, .46, .45, .94);
  position: relative;
  overflow: hidden;
}

.filter-top:hover {
  padding-left: 0;
  padding-right: 2vw;
}

.div-block-61 {
  width: 100%;
}

.tabs-menu {
  justify-content: space-between;
  padding: 4rem 5vw;
  display: flex;
}

.div-block-63 {
  justify-content: space-between;
  align-items: flex-end;
  margin-bottom: 1rem;
  display: flex;
}

.collection-list-14 {
  grid-column-gap: 2rem;
  grid-row-gap: 4rem;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr 1fr;
  grid-auto-columns: 1fr;
  display: grid;
}

.cart-title-3 {
  color: #080808;
  letter-spacing: .02em;
  text-transform: none;
  margin-bottom: 9px;
  font-size: 16px;
  font-weight: 500;
  text-decoration: none;
}

.option {
  color: #667479;
}

.div-block-13 {
  grid-column-gap: .5rem;
  display: flex;
}

.cart-form-3 {
  width: 100%;
  max-width: 50rem;
  padding: 20px;
}

.cart-hero {
  justify-content: center;
  padding-top: 80px;
  padding-bottom: 0;
  display: flex;
  position: relative;
}

.heading-17 {
  font-size: 30px;
  font-weight: 600;
  line-height: 1.35em;
}

.heading-17.extra-large {
  text-transform: uppercase;
  font-size: 52px;
}

.cart-footer-6 {
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  flex-direction: column;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  align-items: end;
  margin-top: 20px;
  display: flex;
}

.compare-price-3 {
  color: #a74030;
  font-size: 16px;
  text-decoration: line-through;
}

.cart-totals.space {
  grid-row-gap: 2rem;
  flex-direction: column;
  display: flex;
}

.cart-lines.space {
  grid-row-gap: .5rem;
  flex-direction: column;
  display: flex;
}

.stacked-intro-3 {
  grid-column-gap: 16px;
  grid-row-gap: 24px;
  grid-template-rows: auto;
  grid-template-columns: 1fr;
  grid-auto-columns: 1fr;
  justify-items: center;
  display: grid;
}

.stacked-intro-3.left {
  justify-items: start;
}

.div-block-14 {
  flex-direction: column;
  justify-content: flex-end;
  align-items: flex-end;
  display: flex;
}

.cart-line {
  grid-column-gap: .5rem;
  justify-content: space-between;
  display: flex;
}

.grid-wrapper-2 {
  z-index: 25;
  grid-column-gap: 0px;
  grid-row-gap: 0px;
  color: var(--dark-slate-grey);
  grid-template-rows: auto;
  grid-template-columns: minmax(5vw, 1fr) minmax(auto, 1500px) minmax(5vw, 1fr);
  grid-auto-columns: 1fr;
  width: 100%;
  padding-top: 1rem;
  padding-bottom: 4rem;
  display: grid;
  position: relative;
}

.form-block-3 {
  flex-direction: column;
  align-items: center;
  display: flex;
}

.image-div {
  flex-direction: column;
  align-items: flex-start;
  display: flex;
}

.section-21 {
  z-index: 10;
  justify-content: center;
  padding-top: 160px;
  padding-bottom: 160px;
  display: flex;
  position: relative;
}

.section-21.no-top-padding {
  padding-top: 0;
  font-family: Gotham, sans-serif;
}

.field-2 {
  color: var(--dark-slate-grey);
  background-color: #fff0;
  border: 1px solid #2c6d7a33;
  border-radius: 2px;
  height: 52px;
  margin-bottom: 24px;
  padding: 14px 20px;
  font-family: ff-ernestine-pro, sans-serif;
  font-size: 15px;
  font-weight: 700;
  transition: border-color .4s cubic-bezier(.25, .46, .45, .94);
}

.field-2:focus {
  border-color: var(--dark-slate-grey);
}

.text-block-2 {
  margin-left: 6px;
  display: inline;
}

.apply-button-2 {
  color: #000;
  letter-spacing: 4px;
  text-transform: uppercase;
  background-color: #e4e9ec00;
  border-radius: 100px;
  height: auto;
  padding: 0 20px 0 24px;
  font-size: 11px;
  line-height: 1.3em;
  transition: background-color .4s cubic-bezier(.25, .46, .45, .94);
}

.apply-button-2:hover {
  background-color: #e4e9ec;
}

.apply-button-2.pad {
  padding-left: 20px;
}

.text-block {
  display: inline;
}

.filter-head-text {
  font-family: antarctican-headline, sans-serif;
  font-size: 20px;
  font-weight: 600;
}

.policy-wrapper {
  flex-direction: column;
  align-items: flex-start;
  width: 100%;
  margin-top: 4rem;
  padding-left: 1rem;
  padding-right: 1rem;
  display: flex;
}

.rich-text-block-2 {
  color: #003942;
  width: 100%;
  font-family: Gotham, sans-serif;
  font-weight: 500;
}

.utility-page-wrap {
  justify-content: center;
  align-items: center;
  width: 100vw;
  max-width: 100%;
  height: 100vh;
  max-height: 100%;
  display: flex;
}

.utility-page-content {
  text-align: center;
  flex-direction: column;
  width: 480px;
  display: flex;
}

.body-2 {
  background-color: var(--old-lace);
}

.text-block-14 {
  font-family: ff-ernestine-pro, sans-serif;
}

.heading-18 {
  color: var(--dark-slate-grey);
  text-transform: uppercase;
  font-size: 36px;
}

.utility-page-form {
  flex-direction: column;
  align-items: stretch;
  display: flex;
}

.result-body {
  opacity: .8;
  font-family: Gotham Book, sans-serif;
  font-size: 16px;
  font-weight: 400;
  line-height: 1.65em;
}

.link-list-nav {
  grid-row-gap: 1rem;
  flex-direction: column;
  align-items: flex-start;
  padding: 0 1rem 0 0;
  display: flex;
}

.div-block-64 {
  width: 100%;
}

.sale-bar {
  background-color: var(--dark-slate-grey);
  color: var(--old-lace);
  justify-content: center;
  align-items: center;
  height: 100%;
  padding-top: .5rem;
  padding-bottom: .5rem;
  font-family: Gotham Book, sans-serif;
  font-size: 12px;
  display: flex;
}

.sale-ticker {
  color: var(--old-lace);
  text-align: center;
  letter-spacing: .1rem;
  padding-bottom: 0;
  padding-left: 1rem;
  padding-right: 1rem;
  font-family: Gotham Book, sans-serif;
  font-weight: 400;
  transition: all .4s;
}

.sale-ticker:hover {
  opacity: .8;
  letter-spacing: .15rem;
}

.empty-state-2 {
  text-align: center;
  letter-spacing: .15rem;
  padding-top: 2rem;
  font-family: antarctican-headline, sans-serif;
  font-size: 36px;
  font-weight: 600;
  line-height: 1.5;
}

.faire-wrapper {
  justify-content: flex-start;
  display: flex;
}

.hide {
  width: 0;
  height: 0;
  display: none;
}

.slide-2 {
  background-color: var(--dark-slate-grey);
  text-align: center;
}

.slider-3 {
  background-color: var(--dark-slate-grey);
  height: 3rem;
}

.text-block-15 {
  color: var(--old-lace);
}

.product-cart-wrap {
  grid-column-gap: 4rem;
  grid-row-gap: 16px;
  grid-template-rows: auto;
  grid-template-columns: .5fr 1fr;
  grid-auto-columns: 1fr;
  align-items: center;
}

.b-navigation {
  z-index: 100000;
  background-color: var(--old-lace);
  color: var(--dark-slate-grey);
  align-items: center;
  width: 100%;
  padding-top: 1rem;
  padding-bottom: 1rem;
  font-family: ff-ernestine-pro, sans-serif;
  font-weight: 700;
  display: flex;
  position: sticky;
  top: 0;
}

.navigation-container2 {
  grid-column-gap: 0px;
  grid-row-gap: 16px;
  grid-template-rows: auto;
  grid-template-columns: minmax(33.33%, 1fr) auto minmax(33.33%, 1fr);
  grid-auto-columns: 1fr;
  justify-content: space-between;
  align-items: center;
  width: 100%;
  margin-left: auto;
  margin-right: auto;
  display: grid;
}

.search-button-2 {
  letter-spacing: 2px;
  text-transform: uppercase;
  background-color: #3898ec00;
  border-radius: 100px;
  width: 32px;
  min-width: 32px;
  height: 32px;
  min-height: 32px;
  margin-left: -12px;
  padding: 0 0 0 2px;
  font-size: 10px;
  display: none;
}

.navigation-list-dropdown2 {
  z-index: 99;
}

.navigation-list-dropdown2.w--open {
  background-color: var(--old-lace);
  width: 22rem;
  min-width: auto;
  height: 100vh;
  margin-left: auto;
  margin-right: auto;
  font-size: 16px;
  position: absolute;
  top: 4.25rem;
  bottom: auto;
  left: 0;
  overflow: visible;
  box-shadow: 0 2px 5px #0003;
}

.navigation-dropdown2 {
  letter-spacing: .05rem;
  height: 100%;
  font-family: Gotham, sans-serif;
  font-size: 1rem;
  position: static;
}

.navigation-link-l2 {
  grid-column-gap: 8px;
  color: var(--dark-slate-grey);
  text-transform: uppercase;
  justify-content: space-between;
  align-items: center;
  padding: 16px 16px 16px 0;
  font-family: Gotham, sans-serif;
  font-weight: 700;
  text-decoration: none;
  transition: color .2s, background-color .2s;
  display: flex;
}

.navigation-link-l2:hover {
  background-color: var(--old-lace);
  color: var(--teal);
}

.div-block {
  flex-flow: column wrap;
  align-content: flex-start;
  align-items: flex-start;
  margin-bottom: 1rem;
  display: flex;
}

.dropdown-list-4 {
  top: 1rem;
  left: 0;
}

.dropdown-list-4.w--open {
  border-left: 1.5px solid var(--teal);
  background-color: var(--old-lace);
  width: 10rem;
  height: 100vh;
  padding-top: 2rem;
  padding-left: 2rem;
  position: absolute;
  inset: 0 auto auto 22rem;
  box-shadow: 0 2px 5px #0003;
}

.dropdown-toggle-4 {
  color: var(--dark-slate-grey);
  text-transform: uppercase;
  padding-left: 0;
  padding-right: 40px;
}

.dropdown-toggle-4:hover {
  color: var(--teal);
}

.dropdown-toggle-4.w--open {
  position: relative;
}

.dropdown-5 {
  margin-left: 0;
  margin-right: 0;
  position: static;
}

.dropdown-link {
  color: var(--dark-slate-grey);
  text-transform: uppercase;
  margin-left: 0;
  margin-right: 0;
  padding-left: 0;
  padding-right: 0;
}

.dropdown-link:hover {
  color: var(--teal);
}

.icon-2 {
  transform: rotate(-90deg);
}

.search-icon-3 {
  z-index: 25;
  border: 1px none var(--teal);
  border-radius: 100px;
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 100%;
  padding: 0 1px 1px 0;
  display: flex;
}

.lottie-animation-5 {
  opacity: .6;
  filter: invert();
  justify-content: center;
  align-items: center;
  width: 13px;
  display: flex;
}

.dropdown-search-list-2 {
  z-index: 10;
  background-color: #0000;
  flex: 0 auto;
  display: none;
  position: relative;
}

.dropdown-search-list-2.w--open {
  justify-content: flex-end;
}

.search-3 {
  border: 1px #fff3;
  border-radius: 100px;
  flex-direction: column;
  justify-content: center;
  align-items: flex-end;
  min-width: 100%;
  height: 32px;
  margin-bottom: 0;
  padding-right: 32px;
  font-size: 12px;
  display: flex;
  position: relative;
  inset: 0%;
}

.dropdown-search-3 {
  z-index: 25;
  outline-offset: 0px;
  border: 1px solid #2c6d7a80;
  border-radius: 100px;
  outline: 1px #fff3;
  flex-direction: row-reverse;
  justify-content: flex-end;
  align-items: center;
  min-width: 34px;
  min-height: 34px;
  margin-left: 0;
  margin-right: 0;
  display: flex;
}

.search-input-3 {
  color: var(--dark-slate-grey);
  background-color: #fff0;
  border: 1px #000;
  width: 100%;
  height: 100%;
  margin-bottom: 0;
  padding: 0 0 0 18px;
  font-size: 14px;
}

.search-input-3::placeholder {
  line-height: 1.2em;
}

.place-giftnote-here {
  margin-bottom: 12px;
}

.cart-quant {
  color: var(--goldenrod);
}

.cart-quant.green {
  color: var(--dark-slate-grey);
  background-color: #fffcf8;
  margin-top: 2px;
  margin-left: -1px;
  font-size: 20px;
}

.read-more-fixed {
  z-index: 22000;
  position: fixed;
  bottom: 1rem;
  left: 1rem;
}

.main-button {
  color: #efeae5;
  text-transform: uppercase;
  background-color: #213f55;
  border: 2px solid #213f55;
  border-radius: .375rem;
  padding: .25rem 1rem;
  font-weight: 700;
  transition: all .4s;
  display: block;
}

.main-button:hover {
  color: #192639;
  background-color: #0000;
  font-weight: 700;
  transform: translate(0, -.5rem);
}

.main-button.is_red {
  background-color: #9e130e;
  border-color: #9e130e;
}

.main-button.is_red:hover {
  color: #9e130e;
  background-color: #0000;
}

.main-button.is_red.is_modal {
  position: absolute;
  inset: -4rem 0% auto auto;
}

.main-button.is_red.is_modal:hover {
  background-color: #efeae5;
}

.fs-smartlightbox_modal-2 {
  z-index: 50000;
  background-color: #213f55cc;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  display: none;
  position: fixed;
  inset: 0%;
}

.pop-up {
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  width: 100%;
  height: 100%;
  display: grid;
  position: relative;
  overflow: auto;
}

.modal_bg {
  z-index: 0;
  cursor: pointer;
  position: absolute;
  inset: 0%;
}

.pop-up-details {
  text-align: center;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  padding: 2rem 2rem 2rem 1rem;
  display: flex;
  position: relative;
  overflow: auto;
}

.fs-smartlightbox_modal-content {
  z-index: 20;
  background-color: var(--old-lace);
  justify-content: center;
  align-items: center;
  width: 50rem;
  height: 36rem;
  display: flex;
  position: relative;
}

.pop-up-image {
  object-fit: cover;
  width: 100%;
  height: 100%;
  max-height: 70vh;
  display: block;
  position: relative;
}

.padding-bottom-2 {
  padding-top: 0;
  padding-left: 0;
  padding-right: 0;
}

.padding-bottom-2.padding-medium {
  display: block;
}

.padding-bottom-2.padding-small {
  width: 100%;
}

.fs-smartlightbox_link-3 {
  color: #efeae5;
  text-align: center;
  cursor: pointer;
  font-weight: 500;
}

.fs-smartlightbox_link-3:hover {
  color: #fff;
}

.blog-post-title {
  text-shadow: 2px 2px 6px #000000ba;
  width: 70%;
  margin-bottom: 2rem;
  font-size: 1.75rem;
  font-weight: 700;
  line-height: 1.3;
}

.blog-post-title.small-title {
  font-size: 1.125rem;
}

.blog-post-title.small-title.eben {
  text-shadow: none;
  white-space: nowrap;
  width: 80%;
  margin-bottom: 0;
  font-family: Gotham, sans-serif;
  font-size: 1rem;
  font-weight: 400;
}

.blog-post-wrapper {
  height: 28.125rem;
  position: relative;
  overflow: hidden;
}

.blog-post-wrapper.small {
  height: 13.75rem;
  overflow: hidden;
}

.blog-post-wrapper.small.readmore {
  background-color: var(--teal);
  align-items: center;
  height: auto;
  padding: 1rem;
  display: flex;
}

.post-overlay-block {
  z-index: 10;
  color: var(--old-lace);
  background-color: #fc5b5b00;
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 100%;
  padding: 1rem;
  font-weight: 600;
  text-decoration: none;
  transition: background-color .2s;
  display: flex;
  position: absolute;
  inset: 0% 0% auto;
}

.post-overlay-block:hover {
  background-color: #0000;
}

.blog-thumbnail {
  object-fit: cover;
  width: 100%;
  height: 100%;
  display: block;
  position: absolute;
}

.image-62 {
  width: 3rem;
  height: 3rem;
}

.image-63 {
  z-index: 20;
  cursor: pointer;
  width: 1.5rem;
  height: 1.5rem;
  margin-left: 1.5rem;
  transition: all .3s cubic-bezier(.25, .46, .45, .94);
  position: relative;
}

.image-63:hover {
  transform: rotate(90deg);
}

.text-size-large {
  font-size: 48px;
}

.div-block-66 {
  color: var(--dark-slate-grey);
}

.div-block-67 {
  background-color: #fff;
  justify-content: space-between;
  align-items: center;
  width: 100%;
  padding-left: 1rem;
  display: flex;
  box-shadow: inset 0 2px 5px #00394233;
}

.text-block-16 {
  letter-spacing: .25rem;
  text-transform: uppercase;
  font-family: antarctican-headline, sans-serif;
  font-size: 1.5rem;
  font-weight: 600;
}

.copy-to-clip {
  background-color: var(--dark-slate-grey);
  justify-content: center;
  align-items: center;
  padding: 8px;
  display: flex;
  position: relative;
}

.copy-to-clip:active {
  background-color: var(--teal);
}

.copy-icon {
  width: 2rem;
}

.success-icon {
  align-self: center;
  width: 2rem;
  margin-top: 8px;
  margin-left: 8px;
  display: block;
  position: absolute;
  inset: 0%;
}

.heading-19 {
  font-weight: 400;
}

.div-block-68 {
  cursor: pointer;
  width: 1.5rem;
  height: 1.5rem;
  transition: all .3s cubic-bezier(.25, .46, .45, .94);
  position: absolute;
  inset: 1rem 1rem auto auto;
}

.div-block-68:hover {
  transform: rotate(90deg)scale(1.2);
}

.fine-print {
  font-family: ff-ernestine-pro, sans-serif;
  font-size: 10px;
  font-weight: 400;
}

.giftnote_button {
  background-color: var(--teal);
  color: var(--old-lace);
  letter-spacing: 5px;
  justify-content: center;
  align-items: center;
  padding: 9px 15px;
  font-size: 12px;
  transition: all .2s;
  display: flex;
}

.giftnote_button:hover {
  opacity: .9;
}

.out-of-stock-state {
  background-color: var(--goldenrod);
  color: var(--old-lace);
  text-align: center;
  letter-spacing: 1px;
  font-family: Gotham, sans-serif;
}

.error-state {
  text-align: center;
  font-family: Gotham, sans-serif;
}

.subscribe-form-flex {
  grid-column-gap: 1rem;
  grid-row-gap: 1rem;
  flex-flow: column;
  flex: 1;
  justify-content: center;
  align-items: stretch;
  display: flex;
}

.subscribe-form-input-wrapper {
  text-align: left;
}

.subscribe-form-input {
  background-color: #fff0;
  margin-bottom: 0;
  padding: 1rem 1.5rem 1rem 1rem;
  font-family: Gotham, sans-serif;
  font-size: .85rem;
  line-height: 1.6;
}

.tab-group-filter {
  z-index: 2;
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  background-color: var(--old-lace);
  cursor: pointer;
  grid-template-rows: auto;
  grid-template-columns: 1fr auto;
  grid-auto-columns: 1fr;
  width: 100%;
  padding: 12px 2vw 12px 0;
  text-decoration: none;
  transition: padding .5s cubic-bezier(.25, .46, .45, .94);
  position: relative;
}

.tab-group-filter:hover {
  padding-left: 0;
  padding-right: 2vw;
}

.filter-wrap {
  z-index: 1;
  background-color: var(--old-lace);
  flex-direction: column;
  justify-content: center;
  align-items: flex-start;
  padding: 1rem;
  display: none;
  position: absolute;
  top: 2.5rem;
  box-shadow: 0 2px 5px #0003;
}

.filter-wrap.w--open {
  z-index: 50;
}

.recomended-grid {
  grid-column-gap: 2rem;
  grid-row-gap: 2rem;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr 1fr 1fr;
  grid-auto-columns: 1fr;
  display: grid;
}

.success-message-3 {
  background-color: var(--teal);
  color: var(--dark-outline);
}

.link-wrap-test {
  grid-column-gap: 1rem;
  grid-row-gap: 1rem;
  flex-flow: column;
  justify-content: center;
  align-items: flex-start;
  display: flex;
}

.subheading-medium {
  color: var(--teal);
  text-transform: uppercase;
  margin-top: 0;
  margin-bottom: 0;
  font-family: henderson-sans-basic, sans-serif;
  font-size: 22px;
  font-weight: 700;
  line-height: 1.8;
}

.category-product-list, .bestseller-list {
  grid-column-gap: 2rem;
  grid-row-gap: 4rem;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr 1fr;
  grid-auto-columns: 1fr;
  align-content: start;
  align-items: start;
  padding-top: 0;
  display: grid;
}

.bestseller-wrapper {
  flex-direction: column;
  grid-template-rows: 1fr auto;
  grid-template-columns: 1fr;
  grid-auto-columns: 1fr;
  margin-top: 2rem;
  display: flex;
}

.alert-if-safari {
  background-color: var(--red-text);
  color: var(--old-lace);
  text-align: center;
  padding: 2rem 20%;
  font-family: Gotham, sans-serif;
}

.card-details {
  grid-column-gap: 4px;
  grid-row-gap: 4px;
  flex-flow: wrap;
  grid-template-rows: auto;
  grid-template-columns: 2.5fr 1fr;
  grid-auto-columns: 1fr;
  display: grid;
}

.price-range {
  align-items: center;
  height: 28px;
  margin-top: 1px;
  display: flex;
}

.card-details-bottom {
  grid-column-gap: 1rem;
  grid-row-gap: 1rem;
  flex-flow: wrap;
  grid-template-rows: auto;
  grid-template-columns: 2fr 1fr;
  grid-auto-columns: 1fr;
  justify-content: flex-start;
  align-items: center;
  display: flex;
}

.flavor-notes {
  color: var(--slategrey);
  align-items: center;
  font-size: 12px;
  display: block;
}

.product-image-gallery {
  grid-column-gap: 6px;
  grid-row-gap: 6px;
  flex-flow: row;
  grid-template-rows: auto;
  grid-template-columns: 18% 80%;
  grid-auto-columns: 1fr;
  width: 100%;
  margin-bottom: -3px;
  display: grid;
  position: relative;
}

.collection-item-4 {
  aspect-ratio: 1;
}

.product-primary-image {
  position: relative;
}

.product-primary-image.is-multi {
  width: 80%;
}

.product-primary-image.is-single {
  width: 100%;
}

.empty-images {
  display: none;
}

.product-detail-text {
  border-right: 2px none var(--goldenrod);
  color: var(--slategrey);
  letter-spacing: 3px;
  text-transform: uppercase;
  padding-right: 8px;
  font-family: henderson-sans-basic, sans-serif;
  font-weight: 700;
  line-height: 1.2em;
}

.product-detail-text.tea {
  color: var(--dark-slate-grey);
  border-right-style: none;
  padding-right: 4px;
  font-family: henderson-sans-basic, sans-serif;
}

.label-text-copy {
  border-right: 2px solid var(--goldenrod);
  color: var(--teal);
  letter-spacing: 3px;
  text-transform: uppercase;
  padding-right: 8px;
  font-weight: 600;
  line-height: 1.2em;
}

.label-text-copy.tea {
  border-right-style: none;
  padding-right: 4px;
}

.product-body-display {
  color: #67696b;
  font-family: Gotham Book, sans-serif;
  font-size: 14px;
  font-weight: 400;
  line-height: 1.65em;
}

.product-body-display.small {
  opacity: .8;
}

.product-body-display.small.teal {
  color: var(--teal);
  font-family: ff-ernestine-pro, sans-serif;
  font-size: 14px;
  font-weight: 700;
}

.product-body-display.extra-small {
  color: var(--dark-slate-grey-2);
  font-size: 15px;
}

.product-body-display.large {
  font-size: 20px;
}

.discount-text-2 {
  color: #99a7ac;
  margin-top: 3px;
  font-size: 13px;
  text-decoration: line-through;
}

.image-indicator {
  z-index: 20;
  height: 5px;
  position: absolute;
  inset: auto 0% 0%;
  overflow: hidden;
}

.label-text-2 {
  letter-spacing: 3px;
  text-transform: uppercase;
  border-left: 2px solid #07090c;
  padding-left: 6px;
  font-size: 11px;
  font-weight: 500;
  line-height: 1.2em;
}

.label-text-2.discount {
  color: #a74030;
  border-left-style: none;
  margin-top: 0;
  line-height: 1em;
}

.discount-label {
  align-items: center;
  height: 28px;
  display: flex;
}

.product-card-top {
  grid-column-gap: 9px;
  grid-row-gap: 16px;
  grid-template-rows: auto;
  grid-template-columns: 1fr auto;
  grid-auto-columns: 1fr;
  justify-content: space-between;
  align-items: start;
  width: 100%;
  display: grid;
}

.product-card-2 {
  grid-column-gap: 3px;
  grid-row-gap: 3px;
  color: #080808;
  background-color: #fff;
  grid-template-rows: auto auto;
  grid-template-columns: 1fr;
  grid-auto-columns: 1fr;
  text-decoration: none;
  display: grid;
}

.product-tags-2 {
  display: flex;
}

.subtitle-2 {
  color: #667479;
  letter-spacing: 4px;
  text-transform: uppercase;
  font-size: 14px;
  font-weight: 300;
  line-height: 1.3em;
}

.subtitle-2.small {
  letter-spacing: 3px;
  font-size: 11px;
}

.subtitle-2.light {
  color: #fff;
}

.price-text-2 {
  align-items: center;
  height: 28px;
  margin-top: 1px;
  font-size: 15px;
  display: flex;
}

.dynamic-price-2 {
  color: #667479;
  text-transform: uppercase;
  flex-direction: column;
  grid-template-rows: auto;
  grid-template-columns: auto auto;
  grid-auto-columns: 1fr;
  place-items: flex-end end;
  font-size: 14px;
  font-weight: 300;
  line-height: 1em;
  display: flex;
}

.card-image-wrapper {
  background-color: #f4f8fa;
  height: 100%;
}

.stacked-product-title {
  grid-column-gap: 16px;
  grid-row-gap: 8px;
  grid-template-rows: auto auto;
  grid-template-columns: 1fr;
  grid-auto-columns: 1fr;
  display: grid;
}

.product-title {
  letter-spacing: 0;
  text-transform: none;
  font-size: 18px;
  line-height: 1.3em;
}

.product-card-info {
  grid-column-gap: 16px;
  grid-row-gap: 4px;
  grid-template-rows: auto auto;
  grid-template-columns: 1fr;
  grid-auto-columns: 1fr;
  display: grid;
}

.indicator-fill {
  background-color: #fff;
  width: 100%;
  height: 100%;
}

.card-info {
  grid-column-gap: 16px;
  grid-row-gap: 9px;
  grid-template-rows: auto;
  grid-template-columns: 1fr;
  grid-auto-columns: 1fr;
  justify-content: start;
  justify-items: start;
  padding: 14px 16px 18px;
  display: grid;
}

.tag-icon {
  width: 16px;
  margin-right: 2px;
}

.bg-image-2 {
  object-fit: cover;
  object-position: 50% 50%;
  width: 100%;
  height: 100%;
  position: absolute;
  inset: 0%;
}

.collection-list-wrapper-22 {
  width: 100%;
}

.new-product-link {
  width: 100%;
  text-decoration: none;
  transition: all .4s cubic-bezier(.165, .84, .44, 1);
  position: relative;
}

.new-product-line_tag {
  z-index: 2;
  background-color: #003942;
  justify-content: center;
  align-items: center;
  padding: 0 1rem .375rem;
  font-family: lakeside, sans-serif;
  display: block;
  position: absolute;
  inset: -1.25rem auto auto 1rem;
}

.new-product-line-label {
  z-index: 1;
  color: #fffcf8;
  text-align: center;
  text-transform: none;
  background-color: #0000;
  justify-content: center;
  align-self: center;
  align-items: center;
  height: auto;
  font-family: lakeside, sans-serif;
  font-size: 2.25rem;
  font-weight: 400;
  line-height: 1;
  display: flex;
  position: relative;
}

.new-product-image-wrap {
  z-index: 0;
  aspect-ratio: 1;
  width: 100%;
  margin-bottom: .75rem;
  position: relative;
  overflow: hidden;
}

.new-card-image {
  background-color: #f4f8fa;
  flex-direction: column;
  justify-content: flex-end;
  height: 35vw;
  min-height: 100%;
  max-height: 650px;
  display: flex;
  position: relative;
  overflow: hidden;
}

.new-card-image.xxl {
  height: 35vw;
  max-height: 700px;
}

.new-card-image.extra-large {
  height: 100%;
  max-height: none;
}

.new-background-product {
  height: 100%;
  position: absolute;
  inset: 0%;
  overflow: hidden;
  position: relative;
}

.new-card-details {
  grid-column-gap: 4px;
  grid-row-gap: 4px;
  flex-flow: wrap;
  grid-template-rows: auto;
  grid-template-columns: 2.5fr 1fr;
  grid-auto-columns: 1fr;
  display: grid;
}

.new-card-details-recomended {
  grid-column-gap: 4px;
  grid-row-gap: 4px;
  flex-flow: wrap;
  grid-template-rows: auto;
  grid-template-columns: 2fr 1.5fr;
  grid-auto-columns: 1fr;
  display: grid;
}

.new-product-card_header {
  color: #003942;
  text-align: left;
  text-transform: uppercase;
  width: auto;
  font-size: 18px;
  line-height: 1.2;
}

.new-dynamic-price {
  color: #939598;
  text-transform: uppercase;
  flex-direction: column;
  grid-template-rows: auto;
  grid-template-columns: auto auto;
  grid-auto-columns: 1fr;
  justify-content: flex-start;
  place-items: flex-end end;
  font-size: 14px;
  font-weight: 500;
  line-height: 1em;
  display: flex;
}

.new-price-text, .new-price-range {
  align-items: center;
  height: 28px;
  margin-top: 1px;
  display: flex;
}

.new-discount-text {
  color: var(--active-border);
  margin-top: 3px;
  font-size: 13px;
  text-decoration: line-through;
}

.new-card-details-bottom {
  grid-column-gap: 1rem;
  grid-row-gap: 1rem;
  flex-flow: wrap;
  grid-template-rows: auto;
  grid-template-columns: 2fr 1fr;
  grid-auto-columns: 1fr;
  justify-content: flex-start;
  align-items: center;
  display: flex;
}

.new-product_tea-tags {
  color: var(--dark-slate-grey);
  text-transform: uppercase;
  justify-content: flex-start;
  align-items: center;
  font-family: Gotham, sans-serif;
  font-size: 12px;
  font-weight: 500;
  display: flex;
}

.new-flavor-notes {
  color: var(--slategrey);
  align-items: center;
  font-size: 12px;
  display: block;
}

.new-product-image-gallery {
  grid-column-gap: 6px;
  grid-row-gap: 6px;
  flex-flow: row;
  grid-template-rows: auto;
  grid-template-columns: 18% 80%;
  grid-auto-columns: 1fr;
  width: 100%;
  margin-bottom: -3px;
  display: grid;
  position: relative;
}

.prod-wrap {
  grid-column-gap: 6px;
  grid-row-gap: 6px;
  margin-top: 0;
  display: flex;
  position: sticky;
  top: 120px;
}

.prod-wrap.is-single {
  display: none;
}

.prod-small-col {
  grid-column-gap: 6px;
  grid-row-gap: 6px;
  flex-flow: column;
  align-self: flex-start;
  width: 18%;
  display: flex;
}

.prod-image-lightbox {
  aspect-ratio: 1;
  position: relative;
  overflow: hidden;
}



.prod-left {
  grid-column-gap: 2rem;
  grid-row-gap: 2rem;
  flex-flow: column;
  width: 100%;
  display: flex;
  position: relative;
}

.bread-crumb-wrap {
  grid-column-gap: .5rem;
  grid-row-gap: .5rem;
  border-top: 1px solid var(--dark-slate-grey);
  border-bottom: 1px solid var(--dark-slate-grey);
  margin-top: 2rem;
  padding-top: .75rem;
  padding-bottom: .75rem;
  display: flex;
}

.prod-vert {
  grid-column-gap: 2rem;
  grid-row-gap: 2rem;
  flex-flow: column;
  display: flex;
}

.breadcrumb-link {
  color: var(--dark-slate-grey);
  font-family: Gotham Book, sans-serif;
  font-weight: 400;
  transition: all .4s cubic-bezier(.25, .46, .45, .94);
  text-transform: uppercase;
}

.breadcrumb-link:hover {
  color: var(--goldenrod);
}

.breadcrumb-link.slash:hover {
  color: var(--dark-slate-grey);
}



.heading-20 {
  font-size: 36px;
  font-weight: 600;
  line-height: 1.35em;
}

.heading-20.extra-large {
  font-size: 52px;
}

.hero-text-wrap {
  width: 100%;
}

.new-collection-hero {
  color: #fff;
  justify-content: center;
  padding-top: 150px;
  padding-bottom: 60px;
  display: flex;
  position: relative;
}

.new-category-heading {
  font-size: 42px;
}

.category-body {
  font-family: Gotham Book, sans-serif !important;
  font-size: 16px;
  font-weight: 400;
  line-height: 1.65em;
  max-width: 40rem
}

.category-body.small {
  opacity: .8;
}

.category-body.small.teal {
  color: var(--teal);
  font-family: ff-ernestine-pro, sans-serif;
  font-size: 14px;
  font-weight: 700;
}

.category-body.extra-small {
  color: var(--dark-slate-grey-2);
  font-size: 15px;
}

.category-body.large {
  font-size: 20px;
}


@media screen and (min-width: 1440px) {
  .button:hover {
    transform: translate(0, -4px);
  }

  .product-option:active, .product-option:focus, .product-option.w--ecommerce-pill-selected {
    background-color: var(--teal);
    color: var(--old-lace);
  }
}

@media screen and (max-width: 991px) {

  .featured_tag{
  display: block;
  width: 12vw;
  height: 12vw;
  position: absolute;
  inset:  -6vw 0 auto auto;
  z-index: 20;
  
}





  
  .slider-background-wrapper {
    width: 50vw;
  }

  .slide-nav {
    bottom: 36px;
  }

  .slide-nav.tablet-mobile-slide-nav {
    display: flex;
  }

  .slide-arrow {
    bottom: 36px;
  }

  .slide-heading {
    font-size: 36px;
  }

  .nav-link {
    border-bottom: 1px solid var(--dark-outline);
    color: #000;
    padding-top: 24px;
    padding-bottom: 24px;
  }

  .section {
    padding-top: 100px;
    padding-bottom: 100px;
  }

  .section.no-bottom-padding {
    padding-bottom: 80px;
  }

  .section.no-padding.medium.store-filters {
    z-index: 12;
    padding-top: 2rem;
    padding-bottom: 0;
  }

  .slide-intro {
    width: 50vw;
  }

  .button.fill.mobile {
    display: block;
  }

  .button.tab {
    width: 100%;
  }

  .cart-container {
    width: 90%;
  }

  .right-nav {
    grid-column-gap: 30px;
    align-items: center;
  }

  .card-image {
    height: 70vw;
  }

  .related-products {
    padding-left: 5vw;
    overflow: auto;
  }

  .dark-slide-arrow {
    bottom: 140px;
  }

  .action-section {
    min-height: 500px;
    padding-top: 80px;
    padding-bottom: 80px;
  }

  .heading {
    font-size: 32px;
  }

  .heading.extra-large {
    font-size: 48px;
  }

  .heading.extra-large.extra {
    font-size: 68px;
  }

  .heading.large {
    font-size: 38px;
  }

  .basic-slider {
    padding-bottom: 36px;
  }

  .basic-slide-wrapper {
    min-height: 65vw;
    padding: 48px;
  }

  .stacked-intro.small {
    justify-items: start;
  }

  .stacked-intro.small.center {
    justify-items: center;
  }

  .product-gallery {
    flex-flow: row;
    margin-bottom: 0;
  }

  .collection-list-wrapper {
    position: relative;
    top: 0;
  }

  .product-left {
    overflow: auto;
  }

  .product-wrapper {
    grid-row-gap: 0px;
    grid-template-columns: 1fr;
    max-width:90vw
  }

  .product-sidebar {
    max-width: 675px;
    padding-top: 48px;
    padding-left: 0;
    padding-right: 0;
  }

  .product-details {
    flex-direction: column-reverse;
    display: flex;
  }

  .tab-list {
    max-width: none;
  }

  .hover-cover {
    display: none;
  }

  .tab-top:hover {
    padding-left: 0;
    padding-right: 0;
  }

  .best-seller-list {
    grid-template-columns: 1fr 1fr;
  }

  .product-showcase {
    grid-template-columns: 1fr;
    padding-left: 0;
    padding-right: 0;
  }

  .showcase-image {
    margin-bottom: 0;
    padding-bottom: 5rem;
    position: relative;
    top: 0;
  }

  .showcase-products {
    grid-column-gap: 2vw;
    grid-row-gap: 4rem;
    grid-template-rows: auto auto;
    grid-template-columns: 44vw 44vw;
    grid-auto-columns: 1fr;
    display: grid;
  }

  .half-grid {
    grid-row-gap: 0px;
    grid-template-columns: 1fr;
  }

  .half-grid.reverse {
    grid-template-columns: 1fr;
  }

  .half-image {
    height: 70vw;
    min-height: 500px;
  }

  .half-content {
    grid-row-gap: 36px;
    max-width: none;
    padding: 80px 10vw 80px 5vw;
  }

  .checkout-form {
    padding-right: 5vw;
  }

  .checkout-grid {
    grid-row-gap: 48px;
    grid-template-columns: 1fr;
  }

  .checkout-right {
    min-width: auto;
    padding: 48px 40px 120px;
  }

  .checkout-left {
    grid-row-gap: 24px;
    padding-top: 60px;
    padding-bottom: 0;
  }

  .dual-contact {
    grid-row-gap: 0px;
    grid-template-columns: 1fr;
    padding-top: 60px;
    padding-bottom: 60px;
  }

  .contact-form-base {
    min-width: auto;
  }

  .footer-grid {
    grid-row-gap: 4rem;
    grid-template-columns: 1fr;
  }

  .footer-navigation {
    justify-content: space-between;
    justify-items: end;
  }

  .large-collection-item {
    min-width: 40vw;
  }

  .hero-grid {
    grid-row-gap: 18px;
    grid-template-columns: 1fr;
  }

  .shop-collection-list {
    padding-left: 0;
    padding-right: 0;
  }

  .search-wrapper {
    padding-left: 12px;
    padding-right: 12px;
  }

  .search-wrapper.mobile-hide {
    display: none;
  }

  .search-wrapper.mobile-show {
    align-items: flex-start;
    display: block;
  }

  .search-base {
    flex: 1;
    width: auto;
  }

  .search-toggle {
    width: 40px;
    min-width: 40px;
    height: 40px;
    min-height: 40px;
    margin-left: -40px;
    display: none;
  }

  .search-result-list {
    grid-template-columns: 1fr;
  }

  .search-result-hero {
    padding-top: 140px;
    padding-bottom: 60px;
  }

  .width-medium.benefit {
    margin-left: 5vw;
    margin-right: 5vw;
  }

  .product-card_header {
    margin-bottom: 2rem;
    font-size: 1rem;
  }

  .product-card-link:hover {
    transform: none;
  }

  .dropdown {
    width: 100%;
  }

  .lottie-animation-3 {
    width: 2rem;
    height: 2rem;
  }

  .footer_link {
    padding-left: 0;
    font-family: ff-ernestine-pro, sans-serif;
    font-size: 1rem;
  }

  .footer_link.w--current:hover {
    color: #d8ab27;
  }

  .footer_legal-list {
    grid-template-rows: auto auto auto;
    justify-items: start;
  }

  .dropdown-body-cont {
    display: block;
  }

  .footer_form-block {
    min-width: auto;
  }

  .footer_form {
    grid-template-columns: max-content max-content;
  }

  .collection-item-3 {
    margin-bottom: 0;
    padding-top: 0;
  }





  .navigation-toggle-2 {
    justify-content: space-between;
    width: 100%;
    margin-top: 14px;
    margin-bottom: 14px;
    padding-bottom: 12px;
    font-size: 1.25rem;
  }

  .navigation-toggle-2.w--open {
    border-bottom-width: 2px;
    border-bottom-color: #2c6d7a40;
    padding-bottom: 12px;
    font-size: 1.25rem;
  }

  .navigation-link {
    width: 100%;
    margin-top: 14px;
    margin-bottom: 14px;
  }

  .navigation-link.tea-house {
    display: none;
  }

  .navigation-link.tea-house.mobile {
    padding-left: 0;
    font-size: 1.25rem;
    display: block;
  }

  .navigation-wrapper-2 {
    align-items: center;
    width: auto;
    display: flex;
  }

  .navigation-menu-button {
    border-radius: 0;
    padding: 0;
  }

  .navigation-menu-button.w--open {
    background-color: var(--old-lace);
  }

  .navigation-menu {
    background-color: var(--old-lace);
    color: #393b6a;
    border-radius: 0;
    flex-direction: column;
    justify-content: flex-end;
    align-items: flex-end;
    padding: 12px 36px;
    position: absolute;
    top: 3.875rem;
    overflow: auto;
  }

  .navigation-menu.w--open {
    background-color: #282556;
    border-color: #fff;
  }

  .navigation-grid-wrapper {
    grid-template-columns: 1fr;
    padding: 0;
  }

  .navigation-button-group {
    grid-column-gap: 2rem;
    align-items: center;
    width: auto;
    display: flex;
  }

  .navigation-link-wrapper {
    justify-content: flex-start;
  }

  .navigation-link-wrapper.span {
    grid-row-gap: 1rem;
    flex-direction: column;
    padding-left: 0;
    padding-right: 0;
  }

  .navigation-dropdown-base {
    box-shadow: none;
    border-bottom: 1px solid #2c6d7a;
    margin-left: 0;
    margin-right: 0;
    padding: 0;
  }

  .navigation-dropdown-base.w--open {
    box-shadow: none;
    height: 500px;
    margin-left: 0;
    margin-right: 0%;
    padding: 16px;
    position: static;
    overflow: auto;
  }

  .navigation-list-dropdown {
    height: 480px;
  }

  .navigation-list-dropdown.w--open {
    height: 500px;
    padding: 4px;
    position: relative;
    top: 8px;
    overflow: auto;
  }

  .navigation-dropdown {
    width: 100%;
  }

  .heading-large {
    font-size: 2.5rem;
  }

  .heading-large.is-home-heading{
    font-size: 6rem;
    line-height: 90%;
    font-family: lakeside, sans-serif;
  }

  .heading-large.h2-green {
    font-size: 2rem;
  }

  .heading-large.h1 {
    font-size: 2.5rem;
  }

  .partners-wrapper {
    column-count: 2;
    column-gap: 4rem;
  }

  .detail-column {
    width: 60%;
    padding-left: 2rem;
    padding-right: 2rem;
  }

  .image-column {
    width: 50%;
  }

  .left-right_wrapper.is_partner {
    padding-bottom: 4rem;
  }

  .retailers-list {
    grid-template-columns: 1fr 1fr;
  }

  .retailers-wrapper {
    width: 70%;
    padding-left: 1rem;
    padding-right: 1rem;
  }

  .tab-top-2:hover {
    padding-left: 0;
    padding-right: 0;
  }

  .tab-title-2 {
    grid-template-columns: auto .25fr;
  }

  

  .hover-cover-2, .category-head.hide-tablet {
    display: none;
  }

  .dark-slide-arrow-2 {
    bottom: 140px;
  }

  .text-block-13 {
    text-align: right;
    white-space: nowrap;
    word-break: normal;
  }

  .contact-form-aside {
    width: 100%;
    margin-top: 4rem;
    padding-left: 0;
  }

  .collection-list-12 {
    grid-template-columns: 1fr 1fr;
  }

  .blog-title {
    margin-bottom: 2rem;
    font-size: 1rem;
  }

  .blog-header {
    min-height: 60vh;
    max-height: 60vh;
  }

  .product-slider-wrapper-3 {
    padding-left: 5vw;
    padding-right: 5vw;
    overflow: hidden;
  }

  .product-mask-3 {
    width: 45%;
  }

  .heading-2 {
    font-size: 26px;
  }

  .cart-quantity-2 {
    padding-left: 2px;
    padding-right: 2px;
  }

  .cart-item-2 {
    border-top-style: solid;
    border-top-color: #33322f1a;
    padding-top: 1rem;
  }

  .cart-list-2 {
    padding-top: 24px;
    padding-bottom: 24px;
  }

  .packaging {
    width: 50vw;
    top: -30vw;
    left: auto;
    right: 0;
  }

  .sidecard-section {
    min-height: 500px;
    padding-top: 80px;
    padding-bottom: 80px;
  }

  .filter-paragraph {
    color: #003942;
    font-family: Gotham, sans-serif;
    font-size: 1.5rem;
    font-weight: 700;
  }

  .filter.text-color-teal.drop-down {
    margin-left: .4rem;
    margin-right: .4rem;
    font-size: 1rem;
  }

  .fs-smartlightbox_close-modal {
    color: #313030;
    background-color: #0000;
    border: 1px solid #31303066;
    border-radius: 3.125rem;
    flex: 0 auto;
    align-items: center;
    width: auto;
    height: auto;
    margin-right: 2rem;
    padding: .25rem .75rem;
    transition: all .5s;
    display: flex;
  }

  .fs-smartlightbox_close-modal:active {
    color: #dbceae;
    background-color: #d8e0b5;
  }

  .modal-w-scroll {
    justify-content: flex-end;
    align-items: flex-end;
    height: 100vh;
    padding-top: 10rem;
    padding-bottom: 0;
    display: flex;
  }

  .fs-smartlightbox_link {
    color: #313030;
    background-color: #fffcf8;
    border: 1px solid #31303066;
    border-radius: 3.125rem;
    align-items: center;
    width: auto;
    height: auto;
    padding: .25rem .75rem;
    transition: all .5s;
    display: flex;
  }

  .fs-smartlightbox_link:active {
    color: #dbceae;
    background-color: #d8e0b5;
  }

  .filter_block {
    width: 100%;
    padding-left: 0;
    padding-right: 0;
  }

  .filter-header {
    grid-column-gap: 16px;
    grid-row-gap: 16px;
    border-bottom: 1px solid #0000001a;
    flex-direction: row;
    grid-template-rows: auto;
    grid-template-columns: 1fr 1fr 1fr;
    grid-auto-columns: 1fr;
    justify-content: center;
    align-items: center;
    padding-top: 1rem;
    padding-bottom: 1rem;
    display: grid;
    position: relative;
  }

  .modal-scroll-content-w {
    width: 100%;
    overflow: visible;
  }

  .filter-content {
    border-bottom: 1px solid #0000001a;
    flex-direction: row;
    justify-content: flex-start;
    align-items: center;
    padding-top: 0;
    padding-bottom: 0;
    position: relative;
  }

  .filter-content.horiz {
    grid-template-columns: 1fr 1fr;
    justify-content: start;
    place-items: start;
    padding-left: 5vw;
  }

  .filter_column {
    width: 100%;
  }

  .modal-scroll {
    background-color: #fffcf8;
    border-bottom-right-radius: 0;
    border-bottom-left-radius: 0;
    justify-content: flex-start;
    align-items: flex-start;
    height: 100%;
  }

  .filter-icon {
    filter: hue-rotate(22deg);
    align-self: center;
    width: 1rem;
    margin-left: 0;
    transform: rotate(0);
  }

  .filter-heading-text {
    grid-column-gap: 16px;
    grid-row-gap: 16px;
    text-transform: uppercase;
    border-bottom: 1px #0000001a;
    flex-direction: row;
    grid-template-rows: auto;
    grid-template-columns: 1fr 1fr 1fr;
    grid-auto-columns: 1fr;
    justify-content: center;
    align-items: center;
    margin-left: .5rem;
    margin-right: 0;
    padding-top: .15rem;
    font-size: 1rem;
    line-height: 1;
    display: block;
    position: relative;
  }

  .modal-bg {
    display: block;
  }

  .fs-smartlightbox_card-block {
    align-items: flex-start;
    height: auto;
  }

  .fs-smartlightbox_card {
    background-color: #0000;
    justify-content: flex-end;
    width: auto;
    height: auto;
    margin-top: 1rem;
    margin-bottom: 2rem;
    display: flex;
  }

  .shop-filter_wrapper {
    padding-right: 0;
  }

  .fs-smartlightbox_modal {
    z-index: 10000;
    -webkit-backdrop-filter: none;
    backdrop-filter: none;
    background-color: #2c6d7acc;
    height: 100vh;
    display: none;
    position: fixed;
  }

  .filter-top:hover {
    padding-right: 2vw;
  }

  .collection-list-wrapper-21 {
    padding-top: 2rem;
  }

  .tabs-menu {
    grid-column-gap: 4rem;
    grid-row-gap: 1rem;
    flex-wrap: wrap;
    justify-content: flex-start;
    padding-top: 4rem;
    padding-bottom: 2rem;
  }

  .div-block-63 {
    align-items: center;
    width: 100%;
  }

  .collection-list-14 {
    grid-template-columns: 1fr 1fr;
  }

  .cart-hero {
    padding-top: 160px;
    padding-bottom: 40px;
  }

  .heading-17 {
    font-size: 26px;
  }

  .heading-17.extra-large {
    font-size: 48px;
  }

  .section-21 {
    padding-top: 100px;
    padding-bottom: 100px;
  }

  .policy-wrapper {
    margin-top: 2rem;
    padding-left: 2rem;
    padding-right: 2rem;
  }

  .utility-page-content {
    width: 360px;
  }

  .product-cart-wrap {
    grid-template-columns: 1fr;
    padding-left: 0;
    padding-right: 0;
  }

  .search-button-2 {
    background-color: #2c6d7a33;
    background-image: url(//steepmtntea.com/cdn/shop/t/102/assets/search-dark-small24x242x-1.svg?v=160257294657989173191772477623);
    background-position: 50%;
    background-repeat: no-repeat;
    background-size: 14px;
    min-width: 40px;
    min-height: 40px;
    margin-left: 0;
    display: block;
  }

  .navigation-list-dropdown2 {
    height: 480px;
  }

  .navigation-list-dropdown2.w--open {
    box-shadow: none;
    width: auto;
    height: auto;
    padding: 0;
    position: relative;
    top: 8px;
    overflow: auto;
  }

  .navigation-dropdown2 {
    border-bottom: 1px solid #2c6d7a40;
    width: 100%;
  }

  .dropdown-list-4.w--open {
    box-shadow: none;
    height: auto;
    padding-top: 0;
    position: relative;
    left: auto;
  }

  .search-icon-3 {
    background-color: #f4f8fa;
    padding-right: 9px;
  }

  .lottie-animation-5 {
    filter: invert();
  }

  .dropdown-search-list-2 {
    display: flex;
  }

  .search-3 {
    background-color: var(--old-lace);
    border-color: #2c6d7a33;
    flex-direction: row;
    height: auto;
    padding: 4px;
  }

  .dropdown-search-3 {
    background-color: #f4f8fa;
    width: 100%;
    max-width: 500px;
    margin: 12px auto;
    padding-top: 0;
    padding-bottom: 0;
  }

  .search-input-3 {
    min-height: 40px;
    padding-left: 24px;
  }

  .cart-quant.green {
    margin-top: 1px;
    margin-left: 0;
  }

  .pop-up {
    grid-template-columns: 1fr;
  }

  .fs-smartlightbox_modal-content {
    width: 85vw;
  }

  .pop-up-image {
    max-height: 20vh;
    display: none;
  }

  .padding-bottom-2 {
    padding-top: 0;
    padding-left: 0;
    padding-right: 0;
  }

  .blog-post-title.small-title {
    width: 100%;
    font-size: .85rem;
    line-height: 1.5;
  }

  .blog-post-wrapper {
    height: 23.75rem;
  }

  .tab-group-filter:hover {
    padding-right: 2vw;
  }

  .filter-wrap {
    box-shadow: none;
    justify-content: flex-start;
    transition: all .2s;
    position: relative;
    top: 0;
  }

  .bestseller-wrapper {
    padding-left: 0;
    padding-right: 0;
  }

  .product-image-gallery {
    flex-wrap: nowrap;
    grid-template-columns: 100%;
    margin-bottom: 0;
  }

  .collection-item-4 {
    width: 30%;
  }

  .new-product-link:hover {
    transform: none;
  }

  .new-card-image {
    height: 70vw;
  }

  .new-card-details {
    
  }

.new-card-details-recomended {
  grid-template-columns: 1fr;
}

  .new-product-card_header {
    font-size: 1rem;
  }

  .new-dynamic-price {
    justify-content: flex-start;
    align-items: flex-start;
  }

  .new-product-image-gallery {
    flex-wrap: nowrap;
    grid-template-columns: 100%;
    margin-bottom: 0;
  }

  .prod-wrap {
    margin-top: 20px;
    top: 40px;
  }

  .prod-image-lightbox {
    margin-bottom: 0;
    padding-top: 0;
  }

 



  .prod-left {
    overflow: auto;
  }

  .heading-20 {
    font-size: 32px;
  }

  .new-category-heading {
    font-size: 36px;
  }

  .category-body {
    font-size: 14px;
  }

  
}

@media screen and (max-width: 767px) {

  
  
  
  .slide-content {
    flex-direction: column;
  }

  .slider-background-wrapper {
    width: 100vw;
  }

  .slider-background.three {
    height: 50%;
  }

  .slide-heading {
    font-size: 28px;
  }

  .add-to-cart{
    margin-top: -2rem;
  }

  .section {
    padding-top: 80px;
    padding-bottom: 80px;
  }

  .slide-intro {
    width: 100vw;
    height: 50%;
  }

  .button.tab {
    width: 100%;
  }

  .cart-container {
    padding-left: 1rem;
    padding-right: 1rem;
  }

  .close-cart {
    padding-right: 0;
  }

  .cart-item-top {
    margin-bottom: 24px;
  }

  .stacked-content.small.filters {
    grid-template-columns: 1fr;
    justify-content: space-between;
    align-items: center;
  }

  .wrapper-intro {
    max-width: 90vw;
    grid-template-columns: 1fr;
    justify-content: start;
    justify-items: start;
  }

  .dynamic-price {
    align-items: flex-start;
  }

  .card-image.extra-large, .card-image.xxl, .card-image.extra-large {
    height: 100vw;
  }

  .action-section {
    padding-top: 48px;
  }

  .heading.small {
    font-size: 22px;
  }

  .heading.extra-large {
    font-size: 44px;
  }

  .heading.large {
    font-size: 36px;
  }

  .underline-link {
    justify-items: start;
  }

  .basic-slide-wrapper {
    padding: 36px;
  }

  .shop-hero {
    min-height: 325px;
    padding-top: 200px;
    padding-bottom: 60px;
  }

  .collection-list-wrapper {
    margin-top: 40px;
  }

  .product-sidebar {
    padding-top: 36px;
    padding-right: 0;
  }

  .half-image {
    height: 75vw;
    min-height: 400px;
  }

  .half-content {
    padding-top: 60px;
    padding-bottom: 60px;
  }

  .checkout-right {
    padding: 40px 36px 100px;
  }

  .checkout-left {
    padding-top: 48px;
  }

  .checkout-banner {
    min-height: 260px;
    padding-top: 120px;
    padding-bottom: 48px;
  }

  .row {
    flex-direction: column;
  }

  .checkout-component {
    padding: 40px 36px;
  }

  .dual-contact {
    padding-top: 48px;
    padding-bottom: 48px;
  }

  .contact-form-base {
    padding: 0 0 60px;
  }

  .footer-bottom {
    grid-row-gap: 2rem;
    text-align: center;
    grid-template-columns: 1fr;
    justify-content: center;
    justify-items: center;
  }

  .footer-grid {
    padding-bottom: 40px;
  }

  .footer-navigation {
    grid-template-rows: auto;
    grid-template-columns: 1fr;
    grid-auto-columns: 1fr;
    justify-items: start;
  }

  .legal-text {
    text-align: center;
    justify-content: center;
    justify-items: center;
  }

  .new-tag.product-page-tag {
    grid-column-gap: .5rem;
    grid-row-gap: .5rem;
  }

  .discount-text {
    margin-top: 0;
  }

  .large-collection-item {
    min-width: 60vw;
  }

  .search-result-item {
    grid-row-gap: 24px;
    grid-template-columns: 1fr;
    padding-top: 36px;
    padding-bottom: 36px;
  }

  .result-info {
    grid-row-gap: 12px;
  }

  .search-grid {
    padding-top: 0;
  }

  .search-result-input {
    min-width: 65vw;
  }

  .search-result-hero {
    padding-bottom: 48px;
  }

  .error-message {
    margin-left: 36px;
    margin-right: 36px;
  }

  .product-card_header {
    margin-bottom: 1rem;
  }

  .content-block {
    background-image: url(//steepmtntea.com/cdn/shop/t/102/assets/transparent-fill.png?v=13080653109909940391772477664);
  }

  .footer_link {
    text-align: left;
    white-space: nowrap;
  }

  .footer_newsletter-wrapper {
    width: 100%;
  }

  .footer_legal-list {
    grid-column-gap: 2rem;
    grid-row-gap: 1rem;
    text-align: center;
    grid-template-rows: auto;
    grid-template-columns: auto auto auto;
    grid-auto-flow: row;
    justify-items: center;
  }

  .form-input-2.is-footer-input {
    width: 100%;
    height: 3px;
    min-height: 3rem;
  }

  .footer_form-block {
    width: 100%;
    min-width: 20rem;
  }

  .footer_form {
    align-items: stretch;
  }

  .collection-item-3 {
    min-width: 100%;
  }



  .navigation-menu {
    padding-left: 5vw;
    padding-right: 5vw;
  }

  .navigation-list-dropdown.w--open {
    height: auto;
  }

  .heading-large {
    font-size: 2rem;
  }

  .partners-wrapper {
    column-count: 1;
  }

  .detail-column {
    width: 100%;
    padding-left: 1rem;
  }

  .image-column {
    width: 100%;
  }

  .left-right_wrapper {
    flex-direction: column;
  }

  .left-right_wrapper.is_partner {
    flex-direction: column;
    padding-bottom: 2rem;
  }

  .retailers-hero {
    min-height: 325px;
    padding-top: 200px;
    padding-bottom: 60px;
  }

  .retailers-wrapper {
    width: 100%;
  }

  .faq-hero, .about-hero {
    min-height: 325px;
    padding-top: 200px;
    padding-bottom: 60px;
  }

  .heading-medium {
    font-size: 1.5rem;
  }

  .paragraph-ernestine.is_blog-date {
    margin-bottom: 2rem;
  }

  .div-block-54.nav {
    grid-template-columns: 1fr;
  }

  .collection-hero, .journal-hero {
    min-height: 325px;
    padding-top: 200px;
    padding-bottom: 60px;
  }

  .collection-list-12 {
    grid-column-gap: 1rem;
    grid-row-gap: 1rem;
  }

  .blog-title {
    margin-bottom: 1rem;
  }

  .blog-header {
    min-height: 50vh;
    max-height: 50vh;
    margin-bottom: 2rem;
  }

  .page-padding {
    padding-left: 1.25rem;
    padding-right: 1.25rem;
  }

  .padding-section-large {
    padding-top: 4rem;
    padding-bottom: 4rem;
  }

  .why-our-teas-hero {
    min-height: 325px;
    padding-top: 200px;
    padding-bottom: 60px;
  }

  .product-mask-3 {
    width: 75%;
  }

  .heading-2 {
    font-size: 24px;
  }

  .heading-2.small {
    font-size: 22px;
  }

  .cart-footer-4 {
    padding-top: 24px;
    padding-left: 36px;
    padding-right: 36px;
  }

  .error-message-3 {
    margin-left: 36px;
    margin-right: 36px;
  }

  .cart-top-2 {
    padding-left: 0;
    padding-right: 0;
  }

  .cart-list-2 {
    grid-row-gap: 24px;
    margin-left: 36px;
  }

  .specialty-lines-hero {
    min-height: 325px;
    padding-top: 200px;
    padding-bottom: 60px;
  }

  .packaging {
    width: 40vw;
    top: -20vw;
  }

  ._50-card {
    top: -1rem;
  }

  .sidecard-section {
    padding-top: 48px;
  }

  .filter {
    font-size: 1rem;
  }

  .modal-w-scroll {
    margin-bottom: 0;
  }

  .filter_block.right {
    grid-column-gap: 0rem;
    grid-row-gap: 0rem;
    justify-content: center;
    align-items: flex-start;
    display: flex;
  }

  .modal-scroll-content-w {
    padding: 2rem 0;
  }

  .modal-scroll {
    overflow: auto;
  }

  .fs-smartlightbox_card-block {
    align-items: flex-end;
  }

  .fs-smartlightbox_modal {
    display: none;
  }

  .tabs-menu {
    justify-content: space-between;
  }

  .div-block-63 {
    grid-column-gap: 1rem;
    grid-row-gap: 1rem;
    flex-direction: column;
    align-items: center;
  }

  .collection-list-14 {
    grid-column-gap: 1rem;
    grid-row-gap: 1rem;
  }

  .cart-hero {
    padding-top: 120px;
    padding-bottom: 40px;
  }

  .heading-17 {
    font-size: 24px;
  }

  .heading-17.extra-large {
    font-size: 44px;
  }

  .section-21 {
    padding-top: 80px;
    padding-bottom: 80px;
  }

  .navigation-list-dropdown2.w--open {
    height: auto;
  }

  .read-more-fixed {
    position: fixed;
  }

  .padding-bottom-2 {
    padding-top: 0;
    padding-left: 0;
    padding-right: 0;
  }

  .blog-post-title.small-title {
    font-size: 1.75rem;
  }

  .blog-post-title.small-title.eben {
    height: 100%;
    margin-bottom: 0;
    font-size: 1rem;
  }

  .blog-post-wrapper.small {
    height: 12.5rem;
  }

  .filter-wrap {
    grid-column-gap: 4rem;
    grid-row-gap: 1rem;
    flex-flow: wrap;
  }

  .product-detail-text, .product-detail-text.tea {
    font-size: 12px;
  }

  .discount-text-2 {
    margin-top: 0;
  }

  .product-card-top {
    grid-row-gap: 7px;
    grid-template-columns: 1fr;
    justify-content: start;
    justify-items: start;
  }

  .dynamic-price-2 {
    align-items: flex-start;
  }

  .card-info {
    padding-left: 14px;
    padding-right: 14px;
  }


  .new-dynamic-price {
    align-items: flex-start;
  }

  .new-price-text, .new-discount-text {
    margin-top: 0;
  }

  .new-card-details-bottom {
    grid-column-gap: 0rem;
    grid-row-gap: 0rem;
    flex-flow: column;
    justify-content: flex-start;
    align-items: flex-start;
  }

  .prod-image-lightbox {
    min-width: 100%;
  }
    .heading-20.extra-large {
    font-size: 44px;
  }

  .new-collection-hero {
    min-height: 325px;
    padding-top: 40px;
    padding-bottom: 40px;
  }


}

@media screen and (max-width: 479px) {

.section-hero {
    min-height: 93vh;
  }

  .slider-background.three {
    height: 50%;
  }

  .slide-nav, .slide-arrow, .slide-arrow.right {
    bottom: 1rem;
  }

  .slide-heading {
    font-size: 28px;
  }

  .slider-arrow {
    width: 2rem;
    height: 2rem;
  }

  .section {
    padding-top: 72px;
    padding-bottom: 72px;
  }

  .slide-intro {
    grid-row-gap: 1rem;
    padding: 1rem 1rem 2rem;
  }

  .button.fill {
    padding-left: 16px;
    padding-right: 16px;
  }

  .button.small {
    padding-left: 14px;
    padding-right: 14px;
    font-size: .75rem;
  }

  .brand.w--current {
    width: 48px;
  }

  .default-state {
    height: 100%;
  }

  .cart-item-bottom {
    flex-direction: column;
    align-items: flex-start;
  }

  .order-details {
    margin-left: 12px;
  }

  .cart-line-item {
    margin-bottom: 24px;
    padding-bottom: 18px;
  }

  .cart-container {
    width: 93%;
    min-width: auto;
  }

  .quantity-cart-item {
    margin-bottom: 9px;
  }

  .cart-quantity {
    margin-top: 2px;
  }

  .cart-item-top {
    margin-bottom: 6px;
  }

  .stacked-content {
    grid-row-gap: 36px;
  }

  .stacked-content.small {
    grid-template-columns: 100%;
  }

  .stacked-content.small.filters {
    grid-template-columns: 1fr;
  }

  .dynamic-price {
    padding-bottom: 4px;
  }

  .related-products {
    padding-left: 5vw;
    overflow: auto;
  }

  .dark-slide-arrow {
    width: 40px;
    height: 40px;
    margin-left: -2vw;
    margin-right: -2vw;
  }

  .dark-slide-arrow.right, .dark-slide-arrow.left {
    width: 2rem;
    height: 2rem;
  }

  .heading {
    font-size: 26px;
  }

  .heading.large.green {
    font-size: 1.75rem;
  }

  .heading.small {
    font-size: 20px;
  }

  .heading.extra-large {
    font-size: 32px;
  }

  .heading.extra-large.extra {
    font-size: 48px;
  }

  .heading.large {
    font-size: 32px;
  }

  .basic-slide-wrapper {
    min-height: 70vw;
    padding: 36px 24px;
  }

  .stacked-intro.small.center {
    justify-items: center;
  }

  .footer-content {
    grid-row-gap: 36px;
  }

  .shop-hero {
    min-height: 350px;
    padding-top: 160px;
    padding-bottom: 48px;
  }

  .product-wrapper {
    grid-template-columns: 100%;
  }

  .product-page-title {
    font-size: 2rem;
  }

  .prod-gallery-image.is-small {
    width: 6rem;
    max-width: 6rem;
  }

  .tab-bottom-content {
    padding: 18px 12px;
  }

  .best-seller-list {
    grid-column-gap: 2vw;
    grid-row-gap: 4rem;
    grid-template-columns: 44vw 44vw;
  }

  .product-showcase {
    overflow: hidden;
  }

  .rotating-promo-text {
    grid-column-gap: 15vw;
  }

  .half-image {
    height: 80vw;
    min-height: 275px;
  }

  .half-image.no-overflow {
    height: 150vw;
  }

.product-page-hero {
      padding-bottom: 24px;
}
  .half-content {
    padding-top: 48px;
    padding-bottom: 48px;
    padding-right: 5vw;
  }

  .checkout-grid {
    grid-row-gap: 36px;
  }

  .checkout-right {
    padding: 30px 24px 80px;
  }

  .checkout-banner {
    min-height: 100px;
    padding-bottom: 36px;
  }

  .checkout-component {
    padding: 30px 24px;
  }

  .dual-contact {
    padding-top: 36px;
    padding-bottom: 36px;
  }

  .contact-form-base {
    padding: 0;
  }

  .footer-grid {
    grid-template-rows: auto;
    padding-bottom: 12px;
  }

  .footer-navigation {
    grid-column-gap: 1px;
    grid-row-gap: 30px;
    grid-template-rows: auto auto;
    grid-template-columns: 1fr 1fr;
  }

  .legal-text {
    grid-row-gap: 6px;
    grid-template-rows: auto;
  }

  .new-tag.product-page-tag {
    flex-flow: row;
    justify-content: flex-start;
    align-items: flex-start;
    height: auto;
    margin-bottom: 6px;
  }

  .discount-text {
    margin-top: -1px;
  }

  .price-text {
    height: auto;
    font-size: 14px;
  }

  .product-tags {
    flex-wrap: wrap;
  }

  .large-collection-item {
    min-width: 85vw;
  }

  .cart-quantity-wrapper {
    font-size: 18px;
  }


  .search-wrapper.mobile-show {
    padding-left: 0;
    padding-right: 0;
  }

  .search-result-input {
    min-width: 65vw;
  }

  .search-result-hero {
    padding-top: 120px;
    padding-bottom: 36px;
  }

  .error-message {
    margin-left: 24px;
    margin-right: 24px;
  }

   .width-extra-large {
    width: 100%;
  }
  .product-line_tag {
    padding: .3rem .5rem;
    top: -.5rem;
    left: 0;
  }

  .product-line-label {
    text-align: left;
    font-size: 2rem;
    font-weight: 500;
  }

  .steeping-div {
    flex-direction: column;
    align-items: flex-start;
  }

  .product-card_sub-title {
    font-size: .6rem;
        line-height: 1;
  }

  .product-card_sub-title.caffeine.label {
    margin-right: 0;
    bottom: .25rem;
    right: .25rem;
  }

  .product-card_sub-title.margin-right.margin-xsmall {
    margin-right: .25rem;
    font-size: .6rem;
  }

  .product-card_sub-title.is_ceffeinated-or-not {
    font-size: .85rem;
  }

  .product-card_header {
    margin-bottom: .25rem;
    font-size: 1rem;
    font-weight: 700;
  }

  .product_tea-tags {
    font-size: .75rem;
  }

  .product-card-link {
    display: block;
    width: 12rem;
  }

  .caffeinated-wrapper {
    line-height: 1;
  }

  .lottie-animation-3 {
    width: 1.5rem;
    height: 1.5rem;
  }

  .footer_newsletter-wrapper {
    max-width: none;
  }

  .form-input-2.is-footer-input {
    width: 100%;
  }

  .footer_form-block {
    min-width: 0;
  }

  .footer_form {
    grid-row-gap: 12px;
    flex-direction: column;
    grid-template-columns: 1fr;
    align-items: stretch;
  }

  .collection-item-3 {
    width: 100%;
    min-width: 100%;
  }

  .navigation-menu-button.w--open {
    padding: 0;
  }

  .navigation-menu {
    border-radius: 0;
  }

  .navigation-button-group {
    grid-column-gap: 2rem;
  }

  .navigation-dropdown-base {
    padding: 8px;
  }

  .navigation-dropdown-base.w--open {
    padding: 14px;
  }

  .navigation-list-dropdown.w--open {
    height: 400px;
  }

  .bg-image, .bg-image.slider-img {
    height: 100%;
  }

  .heading-large {
    font-size: 1.5rem;
  }

  .heading-large.h2-green, .heading-large.h1 {
    font-size: 2rem;
  }

  .secondary-button.invert.is_clear {
    margin-left: .5rem;
  }

  .detail-column {
    justify-content: flex-start;
    height: auto;
    padding-top: 1rem;
    padding-left: 1rem;
    padding-right: 1rem;
  }

  .image-column {
    height: 100%;
  }

  .underline.yellow, .underline.teal, .underline.dark, .underline.teal {
    margin-bottom: 1rem;
  }

  .retailers-hero {
    min-height: 350px;
    padding-top: 160px;
    padding-bottom: 48px;
  }

  .retailers-list {
    grid-template-columns: 1fr;
  }

  .retailers-wrapper {
    padding-left: 0;
    padding-right: 1rem;
  }

  .tab-title-2 {
    grid-template-columns: 1fr .25fr;
  }

  .tab-bottom-content-2 {
    padding: 36px 24px;
  }

  .category-head {
    font-size: 16px;
  }

  .faq-hero, .about-hero {
    min-height: 350px;
    padding-top: 160px;
    padding-bottom: 48px;
  }

  .link-list {
    grid-template-columns: 1fr 1fr;
  }

  .link-list.lines {
    grid-template-columns: 1fr;
  }

  .dark-slide-arrow-2 {
    width: 40px;
    height: 40px;
    margin-left: -2vw;
    margin-right: -2vw;
  }

  .contact-form-aside {
    padding-right: 0;
  }

  .paragraph-ernestine {
    text-align: center;
    font-size: .8rem;
  }

  .paragraph-ernestine.is_contact-link {
    text-align: left;
    background-color: #0000;
  }

  .div-block-54.nav {
    grid-column-gap: 1rem;
    grid-row-gap: 1rem;
  }

  .collection-hero, .journal-hero {
    min-height: 350px;
    padding-top: 160px;
    padding-bottom: 48px;
  }

  .collection-list-12 {
    grid-column-gap: 1rem;
    grid-row-gap: 2rem;
    grid-template-columns: 1fr;
  }

  .blog-title {
    margin-bottom: .5rem;
    font-size: .85rem;
    font-weight: 700;
  }

  .blog-header {
    min-height: 40vh;
    max-height: 40vh;
  }

  .page-padding {
    width: 100%;
  }

  .padding-section-large {
    padding-top: 4rem;
    padding-bottom: 4rem;
  }

  .why-our-teas-hero {
    min-height: 350px;
    padding-top: 160px;
    padding-bottom: 48px;
  }

  .product-mask-3 {
    width: 90%;
  }

  .product-slide-card-3 {
    padding-left: 8px;
    padding-right: 8px;
  }

  .cart-title-2 {
    margin-bottom: 0;
    padding-right: 5px;
  }

  .heading-2 {
    font-size: 18px;
  }

  .heading-2.small {
    font-size: 20px;
  }

  .cart-wrapper-2 {
    grid-column-gap: 6px;
    font-size: 12px;
  }

  .cart-footer-4 {
    padding-top: 18px;
    padding-left: 12px;
    padding-right: 12px;
  }

  .stacked-intro-2 {
    grid-template-columns: 100%;
    justify-items: center;
  }

  .cart-quantity-2 {
    padding-left: 0;
    padding-right: 0;
    font-size: 14px;
  }

  .error-message-3 {
    margin-left: 24px;
    margin-right: 24px;
  }

  .cart-top-2 {
    padding: 9px 0;
  }

  .cart-list-2 {
    margin-left: 0;
    margin-right: 0;
    padding-left: 12px;
    padding-right: 12px;
  }

  .specialty-lines-hero {
    min-height: 350px;
    padding-top: 160px;
    padding-bottom: 48px;
  }

  .packaging {
    width: 100vw;
    top: -65vw;
  }

  ._50-card {
    opacity: 1;
    background-color: #003942cc;
    border-radius: 20px;
    justify-content: center;
    padding-top: 1rem;
    padding-bottom: 1rem;
    top: 0;
  }

  ._50-card.low {
    padding-bottom: 4rem;
  }

  .sidecard-section {
    grid-row-gap: 6px;
    grid-template-rows: 1fr;
    grid-template-columns: 1fr;
    grid-auto-rows: 1fr;
  }

  .filter-paragraph {
    margin-left: 1rem;
  }

  .fs-smartlightbox_close-modal {
    justify-content: center;
    width: auto;
    margin-right: 1rem;
  }

  .modal-w-scroll {
    margin-top: 0;
    padding: 8rem 0 0;
  }

  .filter_block {
    align-self: flex-end;
  }

  .filter_block.right {
    justify-content: center;
    display: flex;
  }

  .filter-header {
    grid-template-columns: 1fr 1rem 1fr;
  }

  .modal-scroll-content-w {
    padding: 0;
  }

  .filter-content.horiz {
    grid-template-columns: 1fr;
  }

  .modal-scroll {
    border-bottom-right-radius: 0;
    border-bottom-left-radius: 0;
  }

  .filter-heading-text {
    font-size: 1rem;
  }

  .shop-filter_wrapper {
    width: 100%;
    padding-left: 1rem;
    padding-right: 1rem;
  }

  .fs-smartlightbox_modal {
    justify-content: flex-start;
    display: none;
  }

  .div-block-63 {
    flex-direction: column-reverse;
    justify-content: center;
  }

  .collection-list-14 {
    grid-column-gap: 1rem;
    grid-row-gap: 2rem;
    grid-template-columns: 1fr;
  }

  .cart-form-3 {
    max-width: none;
  }

  .cart-hero {
    padding-bottom: 48px;
  }

  .heading-17 {
    font-size: 18px;
  }

  .heading-17.extra-large {
    text-transform: uppercase;
    font-size: 28px;
  }

  .stacked-intro-3 {
    grid-template-columns: 100%;
    justify-items: center;
  }

  .grid-wrapper-2 {
    grid-template-columns: minmax(5vw, 1fr) repeat(auto-fit, minmax(90vw, 1fr)) minmax(5vw, 1fr);
    padding-top: .5rem;
    padding-bottom: 1rem;
  }

  .section-21 {
    padding-top: 72px;
    padding-bottom: 72px;
  }

  .policy-wrapper {
    width: 100%;
    margin-top: 4rem;
    padding-left: 0;
    padding-right: 0;
  }

  .utility-page-content {
    width: 280px;
  }

  .sale-ticker {
    text-align: center;
    font-size: 10px;
    line-height: 1.2;
  }

  .empty-state-2 {
    font-size: 24px;
  }

  .product-cart-wrap {
    overflow: hidden;
  }

  .place-giftnote-here {
    padding-bottom: 8px;
    padding-right: 0;
  }

  .cart-quant.green {
    margin-top: 2px;
    margin-left: -1px;
    font-size: 18px;
  }

  .pop-up {
    grid-row-gap: 0px;
  }

  .padding-bottom-2 {
    padding-top: 0;
    padding-left: 0;
    padding-right: 0;
  }

  .blog-post-title, .blog-post-title.small-title {
    font-size: 1.25rem;
  }

  .subscribe-form-input-wrapper {
    flex: 1;
    align-self: stretch;
  }

  .subscribe-form-input {
    width: 100%;
  }

  .link-wrap-test {
    grid-column-gap: 1rem;
    grid-row-gap: 1rem;
    grid-template-rows: auto auto;
    grid-template-columns: 1fr 1fr;
    grid-auto-columns: 1fr;
    display: grid;
  }
  
  .subheading-medium {
    white-space: pre-wrap;
  }

  .category-product-list, .bestseller-list {
    grid-column-gap: 2vw;
    grid-row-gap: 4rem;
    grid-template-columns: 44vw 44vw;
  }

  .price-range, .flavor-notes {
    height: auto;
    font-size: 14px;
  }

  .product-primary-image.is-multi {
    width: 100%;
    aspect-ratio: 1/1;
  }

  .product-detail-text, .product-detail-text.tea {
    font-size: 10px;
  }

  .discount-text-2 {
    margin-top: -1px;
  }

  .card-info {
    padding-left: 12px;
    padding-right: 12px;
  }

  .new-product-link {
    display: block;
  }

  .new-product-line_tag {
    padding: .3rem .5rem;
    top: -.75rem;
    left: .5rem;
  }

  .new-product-line-label {
    text-align: left;
    font-size: 2rem;
    font-weight: 500;
  }


  .new-product-card_header {
    font-size: .75rem;
    font-weight: 700;
  }

  .new-dynamic-price {
    padding-bottom: 4px;
    font-size: 12px;
  }

  .new-price-text, .new-price-range {
    height: auto;
    font-size: 12px;
  }

  .new-discount-text {
    margin-top: -1px;
  }

  .new-product_tea-tags {
    font-size: .75rem;
    flex-direction: row;
    flex-wrap: wrap;
    align-content: flex-start;
    justify-content: flex-start;
    align-items: flex-start;
  }

  .new-flavor-notes {
    height: auto;
    font-size: 9px;
  }

  .prod-wrap {
    flex-flow: column-reverse;
    top: 10px;
  }

  .prod-small-col {
    flex-flow: row;
    justify-content: flex-start;
    align-self: flex-start;
    align-items: center;
    width: 100%;
    height: 6rem;
    display: flex;
    overflow: auto;
  }

  .prod-image-lightbox {
    aspect-ratio: auto;
    vertical-align: baseline;
    flex: 0 auto;
    width: 6rem;
    min-width: 0;
    overflow: hidden;
  }

  .prod-image-lightbox.is-primary {
    width: 100%;
    min-width: 100%;
  }

  .prod-left {
    overflow: visible;
  }

  .bread-crumb-wrap {
    padding-top: .25rem;
    padding-bottom: .25rem;
  }

  .prod-vert {
    grid-column-gap: 1rem;
    grid-row-gap: 1rem;
    max-width: 90vw;
  }
  .product-details{
    max-width: 90vw;
  }
 .add-to-cart-button  {
  font-size: 12px;
}

  .product-top {
  max-width: 90vw;
}

  .breadcrumb-link {
    font-size: 11px;
  }

  .heading-20 {
    font-size: 26px;
  }

  .heading-20.extra-large {
    font-size: 38px;
  }

  .new-collection-hero {
    min-height: 350px;
    padding-top: 48px;
    padding-bottom: 48px;
  }

  .new-category-heading {
    font-size: 28px;
  }

  .category-body {
    font-size: 12px;
  }
}

#w-node-fb9a7d5b-9b5a-35f2-62c6-4f3cc970441b-705d2141{
  grid-area: 1 / 2 / 2 / 3;
}

#w-node-acaa87e7-35ad-73eb-698a-15e136e4af86-36e4af77 {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

#w-node-f5f6516b-fc44-2d50-083e-0cf5b4a02932-b4a0292f {
  grid-area: 1 / 2 / 2 / 3;
}

#w-node-_5043919b-ce17-97e1-bb78-74ba94229b2d-b4a0292f {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

#w-node-bfdd4a9c-cdc2-fcf7-e491-95e918d3e960-b4a0292f {
  grid-area: 1 / 2 / 2 / 3;
}

#w-node-_6f4ab776-537c-e04b-9d5f-54edce8b93bd-b4a0292f {
  justify-self: start;
}

#w-node-a4c1d4ee-12c8-c3b5-6443-4eaac11ed539-b4a0292f {
  justify-self: center;
}

#w-node-c88e7f54-e88c-7c6e-ee17-eea372cecead-b4a0292f {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

#w-node-ac115d56-a478-e0bd-2eeb-37ae40630fc8-b4a0292f {
  justify-self: end;
}

#w-node-b244954a-4293-9cea-7da6-3ae35fd70956-b4a0292f {
  grid-area: 1 / 1 / 2 / 2;
  justify-self: end;
}

#w-node-e9a38a6f-7176-b809-4abe-d49be1dd0aa7-e1dd0aa5 {
  grid-area: 1 / 1 / 2 / 4;
}

#w-node-_495fe4bb-1eb4-c849-c49a-5cccad8d30d6-ad8d30d4 {
  grid-area: 1 / 2 / 2 / 3;
}

#w-node-_495fe4bb-1eb4-c849-c49a-5cccad8d30d7-ad8d30d4 {
  justify-self: start;
}

#w-node-_8cfc6bf8-a7e2-6d8e-559d-431465305201-653051ff {
  grid-area: 1 / 2 / 2 / 3;
}

#w-node-_8cfc6bf8-a7e2-6d8e-559d-431465305206-653051ff {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

#w-node-_59ace817-35d8-d3b7-9703-9ddd51cc6f62-51cc6f5f, #w-node-cabbddca-b7c8-42f4-ed28-64467a033c30-7a033c2e {
  grid-area: 1 / 2 / 2 / 3;
}

#w-node-cabbddca-b7c8-42f4-ed28-64467a033c31-7a033c2e {
  align-self: start;
}

#w-node-_0432f2fe-6546-0967-1ee7-1d05e108d0ff-e108d0fe {
  grid-area: 1 / 2 / 2 / 3;
}

#w-node-_0432f2fe-6546-0967-1ee7-1d05e108d103-e108d0fe {
  justify-self: center;
}

#w-node-e326c97f-54ec-3b66-6fba-d062ab445135-fa515587, #w-node-_63487db6-0a21-5500-b120-5351095666eb-fa515587, #w-node-_15ad7bcc-adbe-af73-40c5-aa5783d70518-fa515587, #w-node-_6ff6e5e5-e09b-a84f-e11d-cee5ab109e1f-fa515587, #w-node-_6ff6e5e5-e09b-a84f-e11d-cee5ab109e23-fa515587, #w-node-_6ff6e5e5-e09b-a84f-e11d-cee5ab109e27-fa515587 {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

#w-node-_575ac3a0-f628-cb94-695b-6557dd7e5ac2-dd7e5ac0 {
  grid-area: 1 / 2 / 2 / 3;
}

#w-node-_575ac3a0-f628-cb94-695b-6557dd7e5afb-dd7e5ac0 {
  justify-self: end;
}

#w-node-b9206b46-9559-c4e0-6189-cdaa455428cc-455428ca {
  grid-area: 1 / 1 / 2 / 3;
}

#w-node-_7e6974a0-0be7-6a57-7f05-93c442256c4a-455428ca, #w-node-_5f2b12a8-bb07-8797-47af-f747878d36d5-455428ca {
  justify-self: start;
}

#w-node-_4993a7bb-c41b-e885-954f-afdd6d747b3a-6d747b38 {
  grid-area: 1 / 2 / 2 / 4;
}

#w-node-d9d1bdcc-b345-3f92-0ced-73f58eca505e-6d747b38 {
  justify-self: start;
}

#w-node-_61a7f3f99c97ebc4ce4a9a27an-705d213e {
  grid-area: 1 / 2 / 2 / 4;
  align-self: start;
}

#w-node-_850d14e8-2cda-440b-8f67-e26c217551ff-217551fd {
  grid-area: 1 / 2 / 2 / 3;
  justify-self: center;
}

#w-node-_850d14e8-2cda-440b-8f67-e26c21755226-217551fd {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

#w-node-_850d14e8-2cda-440b-8f67-e26c21755239-217551fd {
  justify-self: start;
}

#w-node-_0630b250-74ad-49cb-9452-9c180a1ba293-705d2141 {
  grid-area: 1 / 2 / 2 / 3;
}

#w-node-_0630b250-74ad-49cb-9452-9c180a1ba2c7-705d2141 {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

#w-node-_03fe7b25-bc18-85eb-79bc-bc9c1c863561-c5ac082b {
  grid-area: 1 / 2 / 2 / 3;
}

#w-node-_181aec5e-3400-831c-c169-32872cfcf475-c5ac082b {
  justify-self: end;
}

#w-node-_03fe7b25-bc18-85eb-79bc-bc9c1c863564-c5ac082b {
  grid-area: span 1 / span 1 / span 1 / span 1;
  align-self: start;
}

#w-node-_54073d94-813e-f165-241d-edbf93bc13cc-705d2142,#w-node-_1ea3cb08-ff9e-e395-3141-02fc606e6dad-705d2142 {
  grid-area: 1 / 2 / 2 / 3;
}

#w-node-_3c0c03e9-7338-a2ba-78b2-2779391bd4e8-705d2142 {
  grid-area: 1 / 1 / 2 / 2;
}

#buy.w-node-_563ff434-1443-2db3-f482-0ca148565d8a-705d2142 {
  grid-area: 1 / 2 / 2 / 3;
  align-self: start;
  justify-self: start;
}

#w-node-_3cb7f9c2-1f09-2e1a-5cf8-b9c42bc726d8-705d2142 {
  grid-area: 1 / 2 / 2 / 4;
}

#w-node-b8ada274-bb66-7124-9faf-6f7db212b377-705d2142 {
  grid-area: 1 / 1 / 2 / 3;
}

#w-node-b8ada274-bb66-7124-9faf-6f7db212b387-705d2142 {
  justify-self: start;
}

#w-node-_66aa2238-742f-aa04-8685-4d08a60af728-705d2142 {
  grid-area: 1 / 2 / 2 / 4;
}

#w-node-ffa86c75-f896-198a-f483-766bd5ccffe8-705d2142 {
  grid-area: 1 / 2 / 2 / 3;
}

#w-node-ffa86c75-f896-198a-f483-766bd5ccffee-705d2142 {
  justify-self: end;
}

#w-node-ffa86c75-f896-198a-f483-766bd5ccfff6-705d2142 {
  grid-area: 1 / 2 / 2 / 3;
}

#w-node-ffa86c75-f896-198a-f483-766bd5ccfff7-705d2142 {
  grid-area: span 1 / span 4 / span 1 / span 4;
}

#w-node-_3af6ea29-53e4-93fc-01ce-5289abe4b989-abe4b987, #w-node-db0dfc68-8dc0-5c4d-fbc1-b8d9d59f1201-705d2147 {
  grid-area: 1 / 2 / 2 / 3;
}

#w-node-_632c4189-6cb9-87d2-1a91-482b2ac5a0a7-705d2147 {
  grid-area: 1 / 1 / 2 / 2;
  align-self: end;
}

#w-node-_632c4189-6cb9-87d2-1a91-482b2ac5a0a8-705d2147 {
  justify-self: center;
}

#w-node-_61a7f3f99c97eb119a4a9a2dan-705d2147 {
  grid-area: 1 / 2 / 2 / 4;
}

#w-node-_803b050a-d54e-408c-6a8b-b05009f14480-705d2149 {
  grid-area: 1 / 2 / 2 / 3;
}

#w-node-_61a7f3f99c97eb70974a9a2aan-705d2149 {
  grid-area: 1 / 2 / 2 / 4;
}

#w-node-ac335ec4-fbb2-80ee-abe4-ab75201e5d91-705d214a {
  grid-area: 1 / 2 / 2 / 3;
  align-self: end;
}

#w-node-aeace4a0-ba05-f582-866c-a1b2fcd8abc6-705d214a, #w-node-_78e437c2-bc0c-6ebf-5546-03ec17640052-17640050, #w-node-efa62af6-34a5-ede1-d355-2840ca875e8a-ca875e88, #w-node-_256bf36c-bc07-0ba0-1974-f5880ca1c8bc-0ca1c8ba, #w-node-ae661d01-43ba-4ae1-bbf3-b5f209aba045-0ca1c8ba, #w-node-a3a18d98-0759-b7dd-72fa-e01b8011abdd-82a01feb {
  grid-area: 1 / 2 / 2 / 3;
}

#w-node-_97cba682-9ed9-5f02-e0a2-b570fdecbe79-cc346da3 {
  grid-area: 1 / 2 / 2 / 3;
  justify-self: center;
}

#w-node-_97cba682-9ed9-5f02-e0a2-b570fdecbe7a-cc346da3, #w-node-_46c01bc5-7dd6-0a0c-0351-1aff8dcfa0c5-cc346da3 {
  grid-area: 1 / 2 / 2 / 3;
}

#w-node-_46c01bc5-7dd6-0a0c-0351-1aff8dcfa0c9-cc346da3 {
  justify-self: end;
}

#w-node-_52a517fb-27ca-d76f-63e9-dbec5f54f476-cc346da3 {
  grid-area: 2 / 2 / 3 / 3;
}

#w-node-_5d606ba2-490c-6f90-bf90-bc2af856dd05-f856dd03 {
  grid-area: 1 / 1 / 2 / 4;
}

#w-node-_58f78b9b-5d4f-0e63-652c-40522cafc8c3-2cafc8c1 {
  grid-area: 1 / 2 / 2 / 4;
}

#w-node-_72a5da2b-0984-144d-5696-8977183bcf0f-183bcf0d {
  grid-area: 1 / 1 / 2 / 3;
}

#w-node-_43b48d2f-724a-f620-8920-d9c2c348d25f-1f07a887 {
  grid-area: 1 / 2 / 2 / 3;
}

#w-node-_7f6c868b-19e0-c8a0-629e-9aca4ea3ae36-4ea3ae34, #w-node-a8e3fe12-57bc-45ed-648c-b1723a90100c-3a90100a, #w-node-_6d942956-be1d-65c8-9e26-d38576b02a04-76b02a02, #w-node-_52bca7be-c3cd-5c47-f60e-6157adeefa05-adeefa03 {
  grid-area: 1 / 2 / 2 / 4;
}

#w-node-_6b6fa8f4-35e4-3a01-132d-c43bf7ef17c1-f7ef17bf {
  grid-area: 1 / 1 / 2 / 3;
}

#w-node-f256a947-ca28-62b0-11e4-b0ceb86a03e4-f7ef17bf {
  justify-self: start;
}

#w-node-_8c78c8b4-5cf0-fa94-b2a3-968f1fc4d908-1fc4d906 {
  grid-area: 1 / 2 / 2 / 3;
}

#w-node-_8c78c8b4-5cf0-fa94-b2a3-968f1fc4d909-1fc4d906 {
  justify-self: start;
}

#w-node-_52a2b454-b4c4-3848-6af7-ac96ebb951cd-ebb951cb {
  grid-area: 1 / 2 / 2 / 3;
}

#w-node-_52a2b454-b4c4-3848-6af7-ac96ebb951ce-ebb951cb {
  align-self: start;
}

#w-node-_78f7b8f9-cf0b-9191-8899-ce9db600a3fc-4db90cad, #w-node-_78f7b8f9-cf0b-9191-8899-ce9db600a406-4db90cad {
  grid-area: 1 / 2 / 2 / 3;
}

#w-node-_78f7b8f9-cf0b-9191-8899-ce9db600a467-4db90cad {
  justify-self: end;
}

#w-node-_9c4bc2cf-0012-4c4b-1dd1-3fe0d0422b81-afd47f48, #w-node-bc8937ea-6560-e152-b081-7b01444c7db9-444c7db7 {
  grid-area: 1 / 2 / 2 / 3;
}

#w-node-bc8937ea-6560-e152-b081-7b01444c7dba-444c7db7 {
  justify-self: start;
}

#w-node-da4f6ed4-2213-a762-e4bc-e08c4e5b2659-4e5b2657 {
  grid-area: 1 / 2 / 2 / 3;
}

#w-node-da4f6ed4-2213-a762-e4bc-e08c4e5b265a-4e5b2657 {
  justify-self: start;
}

#w-node-_33461e01-9477-a20a-c54a-0aeec9e72a2f-c9e72a2d {
  grid-area: 1 / 2 / 2 / 3;
}

#w-node-_33461e01-9477-a20a-c54a-0aeec9e72a30-c9e72a2d {
  align-self: start;
}

#w-node-_0379f4d2-f257-d9dc-971f-b86621399d71-21399d6f {
  grid-area: 1 / 2 / 2 / 3;
}

#w-node-_0379f4d2-f257-d9dc-971f-b86621399d72-21399d6f {
  justify-self: start;
}

#w-node-f775c75b-3d58-ca8e-3be4-66f9baf5533f-baf5533d {
  grid-area: 1 / 2 / 2 / 3;
}

#w-node-f775c75b-3d58-ca8e-3be4-66f9baf55340-baf5533d {
  align-self: start;
}

#w-node-_9c4bc2cf-0012-4c4b-1dd1-3fe0d0422b81-6334e27a, #w-node-_54f7ee36-463d-ed25-7194-994bffc17eb0-ffc17eae {
  grid-area: 1 / 2 / 2 / 3;
}

#w-node-_54f7ee36-463d-ed25-7194-994bffc17eb5-ffc17eae {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

#w-node-ba5092ab-68e7-9161-2945-a7e2edc75295-edc75293 {
  grid-area: 1 / 2 / 2 / 3;
}

#w-node-ba5092ab-68e7-9161-2945-a7e2edc75296-edc75293 {
  align-self: start;
}

#w-node-_4ce998e6-83b5-b32d-425b-459dd0e19aee-d0e19aec, #w-node-_79a21833-12a0-1231-827a-811906eca2df-06eca2dd {
  grid-area: 1 / 2 / 2 / 3;
}

#w-node-_79a21833-12a0-1231-827a-811906eca2e0-06eca2dd {
  align-self: start;
}

#w-node-_04a6b39d-e873-3c13-b084-486112bbd194-12bbd192 {
  grid-area: 1 / 2 / 2 / 3;
}

@media screen and (min-width: 1440px) {
  #w-node-_4993a7bb-c41b-e885-954f-afdd6d747b3a-6d747b38 {
    grid-column: 2 / 4;
  }

  #w-node-_54073d94-813e-f165-241d-edbf93bc13cc-705d2142, #w-node-_1ea3cb08-ff9e-e395-3141-02fc606e6dad-705d2142 {
    grid-area: 1 / 2 / 2 / 3;
  }

  #w-node-_3c0c03e9-7338-a2ba-78b2-2779391bd4e8-705d2142 {
    grid-area: 1 / 1 / 2 / 2;
  }

  #w-node-_905b3233-5735-8508-68f3-5d7670f6a4ec-705d2142, #w-node-_5bfa7e90-af78-f09e-7a4b-0811bb22f691-705d2142 {
    justify-self: start;
  }

  #w-node-_3cb7f9c2-1f09-2e1a-5cf8-b9c42bc726d8-705d2142, #w-node-_66aa2238-742f-aa04-8685-4d08a60af728-705d2142 {
    grid-column: 2 / 4;
  }

  #w-node-_66aa2238-742f-aa04-8685-4d08a60af732-705d2142 {
    justify-self: start;
  }

  #w-node-ffa86c75-f896-198a-f483-766bd5ccfff7-705d2142 {
    grid-area: span 1 / span 4 / span 1 / span 4;
  }

  #w-node-_58f78b9b-5d4f-0e63-652c-40522cafc8c3-2cafc8c1, #w-node-_7f6c868b-19e0-c8a0-629e-9aca4ea3ae36-4ea3ae34, #w-node-a8e3fe12-57bc-45ed-648c-b1723a90100c-3a90100a, #w-node-_6d942956-be1d-65c8-9e26-d38576b02a04-76b02a02, #w-node-_52bca7be-c3cd-5c47-f60e-6157adeefa05-adeefa03 {
    grid-column: 2 / 4;
  }
}

@media screen and (max-width: 991px) {
  #w-node-acaa87e7-35ad-73eb-698a-15e136e4af85-36e4af77 {
    grid-area: 1 / 1 / 2 / 2;
  }

  #w-node-acaa87e7-35ad-73eb-698a-15e136e4af86-36e4af77, #w-node-bfdd4a9c-cdc2-fcf7-e491-95e918d3e960-b4a0292f {
    grid-area: span 1 / span 1 / span 1 / span 1;
  }

  #w-node-c88e7f54-e88c-7c6e-ee17-eea372cecead-b4a0292f {
    align-self: end;
  }

  #w-node-b244954a-4293-9cea-7da6-3ae35fd70956-b4a0292f {
    justify-self: end;
  }

  #w-node-_495fe4bb-1eb4-c849-c49a-5cccad8d30d6-ad8d30d4 {
    grid-column: 1 / 4;
  }

  #w-node-_575ac3a0-f628-cb94-695b-6557dd7e5afb-dd7e5ac0 {
    grid-area: 1 / 3 / 2 / 4;
  }

  #w-node-b9206b46-9559-c4e0-6189-cdaa455428cc-455428ca {
    grid-column: 1 / 4;
  }

  #w-node-b9206b46-9559-c4e0-6189-cdaa455428cd-455428ca {
    order: 9999;
  }

  #w-node-_4993a7bb-c41b-e885-954f-afdd6d747b3a-6d747b38 {
    grid-column: 1 / 4;
  }

  #w-node-_4993a7bb-c41b-e885-954f-afdd6d747b45-6d747b38 {
    order: 9999;
  }

  #w-node-_850d14e8-2cda-440b-8f67-e26c217551ff-217551fd {
    grid-column-end: 3;
  }

  #w-node-ea6c894d-efb6-59bb-cf41-265019cd1b18-c5ac082b {
    grid-area: 1 / 1 / 2 / 2;
    justify-self: end;
  }

  #w-node-_03fe7b25-bc18-85eb-79bc-bc9c1c863570-c5ac082b {
    grid-area: 1 / 2 / 2 / 3;
    align-self: center;
    justify-self: center;
  }

  #w-node-_03fe7b25-bc18-85eb-79bc-bc9c1c863572-c5ac082b {
    grid-area: 1 / 3 / 2 / 4;
    justify-self: end;
  }


  #w-node-_3c0c03e9-7338-a2ba-78b2-2779391bd4e8-705d2142, #buy.w-node-_563ff434-1443-2db3-f482-0ca148565d8a-705d2142, #w-node-_63d32b81-bf51-1fed-72d1-6b1679f24538-705d2142 {
    grid-area: span 1 / span 1 / span 1 / span 1;
  }

  #w-node-_3635a43e-7bb4-d48a-e9fb-8516ef5d17c3-705d2142 {
    grid-area: 1 / 1 / 2 / 2;
  }

  #buy.w-node-_563ff434-1443-2db3-f482-0ca148565d8a-705d2142 {
    grid-area: span 1 / span 1 / span 1 / span 1;
  }

  #w-node-cece7e33-8750-2c26-97e3-3c2d7dca34cc-705d2142 {
    grid-area: 1 / 1 / 2 / 2;
  }

  #w-node-_3cb7f9c2-1f09-2e1a-5cf8-b9c42bc726d8-705d2142 {
    grid-column: 1 / 4;
  }

  #w-node-_3cb7f9c2-1f09-2e1a-5cf8-b9c42bc726ec-705d2142 {
    order: 9999;
  }

  #w-node-b8ada274-bb66-7124-9faf-6f7db212b377-705d2142 {
    grid-column: 1 / 4;
  }

  #w-node-b8ada274-bb66-7124-9faf-6f7db212b378-705d2142 {
    order: 9999;
  }

  #w-node-_66aa2238-742f-aa04-8685-4d08a60af728-705d2142 {
    grid-column: 1 / 4;
  }

  #w-node-_66aa2238-742f-aa04-8685-4d08a60af737-705d2142 {
    order: 9999;
  }

  #w-node-ffa86c75-f896-198a-f483-766bd5ccfff6-705d2142 {
    grid-column: 1 / 4;
  }

  #w-node-_3af6ea29-53e4-93fc-01ce-5289abe4b98f-abe4b987 {
    justify-self: end;
  }

  #w-node-_58f78b9b-5d4f-0e63-652c-40522cafc8c3-2cafc8c1 {
    grid-column: 1 / 4;
  }

  #w-node-_58f78b9b-5d4f-0e63-652c-40522cafc8d0-2cafc8c1 {
    order: 9999;
  }

  #w-node-_72a5da2b-0984-144d-5696-8977183bcf0f-183bcf0d {
    grid-column: 1 / 4;
  }

  #w-node-_72a5da2b-0984-144d-5696-8977183bcf10-183bcf0d {
    order: 9999;
  }

  #w-node-_7f6c868b-19e0-c8a0-629e-9aca4ea3ae36-4ea3ae34 {
    grid-column: 1 / 4;
  }

  #w-node-_7f6c868b-19e0-c8a0-629e-9aca4ea3ae46-4ea3ae34 {
    order: 9999;
  }

  #w-node-a8e3fe12-57bc-45ed-648c-b1723a90100c-3a90100a {
    grid-column: 1 / 4;
  }

  #w-node-a8e3fe12-57bc-45ed-648c-b1723a901020-3a90100a {
    order: 9999;
  }

  #w-node-_6d942956-be1d-65c8-9e26-d38576b02a04-76b02a02 {
    grid-column: 1 / 4;
  }

  #w-node-_6d942956-be1d-65c8-9e26-d38576b02a14-76b02a02 {
    order: 9999;
  }

  #w-node-_52bca7be-c3cd-5c47-f60e-6157adeefa05-adeefa03 {
    grid-column: 1 / 4;
  }

  #w-node-_52bca7be-c3cd-5c47-f60e-6157adeefa15-adeefa03 {
    order: 9999;
  }

  #w-node-_6b6fa8f4-35e4-3a01-132d-c43bf7ef17c1-f7ef17bf {
    grid-column: 1 / 4;
  }

  #w-node-_6b6fa8f4-35e4-3a01-132d-c43bf7ef17c2-f7ef17bf {
    order: 9999;
  }

  #w-node-_8c78c8b4-5cf0-fa94-b2a3-968f1fc4d908-1fc4d906, #w-node-bc8937ea-6560-e152-b081-7b01444c7db9-444c7db7, #w-node-da4f6ed4-2213-a762-e4bc-e08c4e5b2659-4e5b2657, #w-node-_0379f4d2-f257-d9dc-971f-b86621399d71-21399d6f {
    grid-column: 1 / 4;
  }
}

@media screen and (max-width: 767px) {
  #w-node-_2d061e47-8591-cef8-e74a-cae07bf2d3f1-b4a0292f {
    justify-self: stretch;
  }

  #w-node-_6f4ab776-537c-e04b-9d5f-54edce8b93bd-b4a0292f, #w-node-c88e7f54-e88c-7c6e-ee17-eea372cecead-b4a0292f, #w-node-ac115d56-a478-e0bd-2eeb-37ae40630fc8-b4a0292f {
    justify-self: center;
  }

  #w-node-ea6c894d-efb6-59bb-cf41-265019cd1b18-c5ac082b, #w-node-ea6c894d-efb6-59bb-cf41-265019cd1b18-c5ac082b {
    place-self: start;
  }

  #w-node-_181aec5e-3400-831c-c169-32872cfcf475-c5ac082b {
    justify-self: start;
  }

  #w-node-_54073d94-813e-f165-241d-edbf93bc13cc-705d2142, #w-node-_1ea3cb08-ff9e-e395-3141-02fc606e6dad-705d2142 {
    grid-area: 1/2/2/3;
  }

  #w-node-ffa86c75-f896-198a-f483-766bd5ccffee-705d2142, #w-node-_46c01bc5-7dd6-0a0c-0351-1aff8dcfa0c9-cc346da3 {
    justify-self: start;
  }
}

@media screen and (max-width: 479px) {
  #w-node-acaa87e7-35ad-73eb-698a-15e136e4af85-36e4af77 {
    grid-row: 1 / 2;
  }

  #w-node-_8cfc6bf8-a7e2-6d8e-559d-431465305201-653051ff, #w-node-_850d14e8-2cda-440b-8f67-e26c217551ff-217551fd {
    grid-column: 2 / 3;
  }

  #w-node-_850d14e8-2cda-440b-8f67-e26c21755238-217551fd, #w-node-_850d14e8-2cda-440b-8f67-e26c2175523a-217551fd {
    grid-area: span 1 / span 1 / span 1 / span 1;
  }

  #w-node-_0630b250-74ad-49cb-9452-9c180a1ba293-705d2141 {
    grid-column: 2 / 3;
  }

  #w-node-_03fe7b25-bc18-85eb-79bc-bc9c1c863561-c5ac082b {
    grid-column: 2 / 3;
    justify-self: stretch;
  }

  #w-node-ea6c894d-efb6-59bb-cf41-265019cd1b18-c5ac082b {
    justify-self: center;
  }

  #w-node-_03fe7b25-bc18-85eb-79bc-bc9c1c863570-c5ac082b {
    grid-column: 1 / 2;
  }

  #w-node-_1ea3cb08-ff9e-e395-3141-02fc606e6dad-705d2142 {
    grid-column-end: 3;
  }

  #w-node-_3cb7f9c2-1f09-2e1a-5cf8-b9c42bc726d8-705d2142 {
    grid-column: 1 / 4;
  }

  #w-node-_66aa2238-742f-aa04-8685-4d08a60af728-705d2142 {
    grid-column: 2 / 3;
  }

  #w-node-ffa86c75-f896-198a-f483-766bd5ccfff6-705d2142 {
    grid-column-start: 1;
  }

  #w-node-_52bca7be-c3cd-5c47-f60e-6157adeefa05-adeefa03, #w-node-_78f7b8f9-cf0b-9191-8899-ce9db600a406-4db90cad {
    grid-column: 1 / 4;
  }

  #w-node-_54f7ee36-463d-ed25-7194-994bffc17eb0-ffc17eae {
    grid-column: 2 / 3;
  }
}


@font-face {
  font-family: 'Gotham';
  src: url(//steepmtntea.com/cdn/shop/t/102/assets/gotham-black.otf?v=57580151177009797281772477595) format('opentype');
  font-weight: 900;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'Gotham';
  src: url(//steepmtntea.com/cdn/shop/t/102/assets/gotham-bookitalic.otf?v=39094670666391692871772477597) format('opentype'), url(//steepmtntea.com/cdn/shop/t/102/assets/gotham-ultraitalic.otf?v=149776376408292279561772477601) format('opentype');
  font-weight: 400;
  font-style: italic;
  font-display: swap;
}
@font-face {
  font-family: 'Gotham';
  src: url(//steepmtntea.com/cdn/shop/t/102/assets/gotham-blackitalic.otf?v=176952504170638313001772477596) format('opentype');
  font-weight: 900;
  font-style: italic;
  font-display: swap;
}
@font-face {
  font-family: 'Gotham';
  src: url(//steepmtntea.com/cdn/shop/t/102/assets/gotham-xlightitalic.otf?v=181995530798570297111772477602) format('opentype'), url(//steepmtntea.com/cdn/shop/t/102/assets/gotham-lightitalic.otf?v=104663656789770430611772477598) format('opentype');
  font-weight: 300;
  font-style: italic;
  font-display: swap;
}
@font-face {
  font-family: 'Gotham';
  src: url(//steepmtntea.com/cdn/shop/t/102/assets/gotham-bold.otf?v=180319333917824300941772477596) format('opentype');
  font-weight: 700;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'Gotham';
  src: url(//steepmtntea.com/cdn/shop/t/102/assets/gotham-thin.otf?v=44500151132614573661772477600) format('opentype');
  font-weight: 100;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'Gotham';
  src: url(//steepmtntea.com/cdn/shop/t/102/assets/gotham-mediumitalic.otf?v=15869794232526549191772477599) format('opentype');
  font-weight: 500;
  font-style: italic;
  font-display: swap;
}
@font-face {
  font-family: 'Gotham';
  src: url(//steepmtntea.com/cdn/shop/t/102/assets/gotham-bolditalic.otf?v=165231866981799372091772477597) format('opentype');
  font-weight: 700;
  font-style: italic;
  font-display: swap;
}
@font-face {
  font-family: 'Gotham';
  src: url(//steepmtntea.com/cdn/shop/t/102/assets/gotham-light.otf?v=105014508558491963451772477598) format('opentype'), url(//steepmtntea.com/cdn/shop/t/102/assets/gotham-xlight.otf?v=142614365158592940991772477601) format('opentype');
  font-weight: 300;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'Gotham Book';
  src: url(//steepmtntea.com/cdn/shop/t/102/assets/gotham-book.otf?v=17158739503373491641772477597) format('opentype');
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'Gotham';
  src: url(//steepmtntea.com/cdn/shop/t/102/assets/gotham-medium.otf?v=137081728320512116061772477599) format('opentype');
  font-weight: 500;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'Gotham';
  src: url(//steepmtntea.com/cdn/shop/t/102/assets/gotham-thinitalic.otf?v=5002508825898422381772477600) format('opentype');
  font-weight: 100;
  font-style: italic;
  font-display: swap;
}
@font-face {
  font-family: 'Gotham Ultra';
  src: url(//steepmtntea.com/cdn/shop/t/102/assets/gotham-ultra.otf?v=174237323702792617181772477600) format('opentype');
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}