/** Shopify CDN: Minification failed

Line 32:0 Unexpected "#"

**/
/* Banner heading alignment block logic (like buttons) */
.banner__box > .banner__heading.flex-center {
  margin-left: auto;
  margin-right: auto;
  text-align: center;
}
.banner__box > .banner__heading.flex-end {
  margin-left: auto;
  margin-right: 0;
  text-align: right;
}
.banner__box > .banner__heading.flex-start {
  margin-left: 0;
  margin-right: auto;
  text-align: left;
}
/* Banner heading alignment utility classes */
.banner__box > .banner__heading.flex-center {
  text-align: center;
}
.banner__box > .banner__heading.flex-end {
  text-align: right;
}
.banner__box > .banner__heading.flex-start {
  text-align: left;
}
# Banner image banner button alignment
.banner__box > .banner__buttons.flex-center {
  margin-left: auto;
  margin-right: auto;
}
.banner__box > .banner__buttons.flex-end {
  margin-left: auto;
  margin-right: 0;
}
/* image banner section */
.banner {
  display: flex;
  position: relative;
  flex-direction: column;
}

/* Banner text alignment utility classes */
.banner__box > .banner__text.flex-center,
.banner__box > .banner__text.flex-end,
.banner__box > .banner__text.flex-start {
  display: block;
  align-self: stretch;
}
.banner__box > .banner__text.flex-center {
  text-align: center;
}
.banner__box > .banner__text.flex-end {
  text-align: right;
}
.banner__box > .banner__text.flex-start {
  text-align: left;
}



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

  .banner::before {
    display: none !important;
  }

  .banner__content {
    width: 90%;
    margin: 0 auto;
  }
}

.banner__content {
  padding: 0;
  display: flex;
  position: absolute;
  width: 100%;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  height: 100%;
  align-items: center;
  justify-content: center;
  z-index: 2;
}

@media screen and (max-width: 749px) {
  .banner--mobile-bottom:not(.banner--stacked) .banner__content .banner__box {
      order: 2;
      align-self: flex-end;
      background: white;
  
    .tag__text, .banner__text, .banner__heading {
      color: #353535;
    }

  }
}

  @media screen and (max-width: 749px) {
  .banner__content {
    align-items: start;

  }
}

@media screen and (min-width: 750px) {
  .banner__content {
    padding: 5rem;
  }
}

  .banner__content--center {
    align-items: center;
    justify-content: center;
  }

  .banner__content--flex-start {
    align-items: flex-start;
    padding-top: 15rem;
  }

  .banner__content--flex-end {
    align-items: flex-end;
  }
  .banner__content--left-center{
  	justify-content: flex-start;
  }
  .banner__content--right-center{
  	justify-content: flex-end;
  }

.banner__box {
  border: 0;
  padding: 6rem 1.5rem;
  position: relative;
  height: fit-content;
  align-items: initial;
  width: 100%;
}

.page-width.banner__content .banner__box {
  max-width: 100%;
}

@media screen and (min-width: 750px) {
  .banner--desktop-transparent .banner__box {
    background-color: transparent;
    --color-foreground: 255, 255, 255;
    --color-button: 255, 255, 255;
    --color-button-text: 0, 0, 0;
    max-width: 89rem;
  }
}

@media screen and (max-width: 749px) {
  .banner--mobile-bottom::after {
    display: none;}

}

.banner::after {
  content: '';
  position: absolute;
  background: #000000;
  opacity: 0;
  z-index: 1;
  width: 100%;
  height: 100%;
}

.banner__box > .banner__buttons {
  display: flex;
  align-items: baseline;
  gap: 1rem;
  flex-wrap: wrap;
  margin-bottom: 1rem;
}

.banner__box > * + .banner__buttons--multiple {
  display: flex;
  max-width: 45rem;
  flex-wrap: wrap;
  align-items: baseline;
}

@media screen and (min-width: 750px) {
  .banner__box > * + .banner__buttons {
    margin-top: 2rem;
    margin-bottom: 2rem;
  }
}

.banner__content .button:last-child {
  margin-right: 0;
}

.banner--desktop-transparent > .banner__text {
  color: white;
}

.banner__box > * + .banner__text {
  margin-top: 1.5rem;
  font-size: 20px;
  line-height: 30px;
  letter-spacing: normal;
}


 .banner--small .banner__media .media {
    padding-bottom: unset !important;
  }

  .banner--medium .banner__media .media {
    padding-bottom: unset !important;
  }

   .banner--large .banner__media .media {
    padding-bottom: unset !important;
  }


  .banner__box {
    background: transparent;
    color: white;

    .tag__text, .banner__text, .banner__heading {
      color: white;
    }
  }

@media screen and (min-width: 750px) {
  .banner--small .banner__media .media {
    min-height: 450px;
    padding-bottom: 0 !important;
  }

  .banner--medium .banner__media .media {
        min-height: 650px;
        padding-bottom: 0 !important;
  }

   .banner--large .banner__media .media {
       min-height: 850px;
       padding-bottom: 0 !important;
  }

  .banner__box > * + .banner__text {
    margin-top: .2rem;
  }


  .banner__box.color-accent-1 {
    background: #6C785A;
    color: white;

    .tag__text, .banner__text, .banner__heading {
      color: white;
    }
  }

  .banner__box.color-accent-2 {
    color: #353535;
    background: #F2F0E9;

    .tag__text, .banner__text, .banner__heading {
      color: #353535;
    }
  }

  .banner__box.color-background-1 {
    background: white;
    
    .tag__text, .banner__text, .banner__heading {
      color: #353535;
    }
  }

  .banner__box.color-background-2 {
    background: #EBEBEB;

    .tag__text, .banner__text, .banner__heading {
      color: #353535;
    }
  }

  .banner__box.color-inverse {
    background: #353535;

    .tag__text, .banner__text, .banner__heading {
      color: white;
    }
  }

  .banner__box.banner--desktop-transparent {
    background: transparent ;
    
  .tag__text, .banner__text, .banner__heading {
      color: white;
    }
  }
  
}

@media screen and (min-width: 1400px) {
  .banner--small .banner__media .media {
    min-height: 600px;
    padding-bottom: 0 !important;
  }

  .banner--medium .banner__media .media {
        min-height: 800px;
        padding-bottom: 0 !important;
  }

   .banner--large .banner__media .media {
       min-height: 1000px;
       padding-bottom: 0 !important;
  }

  .banner__box > * + .banner__text {
    margin-top: .2rem;
  }


  .banner__box.color-accent-1 {
    background: #6C785A;
    color: white;

    .tag__text, .banner__text, .banner__heading {
      color: white;
    }
  }

  .banner__box.color-accent-2 {
    color: #353535;
    background: #F2F0E9;

    .tag__text, .banner__text, .banner__heading {
      color: #353535;
    }
  }

  .banner__box.color-background-1 {
    background: white;
    
    .tag__text, .banner__text, .banner__heading {
      color: #353535;
    }
  }

  .banner__box.color-background-2 {
    background: #EBEBEB;

    .tag__text, .banner__text, .banner__heading {
      color: #353535;
    }
  }

  .banner__box.color-inverse {
    background: #353535;

    .tag__text, .banner__text, .banner__heading {
      color: white;
    }
  }

  .banner__box.banner--desktop-transparent {
    background: transparent ;
    
  .tag__text, .banner__text, .banner__heading {
      color: white;
    }
  }
  
}

.banner__box > * + * {
  margin-top: 1rem;
}

.banner__box > *:first-child {
  margin-top: 0;
}



@media screen and (max-width: 749px) {
  .banner--stacked .banner__box {
    width: 100%;
  }

   .banner__box > * + .banner__text {
    margin-top: .2rem;
    font-size: 18px;
    line-height: 27px;
  }
}

@media screen and (min-width: 750px) {
  .banner__box {
    padding: 5rem;
    width: auto;
    max-width: 71rem;
    min-width: 45rem;
  }

  .banner__box > .banner__buttons:only-child .button {
    margin-top: 0;
  }
}

@media screen and (min-width: 1400px) {
  .banner__box {
    max-width: 90rem;
  }
}

.banner__box.banner__box--full-width {
    max-width: var(--ec-container-md);
}

.banner__box.banner__box--full-width .banner__text {
    text-transform: none;
    letter-spacing: 0;
    line-height: 30px;
    color: 
}

.banner__heading > *,
.banner__text > * {
  word-wrap: break-word;
}

.tag__text {
  color: var(--ec-white);
  font-family: var(--font-ibm);
  text-transform: uppercase;
  font-size: 14px;
  line-height: 16px;
  letter-spacing: normal;
}

.banner__heading {
  margin-bottom: 1rem;
  font-family: var(--font-garamond);
  font-feature-settings: "lnum" 1;
}
  .banner__heading {
    margin-top: 0px;
  }

@media screen and (max-width: 750px) {
    .banner__heading {
      margin-bottom: 1rem;
  }
}

.banner__logo {
  max-width: 250px;
  margin: 0;
}

/*  Main Product Section  */
.product {
  margin: 0;
  padding-top: 3rem;
}

.product__specs-wrapper{
  border-top: 1px solid #d1d3d6;
  padding-top: 2rem;
  margin-top: 3rem;
}

.product--no-media {
  max-width: 57rem;
  margin: 0 auto;
}

.product__media-wrapper {
  padding-left: 0;
}

/* REORDER MOBILE */

.reorder-mobile .product__info-container .product__text,
.reorder-mobile .product__info-container .product__title,
.product__media-wrapper .product-info-mobile,
.reorder-mobile .product__info-container .price-review-wrap .yotpo.bottomLine {
  display: none;
}

.reorder-mobile .product__info-container .price-review-wrap .price {
  font-size: 3rem;
}

.reorder-mobile .product__media-wrapper .product-info-mobile {
  display: block;
}

.reorder-mobile .product__media-wrapper .product__title {
  font-size: 3rem;
  text-transform: capitalize;
}

@media (min-width: 750px) {
  .reorder-mobile .product__info-container .product__text,
  .reorder-mobile .product__info-container .product__title,
  .reorder-mobile .product__info-container .price-review-wrap .yotpo.bottomLine {
    display: block;
  }

  .reorder-mobile .product__info-container .price-review-wrap .price {
    font-size: 1.2rem;
  }

  .reorder-mobile .product__media-wrapper .product-info-mobile {
    display: none;
  }
}
.klaviyo_form_trigger {
  display: block;
  font-family: var(--font-ibm) !important;
  border-radius: 3px;
  padding-top: 5px !important;
  padding-bottom: 5px !important;
  padding-right: 20px !important;
  padding-left: 20px !important;
  margin-bottom: -18px;
  font-weight: normal;
  font-size: 14px !important;
  color: white;
  text-transform: uppercase;
  letter-spacing: 0px !important;
  border: none;
  background-color: var(--ec-ember);
  cursor: pointer;
  margin: 20px 0 !important;
}
.product__info-wrapper {
  padding-left: 0;
  padding-bottom: 0;
}
@media screen and (max-width: 749px) {
  .product-section {
    margin-top: 0;
  }
  .product__specs-wrapper{
  	padding-top: 0;
  }
  .product__specs-wrapper h2{
  	margin-bottom: 0px;
    padding: 1rem 1rem 1rem 0;
    position: relative;
    border-bottom: 1px solid #d1d3d6;
        font-size: 1.5rem;
  }
  .product__specs-wrapper h2::after{
  	position: absolute;
    top: 50%;
    right: 1rem;
    transform: translateY(-50%);
    content: "+";
  }
  .product__specs-wrapper h2.active::after{
  	content: "-";
  }
  .product__specs-content{
  	display: none;
  }
}

@media screen and (min-width: 750px) {
  .product__info-container--sticky {
    position: sticky;
    top: 3rem;
    z-index: 2;
  }

  .product__info-wrapper {
    padding-left: 5rem;
  }

  .product__media-container .slider-buttons {
    display: none;
  }

  /* STICKY SIDE SCROLL DESKTOP */
  .sticky-side-scroll-desktop .page-width > .product:not(.product--no-media):not(.featured-product) > .product__info-wrapper {
    position: fixed;
    background-color: white;
    width: 42%;
    right: 1rem;
    top: 15rem;
    z-index: 1;
  }
  .sticky-side-scroll-desktop .product__specs-wrapper {
    flex-direction: column;
    max-width: 58%;
  }
  .sticky-side-scroll-desktop .product__specs-wrapper .grid {
    flex-direction: column;
  }
  .sticky-side-scroll-desktop .product__specs-wrapper .grid--2-col-tablet .grid__item {
    width: auto;
    max-width: none;
  }
  .sticky-side-scroll-desktop .shopify-section.spaced-section .shopify-block.shopify-app-block,
  .sticky-side-scroll-desktop .shopify-section.spaced-section .product-recommendations {
    max-width: 58%;
    margin-left: 0 !important;
    margin-right: auto !important;
  }
}

/* STICKY SIDE SCROLL DESKTOP */
@media screen and (min-width: 1200px) {
  .sticky-side-scroll-desktop .product:not(.product--no-media):not(.featured-product) .product__info-wrapper {
    width: 463px;
    right: calc(((100vw - var(--page-width)) / 2) + 5rem);
  }
}

@media screen and (min-width: 990px) {
  .product:not(.product--no-media):not(.featured-product) .product__media-wrapper {
    width: calc(50% - 20px);
  }

  .product:not(.product--no-media):not(.featured-product) .product__info-wrapper {
    width: calc(50% - 20px);
    padding-left: 0;
  }
}

/* Dynamic checkout */

.shopify-payment-button__button {
  border-radius: 0;
  font-family: inherit;
  min-height: 4.6rem;
}

.shopify-payment-button__button [role="button"].focused,
.no-js .shopify-payment-button__button [role="button"]:focus {
  outline: .2rem solid rgba(var(--color-foreground),.5) !important;
  outline-offset: 0.3rem;
  box-shadow: 0 0 0 .1rem rgba(var(--color-button),var(--alpha-button-border)),0 0 0 .3rem rgb(var(--color-background)),0 0 .5rem .4rem rgba(var(--color-foreground),.3) !important;
}

.shopify-payment-button__button [role="button"]:focus:not(:focus-visible) {
  outline: 0;
  box-shadow: none !important;
}

.shopify-payment-button__button [role="button"]:focus-visible {
  outline: .2rem solid rgba(var(--color-foreground),.5) !important;
  box-shadow: 0 0 0 .1rem rgba(var(--color-button),var(--alpha-button-border)),0 0 0 .3rem rgb(var(--color-background)),0 0 .5rem .4rem rgba(var(--color-foreground),.3) !important;
}

.shopify-payment-button__button--unbranded {
  background-color: rgba(var(--color-button), var(--alpha-button-background));
  box-shadow: 0 0 0 0.1rem rgba(var(--color-button), var(--alpha-button-border));
  color: rgb(var(--color-button-text));
  font-size: 1.4rem;
  line-height: calc(1 + 0.2 / var(--font-body-scale));
  letter-spacing: 0.07rem;
}

.shopify-payment-button__button--unbranded::selection {
  background-color: rgba(var(--color-button-text), 0.3);
}

.shopify-payment-button__button--unbranded:hover,
.shopify-payment-button__button--unbranded:hover:not([disabled]) {
  background-color: rgba(var(--color-button), var(--alpha-button-background));
  box-shadow: 0 0 0 0.2rem rgba(var(--color-button), var(--alpha-button-border));
}

.shopify-payment-button__more-options {
  margin: 1.6rem 0 1rem;
  font-size: 1.2rem;
  line-height: calc(1 + 0.5 / var(--font-body-scale));
  letter-spacing: 0.05rem;
  text-decoration: underline;
  text-underline-offset: 0.3rem;
}

.shopify-payment-button__button--hidden {
  display: none;
}

/* Product form */

.product-form {
  display: block;
}

.product-form__error-message-wrapper:not([hidden]) {
  font-size: 1.2rem;
  margin-bottom: 1.5rem;
}

.product-form__error-message-wrapper svg {
  flex-shrink: 0;
  width: 1.2rem;
  height: 1.2rem;
  margin-right: 0.7rem;
  margin-top: 0.5rem;
}

/* Form Elements */
.product-form__input {
  flex: 0 0 100%;
  padding: 0;
  margin: 0 0 1.2rem 0;
  max-width: 37rem;
  min-width: fit-content;
  border: none;
}

variant-radios,
variant-selects {
  display: block;
}

.product-form__input--dropdown {
  margin-bottom: 1.6rem;
}

.product-form__input .form__label {
  padding-left: 0;
}

fieldset.product-form__input .form__label {
  margin-bottom: 1rem;
}
  fieldset.product-form__input .form__label-detail{
    font-size: 1.6rem;
    font-weight: 700;
  }
.product-form__input input[type='radio'] {
  clip: rect(0, 0, 0, 0);
  overflow: hidden;
  position: absolute;
  height: 1px;
  width: 1px;
}

.product-form__input input[type='radio'] + label {
  border: 0.1rem solid rgba(var(--color-foreground), 0.55);
  border-radius: 4rem;
  color: rgb(var(--color-foreground));
  display: inline-block;
  margin: 7px 9px 0 0;
  padding: 1rem 2rem;
  font-size: 1.4rem;
  letter-spacing: 0.1rem;
  line-height: 1;
  text-align: center;
  transition: border var(--duration-short) ease;
  cursor: pointer;
}

.product-form__input input[type='radio'] + label:hover {
  border: 0.1rem solid rgb(var(--color-foreground));
}

.product-form__input input[type='radio']:checked + label {
  background-color: var(--ec-green-tint-3);
  color: rgb(var(--color-background));
}

@media screen and (forced-colors: active) {
  .product-form__input input[type=radio]:checked + label {
    text-decoration: underline;
  }
}

.product-form__input input[type='radio']:checked + label::selection {
  background-color: rgba(var(--color-background), 0.3);
}

.product-form__input input[type='radio']:disabled + label {
  border-color: rgba(var(--color-foreground), 0.1);
  color: rgba(var(--color-foreground), 0.4);
  text-decoration: line-through;
}
.product-form__input input[type='radio']:focus-visible + label {
  box-shadow: 0 0 0 0.3rem rgb(var(--color-background)),
    0 0 0 0.5rem rgba(var(--color-foreground), 0.55);
}

.product-form__option-values [role="radio"]:focus-visible {
  outline: 0.2rem solid var(--ec-blue, rgb(var(--color-foreground)));
  outline-offset: 0.2rem;
}

.sizes__list [role="radio"]:focus-visible {
  outline: 0.2rem solid var(--ec-blue, rgb(var(--color-foreground)));
  outline-offset: 0.2rem;
}

/* Fallback */
.product-form__input input[type='radio'].focused + label,
.no-js .shopify-payment-button__button [role="button"]:focus + label {
  box-shadow: 0 0 0 0.3rem rgb(var(--color-background)),
    0 0 0 0.5rem rgba(var(--color-foreground), 0.55);
}

/* No outline when focus-visible is available in the browser */
.no-js .product-form__input input[type='radio']:focus:not(:focus-visible) + label {
  box-shadow: none;
}

  .product-form__input input[type=radio] + .color-swatch-wrapper label.color-swatch,
  .product-form__input .color-swatch-wrapper label.color-swatch {
  	font-size: 0;
    width: 80px;
    height: 80px;
    background-size: cover;
    border-radius: 50%;
    border: 3px solid var(--ec-white);
    padding: 0;
    box-sizing: border-box;
    position: relative;
    overflow: visible;
    text-indent: -9999px;
    line-height: 0;
  }

  .product-form__input input[type=radio] + .color-swatch-wrapper label.color-swatch .color-swatch__sale-indicator,
  .product-form__input .color-swatch-wrapper label.color-swatch .color-swatch__sale-indicator {
    position: absolute;
    top: -1px;
    right: -1px;
    width: 8px;
    height: 8px;
    background-color: var(--ec-ember);
    border-radius: 50%;
    border: 1px solid var(--ec-white);
    z-index: 3;
  }

  .color-swatch-wrapper {
    position: relative;
    display: inline-block;
    height: fit-content;
    line-height: 0;
  }

  .color-swatch-wrapper--on-sale .color-swatch__sale-label {
    position: absolute;
    top: 125%;
    left: 50%;
    font-size: 10px;
    color: var(--ec-ember);
    white-space: nowrap;
    pointer-events: none;
    opacity: 1;
    visibility: visible;
  }

  .product-form__input input[type='radio'] + .color-swatch-wrapper label.color-swatch:hover,
  .product-form__input .color-swatch-wrapper label.color-swatch:hover {
    border: 3px solid var(--ec-white);
    box-shadow: 0 0 0 1px var(--ec-black);
  }
  
  .product-form__input input[type='radio']:checked + .color-swatch-wrapper label.color-swatch,
  .product-form__input .color-swatch-wrapper.is-selected label.color-swatch {
    border: 3px solid var(--ec-white);
    box-shadow: 0 0 0 1px var(--ec-black);
  }

.product-form__input .select {
  max-width: 25rem;
}

.product-form__submit {
  margin-bottom: 1rem;
}

/* STICKY ADD TO CART BUTTON */
/* added this button to html */
/* always hide unless sticky-add-to-cart-mobile test is live */
.sticky-button-wrapper {
  display: none;
}

/* if the sticky button is in the modal don't show it
because it interferes with adding a modal to mobile */
.modal__inner .sticky-button-wrapper {
  display: none !important;
}

@media (max-width: 750px) {
  .sticky-add-to-cart-mobile .sticky-button-wrapper {
    display: block;
    position: fixed;
    bottom: 0;
    z-index: 2;
    left: 50%;
    transform: translate(-50%)!important;
    width: 100vw;
    background-color: white;
    padding: 1rem;
  }

  .sticky-add-to-cart-mobile .sticky-button-wrapper button {
    margin-bottom: 0 !important;
  }
}

  .product__estimated-date{
  	font-weight: bold;
    text-align: center;
    font-size: 15px;
  }
.no-js .product-form__submit.button--secondary {
  --color-button: var(--color-base-accent-1);
  --color-button-text: var(--color-base-solid-button-labels);
  --alpha-button-background: 1;
}

.product-form__submit[aria-disabled="true"] + .shopify-payment-button,
.product-form__submit[disabled] + .shopify-payment-button {
  display: none;
}
  .product-form__submit[disabled] + .product__estimated-date{
  	display: none;
  }
@media screen and (forced-colors: active) {
  .product-form__submit[aria-disabled="true"] {
    color: Window;
  }
}

/* Overrides */
.shopify-payment-button__more-options {
  color: rgb(var(--color-foreground));
}

.shopify-payment-button__button {
  font-size: 1.5rem;
  letter-spacing: 0.1rem;
}

/* Product info */

.product__info-container {
  padding-top: 40px;
}

.product__info-container .yotpo-widget-instance {
  margin-top: 5px !important;
  margin-bottom: 2.5rem;
}

.product__info-container .iamota-accordion.wrapper .accordion__title .svg svg {
  width: 10px;
  height: 10px;
}

.product__info-container > * + * {
  margin: 1.5rem 0;
}

 .product__short-description {
    margin: 24px 0;
 }
 
.product__info-container .product-form,
.product__info-container .product__description {
  margin: 0 0 2.5rem 0;
}

.product__text {
  margin-bottom: 0;
}

a.product__text {
  display: block;
  text-decoration: none;
  color: rgba(var(--color-foreground), 0.75);
}

.product__text.caption-with-letter-spacing {
  text-transform: uppercase;
  font-family: var(--font-ibm);
}

.product__title {
  word-break: break-word;
  margin-bottom: 0;
}

.product__title + .product__text.caption-with-letter-spacing {
  margin-top: -1.5rem;
}

.product__text.caption-with-letter-spacing + .product__title {

}

.product__accordion .accordion__content {
  padding: 0 1rem;
}

.product .price {
  align-items: flex-start;
}

.product .price .badge {
  margin-top: 0.5rem;
  margin-bottom: 0.5rem;
}

.product .price dl {
  margin-top: 0.5rem;
  margin-bottom: 0.5rem;
}

.product .price--sold-out .price__badge-sold-out {
  background: transparent;
  color: rgb(var(--color-background));
  border: none;
}

.product .price--sold-out .price__badge-sale {
  display: none;
}

@media screen and (min-width: 750px) {
  .product__info-container .price--on-sale .price-item--regular {
    font-size: 1.8rem;
  }

  .product__info-container > *:first-child {
    margin-top: 0;
  }
}

.product__description-title {
  font-weight: 600;
}

.product--no-media .product__title,
.product--no-media .product__text,
.product--no-media noscript .product-form__input,
.product--no-media .product__tax  {
  text-align: center;
}

.product__tax {
  margin-top: -1.4rem;
}

.product--no-media noscript .product-form__input,
.product--no-media .share-button {
  max-width: 100%;
}

.product--no-media fieldset.product-form__input,
.product--no-media .product-form__quantity,
.product--no-media .product-form__input--dropdown,
.product--no-media .share-button,
.product--no-media .product__view-details,
.product--no-media .product__pickup-availabilities,
.product--no-media .product-form {
  display: flex;
  align-items: center;
  justify-content: center;
  text-align: center;
}

.product--no-media .product-form {
  flex-direction: column;
}

.product--no-media .product-form > .form {
  max-width: 30rem;
  width: 100%;
}

.product--no-media .product-form__quantity,
.product--no-media .product-form__input--dropdown {
  flex-direction: column;
  max-width: 100%;
}

.product--no-media fieldset.product-form__input {
  flex-wrap: wrap;
  margin: 0 auto 1.2rem auto;
}

.product--no-media .product__info-container > modal-opener {
  display: block;
  text-align: center;
}

.product--no-media .product-popup-modal__button {
  padding-right: 0;
}

.product--no-media .price {
  justify-content: center;
}

.product--no-media .product__info-wrapper {
  padding-left: 0;
}

/* Product media */

@media screen and (max-width: 749px) {
  .product__media-list {
    margin-left: -2.5rem;
    padding-bottom: 2rem;
    margin-bottom: 3rem;
    width: calc(100% + 4rem);
  }

  .product__media-wrapper slider-component {
    margin-left: -1.5rem;
    margin-right: -1.5rem;
  }

  .slider.slider--mobile.product__media-list {
    padding-bottom: 0;
    margin-bottom: 0.5rem;
  }

  .slider.product__media-list::-webkit-scrollbar {
    height: 0.2rem;
    width: 0.2rem;
  }

  .product__media-list::-webkit-scrollbar-thumb {
    background-color: rgb(var(--color-foreground));
  }

  .product__media-list::-webkit-scrollbar-track {
    background-color: rgba(var(--color-foreground), 0.2);
  }

  .product__media-list .product__media-item {
    width: calc(100% - 3rem);
  }

  .slider.product__media-list .product__media-item:first-of-type {
    padding-left: 1.5rem;
  }
}

@media screen and (min-width: 750px) {
  .product__media-item:first-child {
    width: 100%;
  }

  .product-media-modal__content > .product__media-item--variant.product__media-item--variant {
    display: none;
  }

  .product-media-modal__content > .product__media-item--variant:first-child {
    display: block;
  }
}

.product__media-item--variant {
  display: none;
}

.product__media-item--variant:first-child {
  display: block;
}

@media screen and (min-width: 750px) and (max-width: 989px) {
  .product__media-list .product__media-item:first-child {
    padding-left: 0;
  }

  .product__media-list .product__media-item {
    padding: 0 0 0.5rem;
    width: 100%;
  }
}

.product__media-icon .icon {
  width: 1.2rem;
  height: 1.4rem;
}

.product__media-icon {
  background-color: rgb(var(--color-background));
  border-radius: 50%;
  border: 0.1rem solid rgba(var(--color-foreground), 0.1);
  color: rgb(var(--color-foreground));
  display: flex;
  align-items: center;
  justify-content: center;
  height: 3rem;
  width: 3rem;
  position: absolute;
  left: 1.5rem;
  top: 1.5rem;
  z-index: 1;
  transition: color var(--duration-short) ease,
    opacity var(--duration-short) ease;
}

.product__media-video .product__media-icon {
  opacity: 1;
}

.product__modal-opener:hover .product__media-icon {
  border: 0.1rem solid rgba(var(--color-foreground), 0.1);
}

@media screen and (min-width: 750px) {
  .grid__item.product__media-item--full {
    width: 100%;
  }
}

@media screen and (min-width: 990px) {
  .product__modal-opener .product__media-icon {
    opacity: 0;
  }

  .product__modal-opener:hover .product__media-icon,
  .product__modal-opener:focus .product__media-icon {

  }
}

.product__media-item > * {
  display: block;
  position: relative;
}

.product__media-toggle {
  background-color: transparent;
  border: none;
  cursor: pointer;
  display: block;
  margin: 0;
  padding: 0;
  position: absolute;
  top: 0;
  left: 0;
  z-index: 2;
  height: 100%;
  width: 100%;
}

.product-media-modal {
  background-color: rgb(var(--color-background));
  height: 100%;
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  visibility: hidden;
  opacity: 0;
  z-index: -1;
}

.product-media-modal[open] {
  visibility: visible;
  opacity: 1;
  z-index: 101;
}

.product-media-modal__dialog {
  display: flex;
  align-items: center;
  height: 100vh;
}

.product-media-modal__content {
  max-height: 100vh;
  width: 100%;
  overflow: auto;
}

.product-media-modal__content > *:not(.active),
.product__media-list .deferred-media {
  display: none;
}

@media screen and (min-width: 750px) {
  .product-media-modal__content {
    padding-bottom: 2rem;
  }

  .product-media-modal__content > *:not(.active) {
    display: block;
  }

  .product__modal-opener:not(.product__modal-opener--image) {
    display: none;
  }

  .product__media-list .deferred-media {
    display: block;
  }
}

.product__media-list .deferred-media,
.product__media-list .product__modal-opener {
  border: 0.1rem solid rgba(var(--color-foreground), 0.04);
}

.product-media-modal__content > * {
  display: block;
  height: auto;
  margin: auto;
  border: 0.1rem solid rgba(var(--color-foreground), 0.04);
}

.product-media-modal__content .media {
  background: none;
}

.product-media-modal__model {
  width: 100%;
}

.product-media-modal__toggle {
  background-color: rgb(var(--color-background));
  border: 0.1rem solid rgba(var(--color-foreground), 0.1);
  border-radius: 50%;
  color: rgba(var(--color-foreground), 0.55);
  display: flex;
  align-items: center;
  justify-content: center;
  cursor: pointer;
  right: 2rem;
  padding: 1.2rem;
  position: fixed;
  z-index: 2;
  top: 2rem;
  width: 4rem;
}

.product-media-modal__content .deferred-media {
  width: 100%;
}

@media screen and (min-width: 750px) {
  .product-media-modal__content {
    padding: 2rem 11rem;
  }

  .product-media-modal__content > * {
    width: 100%;
  }

  .product-media-modal__content > * + * {
    margin-top: 2rem;
  }

  .product-media-modal__toggle {
    right: 5rem;
    top: 2.2rem;
  }
}

@media screen and (min-width: 990px) {
  .product-media-modal__content {
    padding: 2rem 11rem;
  }

  .product-media-modal__content > * + * {
    margin-top: 1.5rem;
  }

  .product-media-modal__content {
    padding-bottom: 1.5rem;
  }

  .product-media-modal__toggle {
    right: 5rem;
  }
}

.product-media-modal__toggle:hover {
  color: rgba(var(--color-foreground), 0.75);
}

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

/* Product popup */

.product-popup-modal {
  box-sizing: border-box;
  opacity: 0;
  position: fixed;
  visibility: hidden;
  z-index: -1;
  margin: 0 auto;
  top: 0;
  left: 0;
  overflow: auto;
  width: 100%;
  background: rgba(var(--color-foreground), 0.2);
  height: 100%;
}

.product-popup-modal[open] {
  opacity: 1;
  visibility: visible;
  z-index: 101;
}

.product-popup-modal__content {
  background-color: rgb(var(--color-background));
  overflow: auto;
  height: 80%;
  margin: 0 auto;
  left: 50%;
  transform: translateX(-50%);
  margin-top: 5rem;
  width: 92%;
  position: absolute;
  top: 0;
  padding: 0 1.5rem 0 3rem;
}

@media screen and (min-width: 750px) {
  .product-popup-modal__content {
    padding-right: 1.5rem;
    margin-top: 10rem;
    width: 70%;
    padding: 0 3rem;
  }
}

.product-popup-modal__content img {
  max-width: 100%;
}

@media screen and (max-width: 749px) {
  .product-popup-modal__content table {
    display: block;
    max-width: fit-content;
    overflow-x: auto;
    white-space: nowrap;
    margin: 0;
  }
}

.product-popup-modal__opener {
  display: inline-block;
}

.product-popup-modal__button {
  font-size: 1.6rem;
  padding-right: 1.3rem;
  padding-left: 0;
  height: 4.4rem;
  text-underline-offset: 0.3rem;
  text-decoration-thickness: 0.1rem;
  transition: text-decoration-thickness var(--duration-short) ease;
}

.product-popup-modal__button:hover {
  text-decoration-thickness: 0.2rem;
}

.product-popup-modal__content-info {
  padding-right: 4.4rem;
}

.product-popup-modal__content-info > * {
  height: auto;
  margin: 0 auto;
  max-width: 100%;
  width: 100%;
}

@media screen and (max-width: 749px) {
  .product-popup-modal__content-info > * {
    max-height: 100%;
  }
}

.product-popup-modal__toggle {
  background-color: rgb(var(--color-background));
  border: 0.1rem solid rgba(var(--color-foreground), 0.1);
  border-radius: 50%;
  color: rgba(var(--color-foreground), 0.55);
  display: flex;
  align-items: center;
  justify-content: center;
  cursor: pointer;
  position: sticky;
  padding: 1.2rem;
  z-index: 2;
  top: 1.5rem;
  width: 4rem;
  margin: 0 0 0 auto;
}

.product-popup-modal__toggle:hover {
  color: rgba(var(--color-foreground), 0.75);
}

.product-popup-modal__toggle .icon {
  height: auto;
  margin: 0;
  width: 2.2rem;
}

  .product__media-thumbnails{
    width: 100%;
  }
  .product__media-thumbnails .slick-list{
    margin-top: 5px;
    height: auto;
  }
  @media screen and (min-width: 990px) {
    .product__media-thumbnails .slick-list {
      margin-top: 10px;
    }
  }
  .product__media-thumbnails .slick-arrow{
    font-size: 0;
    background: transparent;
    border: 0;
    height: 28px;
    background-size: 1.2rem;
    background-position: center;
    background-repeat: no-repeat;
    cursor: pointer;
    margin: 0px;
    top: 50%;
    transform: translateY(-50%);
  }
  .product__media-thumbnails .slick-arrow.slick-disabled{
  	opacity: 0;
  }
  .product__media-thumbnails .slick-arrow.slick-prev{
  	background-image: url(/cdn/shop/files/arrow-up.svg?v=1641372625);
    left: -25px;
  }
  .product__media-thumbnails .slick-arrow.slick-next{
  	background-image: url(/cdn/shop/files/arrow-down.svg?v=1641372625);
    right: -25px;
  }

  .product__thumb-item{
    position: relative;
    aspect-ratio: 1/1;
    width: 100%;
  }
  .product__media-thumbnail-cell img{
    height: 100%;
    width: 100%;
    -o-object-fit: cover;
    object-fit: cover;
  }
  .product__media-thumbnail-cell.slick-current .product__thumb-item{
  	border: 2px solid var(--ec-blue);
  }
  .product__media-thumbnail-cell .product__thumb-item {
    border: 1px solid #D1D3D6;
  }
  .product-form__hr{
  	margin: 3rem 0;
  }
  /* Accelated Checkout */
  .shopify-payment-button {
    margin-top: 10px;

    .accelerated-checkout-button {
      border: 1px solid red;
      --gravity-button-border-radius: 20px !important;
    }

    .shopify-payment-button__more-options {
      font-size: 14px;
      margin-top: 10px;
    }
  }
  .add_wishlist-trigger{
  	text-decoration: none;
        color: rgb(var(--color-foreground));
  }
  .add_wishlist-trigger svg{
  	width: 13px;
  }
  .add_local_widget{
  	margin: 0px;
        clear: both;
    display: table;
  }
  .add_local_widget::after{
  	clear: both;
    content: '';
  }
  .product__media-wrapper .slider-mobile-gutter {
    padding: 0;
  }
  @media (max-width: 749px) {
    .product__media-wrapper .slider-mobile-gutter{
    	padding: 0 15px;
    }
  }

  .main-page-wrapper{
  	margin: 50px auto;
  }

/* Accordion - iamota */
.iamota-accordion.wrapper {
    border-bottom: 1px solid #D1D3D6;
    padding-top: 16px;
    padding-bottom: 16px;
}

.iamota-accordion h3 {
  font-family: 'inter';
  font-size: 16px;
  line-height: 2.2rem;
  font-weight: 500;
  margin-bottom: -2px;
}

.iamota-accordion .accordion__button {
  border: none;
  background: none;
}

.iamota-accordion.wrapper .accordion__title {
    display: flex;
    justify-content: space-between;
    color: var(--ec-dark-grey);
    transition: .25s all;
    width: 100%;
    max-width: 100%;
    background: none;
    border: none;
    padding: 0;
    outline: inherit;
    letter-spacing: inherit;
    font-family: var(--font-body-family);
    text-transform: inherit;
    text-align: left;
    align-items: center;
    font-size: 16px;
    font-weight: 500;
}

.iamota-accordion.wrapper .accordion__title:hover {
    cursor: pointer;
}

.iamota-accordion.wrapper .accordion__title .svg {
  width: 39.5px;
  height: 37px;
  position: relative;
  top: 0;
  background: none;
  border: none;
  padding: 0;
  cursor: pointer;
}

.iamota-accordion.wrapper .accordion__title.toggled {
    color: var(--ec-black);
    margin-bottom: 1.2rem;
}

.iamota-accordion.wrapper .accordion__content {
    overflow: hidden;
    max-height: 0;
    visibility: hidden;
    margin-bottom: 0;
}


.iamota-accordion.wrapper .accordion__content.toggled {
    max-height: 100%;
    visibility: visible;
}

.iamota-accordion.toggled .accordion__content.toggled {
  max-height: 100%;
  visibility: visible;
}

.iamota-accordion.wrapper .accordion__title .svg {
    width: 39.5px;
    height: 37px;
    position: relative;
    top: 0;
    background: none;
    border: none;
    padding: 0;
    cursor: pointer;
    margin: auto 0;
}

.iamota-accordion.wrapper .accordion__title .svg {
  display: flex;
  justify-content: center;
  align-items: center;
  border-radius: 100%;
  top: 0;
  color: var(--ec-black);
}

.iamota-accordion.wrapper .accordion__title:hover .svg {
  background: var(--ec-green-tint-3);
  color: var(--ec-white);
}

.iamota-accordion.wrapper .accordion__title .svg svg {
    position: absolute;
    width: 10px;
    height: 10px;
}


.iamota-accordion.wrapper .accordion__title .svg svg:last-child {
opacity: 0;
}

.iamota-accordion.wrapper .accordion__title.toggled .svg svg:last-child {
    opacity: 1;
}

.iamota-accordion.wrapper .accordion__title.toggled .svg svg:first-child {
    opacity: 0;
}

.iamota-accordion.wrapper .accordion__title .svg svg path {
    fill: currentColor;
    transition: .25s all;
}

.iamota-accordion.wrapper .accordion__heading,
.iamota-accordion.wrapper .accordion__heading {
    flex: 1 1 100%;
    color: var(--ec-black);
    font-size: 16px;
    margin: 0;
    font-family: var(--font-inter);
}
  
/* Warrant Bar Accordion */
.warranty-bar-accordion .wrapper {
  border-bottom: none;
  padding-top: 0;
  padding-bottom: 0;
}

.warranty-bar-accordion .wrapper .accordion__title {
  color: white;
  transition: .25s all;
  min-height: auto;
}

.warranty-bar-accordion .wrapper .accordion__title:hover {
  color: white;
  cursor: pointer;
}

.warranty-bar-accordion .wrapper .accordion__title.toggled {
  color: white;
}

.warranty-bar-accordion .wrapper .accordion__content {
  overflow: hidden;
  max-height: 0;
  visibility: hidden;
  margin-bottom: 0;
}

.warranty-bar-accordion .wrapper .accordion__title.toggled+.accordion__content {
  max-height: 100%;
  visibility: visible;
  color: var(--ec-black);
}

.warranty-bar-accordion .wrapper .accordion-title__container.toggled+.accordion__content {
max-height: 100%;
visibility: visible;
}

.warranty-bar-accordion .wrapper .accordion__title .svg {
  width: 20px;
  height: 20px;
  position: relative;
  display: inline-block;
}

.warranty-bar-accordion .wrapper .accordion__title .svg svg {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
}

.warranty-bar-accordion .wrapper .accordion__title .svg svg:last-child {
opacity: 0;
}

.warranty-bar-accordion .wrapper .accordion__title.toggled .svg svg:last-child {
  opacity: 1;
}

.warranty-bar-accordion .wrapper .accordion__title.toggled .svg svg:first-child {
  opacity: 0;
}

.warranty-bar-accordion .wrapper .accordion__title .svg svg path {
  fill: currentColor;
  transition: .25s all;
}

.warranty-bar-accordion .wrapper .accordion__title h6 {
  flex: 1 1 100%;
  color: inherit;
  font-size: 16px;
  padding-right: 16px;
  margin: 0;
}

#BIS_trigger {
  margin-top: 20px;
}

/* Pack It */

html {scroll-behavior: smooth;}

body.packit-template .banner .banner__box::before {
  content: '';
  background:url('/cdn/shop/files/packit-logo.svg?v=1720807718');
  width: 200px;
  height: 58px;
  margin: 0 auto 20px auto;
  display: block;
}

body.packit-template .banner .banner__heading {
  letter-spacing: 0px;
}

body.packit-template .multicolumn-section .button {
  background-color: #19374a;
  color: white;
}

body.packit-template .multicolumn-section .button:hover {
  background-color: #071b28;
  color: white;
  border: 2px solid #444546;
}

body.packit-template .grid-image-prod-slider .slick-dots li.slick-active button {
  background: #444546;
  border: 1px solid #444546;
}

body.packit-template .intro-block .intro-block__container {
  padding-top: 4rem;
}

body.packit-template .image-with-text-section, body.packit-template .multicolumn-section, body.packit-template .intro-block, body.packit-template .image-overlay-3-columns {
  margin-top: -5rem;
  padding-top: 5rem;
}

body.packit-template .multicolumn-card__info:has(.button) {

  @media (max-width: 680px) {
    padding: 0;

    .button {
      display: flex;
    }
  }
}

body.packit-template .multicolumn-card__info:has(h4, .rte) {
  padding: 10px;

  .button {
    display: inline-flex;
  }
}

body.packit-template .locally {
  margin-top: -2rem;
  padding-top: 5rem;
}

body.packit-template .image-with-text-section, body.packit-template .image-with-text-section .color-background-1, body.packit-template .multicolumn-section, body.packit-template .intro-block, body.packit-template .image-overlay-3-columns, body.packit-template .packit-collection-background, body.packit-template .locally {
  background-color: #f7f5f1;
}

.svg-locally-heart {
  color: red !important;
}

body.packit-template .packit-image-overlay {
  background: linear-gradient(0deg, #fff 65%, #f7f5f1 65%)
}

body.packit-template .grid-image-prod-slider {
  background: linear-gradient(0deg, #f7f5f1 8%, #fff 8%)
}

body.packit-template .content-panels-video-upload {
  background: linear-gradient(0deg, #f7f5f1 50%, #fff 50%)
}

body.packit-template .content-panels-video-upload + .intro-block {
  scroll-behavior: smooth;
  margin-top: -2rem;
  padding-top: 5rem;
}

body.packit-template .image-overlay-3-columns a:hover h2 {
  text-decoration: underline !important;
}


/*************************************************
CUSTOM STYLINGS FOR 50th LP (page.origin-series & page.tour-travel-pack)
**************************************************/


/*************************************************
CUSTOM STYLINGS FOR 50th LP 
**************************************************/

/* Not sure where these sections are... */
#shopify-section-template--17743685845129__video_upload_xMyAFj .page-width--narrow {
  padding: 0;
  width: 100%;
  max-width: 100%;
  margin: 0;
}

#shopify-section-template--17743686828169__video_upload_RUEkX9::after {
  content: '';
  display: block;
  position: absolute;
  width: 100%;
  height: 70%;
  top: 50%;
  left: 0;
  background-color: #F3F0E9;
  z-index: -1;
}

/* https://www.eaglecreek.com/pages/50th-anniversary */

body.origin-series-template .content-panels-video-upload  .page-width {
  padding: 0;
}

/* Video Section with Custom Liquid at top of page */
/* Custom Liquid id added in Theme Editor */
body.origin-series-template .custom-liquid #custom-liquid__video {
  position: relative;
  padding-bottom: 10%;
}


body.origin-series-template .custom-liquid #custom-liquid__video::after {
  content: '';
  display: block;
  position: absolute;
  background: #686F5F;
  width: 100%;
  height: 100%;
  z-index: -1;
  top: 0;
  left: 0;
  transform: translate(0,-55%);
}

body.origin-series-template .custom-liquid #custom-liquid__video::before {
  content: '';
  display: block;
  position: absolute;
  background: #f3f0e9;
  width: 100%;
  height: 100%;
  z-index: -1;
  top: 50%;
  left: 0;
  transform: translate(0, -5%);
}

body.origin-series-template .custom-liquid #custom-liquid__video::after {
  transform: translate(0,-52%);
}

@media screen and (min-width: 1440px) {
  body.origin-series-template .custom-liquid #custom-liquid__video .video-container::before {
    content: "";
    display: block;
    position: absolute;
    width: 48px;
    height: 44px;
    background: url(/cdn/shop/files/Globe-Icon.png?v=1738703641);
    background-size: 100%;
    background-repeat: no-repeat;
    right: 0;
    top: 0;
    transform: translate(370%, 150%);
  }

  body.origin-series-template .custom-liquid #custom-liquid__video .video-container::after {
    content: "";
    display: block;
    position: absolute;
    width: 88px;
    height: 80px;
    background: url(/cdn/shop/files/Years-Icon.png?v=1738703641);
    background-size: 100%;
    background-repeat: no-repeat;
    right: 0;
    bottom: 0;
    transform: translate(220%, -80%);
  }
}


/* Banner Section */

#Banner-start-exploring .banner__box {
  padding: 5%;
}

#Banner-start-exploring .banner__box h2 {
  font-size: 32px;
}


#Banner-start-exploring .banner__buttons .button {
  background-color: #C8C1A5;
  outline: none;
  border: 0;
  width: 50%;
  /* display: inline; */
  flex-grow: inherit;
}


/* Image with Text Section 2 */
.shopify-section:has(#fifty-years) {
  margin: 10% 0 3.3%;
}

#fifty-years .image-with-text__content-text-first {
  color: #8E9890;
  padding: 15% 0;
}

#fifty-years .image-with-text__content-text-first h2 {
  color: #8E9890;
}

/* ID provided in section settings */
#origin-decades .image-with-text__content {
  align-items: normal;
  justify-content: end;
}

#origin-decades .image-with-text__content h2::before {
    content: "";
    display: block;
    width: 50%;
    max-width: 220px;
    margin: 0 auto;
    height: 0;
    padding-bottom: 90%;
    background-image: url(/cdn/shop/files/Tour-Travel-Pack-Hero-Img.png?v=1738361735);
    background-size: 100%;
    background-repeat: no-repeat;
    margin-bottom: 20%;
}

/* Tour Travel Pack page */
.shopify-section:has(#put-it-on) .image-with-text__content {
  align-items: normal;
  justify-content: end;
}



.shopify-section:has(#put-it-on) .image-with-text__content h2:before {
    content: "";
    position: relative;
    display: block;
    width: 100%;
    height: 0;
    padding-bottom: 56%;
    background-image: url(/cdn/shop/files/TTP-3-Bag-Hero.png?v=1738622488);
    background-size: 100%;
    background-repeat: no-repeat;
    margin-bottom: 11%;
    top: 0;
    left: 0;
    transform: translate(0%);
}

.shopify-section:has(#guaranteed) {
  position: relative;
  background: none;
}

.shopify-section:has(#guaranteed)::before {
    content: "";
    display: block;
    background-image: url(/cdn/shop/files/Huge-EC-background-logo.png?v=1738363668);
    background-size: 100%;
    background-repeat: no-repeat;
    width: 80%;
    height: 0;
    padding-bottom: 77%;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    z-index: -1;
    opacity: 0.1;
}




.shopify-section:has(#travel-hacks) {
  position: relative;
}


.shopify-section:has(#travel-hacks) .image-with-text--wide-image .grid__item--text::after {
    content: "";
    display: block;
    position: absolute;
    background: url(/cdn/shop/files/TTP-50th-Faint-Logo.png?v=1738619222);
    width: 84%;
    height: 0;
    background-size: 100%;
    background-repeat: no-repeat;
    padding-bottom: 52%;
    z-index: 1;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
  }


.shopify-section:has(#put-it-on) {
  position: relative;
  margin-bottom: 10%;
}

.shopify-section:has(#put-it-on)::before {
  content: '';
  display:block;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 14%;
  background-color: #C8C1A5;
}

.shopify-section:has(#multicolumn-tour-multicolumn-1) .page-width,
.shopify-section:has(#multicolumn-tour-multicolumn-2) .page-width,
.shopify-section:has(#multicolumn-tour-multicolumn-3) .page-width {
    width: 100%;
    max-width: 100%;
    padding: 0;
}


.shopify-section:has(#multicolumn-tour-multicolumn-1) .multicolumn-card-content--overlay,
.shopify-section:has(#multicolumn-tour-multicolumn-2) .multicolumn-card-content--overlay,
.shopify-section:has(#multicolumn-tour-multicolumn-3) .multicolumn-card-content--overlay {
  position: relative;
  top: 0 !important;
  left: 0 !important;
  transform: translate(0,0) !important;
  padding: 15% 5%;
}


/* BLOG MODULE */

.shopify-section:has(#multicolumn-fifty-years-outfitting),
.shopify-section:has(#multicolumn-tour-travel-pack) {
  position: relative;
}

.shopify-section:has(#multicolumn-fifty-years-outfitting)::after {
  content: "";
  display: block;
  width: 100%;
  height: 150%;
  position: absolute;
  top: 0;
  z-index: -1;
  transform: translate(0px, -20%);
  background: rgba(201, 193, 166, 0.3);
}

.shopify-section:has(#multicolumn-tour-travel-pack)::after {
  content: "";
  display: block;
  width: 100%;
  height: 160%;
  position: absolute;
  top: 0;
  z-index: -1;
  transform: translate(0px, -20%);
  background: rgba(201, 193, 166, 0.3);
}

.shopify-section:has(#multicolumn-fifty-years-outfitting) ul.multicolumn-list,
.shopify-section:has(#multicolumn-tour-travel-pack) ul.multicolumn-list {
  justify-content: center;
}

.shopify-section:has(#multicolumn-fifty-years-outfitting) ul .multicolumn-list__item.grid__item:first-of-type {
  background-color: #C8C1A5;
}

.shopify-section:has(#multicolumn-fifty-years-outfitting) ul .multicolumn-list__item.grid__item h3,
.shopify-section:has(#multicolumn-tour-travel-pack) ul .multicolumn-list__item.grid__item h3 {
  margin-top: 15px;
  margin-bottom: 0;
}

.shopify-section:has(#multicolumn-tour-travel-pack) .media--transparent {
  margin-bottom: 30px;
}


.shopify-section:has(#multicolumn-fifty-years-outfitting) ul .multicolumn-list__item.grid__item:first-of-type .multicolumn-card-content--overlay {
  top: 50%;
  left: 0;
  transform: translate(0px, -50%);
  color: white;
}

.shopify-section:has(#Banner-get-going) {
  margin-top: 0;
}


.shopify-section:has(#multicolumn-tour-travel-pack) ul .multicolumn-list__item.grid__item:first-of-type .multicolumn-card-content--overlay h3 {
  position: relative;
  color: white;
}

.shopify-section:has(#multicolumn-fifty-years-outfitting) ul .multicolumn-list__item.grid__item:first-of-type .multicolumn-card-content--overlay h3 {
  color: #686F5F;
}

.shopify-section:has(#multicolumn-fifty-years-outfitting) ul .multicolumn-list__item.grid__item:first-of-type .multicolumn-card-content--overlay h3:before,
.shopify-section:has(#multicolumn-tour-travel-pack) ul .multicolumn-list__item.grid__item:first-of-type .multicolumn-card-content--overlay h3:before{
  content: '';
  display: block;
  width: 96px;
  height: 60px;
  background: url('/cdn/shop/files/EC-50th-White-Overlay-logo.png?v=1738782620');
  background-size: 100%;
  background-repeat: no-repeat;
  margin-bottom: 15px;
}

.shopify-section:has(#multicolumn-fifty-years-outfitting) ul .multicolumn-list__item.grid__item:first-of-type .multicolumn-card-content--overlay h3:before {
  content: '';
  display: block;
  width: 96px;
  height: 60px;
  background: url('/cdn/shop/files/EC-50th-Tan-Overlay-logo.png?v=1738810844');
  background-size: 100%;
  background-repeat: no-repeat;
  margin-bottom: 15px;
}

/* BLOG MODULE */

.shopify-section:has(#not-just-a-bag) .grid__item.grid__item--text {
  background-color: #1c374c;
}


.shopify-section:has(#not-just-a-bag) .image-with-text__text {
  align-items: center;
  text-align: left;
  justify-content: center;
  color: white;
  
  padding: 15% 12%;
}

.shopify-section:has(#not-just-a-bag) .image-with-text__text h2 {
  color: white;
}

.shopify-section:has(#multicolumn-tour-multicolumn-1) .grid--4-col-tablet .grid__item:last-of-type,
.shopify-section:has(#multicolumn-tour-multicolumn-2) .grid--4-col-tablet .grid__item:last-of-type,
.shopify-section:has(#multicolumn-tour-multicolumn-3) .grid--4-col-tablet .grid__item:last-of-type {
  display: none;
}

.shopify-section:has(#multicolumn-tour-multicolumn-3) .grid {
  margin: 0;
  padding: 0 0 10%;
}

.shopify-section:has(#multicolumn-tour-travel-pack) .rte>p:first-child {
  margin-top: 1em;
}


/* TABLE */

.shopify-section:has(#travel-pack-table) table {
  width: 100%;
  border-top: 20px solid #f9f7f4;
  border-bottom: 20px solid #f9f7f4;
}

.shopify-section:has(#travel-pack-table) tr td {
  padding: 5px 12px;
}

.shopify-section:has(#travel-pack-table) tr td h3 {
  font-size: 13px;
}

.shopify-section:has(#travel-pack-table) tr td img {
  width: 20px;
}

.shopify-section:has(#travel-pack-table) table th {
  font-size: 13px;
  line-height: 1.4;
}


/* ARROW BUTTONS */
.shopify-section:has(#put-it-on) .image-with-text__text p a,
#origin-decades .image-with-text__text p a,
#fifty-years .image-with-text__text p a {
  position: relative;
}
.shopify-section:has(#put-it-on) .image-with-text__text p a::after,
#origin-decades .image-with-text__text p a::after,
#fifty-years .image-with-text__text p a::after {
  content: "";
  display: block;
  position: absolute;
  right: 0;
  top: 50%;
  height: 0;
  border-top: 4px solid transparent;
  border-bottom: 4px solid transparent;
  border-left: 5px solid #C8C1A5;
  transform: translate(10px, -50%);
  transition: all 444ms;
  
}

.shopify-section:has(#put-it-on) .image-with-text__text p a:hover::after,
#origin-decades .image-with-text__text p a:hover::after,
#fifty-years .image-with-text__text p a:hover::after {
  transform: translate(16px, -50%);
}

.shopify-section:has(#tour-video) {
  position: relative;
}

.shopify-section:has(#tour-video)::after {
  content: '';
  display: block;
  position: absolute;
  width: 100%;
  height: 50%;
  top: 50%;
  background-color: #f3f0e9;
  z-index: -1;
}


@media screen and (min-width: 750px) {
  
    #fifty-years .image-with-text__content-text-first,
    .shopify-section:has(#guaranteed) .image-with-text__content-text-first {
      text-align: left;
      margin-left: 0;
      align-items: flex-start;
    }

    .shopify-section:has(#guaranteed) .image-with-text__content-text-first {
      padding: 6rem 13rem 0;
      color: #686F5F;
      justify-content: center;
    }

    .shopify-section:has(#guaranteed) .image-with-text__content-text-first h2 {
      color: #686F5F;
    }

    #fifty-years .image-with-text__content-text-first {
      padding: 6rem;
    }

  .shopify-section:has(#not-just-a-bag) .image-with-text__text {
    padding: 0;
  }

  .shopify-section:has(#multicolumn-tour-multicolumn-3) .grid {
    padding: 0;
  }

  .shopify-section:has(#travel-pack-table) table th {
    font-size: 24px;
  }

  .shopify-section:has(#travel-pack-table) tr td h3 {
    font-size: 16px;
  }

}

.banner__content--xpad {
  padding-left: 20rem;
}

@media screen and (min-width: 960px) {



  #Banner-start-exploring .banner__media .banner__content {
    position: absolute;
  }

  


  .shopify-section:has(#put-it-on) .image-with-text__content h2::before {
    width: 150%;
    padding-bottom: 85%;
    background-image: url(/cdn/shop/files/TTP-3-Bag-Hero.png?v=1738622488);
    background-size: 100%;
    background-repeat: no-repeat;
    margin-bottom: 20%;
    transform: translate(-20%);
}

  #origin-decades .image-with-text__content h2::before {
    content: "";
    display: block;
    width: 70%;
    max-width: 220px;
    margin: 0;
    height: 0;
    padding-bottom: 90%;
    background-image: url(/cdn/shop/files/Tour-Travel-Pack-Hero-Img.png?v=1738361735);
    background-size: 100%;
    background-repeat: no-repeat;
    margin-bottom: 20%;
  }


  
  
  /* GRID HACK ON TTP */
  .shopify-section:has(#multicolumn-tour-multicolumn-1) .grid--4-col-tablet .grid__item,
  .shopify-section:has(#multicolumn-tour-multicolumn-2) .grid--4-col-tablet .grid__item,
  .shopify-section:has(#multicolumn-tour-multicolumn-3) .grid--4-col-tablet .grid__item {
        width: calc(28% - .75rem);
        max-width: 28%;
    }

  .shopify-section:has(#multicolumn-tour-multicolumn-1) .grid--4-col-tablet .grid__item:last-of-type,
  .shopify-section:has(#multicolumn-tour-multicolumn-2) .grid--4-col-tablet .grid__item:last-of-type,
  .shopify-section:has(#multicolumn-tour-multicolumn-3) .grid--4-col-tablet .grid__item:last-of-type {
    display: block;
    width: calc(18% - .75rem);
    max-width: 17%;

  }

  .shopify-section:has(#multicolumn-tour-multicolumn-1) .grid--4-col-tablet .grid__item:last-of-type .media,
  .shopify-section:has(#multicolumn-tour-multicolumn-2) .grid--4-col-tablet .grid__item:last-of-type .media,
  .shopify-section:has(#multicolumn-tour-multicolumn-3) .grid--4-col-tablet .grid__item:last-of-type .media {
    padding-bottom: 162% !important;
  }

  .shopify-section:has(#multicolumn-tour-multicolumn-1) .multicolumn-card-content--overlay,
  .shopify-section:has(#multicolumn-tour-multicolumn-2) .multicolumn-card-content--overlay,
  .shopify-section:has(#multicolumn-tour-multicolumn-3) .multicolumn-card-content--overlay {
    position: relative;
    top: 0 !important;
    left: 0 !important;
    transform: translate(0,0) !important;
    padding: 0%;
  }


  .shopify-section:has(#multicolumn-fifty-years-outfitting) ul .multicolumn-list__item.grid__item:first-of-type {
    width: calc(25% - 1rem* 2 / 3);
    max-width: 25%;
  }


  .shopify-section:has(#multicolumn-tour-travel-pack)::after {
    content: "";
    display: block;
    width: 100%;
    height: 260%;
    position: absolute;
    top: 0;
    z-index: -1;
    transform: translate(0px, -20%);
    background: rgba(201, 193, 166, 0.3);
  }


  .shopify-section:has(#travel-pack-table) table {
    width: 80%;
  }

  .shopify-section:has(#travel-pack-table) tr td {
    padding: 1em;
  }




}

@media screen and (min-width: 990px) {
    body.origin-series-template .content-panels-video-upload  .page-width--narrow {
        max-width: 100%;
        padding: 0;
    }
}


/* image banner section */
.banner {
  display: flex;
  position: relative;
  flex-direction: column;
}



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

  .banner::before {
    display: none !important;
  }

  .banner__content {
    width: 90%;
    margin: 0 auto;
  }
}

.banner__content {
  padding: 0;
  display: flex;
  position: absolute;
  width: 100%;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  height: 100%;
  align-items: center;
  justify-content: center;
  z-index: 2;
}

@media screen and (max-width: 749px) {
  .banner--mobile-bottom:not(.banner--stacked) .banner__content .banner__box {
      order: 2;
      align-self: flex-end;
      background: white;
  
    .tag__text, .banner__text, .banner__heading {
      color: #353535;
    }

  }
}

  @media screen and (max-width: 749px) {
  .banner__content {
    align-items: start;

  }
}

@media screen and (min-width: 750px) {
  .banner__content {
    padding: 5rem;
  }
}

  .banner__content--center {
    align-items: center;
  }

  .banner__content--flex-start {
    align-items: flex-start;
    padding-top: 15rem;
  }

  .banner__content--flex-end {
    align-items: flex-end;
  }
  .banner__content--left-center{
  	justify-content: flex-start;
  }
  .banner__content--right-center{
  	justify-content: flex-end;
  }

.banner__box {
  border: 0;
  padding: 6rem 1.5rem;
  position: relative;
  height: fit-content;
  align-items: center;
  width: 100%;
}

.page-width.banner__content .banner__box {
  max-width: 100%;
}

@media screen and (min-width: 750px) {
  .banner--desktop-transparent .banner__box {
    background-color: transparent;
    --color-foreground: 255, 255, 255;
    --color-button: 255, 255, 255;
    --color-button-text: 0, 0, 0;
    max-width: 89rem;
  }
}

@media screen and (max-width: 749px) {
  .banner--mobile-bottom::after {
    display: none;}

}

.banner::after {
  content: '';
  position: absolute;
  background: #000000;
  opacity: 0;
  z-index: 1;
  width: 100%;
  height: 100%;
}

.banner__box > .banner__buttons {
  display: flex;
  align-items: baseline;
  gap: 1rem;
  flex-wrap: wrap;
  margin-bottom: 1rem;
}

.banner__box > * + .banner__buttons--multiple {
  display: flex;
  max-width: 45rem;
  flex-wrap: wrap;
  align-items: baseline;
}

@media screen and (min-width: 750px) {
  .banner__box > * + .banner__buttons {
    margin-top: 2rem;
    margin-bottom: 2rem;
  }
}

.banner__content .button:last-child {
  margin-right: 0;
}

.banner--desktop-transparent > .banner__text {
  color: white;
}

.banner__box > * + .banner__text {
  margin-top: 1.5rem;
  font-size: 20px;
  line-height: 30px;
  letter-spacing: normal;
}


 .banner--small .banner__media .media {
    padding-bottom: unset !important;
  }

  .banner--medium .banner__media .media {
    padding-bottom: unset !important;
  }

   .banner--large .banner__media .media {
    padding-bottom: unset !important;
  }


  .banner__box {
    background: transparent;
    color: white;

    .tag__text, .banner__text, .banner__heading {
      color: white;
    }
  }

@media screen and (min-width: 750px) {
  .banner--small .banner__media .media {
    min-height: 450px;
    padding-bottom: 0 !important;
  }

  .banner--medium .banner__media .media {
        min-height: 650px;
        padding-bottom: 0 !important;
  }

   .banner--large .banner__media .media {
       min-height: 850px;
       padding-bottom: 0 !important;
  }

  .banner__box > * + .banner__text {
    margin-top: .2rem;
  }


  .banner__box.color-accent-1 {
    background: #6C785A;
    color: white;

    .tag__text, .banner__text, .banner__heading {
      color: white;
    }
  }

  .banner__box.color-accent-2 {
    color: #353535;
    background: #F2F0E9;

    .tag__text, .banner__text, .banner__heading {
      color: #353535;
    }
  }

  .banner__box.color-background-1 {
    background: white;
    
    .tag__text, .banner__text, .banner__heading {
      color: #353535;
    }
  }

  .banner__box.color-background-2 {
    background: #EBEBEB;

    .tag__text, .banner__text, .banner__heading {
      color: #353535;
    }
  }

  .banner__box.color-inverse {
    background: #353535;

    .tag__text, .banner__text, .banner__heading {
      color: white;
    }
  }

  .banner__box.banner--desktop-transparent {
    background: transparent ;
    
  .tag__text, .banner__text, .banner__heading {
      color: white;
    }
  }
  
}

@media screen and (min-width: 1400px) {
  .banner--small .banner__media .media {
    min-height: 600px;
    padding-bottom: 0 !important;
  }

  .banner--medium .banner__media .media {
        min-height: 800px;
        padding-bottom: 0 !important;
  }

   .banner--large .banner__media .media {
       min-height: 1000px;
       padding-bottom: 0 !important;
  }

  .banner__box > * + .banner__text {
    margin-top: .2rem;
  }


  .banner__box.color-accent-1 {
    background: #6C785A;
    color: white;

    .tag__text, .banner__text, .banner__heading {
      color: white;
    }
  }

  .banner__box.color-accent-2 {
    color: #353535;
    background: #F2F0E9;

    .tag__text, .banner__text, .banner__heading {
      color: #353535;
    }
  }

  .banner__box.color-background-1 {
    background: white;
    
    .tag__text, .banner__text, .banner__heading {
      color: #353535;
    }
  }

  .banner__box.color-background-2 {
    background: #EBEBEB;

    .tag__text, .banner__text, .banner__heading {
      color: #353535;
    }
  }

  .banner__box.color-inverse {
    background: #353535;

    .tag__text, .banner__text, .banner__heading {
      color: white;
    }
  }

  .banner__box.banner--desktop-transparent {
    background: transparent ;
    
  .tag__text, .banner__text, .banner__heading {
      color: white;
    }
  }
  
}

.banner__box > * + * {
  margin-top: 1rem;
}

.banner__box > *:first-child {
  margin-top: 0;
}

.banner__content .button:not(:only-child) {
  flex-grow: 1;
}

@media screen and (max-width: 749px) {
  .banner--stacked .banner__box {
    width: 100%;
  }

   .banner__box > * + .banner__text {
    margin-top: .2rem;
    font-size: 18px;
    line-height: 27px;
  }
}

@media screen and (min-width: 750px) {
  .banner__box {
    padding: 5rem;
    width: auto;
    max-width: 71rem;
    min-width: 45rem;
  }

  .banner__box > .banner__buttons:only-child .button {
    margin-top: 0;
  }
}

@media screen and (min-width: 1400px) {
  .banner__box {
    max-width: 90rem;
  }
}

.banner__box.banner__box--full-width {
    max-width: var(--ec-container-md);
}

.banner__box.banner__box--full-width .banner__text {
    text-transform: none;
    letter-spacing: 0;
    line-height: 30px;
    color: 
}

.banner__heading > *,
.banner__text > * {
  word-wrap: break-word;
}

.tag__text {
  color: var(--ec-white);
  font-family: var(--font-ibm);
  text-transform: uppercase;
  font-size: 14px;
  line-height: 16px;
  letter-spacing: normal;
}

.banner__heading {
  margin-bottom: 1rem;
  font-family: var(--font-garamond);
  font-feature-settings: "lnum" 1;
}
  .banner__heading {
    margin-top: 0px;
  }

@media screen and (max-width: 750px) {
    .banner__heading {
      margin-bottom: 1rem;
  }
}

.banner__logo {
  max-width: 250px;
  margin: 0;
}

/*  Main Product Section  */
.product {
  margin: 0;
  padding-top: 3rem;
}

.product__specs-wrapper{
  border-top: 1px solid #d1d3d6;
  padding-top: 2rem;
  margin-top: 3rem;
}

.product--no-media {
  max-width: 57rem;
  margin: 0 auto;
}

.product__media-wrapper {
  padding-left: 0;
}

/* REORDER MOBILE */

.reorder-mobile .product__info-container .product__text,
.reorder-mobile .product__info-container .product__title,
.product__media-wrapper .product-info-mobile,
.reorder-mobile .product__info-container .price-review-wrap .yotpo.bottomLine {
  display: none;
}

.reorder-mobile .product__info-container .price-review-wrap .price {
  font-size: 3rem;
}

.reorder-mobile .product__media-wrapper .product-info-mobile {
  display: block;
}

.reorder-mobile .product__media-wrapper .product__title {
  font-size: 3rem;
  text-transform: capitalize;
}

@media (min-width: 750px) {
  .reorder-mobile .product__info-container .product__text,
  .reorder-mobile .product__info-container .product__title,
  .reorder-mobile .product__info-container .price-review-wrap .yotpo.bottomLine {
    display: block;
  }

  .reorder-mobile .product__info-container .price-review-wrap .price {
    font-size: 1.2rem;
  }

  .reorder-mobile .product__media-wrapper .product-info-mobile {
    display: none;
  }
}
.klaviyo_form_trigger {
  display: block;
  font-family: var(--font-ibm) !important;
  border-radius: 3px;
  padding-top: 5px !important;
  padding-bottom: 5px !important;
  padding-right: 20px !important;
  padding-left: 20px !important;
  margin-bottom: -18px;
  font-weight: normal;
  font-size: 14px !important;
  color: white;
  text-transform: uppercase;
  letter-spacing: 0px !important;
  border: none;
  background-color: var(--ec-ember);
  cursor: pointer;
  margin: 20px 0 !important;
}
.product__info-wrapper {
  padding-left: 0;
  padding-bottom: 0;
}
@media screen and (max-width: 749px) {
  .product-section {
    margin-top: 0;
  }
  .product__specs-wrapper{
  	padding-top: 0;
  }
  .product__specs-wrapper h2{
  	margin-bottom: 0px;
    padding: 1rem 1rem 1rem 0;
    position: relative;
    border-bottom: 1px solid #d1d3d6;
        font-size: 1.5rem;
  }
  .product__specs-wrapper h2::after{
  	position: absolute;
    top: 50%;
    right: 1rem;
    transform: translateY(-50%);
    content: "+";
  }
  .product__specs-wrapper h2.active::after{
  	content: "-";
  }
  .product__specs-content{
  	display: none;
  }
}

@media screen and (min-width: 750px) {
  .product__info-container--sticky {
    position: sticky;
    top: 3rem;
    z-index: 2;
  }

  .product__info-wrapper {
    padding-left: 5rem;
  }

  .product__media-container .slider-buttons {
    display: none;
  }

  /* STICKY SIDE SCROLL DESKTOP */
  .sticky-side-scroll-desktop .page-width > .product:not(.product--no-media):not(.featured-product) > .product__info-wrapper {
    position: fixed;
    background-color: white;
    width: 42%;
    right: 1rem;
    top: 15rem;
    z-index: 1;
  }
  .sticky-side-scroll-desktop .product__specs-wrapper {
    flex-direction: column;
    max-width: 58%;
  }
  .sticky-side-scroll-desktop .product__specs-wrapper .grid {
    flex-direction: column;
  }
  .sticky-side-scroll-desktop .product__specs-wrapper .grid--2-col-tablet .grid__item {
    width: auto;
    max-width: none;
  }
  .sticky-side-scroll-desktop .shopify-section.spaced-section .shopify-block.shopify-app-block,
  .sticky-side-scroll-desktop .shopify-section.spaced-section .product-recommendations {
    max-width: 58%;
    margin-left: 0 !important;
    margin-right: auto !important;
  }
}

/* STICKY SIDE SCROLL DESKTOP */
@media screen and (min-width: 1200px) {
  .sticky-side-scroll-desktop .product:not(.product--no-media):not(.featured-product) .product__info-wrapper {
    width: 463px;
    right: calc(((100vw - var(--page-width)) / 2) + 5rem);
  }
}

@media screen and (min-width: 990px) {
  .product:not(.product--no-media):not(.featured-product) .product__media-wrapper {
    width: calc(50% - 20px);
  }

  .product:not(.product--no-media):not(.featured-product) .product__info-wrapper {
    width: calc(50% - 20px);
    padding-left: 0;
  }
}

/* Dynamic checkout */

.shopify-payment-button__button {
  border-radius: 0;
  font-family: inherit;
  min-height: 4.6rem;
}

.shopify-payment-button__button [role="button"].focused,
.no-js .shopify-payment-button__button [role="button"]:focus {
  outline: .2rem solid rgba(var(--color-foreground),.5) !important;
  outline-offset: 0.3rem;
  box-shadow: 0 0 0 .1rem rgba(var(--color-button),var(--alpha-button-border)),0 0 0 .3rem rgb(var(--color-background)),0 0 .5rem .4rem rgba(var(--color-foreground),.3) !important;
}

.shopify-payment-button__button [role="button"]:focus:not(:focus-visible) {
  outline: 0;
  box-shadow: none !important;
}

.shopify-payment-button__button [role="button"]:focus-visible {
  outline: .2rem solid rgba(var(--color-foreground),.5) !important;
  box-shadow: 0 0 0 .1rem rgba(var(--color-button),var(--alpha-button-border)),0 0 0 .3rem rgb(var(--color-background)),0 0 .5rem .4rem rgba(var(--color-foreground),.3) !important;
}

.shopify-payment-button__button--unbranded {
  background-color: rgba(var(--color-button), var(--alpha-button-background));
  box-shadow: 0 0 0 0.1rem rgba(var(--color-button), var(--alpha-button-border));
  color: rgb(var(--color-button-text));
  font-size: 1.4rem;
  line-height: calc(1 + 0.2 / var(--font-body-scale));
  letter-spacing: 0.07rem;
}

.shopify-payment-button__button--unbranded::selection {
  background-color: rgba(var(--color-button-text), 0.3);
}

.shopify-payment-button__button--unbranded:hover,
.shopify-payment-button__button--unbranded:hover:not([disabled]) {
  background-color: rgba(var(--color-button), var(--alpha-button-background));
  box-shadow: 0 0 0 0.2rem rgba(var(--color-button), var(--alpha-button-border));
}

.shopify-payment-button__more-options {
  margin: 1.6rem 0 1rem;
  font-size: 1.2rem;
  line-height: calc(1 + 0.5 / var(--font-body-scale));
  letter-spacing: 0.05rem;
  text-decoration: underline;
  text-underline-offset: 0.3rem;
}

.shopify-payment-button__button--hidden {
  display: none;
}

/* Product form */

.product-form {
  display: block;
}

.product-form__error-message-wrapper:not([hidden]) {
  font-size: 1.2rem;
  margin-bottom: 1.5rem;
}

.product-form__error-message-wrapper svg {
  flex-shrink: 0;
  width: 1.2rem;
  height: 1.2rem;
  margin-right: 0.7rem;
  margin-top: 0.5rem;
}

/* Form Elements */
.product-form__input {
  flex: 0 0 100%;
  padding: 0;
  margin: 0 0 1.2rem 0;
  max-width: 37rem;
  min-width: fit-content;
  border: none;
}

variant-radios,
variant-selects {
  display: block;
}

.product-form__input--dropdown {
  margin-bottom: 1.6rem;
}

.product-form__input .form__label {
  padding-left: 0;
}

fieldset.product-form__input .form__label {
  margin-bottom: 1rem;
}
  fieldset.product-form__input .form__label-detail{
    font-size: 1.6rem;
    font-weight: 700;
  }
.product-form__input input[type='radio'] {
  clip: rect(0, 0, 0, 0);
  overflow: hidden;
  position: absolute;
  height: 1px;
  width: 1px;
}

.product-form__input input[type='radio'] + label {
  border: 0.1rem solid rgba(var(--color-foreground), 0.55);
  border-radius: 4rem;
  color: rgb(var(--color-foreground));
  display: inline-block;
  margin: 7px 9px 0 0;
  padding: 1rem 2rem;
  font-size: 1.4rem;
  letter-spacing: 0.1rem;
  line-height: 1;
  text-align: center;
  transition: border var(--duration-short) ease;
  cursor: pointer;
}

.product-form__input input[type='radio'] + label:hover {
  border: 0.1rem solid rgb(var(--color-foreground));
}

.product-form__input input[type='radio']:checked + label {
  background-color: var(--ec-green-tint-3);
  color: rgb(var(--color-background));
}

@media screen and (forced-colors: active) {
  .product-form__input input[type=radio]:checked + label {
    text-decoration: underline;
  }
}

.product-form__input input[type='radio']:checked + label::selection {
  background-color: rgba(var(--color-background), 0.3);
}

.product-form__input input[type='radio']:disabled + label {
  border-color: rgba(var(--color-foreground), 0.1);
  color: rgba(var(--color-foreground), 0.4);
  text-decoration: line-through;
}
.product-form__input input[type='radio']:focus-visible + label {
  box-shadow: 0 0 0 0.3rem rgb(var(--color-background)),
    0 0 0 0.5rem rgba(var(--color-foreground), 0.55);
}

.product-form__option-values [role="radio"]:focus-visible {
  outline: 0.2rem solid var(--ec-blue, rgb(var(--color-foreground)));
  outline-offset: 0.2rem;
}

.sizes__list [role="radio"]:focus-visible {
  outline: 0.2rem solid var(--ec-blue, rgb(var(--color-foreground)));
  outline-offset: 0.2rem;
}

/* Fallback */
.product-form__input input[type='radio'].focused + label,
.no-js .shopify-payment-button__button [role="button"]:focus + label {
  box-shadow: 0 0 0 0.3rem rgb(var(--color-background)),
    0 0 0 0.5rem rgba(var(--color-foreground), 0.55);
}

/* No outline when focus-visible is available in the browser */
.no-js .product-form__input input[type='radio']:focus:not(:focus-visible) + label {
  box-shadow: none;
}

  .product-form__input input[type=radio] + .color-swatch-wrapper label.color-swatch,
  .product-form__input .color-swatch-wrapper label.color-swatch {
  	font-size: 0;
    width: 80px;
    height: 80px;
    background-size: cover;
    border-radius: 50%;
    border: 3px solid var(--ec-white);
    padding: 0;
    box-sizing: border-box;
    position: relative;
    overflow: visible;
    text-indent: -9999px;
    line-height: 0;
  }

  .product-form__input input[type=radio] + .color-swatch-wrapper label.color-swatch .color-swatch__sale-indicator,
  .product-form__input .color-swatch-wrapper label.color-swatch .color-swatch__sale-indicator {
    position: absolute;
    top: -1px;
    right: -1px;
    width: 8px;
    height: 8px;
    background-color: var(--ec-ember);
    border-radius: 50%;
    border: 1px solid var(--ec-white);
    z-index: 3;
  }

  .color-swatch-wrapper {
    position: relative;
    display: inline-block;
    height: fit-content;
    line-height: 0;
  }

  .color-swatch-wrapper--on-sale .color-swatch__sale-label {
    position: absolute;
    top: 125%;
    left: 50%;
    font-size: 10px;
    color: var(--ec-ember);
    white-space: nowrap;
    pointer-events: none;
    opacity: 1;
    visibility: visible;
  }

  .product-form__input input[type='radio'] + .color-swatch-wrapper label.color-swatch:hover,
  .product-form__input .color-swatch-wrapper label.color-swatch:hover {
    border: 3px solid var(--ec-white);
    box-shadow: 0 0 0 1px var(--ec-black);
  }
  
  .product-form__input input[type='radio']:checked + .color-swatch-wrapper label.color-swatch,
  .product-form__input .color-swatch-wrapper.is-selected label.color-swatch {
    border: 3px solid var(--ec-white);
    box-shadow: 0 0 0 1px var(--ec-black);
  }

.product-form__input .select {
  max-width: 25rem;
}

.product-form__submit {
  margin-bottom: 1rem;
}

/* STICKY ADD TO CART BUTTON */
/* added this button to html */
/* always hide unless sticky-add-to-cart-mobile test is live */
.sticky-button-wrapper {
  display: none;
}

/* if the sticky button is in the modal don't show it
because it interferes with adding a modal to mobile */
.modal__inner .sticky-button-wrapper {
  display: none !important;
}

@media (max-width: 750px) {
  .sticky-add-to-cart-mobile .sticky-button-wrapper {
    display: block;
    position: fixed;
    bottom: 0;
    z-index: 2;
    left: 50%;
    transform: translate(-50%)!important;
    width: 100vw;
    background-color: white;
    padding: 1rem;
  }

  .sticky-add-to-cart-mobile .sticky-button-wrapper button {
    margin-bottom: 0 !important;
  }
}

  .product__estimated-date{
  	font-weight: bold;
    text-align: center;
    font-size: 15px;
  }
.no-js .product-form__submit.button--secondary {
  --color-button: var(--color-base-accent-1);
  --color-button-text: var(--color-base-solid-button-labels);
  --alpha-button-background: 1;
}

.product-form__submit[aria-disabled="true"] + .shopify-payment-button,
.product-form__submit[disabled] + .shopify-payment-button {
  display: none;
}
  .product-form__submit[disabled] + .product__estimated-date{
  	display: none;
  }
@media screen and (forced-colors: active) {
  .product-form__submit[aria-disabled="true"] {
    color: Window;
  }
}

/* Overrides */
.shopify-payment-button__more-options {
  color: rgb(var(--color-foreground));
}

.shopify-payment-button__button {
  font-size: 1.5rem;
  letter-spacing: 0.1rem;
}

/* Product info */

.product__info-container {
  padding-top: 40px;
}

.product__info-container .yotpo-widget-instance {
  margin-top: 5px !important;
  margin-bottom: 2.5rem;
}

.product__info-container .iamota-accordion.wrapper .accordion__title .svg svg {
  width: 10px;
  height: 10px;
}

.product__info-container > * + * {
  margin: 1.5rem 0;
}

 .product__short-description {
    margin: 24px 0;
 }
 
.product__info-container .product-form,
.product__info-container .product__description {
  margin: 0 0 2.5rem 0;
}

.product__text {
  margin-bottom: 0;
}

a.product__text {
  display: block;
  text-decoration: none;
  color: rgba(var(--color-foreground), 0.75);
}

.product__text.caption-with-letter-spacing {
  text-transform: uppercase;
  font-family: var(--font-ibm);
}

.product__title {
  word-break: break-word;
  margin-bottom: 0;
}

.product__title + .product__text.caption-with-letter-spacing {
  margin-top: -1.5rem;
}

.product__text.caption-with-letter-spacing + .product__title {

}

.product__accordion .accordion__content {
  padding: 0 1rem;
}

.product .price {
  align-items: flex-start;
}

.product .price .badge {
  margin-top: 0.5rem;
  margin-bottom: 0.5rem;
}

.product .price dl {
  margin-top: 0.5rem;
  margin-bottom: 0.5rem;
}

.product .price--sold-out .price__badge-sold-out {
  background: transparent;
  color: rgb(var(--color-background));
  border: none;
}

.product .price--sold-out .price__badge-sale {
  display: none;
}

@media screen and (min-width: 750px) {
  .product__info-container .price--on-sale .price-item--regular {
    font-size: 1.8rem;
  }

  .product__info-container > *:first-child {
    margin-top: 0;
  }
}

.product__description-title {
  font-weight: 600;
}

.product--no-media .product__title,
.product--no-media .product__text,
.product--no-media noscript .product-form__input,
.product--no-media .product__tax  {
  text-align: center;
}

.product__tax {
  margin-top: -1.4rem;
}

.product--no-media noscript .product-form__input,
.product--no-media .share-button {
  max-width: 100%;
}

.product--no-media fieldset.product-form__input,
.product--no-media .product-form__quantity,
.product--no-media .product-form__input--dropdown,
.product--no-media .share-button,
.product--no-media .product__view-details,
.product--no-media .product__pickup-availabilities,
.product--no-media .product-form {
  display: flex;
  align-items: center;
  justify-content: center;
  text-align: center;
}

.product--no-media .product-form {
  flex-direction: column;
}

.product--no-media .product-form > .form {
  max-width: 30rem;
  width: 100%;
}

.product--no-media .product-form__quantity,
.product--no-media .product-form__input--dropdown {
  flex-direction: column;
  max-width: 100%;
}

.product--no-media fieldset.product-form__input {
  flex-wrap: wrap;
  margin: 0 auto 1.2rem auto;
}

.product--no-media .product__info-container > modal-opener {
  display: block;
  text-align: center;
}

.product--no-media .product-popup-modal__button {
  padding-right: 0;
}

.product--no-media .price {
  justify-content: center;
}

.product--no-media .product__info-wrapper {
  padding-left: 0;
}

/* Product media */

@media screen and (max-width: 749px) {
  .product__media-list {
    margin-left: -2.5rem;
    padding-bottom: 2rem;
    margin-bottom: 3rem;
    width: calc(100% + 4rem);
  }

  .product__media-wrapper slider-component {
    margin-left: -1.5rem;
    margin-right: -1.5rem;
  }

  .slider.slider--mobile.product__media-list {
    padding-bottom: 0;
    margin-bottom: 0.5rem;
  }

  .slider.product__media-list::-webkit-scrollbar {
    height: 0.2rem;
    width: 0.2rem;
  }

  .product__media-list::-webkit-scrollbar-thumb {
    background-color: rgb(var(--color-foreground));
  }

  .product__media-list::-webkit-scrollbar-track {
    background-color: rgba(var(--color-foreground), 0.2);
  }

  .product__media-list .product__media-item {
    width: calc(100% - 3rem);
  }

  .slider.product__media-list .product__media-item:first-of-type {
    padding-left: 1.5rem;
  }
}

@media screen and (min-width: 750px) {
  .product__media-item:first-child {
    width: 100%;
  }

  .product-media-modal__content > .product__media-item--variant.product__media-item--variant {
    display: none;
  }

  .product-media-modal__content > .product__media-item--variant:first-child {
    display: block;
  }
}

.product__media-item--variant {
  display: none;
}

.product__media-item--variant:first-child {
  display: block;
}

@media screen and (min-width: 750px) and (max-width: 989px) {
  .product__media-list .product__media-item:first-child {
    padding-left: 0;
  }

  .product__media-list .product__media-item {
    padding: 0 0 0.5rem;
    width: 100%;
  }
}

.product__media-icon .icon {
  width: 1.2rem;
  height: 1.4rem;
}

.product__media-icon {
  background-color: rgb(var(--color-background));
  border-radius: 50%;
  border: 0.1rem solid rgba(var(--color-foreground), 0.1);
  color: rgb(var(--color-foreground));
  display: flex;
  align-items: center;
  justify-content: center;
  height: 3rem;
  width: 3rem;
  position: absolute;
  left: 1.5rem;
  top: 1.5rem;
  z-index: 1;
  transition: color var(--duration-short) ease,
    opacity var(--duration-short) ease;
}

.product__media-video .product__media-icon {
  opacity: 1;
}

.product__modal-opener:hover .product__media-icon {
  border: 0.1rem solid rgba(var(--color-foreground), 0.1);
}

@media screen and (min-width: 750px) {
  .grid__item.product__media-item--full {
    width: 100%;
  }
}

@media screen and (min-width: 990px) {
  .product__modal-opener .product__media-icon {
    opacity: 0;
  }

  .product__modal-opener:hover .product__media-icon,
  .product__modal-opener:focus .product__media-icon {

  }
}

.product__media-item > * {
  display: block;
  position: relative;
}

.product__media-toggle {
  background-color: transparent;
  border: none;
  cursor: pointer;
  display: block;
  margin: 0;
  padding: 0;
  position: absolute;
  top: 0;
  left: 0;
  z-index: 2;
  height: 100%;
  width: 100%;
}

.product-media-modal {
  background-color: rgb(var(--color-background));
  height: 100%;
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  visibility: hidden;
  opacity: 0;
  z-index: -1;
}

.product-media-modal[open] {
  visibility: visible;
  opacity: 1;
  z-index: 101;
}

.product-media-modal__dialog {
  display: flex;
  align-items: center;
  height: 100vh;
}

.product-media-modal__content {
  max-height: 100vh;
  width: 100%;
  overflow: auto;
}

.product-media-modal__content > *:not(.active),
.product__media-list .deferred-media {
  display: none;
}

@media screen and (min-width: 750px) {
  .product-media-modal__content {
    padding-bottom: 2rem;
  }

  .product-media-modal__content > *:not(.active) {
    display: block;
  }

  .product__modal-opener:not(.product__modal-opener--image) {
    display: none;
  }

  .product__media-list .deferred-media {
    display: block;
  }
}

.product__media-list .deferred-media,
.product__media-list .product__modal-opener {
  border: 0.1rem solid rgba(var(--color-foreground), 0.04);
}

.product-media-modal__content > * {
  display: block;
  height: auto;
  margin: auto;
  border: 0.1rem solid rgba(var(--color-foreground), 0.04);
}

.product-media-modal__content .media {
  background: none;
}

.product-media-modal__model {
  width: 100%;
}

.product-media-modal__toggle {
  background-color: rgb(var(--color-background));
  border: 0.1rem solid rgba(var(--color-foreground), 0.1);
  border-radius: 50%;
  color: rgba(var(--color-foreground), 0.55);
  display: flex;
  align-items: center;
  justify-content: center;
  cursor: pointer;
  right: 2rem;
  padding: 1.2rem;
  position: fixed;
  z-index: 2;
  top: 2rem;
  width: 4rem;
}

.product-media-modal__content .deferred-media {
  width: 100%;
}

@media screen and (min-width: 750px) {
  .product-media-modal__content {
    padding: 2rem 11rem;
  }

  .product-media-modal__content > * {
    width: 100%;
  }

  .product-media-modal__content > * + * {
    margin-top: 2rem;
  }

  .product-media-modal__toggle {
    right: 5rem;
    top: 2.2rem;
  }
}

@media screen and (min-width: 990px) {
  .product-media-modal__content {
    padding: 2rem 11rem;
  }

  .product-media-modal__content > * + * {
    margin-top: 1.5rem;
  }

  .product-media-modal__content {
    padding-bottom: 1.5rem;
  }

  .product-media-modal__toggle {
    right: 5rem;
  }
}

.product-media-modal__toggle:hover {
  color: rgba(var(--color-foreground), 0.75);
}

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

/* Product popup */

.product-popup-modal {
  box-sizing: border-box;
  opacity: 0;
  position: fixed;
  visibility: hidden;
  z-index: -1;
  margin: 0 auto;
  top: 0;
  left: 0;
  overflow: auto;
  width: 100%;
  background: rgba(var(--color-foreground), 0.2);
  height: 100%;
}

.product-popup-modal[open] {
  opacity: 1;
  visibility: visible;
  z-index: 101;
}

.product-popup-modal__content {
  background-color: rgb(var(--color-background));
  overflow: auto;
  height: 80%;
  margin: 0 auto;
  left: 50%;
  transform: translateX(-50%);
  margin-top: 5rem;
  width: 92%;
  position: absolute;
  top: 0;
  padding: 0 1.5rem 0 3rem;
}

@media screen and (min-width: 750px) {
  .product-popup-modal__content {
    padding-right: 1.5rem;
    margin-top: 10rem;
    width: 70%;
    padding: 0 3rem;
  }
}

.product-popup-modal__content img {
  max-width: 100%;
}

@media screen and (max-width: 749px) {
  .product-popup-modal__content table {
    display: block;
    max-width: fit-content;
    overflow-x: auto;
    white-space: nowrap;
    margin: 0;
  }
}

.product-popup-modal__opener {
  display: inline-block;
}

.product-popup-modal__button {
  font-size: 1.6rem;
  padding-right: 1.3rem;
  padding-left: 0;
  height: 4.4rem;
  text-underline-offset: 0.3rem;
  text-decoration-thickness: 0.1rem;
  transition: text-decoration-thickness var(--duration-short) ease;
}

.product-popup-modal__button:hover {
  text-decoration-thickness: 0.2rem;
}

.product-popup-modal__content-info {
  padding-right: 4.4rem;
}

.product-popup-modal__content-info > * {
  height: auto;
  margin: 0 auto;
  max-width: 100%;
  width: 100%;
}

@media screen and (max-width: 749px) {
  .product-popup-modal__content-info > * {
    max-height: 100%;
  }
}

.product-popup-modal__toggle {
  background-color: rgb(var(--color-background));
  border: 0.1rem solid rgba(var(--color-foreground), 0.1);
  border-radius: 50%;
  color: rgba(var(--color-foreground), 0.55);
  display: flex;
  align-items: center;
  justify-content: center;
  cursor: pointer;
  position: sticky;
  padding: 1.2rem;
  z-index: 2;
  top: 1.5rem;
  width: 4rem;
  margin: 0 0 0 auto;
}

.product-popup-modal__toggle:hover {
  color: rgba(var(--color-foreground), 0.75);
}

.product-popup-modal__toggle .icon {
  height: auto;
  margin: 0;
  width: 2.2rem;
}

  .product__media-thumbnails{
    width: 100%;
  }
  .product__media-thumbnails .slick-list{
    margin-top: 5px;
    height: auto;
  }
  @media screen and (min-width: 990px) {
    .product__media-thumbnails .slick-list {
      margin-top: 10px;
    }
  }
  .product__media-thumbnails .slick-arrow{
    font-size: 0;
    background: transparent;
    border: 0;
    height: 28px;
    background-size: 1.2rem;
    background-position: center;
    background-repeat: no-repeat;
    cursor: pointer;
    margin: 0px;
    top: 50%;
    transform: translateY(-50%);
  }
  .product__media-thumbnails .slick-arrow.slick-disabled{
  	opacity: 0;
  }
  .product__media-thumbnails .slick-arrow.slick-prev{
  	background-image: url(/cdn/shop/files/arrow-up.svg?v=1641372625);
    left: -25px;
  }
  .product__media-thumbnails .slick-arrow.slick-next{
  	background-image: url(/cdn/shop/files/arrow-down.svg?v=1641372625);
    right: -25px;
  }

  .product__thumb-item{
    position: relative;
    aspect-ratio: 1/1;
    width: 100%;
  }
  .product__media-thumbnail-cell img{
    height: 100%;
    width: 100%;
    -o-object-fit: cover;
    object-fit: cover;
  }
  .product__media-thumbnail-cell.slick-current .product__thumb-item{
  	border: 2px solid var(--ec-blue);
  }
  .product__media-thumbnail-cell .product__thumb-item {
    border: 1px solid #D1D3D6;
  }
  .product-form__hr{
  	margin: 3rem 0;
  }
  /* Accelated Checkout */
  .shopify-payment-button {
    margin-top: 10px;

    .accelerated-checkout-button {
      border: 1px solid red;
      --gravity-button-border-radius: 20px !important;
    }

    .shopify-payment-button__more-options {
      font-size: 14px;
      margin-top: 10px;
    }
  }
  .add_wishlist-trigger{
  	text-decoration: none;
        color: rgb(var(--color-foreground));
  }
  .add_wishlist-trigger svg{
  	width: 13px;
  }
  .add_local_widget{
  	margin: 0px;
        clear: both;
    display: table;
  }
  .add_local_widget::after{
  	clear: both;
    content: '';
  }
  .product__media-wrapper .slider-mobile-gutter {
    padding: 0;
  }
  @media (max-width: 749px) {
    .product__media-wrapper .slider-mobile-gutter{
    	padding: 0 15px;
    }
  }

  .main-page-wrapper{
  	margin: 50px auto;
  }

/* Accordion - iamota */
.iamota-accordion.wrapper {
    border-bottom: 1px solid #D1D3D6;
    padding-top: 16px;
    padding-bottom: 16px;
}

.iamota-accordion h3 {
  font-family: 'inter';
  font-size: 16px;
  line-height: 2.2rem;
  font-weight: 500;
  margin-bottom: -2px;
}

.iamota-accordion .accordion__button {
  border: none;
  background: none;
}

.iamota-accordion.wrapper .accordion__title {
    display: flex;
    justify-content: space-between;
    color: var(--ec-dark-grey);
    transition: .25s all;
    width: 100%;
    max-width: 100%;
    background: none;
    border: none;
    padding: 0;
    outline: inherit;
    letter-spacing: inherit;
    font-family: var(--font-body-family);
    text-transform: inherit;
    text-align: left;
    align-items: center;
    font-size: 16px;
    font-weight: 500;
}

.iamota-accordion.wrapper .accordion__title:hover {
    cursor: pointer;
}

.iamota-accordion.wrapper .accordion__title .svg {
  width: 39.5px;
  height: 37px;
  position: relative;
  top: 0;
  background: none;
  border: none;
  padding: 0;
  cursor: pointer;
}

.iamota-accordion.wrapper .accordion__title.toggled {
    color: var(--ec-black);
    margin-bottom: 1.2rem;
}

.iamota-accordion.wrapper .accordion__content {
    overflow: hidden;
    max-height: 0;
    visibility: hidden;
    margin-bottom: 0;
}


.iamota-accordion.wrapper .accordion__content.toggled {
    max-height: 100%;
    visibility: visible;
}

.iamota-accordion.toggled .accordion__content.toggled {
  max-height: 100%;
  visibility: visible;
}

.iamota-accordion.wrapper .accordion__title .svg {
    width: 39.5px;
    height: 37px;
    position: relative;
    top: 0;
    background: none;
    border: none;
    padding: 0;
    cursor: pointer;
    margin: auto 0;
}

.iamota-accordion.wrapper .accordion__title .svg {
  display: flex;
  justify-content: center;
  align-items: center;
  border-radius: 100%;
  top: 0;
  color: var(--ec-black);
}

.iamota-accordion.wrapper .accordion__title:hover .svg {
  background: var(--ec-green-tint-3);
  color: var(--ec-white);
}

.iamota-accordion.wrapper .accordion__title .svg svg {
    position: absolute;
    width: 10px;
    height: 10px;
}


.iamota-accordion.wrapper .accordion__title .svg svg:last-child {
opacity: 0;
}

.iamota-accordion.wrapper .accordion__title.toggled .svg svg:last-child {
    opacity: 1;
}

.iamota-accordion.wrapper .accordion__title.toggled .svg svg:first-child {
    opacity: 0;
}

.iamota-accordion.wrapper .accordion__title .svg svg path {
    fill: currentColor;
    transition: .25s all;
}

.iamota-accordion.wrapper .accordion__heading,
.iamota-accordion.wrapper .accordion__heading {
    flex: 1 1 100%;
    color: var(--ec-black);
    font-size: 16px;
    margin: 0;
    font-family: var(--font-inter);
}
  
/* Warrant Bar Accordion */
.warranty-bar-accordion .wrapper {
  border-bottom: none;
  padding-top: 0;
  padding-bottom: 0;
}

.warranty-bar-accordion .wrapper .accordion__title {
  color: white;
  transition: .25s all;
  min-height: auto;
}

.warranty-bar-accordion .wrapper .accordion__title:hover {
  color: white;
  cursor: pointer;
}

.warranty-bar-accordion .wrapper .accordion__title.toggled {
  color: white;
}

.warranty-bar-accordion .wrapper .accordion__content {
  overflow: hidden;
  max-height: 0;
  visibility: hidden;
  margin-bottom: 0;
}

.warranty-bar-accordion .wrapper .accordion__title.toggled+.accordion__content {
  max-height: 100%;
  visibility: visible;
  color: var(--ec-black);
}

.warranty-bar-accordion .wrapper .accordion-title__container.toggled+.accordion__content {
max-height: 100%;
visibility: visible;
}

.warranty-bar-accordion .wrapper .accordion__title .svg {
  width: 20px;
  height: 20px;
  position: relative;
  display: inline-block;
}

.warranty-bar-accordion .wrapper .accordion__title .svg svg {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
}

.warranty-bar-accordion .wrapper .accordion__title .svg svg:last-child {
opacity: 0;
}

.warranty-bar-accordion .wrapper .accordion__title.toggled .svg svg:last-child {
  opacity: 1;
}

.warranty-bar-accordion .wrapper .accordion__title.toggled .svg svg:first-child {
  opacity: 0;
}

.warranty-bar-accordion .wrapper .accordion__title .svg svg path {
  fill: currentColor;
  transition: .25s all;
}

.warranty-bar-accordion .wrapper .accordion__title h6 {
  flex: 1 1 100%;
  color: inherit;
  font-size: 16px;
  padding-right: 16px;
  margin: 0;
}

#BIS_trigger {
  margin-top: 20px;
}

/* Pack It */

html {scroll-behavior: smooth;}

body.packit-template .banner .banner__box::before {
  content: '';
  background:url('/cdn/shop/files/packit-logo.svg?v=1720807718');
  width: 200px;
  height: 58px;
  margin: 0 auto 20px auto;
  display: block;
}

body.packit-template .banner .banner__heading {
  letter-spacing: 0px;
}

body.packit-template .multicolumn-section .button {
  background-color: #19374a;
  color: white;
}

body.packit-template .multicolumn-section .button:hover {
  background-color: #071b28;
  color: white;
  border: 2px solid #444546;
}

body.packit-template .grid-image-prod-slider .slick-dots li.slick-active button {
  background: #444546;
  border: 1px solid #444546;
}

body.packit-template .intro-block .intro-block__container {
  padding-top: 4rem;
}

body.packit-template .image-with-text-section, body.packit-template .multicolumn-section, body.packit-template .intro-block, body.packit-template .image-overlay-3-columns {
  margin-top: -5rem;
  padding-top: 5rem;
}

body.packit-template .multicolumn-card__info:has(.button) {

  @media (max-width: 680px) {
    padding: 0;

    .button {
      display: flex;
    }
  }
}

body.packit-template .multicolumn-card__info:has(h4, .rte) {
  padding: 10px;

  .button {
    display: inline-flex;
  }
}

body.packit-template .locally {
  margin-top: -2rem;
  padding-top: 5rem;
}

body.packit-template .image-with-text-section, body.packit-template .image-with-text-section .color-background-1, body.packit-template .multicolumn-section, body.packit-template .intro-block, body.packit-template .image-overlay-3-columns, body.packit-template .packit-collection-background, body.packit-template .locally {
  background-color: #f7f5f1;
}

.svg-locally-heart {
  color: red !important;
}

body.packit-template .packit-image-overlay {
  background: linear-gradient(0deg, #fff 65%, #f7f5f1 65%)
}

body.packit-template .grid-image-prod-slider {
  background: linear-gradient(0deg, #f7f5f1 8%, #fff 8%)
}

body.packit-template .content-panels-video-upload {
  background: linear-gradient(0deg, #f7f5f1 50%, #fff 50%)
}

body.packit-template .content-panels-video-upload + .intro-block {
  scroll-behavior: smooth;
  margin-top: -2rem;
  padding-top: 5rem;
}

body.packit-template .image-overlay-3-columns a:hover h2 {
  text-decoration: underline !important;
}


/*************************************************
CUSTOM STYLINGS FOR 50th LP (page.origin-series & page.tour-travel-pack)
**************************************************/


/*************************************************
CUSTOM STYLINGS FOR 50th LP 
**************************************************/

/* Not sure where these sections are... */
#shopify-section-template--17743685845129__video_upload_xMyAFj .page-width--narrow {
  padding: 0;
  width: 100%;
  max-width: 100%;
  margin: 0;
}

#shopify-section-template--17743686828169__video_upload_RUEkX9::after {
  content: '';
  display: block;
  position: absolute;
  width: 100%;
  height: 70%;
  top: 50%;
  left: 0;
  background-color: #F3F0E9;
  z-index: -1;
}

/* https://www.eaglecreek.com/pages/50th-anniversary */

body.origin-series-template .content-panels-video-upload  .page-width {
  padding: 0;
}

/* Video Section with Custom Liquid at top of page */
/* Custom Liquid id added in Theme Editor */
body.origin-series-template .custom-liquid #custom-liquid__video {
  position: relative;
  padding-bottom: 10%;
}


body.origin-series-template .custom-liquid #custom-liquid__video::after {
  content: '';
  display: block;
  position: absolute;
  background: #686F5F;
  width: 100%;
  height: 100%;
  z-index: -1;
  top: 0;
  left: 0;
  transform: translate(0,-55%);
}

body.origin-series-template .custom-liquid #custom-liquid__video::before {
  content: '';
  display: block;
  position: absolute;
  background: #f3f0e9;
  width: 100%;
  height: 100%;
  z-index: -1;
  top: 50%;
  left: 0;
  transform: translate(0, -5%);
}

body.origin-series-template .custom-liquid #custom-liquid__video::after {
  transform: translate(0,-52%);
}

@media screen and (min-width: 1440px) {
  body.origin-series-template .custom-liquid #custom-liquid__video .video-container::before {
    content: "";
    display: block;
    position: absolute;
    width: 48px;
    height: 44px;
    background: url(/cdn/shop/files/Globe-Icon.png?v=1738703641);
    background-size: 100%;
    background-repeat: no-repeat;
    right: 0;
    top: 0;
    transform: translate(370%, 150%);
  }

  body.origin-series-template .custom-liquid #custom-liquid__video .video-container::after {
    content: "";
    display: block;
    position: absolute;
    width: 88px;
    height: 80px;
    background: url(/cdn/shop/files/Years-Icon.png?v=1738703641);
    background-size: 100%;
    background-repeat: no-repeat;
    right: 0;
    bottom: 0;
    transform: translate(220%, -80%);
  }
}


/* Banner Section */

#Banner-start-exploring .banner__box {
  padding: 5%;
}

#Banner-start-exploring .banner__box h2 {
  font-size: 32px;
}


#Banner-start-exploring .banner__buttons .button {
  background-color: #C8C1A5;
  outline: none;
  border: 0;
  width: 50%;
  /* display: inline; */
  flex-grow: inherit;
}


/* Image with Text Section 2 */
.shopify-section:has(#fifty-years) {
  margin: 10% 0 3.3%;
}

#fifty-years .image-with-text__content-text-first {
  color: #8E9890;
  padding: 15% 0;
}

#fifty-years .image-with-text__content-text-first h2 {
  color: #8E9890;
}

/* ID provided in section settings */
#origin-decades .image-with-text__content {
  align-items: normal;
  justify-content: end;
}

#origin-decades .image-with-text__content h2::before {
    content: "";
    display: block;
    width: 50%;
    max-width: 220px;
    margin: 0 auto;
    height: 0;
    padding-bottom: 90%;
    background-image: url(/cdn/shop/files/Tour-Travel-Pack-Hero-Img.png?v=1738361735);
    background-size: 100%;
    background-repeat: no-repeat;
    margin-bottom: 20%;
}

/* Tour Travel Pack page */
.shopify-section:has(#put-it-on) .image-with-text__content {
  align-items: normal;
  justify-content: end;
}



.shopify-section:has(#put-it-on) .image-with-text__content h2:before {
    content: "";
    position: relative;
    display: block;
    width: 100%;
    height: 0;
    padding-bottom: 56%;
    background-image: url(/cdn/shop/files/TTP-3-Bag-Hero.png?v=1738622488);
    background-size: 100%;
    background-repeat: no-repeat;
    margin-bottom: 11%;
    top: 0;
    left: 0;
    transform: translate(0%);
}

.shopify-section:has(#guaranteed) {
  position: relative;
  background: none;
}

.shopify-section:has(#guaranteed)::before {
    content: "";
    display: block;
    background-image: url(/cdn/shop/files/Huge-EC-background-logo.png?v=1738363668);
    background-size: 100%;
    background-repeat: no-repeat;
    width: 80%;
    height: 0;
    padding-bottom: 77%;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    z-index: -1;
    opacity: 0.1;
}




.shopify-section:has(#travel-hacks) {
  position: relative;
}


.shopify-section:has(#travel-hacks) .image-with-text--wide-image .grid__item--text::after {
    content: "";
    display: block;
    position: absolute;
    background: url(/cdn/shop/files/TTP-50th-Faint-Logo.png?v=1738619222);
    width: 84%;
    height: 0;
    background-size: 100%;
    background-repeat: no-repeat;
    padding-bottom: 52%;
    z-index: 1;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
  }


.shopify-section:has(#put-it-on) {
  position: relative;
  margin-bottom: 10%;
}

.shopify-section:has(#put-it-on)::before {
  content: '';
  display:block;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 14%;
  background-color: #C8C1A5;
}

.shopify-section:has(#multicolumn-tour-multicolumn-1) .page-width,
.shopify-section:has(#multicolumn-tour-multicolumn-2) .page-width,
.shopify-section:has(#multicolumn-tour-multicolumn-3) .page-width {
    width: 100%;
    max-width: 100%;
    padding: 0;
}


.shopify-section:has(#multicolumn-tour-multicolumn-1) .multicolumn-card-content--overlay,
.shopify-section:has(#multicolumn-tour-multicolumn-2) .multicolumn-card-content--overlay,
.shopify-section:has(#multicolumn-tour-multicolumn-3) .multicolumn-card-content--overlay {
  position: relative;
  top: 0 !important;
  left: 0 !important;
  transform: translate(0,0) !important;
  padding: 15% 5%;
}


/* BLOG MODULE */

.shopify-section:has(#multicolumn-fifty-years-outfitting),
.shopify-section:has(#multicolumn-tour-travel-pack) {
  position: relative;
}

.shopify-section:has(#multicolumn-fifty-years-outfitting)::after {
  content: "";
  display: block;
  width: 100%;
  height: 150%;
  position: absolute;
  top: 0;
  z-index: -1;
  transform: translate(0px, -20%);
  background: rgba(201, 193, 166, 0.3);
}

.shopify-section:has(#multicolumn-tour-travel-pack)::after {
  content: "";
  display: block;
  width: 100%;
  height: 160%;
  position: absolute;
  top: 0;
  z-index: -1;
  transform: translate(0px, -20%);
  background: rgba(201, 193, 166, 0.3);
}

.shopify-section:has(#multicolumn-fifty-years-outfitting) ul.multicolumn-list,
.shopify-section:has(#multicolumn-tour-travel-pack) ul.multicolumn-list {
  justify-content: center;
}

.shopify-section:has(#multicolumn-fifty-years-outfitting) ul .multicolumn-list__item.grid__item:first-of-type {
  background-color: #C8C1A5;
}

.shopify-section:has(#multicolumn-fifty-years-outfitting) ul .multicolumn-list__item.grid__item h3,
.shopify-section:has(#multicolumn-tour-travel-pack) ul .multicolumn-list__item.grid__item h3 {
  margin-top: 15px;
  margin-bottom: 0;
}

.shopify-section:has(#multicolumn-tour-travel-pack) .media--transparent {
  margin-bottom: 30px;
}


.shopify-section:has(#multicolumn-fifty-years-outfitting) ul .multicolumn-list__item.grid__item:first-of-type .multicolumn-card-content--overlay {
  top: 50%;
  left: 0;
  transform: translate(0px, -50%);
  color: white;
}

.shopify-section:has(#Banner-get-going) {
  margin-top: 0;
}


.shopify-section:has(#multicolumn-tour-travel-pack) ul .multicolumn-list__item.grid__item:first-of-type .multicolumn-card-content--overlay h3 {
  position: relative;
  color: white;
}

.shopify-section:has(#multicolumn-fifty-years-outfitting) ul .multicolumn-list__item.grid__item:first-of-type .multicolumn-card-content--overlay h3 {
  color: #686F5F;
}

.shopify-section:has(#multicolumn-fifty-years-outfitting) ul .multicolumn-list__item.grid__item:first-of-type .multicolumn-card-content--overlay h3:before,
.shopify-section:has(#multicolumn-tour-travel-pack) ul .multicolumn-list__item.grid__item:first-of-type .multicolumn-card-content--overlay h3:before{
  content: '';
  display: block;
  width: 96px;
  height: 60px;
  background: url('/cdn/shop/files/EC-50th-White-Overlay-logo.png?v=1738782620');
  background-size: 100%;
  background-repeat: no-repeat;
  margin-bottom: 15px;
}

.shopify-section:has(#multicolumn-fifty-years-outfitting) ul .multicolumn-list__item.grid__item:first-of-type .multicolumn-card-content--overlay h3:before {
  content: '';
  display: block;
  width: 96px;
  height: 60px;
  background: url('/cdn/shop/files/EC-50th-Tan-Overlay-logo.png?v=1738810844');
  background-size: 100%;
  background-repeat: no-repeat;
  margin-bottom: 15px;
}

/* BLOG MODULE */

.shopify-section:has(#not-just-a-bag) .grid__item.grid__item--text {
  background-color: #1c374c;
}


.shopify-section:has(#not-just-a-bag) .image-with-text__text {
  align-items: center;
  text-align: left;
  justify-content: center;
  color: white;
  
  padding: 15% 12%;
}

.shopify-section:has(#not-just-a-bag) .image-with-text__text h2 {
  color: white;
}

.shopify-section:has(#multicolumn-tour-multicolumn-1) .grid--4-col-tablet .grid__item:last-of-type,
.shopify-section:has(#multicolumn-tour-multicolumn-2) .grid--4-col-tablet .grid__item:last-of-type,
.shopify-section:has(#multicolumn-tour-multicolumn-3) .grid--4-col-tablet .grid__item:last-of-type {
  display: none;
}

.shopify-section:has(#multicolumn-tour-multicolumn-3) .grid {
  margin: 0;
  padding: 0 0 10%;
}

.shopify-section:has(#multicolumn-tour-travel-pack) .rte>p:first-child {
  margin-top: 1em;
}


/* TABLE */

.shopify-section:has(#travel-pack-table) table {
  width: 100%;
  border-top: 20px solid #f9f7f4;
  border-bottom: 20px solid #f9f7f4;
}

.shopify-section:has(#travel-pack-table) tr td {
  padding: 5px 12px;
}

.shopify-section:has(#travel-pack-table) tr td h3 {
  font-size: 13px;
}

.shopify-section:has(#travel-pack-table) tr td img {
  width: 20px;
}

.shopify-section:has(#travel-pack-table) table th {
  font-size: 13px;
  line-height: 1.4;
}


/* ARROW BUTTONS */
.shopify-section:has(#put-it-on) .image-with-text__text p a,
#origin-decades .image-with-text__text p a,
#fifty-years .image-with-text__text p a {
  position: relative;
}
.shopify-section:has(#put-it-on) .image-with-text__text p a::after,
#origin-decades .image-with-text__text p a::after,
#fifty-years .image-with-text__text p a::after {
  content: "";
  display: block;
  position: absolute;
  right: 0;
  top: 50%;
  height: 0;
  border-top: 4px solid transparent;
  border-bottom: 4px solid transparent;
  border-left: 5px solid #C8C1A5;
  transform: translate(10px, -50%);
  transition: all 444ms;
  
}

.shopify-section:has(#put-it-on) .image-with-text__text p a:hover::after,
#origin-decades .image-with-text__text p a:hover::after,
#fifty-years .image-with-text__text p a:hover::after {
  transform: translate(16px, -50%);
}

.shopify-section:has(#tour-video) {
  position: relative;
}

.shopify-section:has(#tour-video)::after {
  content: '';
  display: block;
  position: absolute;
  width: 100%;
  height: 50%;
  top: 50%;
  background-color: #f3f0e9;
  z-index: -1;
}


@media screen and (min-width: 750px) {
  
    #fifty-years .image-with-text__content-text-first,
    .shopify-section:has(#guaranteed) .image-with-text__content-text-first {
      text-align: left;
      margin-left: 0;
      align-items: flex-start;
    }

    .shopify-section:has(#guaranteed) .image-with-text__content-text-first {
      padding: 6rem 13rem 0;
      color: #686F5F;
      justify-content: center;
    }

    .shopify-section:has(#guaranteed) .image-with-text__content-text-first h2 {
      color: #686F5F;
    }

    #fifty-years .image-with-text__content-text-first {
      padding: 6rem;
    }

  .shopify-section:has(#not-just-a-bag) .image-with-text__text {
    padding: 0;
  }

  .shopify-section:has(#multicolumn-tour-multicolumn-3) .grid {
    padding: 0;
  }

  .shopify-section:has(#travel-pack-table) table th {
    font-size: 24px;
  }

  .shopify-section:has(#travel-pack-table) tr td h3 {
    font-size: 16px;
  }

}

.banner__content--xpad {
  padding-left: 20rem;
}

@media screen and (min-width: 960px) {



  #Banner-start-exploring .banner__media .banner__content {
    position: absolute;
  }

  


  .shopify-section:has(#put-it-on) .image-with-text__content h2::before {
    width: 150%;
    padding-bottom: 85%;
    background-image: url(/cdn/shop/files/TTP-3-Bag-Hero.png?v=1738622488);
    background-size: 100%;
    background-repeat: no-repeat;
    margin-bottom: 20%;
    transform: translate(-20%);
}

  #origin-decades .image-with-text__content h2::before {
    content: "";
    display: block;
    width: 70%;
    max-width: 220px;
    margin: 0;
    height: 0;
    padding-bottom: 90%;
    background-image: url(/cdn/shop/files/Tour-Travel-Pack-Hero-Img.png?v=1738361735);
    background-size: 100%;
    background-repeat: no-repeat;
    margin-bottom: 20%;
  }


  
  
  /* GRID HACK ON TTP */
  .shopify-section:has(#multicolumn-tour-multicolumn-1) .grid--4-col-tablet .grid__item,
  .shopify-section:has(#multicolumn-tour-multicolumn-2) .grid--4-col-tablet .grid__item,
  .shopify-section:has(#multicolumn-tour-multicolumn-3) .grid--4-col-tablet .grid__item {
        width: calc(28% - .75rem);
        max-width: 28%;
    }

  .shopify-section:has(#multicolumn-tour-multicolumn-1) .grid--4-col-tablet .grid__item:last-of-type,
  .shopify-section:has(#multicolumn-tour-multicolumn-2) .grid--4-col-tablet .grid__item:last-of-type,
  .shopify-section:has(#multicolumn-tour-multicolumn-3) .grid--4-col-tablet .grid__item:last-of-type {
    display: block;
    width: calc(18% - .75rem);
    max-width: 17%;

  }

  .shopify-section:has(#multicolumn-tour-multicolumn-1) .grid--4-col-tablet .grid__item:last-of-type .media,
  .shopify-section:has(#multicolumn-tour-multicolumn-2) .grid--4-col-tablet .grid__item:last-of-type .media,
  .shopify-section:has(#multicolumn-tour-multicolumn-3) .grid--4-col-tablet .grid__item:last-of-type .media {
    padding-bottom: 162% !important;
  }

  .shopify-section:has(#multicolumn-tour-multicolumn-1) .multicolumn-card-content--overlay,
  .shopify-section:has(#multicolumn-tour-multicolumn-2) .multicolumn-card-content--overlay,
  .shopify-section:has(#multicolumn-tour-multicolumn-3) .multicolumn-card-content--overlay {
    position: relative;
    top: 0 !important;
    left: 0 !important;
    transform: translate(0,0) !important;
    padding: 0%;
  }


  .shopify-section:has(#multicolumn-fifty-years-outfitting) ul .multicolumn-list__item.grid__item:first-of-type {
    width: calc(25% - 1rem* 2 / 3);
    max-width: 25%;
  }


  .shopify-section:has(#multicolumn-tour-travel-pack)::after {
    content: "";
    display: block;
    width: 100%;
    height: 260%;
    position: absolute;
    top: 0;
    z-index: -1;
    transform: translate(0px, -20%);
    background: rgba(201, 193, 166, 0.3);
  }


  .shopify-section:has(#travel-pack-table) table {
    width: 80%;
  }

  .shopify-section:has(#travel-pack-table) tr td {
    padding: 1em;
  }




}

@media screen and (min-width: 990px) {
    body.origin-series-template .content-panels-video-upload  .page-width--narrow {
        max-width: 100%;
        padding: 0;
    }
}