/** Shopify CDN: Minification failed

Line 2569:32 Unexpected "-->"
Line 2606:0 Unexpected "<"

**/
/*
* Testament Shopify theme
* Copyright 2024, We are Underground
* www.weareunderground.com
*/

*,
*:before,
*:after {
  box-sizing: border-box;
}

* {
  margin: 0;
}

@media (pointer: coarse) {
  *:focus {
    outline: none;
  }
}

/* ---- CSS grid ---- */
.grid__wrapper {
  margin: 0 auto;
  padding-left: 3%;
  padding-right: 3%;
  max-width: 92%;
  display: grid;
  grid-column-gap: 1rem;
  grid-row-gap: 1rem;
  grid-template-columns: repeat(12, 1fr);
  grid-template-rows: auto;
  font-size: var(--font-size);
}

.grid__wrapper-nest {
  display: grid !important;
}

.grid__wrapper.aflow {
  grid-auto-flow: dense;
}

.grid__wrapper.narrow {
  padding-left: 7%;
  padding-right: 7%;
}

.grid__wrapper.full {
  padding-left: 1.25%;
  padding-right: 1.25%;
  max-width: unset;
  width: 100%;
}

.grid__wrapper.edge {
  padding-left: 0;
  padding-right: 0;
  margin-left: 0;
  margin-right: 0;
  width: 100%;
  max-width: unset;
}

@media (min-width: 980px) {
  .grid__wrapper--five-columns {
    grid-template-columns: repeat(5, 1fr);
  }
}

.grid__wrapper > .first {
  order: 1;
}

.grid__wrapper > .last {
  order: 2;
}

/* ---- 5 column grid ---- */
@media screen and (min-width: 741px) {
  .grid__wrapper.five--columns {
      grid-template-columns: repeat(5, 1fr);
  }
}

.span-1 {
  width: 8.3333333%;
}
.span-2 {
  width: 16.666666%;
}
.span-3 {
  width: 25%;
}
.span-4 {
  width: 33.333333%;
}
.span-5 {
  width: 41.666666%;
}
.span-6 {
  width: 50%;
}
.span-7 {
  width: 58.333333%;
}
.span-8 {
  width: 66.666666%;
}
.span-9 {
  width: 75%;
}
.span-10 {
  width: 83.33333%;
}
.span-11 {
  width: 91.666667%;
}
.span-12 {
  width: 100%;
}

/* ---- Grid Row Template ---- */
.grid__wrapper.gtr1 {
  grid-template-rows: 1fr;
}
.grid__wrapper.gtr2 {
  grid-template-rows: 1fr 1fr;
}
.grid__wrapper.gtr3 {
  grid-template-rows: 1fr 1fr 1fr;
}
.grid__wrapper.gtr4 {
  grid-template-rows: 1fr 1fr 1fr 1fr;
}
.gr1 { grid-row: 1; }
.gr2 { grid-row: 2; }
.gr3 { grid-row: 3; }
.gr4 { grid-row: 4; }

/* ---- Grid Gap ---- */
.cg0 { grid-column-gap: 0 !important; }
.cg1 { grid-column-gap: 6px; }
.cg2 { grid-column-gap: 9px; }
.cg3 { grid-column-gap: 12px; }
.cg4 { grid-column-gap: 15px; }
.cg5 { grid-column-gap: 18px; }
.cg6 { grid-column-gap: 21px; }
.cg7 { grid-column-gap: 24px; }
.cg8 { grid-column-gap: 27px; }
.cg9 { grid-column-gap: 30px; }

.grid__wrapper.rg0, .rg0 { grid-row-gap: 0; }
.rg1 { grid-row-gap: 6px; }
.rg2 { grid-row-gap: 9px; }
.rg3 { grid-row-gap: 12px; }
.rg4 { grid-row-gap: 15px; }
.rg5 { grid-row-gap: 18px; }
.rg6 { grid-row-gap: 21px; }
.rg7 { grid-row-gap: 24px; }
.rg8 { grid-row-gap: 27px; }
.rg9 { grid-row-gap: 30px; }

/* ---- Align Text ---- */
.a-left { text-align: left; }
.a-right { text-align: right; }
.a-center { text-align: center; }

@media screen and (max-width: 740px) {
  .m-center { text-align: center; }
}

/* ---- Align Self ---- */
.v-start { align-self: start; vertical-align: top; }
.v-center { align-self: center; vertical-align: middle; }
.v-end { align-self: end; vertical-align: bottom; }
.v-stretch { align-self: stretch; }
.vi-center { display: inline;  vertical-align: middle; }
.vib-center { display: inline-block;  vertical-align: middle; }

/* ---- Justify Self ---- */
.h-start { justify-self: start; }
.h-center { justify-self: center; }
.h-end { justify-self: end; }
.h-stretch { justify-self: stretch; }

/* ---- Place Self ---- */
.vh-start { place-self: start; }
.vv-center { place-self: center; }
.vh-end { place-self: end; }
.vh-stretch { place-self: stretch; }

.absolute-center {
  position: absolute;
  transform: translate(-50%, -50%);
  top: 50%;
  left: 50%;
}

/* ---- Align content ---- */
.ac-center { align-content: center; }
.ac-start { align-content: start; }
.ac-end { align-content: end; }

@supports (display: grid) {
  /* ---- Grid Columns ---- */
  .span-1 { grid-column: 1; width: 100%; }
  .span-2 { grid-column: 1 / 3; width: 100%; }
  .span-3 { grid-column: 1 / 4; width: 100%; }
  .span-4, .span-third { grid-column: 1 / 5; width: 100%; }
  .span-5 { grid-column: 1 / 6; width: 100%; }
  .span-6 { grid-column: 1 / 7; width: 100%; }
  .span-7 { grid-column: 1 / 8; width: 100%; }
  .span-8 { grid-column: 1 / 9; width: 100%; }
  .span-9 { grid-column: 1 / 10; width: 100%; }
  .span-10 { grid-column: 1 / 11; width: 100%; }
  .span-11 { grid-column: 1 / 12; width: 100%; }
  .span-12 { grid-column: 1 / 13; width: 100%; }

  .span-6.first { grid-column: 1 / 7; width: 100%; }
  .span-6.last { grid-column: 7 / 13; width: 100%; }
  .span-8.first { grid-column: 1 / 9; width: 100%; }
  .span-4.last { grid-column: 9 / 13; width: 100%; }
  .span-4.first { grid-column: 1 / 5; width: 100%; }
  .span-8.last { grid-column: 5 / 13; width: 100%; }
  .span-9.first { grid-column: 1 / 10; width: 100%; }
  .span-3.last { grid-column: 10 / 13; width: 100%; }
  .span-3.first { grid-column: 1 / 4; width: 100%; }
  .span-9.last { grid-column: 4 / 13; width: 100%; }

  /* ---- Grid Auto Columns ---- */
  .span-1.auto { grid-column: auto / span 1; width: 100%; }
  .span-2.auto { grid-column: auto / span 2; width: 100%; }
  .span-3.auto { grid-column: auto / span 3; width: 100%; }
  .span-4.auto, .span-third.auto { grid-column: auto / span 4; width: 100%; }
  .span-5.auto { grid-column: auto / span 5; width: 100%; }
  .span-6.auto { grid-column: auto / span 6; width: 100%; }
  .span-7.auto { grid-column: auto / span 7; width: 100%; }
  .span-8.auto { grid-column: auto / span 8; width: 100%; }
  .span-9.auto { grid-column: auto / span 9; width: 100%; }
  .span-10.auto { grid-column: auto / span 10; width: 100%; }
  .span-11.auto { grid-column: auto / span 11; width: 100%; }
  .span-12.auto { grid-column: auto / span 12; width: 100%; }

  /* ---- Grid Push Columns ---- */
  .span-1.push-1 { grid-column: 2 / 3; width: 100%; }
  .span-1.push-2 { grid-column: 3 / 4; width: 100%; }
  .span-1.push-3 { grid-column: 4 / 5; width: 100%; }
  .span-1.push-4 { grid-column: 5 / 6; width: 100%; }
  .span-1.push-5 { grid-column: 6 / 7; width: 100%; }
  .span-1.push-6 { grid-column: 7 / 8; width: 100%; }
  .span-1.push-7 { grid-column: 8 / 9; width: 100%; }
  .span-1.push-8 { grid-column: 9 / 10; width: 100%; }
  .span-1.push-9 { grid-column: 10 / 11; width: 100%; }
  .span-1.push-10 { grid-column: 11 / 12; width: 100%; }
  .span-1.push-11 { grid-column: 12 / 13; width: 100%; }

  .span-2.push-1 { grid-column: 2 / 4; width: 100%; }
  .span-2.push-2 { grid-column: 3 / 5; width: 100%; }
  .span-2.push-3 { grid-column: 4 / 6; width: 100%; }
  .span-2.push-4 { grid-column: 5 / 7; width: 100%; }
  .span-2.push-5 { grid-column: 6 / 8; width: 100%; }
  .span-2.push-6 { grid-column: 7 / 9; width: 100%; }
  .span-2.push-7 { grid-column: 8 / 10; width: 100%; }
  .span-2.push-8 { grid-column: 9 / 11; width: 100%; }
  .span-2.push-9 { grid-column: 10 / 12; width: 100%; }
  .span-2.push-10 { grid-column: 11 / 13; width: 100%; }

  .span-3.push-1 { grid-column: 2 / 5; width: 100%; }
  .span-3.push-2 { grid-column: 3 / 6; width: 100%; }
  .span-3.push-3 { grid-column: 4 / 7; width: 100%; }
  .span-3.push-4 { grid-column: 5 / 8; width: 100%; }
  .span-3.push-5 { grid-column: 6 / 9; width: 100%; }
  .span-3.push-6 { grid-column: 7 / 10; width: 100%; }
  .span-3.push-7 { grid-column: 8 / 11; width: 100%; }
  .span-3.push-8 { grid-column: 9 / 12; width: 100%; }
  .span-3.push-9 { grid-column: 10 / 13; width: 100%; }

  .span-4.push-1 { grid-column: 2 / 6; width: 100%; }
  .span-4.push-2 { grid-column: 3 / 7; width: 100%; }
  .span-4.push-3 { grid-column: 4 / 8; width: 100%; }
  .span-4.push-4 { grid-column: 5 / 9; width: 100%; }
  .span-4.push-5 { grid-column: 6 / 10; width: 100%; }
  .span-4.push-6 { grid-column: 7 / 11; width: 100%; }
  .span-4.push-7 { grid-column: 8 / 12; width: 100%; }
  .span-4.push-8 { grid-column: 9 / 13; width: 100%; }

  .span-5.push-1 { grid-column: 2 / 7; width: 100%; }
  .span-5.push-2 { grid-column: 3 / 8; width: 100%; }
  .span-5.push-3 { grid-column: 4 / 9; width: 100%; }
  .span-5.push-4 { grid-column: 5 / 10; width: 100%; }
  .span-5.push-5 { grid-column: 6 / 11; width: 100%; }
  .span-5.push-6 { grid-column: 7 / 12; width: 100%; }
  .span-5.push-7 { grid-column: 8 / 13; width: 100%; }

  .span-6.push-1 { grid-column: 2 / 8; width: 100%; }
  .span-6.push-2 { grid-column: 3 / 9; width: 100%; }
  .span-6.push-3 { grid-column: 4 / 10; width: 100%; }
  .span-6.push-4 { grid-column: 5 / 11; width: 100%; }
  .span-6.push-5 { grid-column: 6 / 12; width: 100%; }
  .span-6.push-6 { grid-column: 7 / 13; width: 100%; }

  .span-7.push-1 { grid-column: 2 / 9; width: 100%; }
  .span-7.push-2 { grid-column: 3 / 10; width: 100%; }
  .span-7.push-3 { grid-column: 4 / 11; width: 100%; }
  .span-7.push-4 { grid-column: 5 / 12; width: 100%; }
  .span-7.push-5 { grid-column: 6 / 13; width: 100%; }

  .span-8.push-1 { grid-column: 2 / 10; width: 100%; }
  .span-8.push-2 { grid-column: 3 / 11; width: 100%; }
  .span-8.push-3 { grid-column: 4 / 12; width: 100%; }
  .span-8.push-4 { grid-column: 5 / 13; width: 100%; }

  .span-9.push-1 { grid-column: 2 / 11; width: 100%; }
  .span-9.push-2 { grid-column: 3 / 12; width: 100%; }
  .span-9.push-3 { grid-column: 4 / 13; width: 100%; }

  .span-10.push-1 { grid-column: 2 / 12; width: 100%; }
  .span-10.push-2 { grid-column: 3 / 13; width: 100%; }

  .span-11.push-1 { grid-column: 2 / 13; width: 100%; }

  @media (min-width: 981px){
    .desktop-hide {
      display: none !important;
    }
  }

  /* ----Mobile Grid Columns---- */
  @media (max-width: 739px) {
    .sm-span-1.auto { grid-column: auto / span 1 !important; width: 100%; }
    .sm-span-2.auto { grid-column: auto / span 2 !important; width: 100%; }
    .sm-span-3.auto { grid-column: auto / span 3 !important; width: 100%; }
    .sm-span-4.auto, .sm-span-third.auto { grid-column: auto / span 4 !important; width: 100%; }
    .sm-span-5.auto { grid-column: auto / span 5 !important; width: 100%; }
    .sm-span-6.auto { grid-column: auto / span 6 !important; width: 100%; }
    .sm-span-7.auto { grid-column: auto / span 7 !important; width: 100%; }
    .sm-span-8.auto { grid-column: auto / span 8 !important; width: 100%; }
    .sm-span-9.auto { grid-column: auto / span 9 !important; width: 100%; }
    .sm-span-10.auto { grid-column: auto / span 10 !important; width: 100%; }
    .sm-span-11.auto { grid-column: auto / span 11 !important; width: 100%; }
    .sm-span-12.auto { grid-column: auto / span 12 !important; width: 100%; }

    .sm-cg0 { grid-column-gap: 0; }
    .sm-cg1 { grid-column-gap: 6px; }
    .sm-cg2 { grid-column-gap: 9px; }
    .sm-cg3 { grid-column-gap: 12px; }
    .sm-cg4 { grid-column-gap: 15px; }
    .sm-cg5 { grid-column-gap: 18px; }
    .sm-cg6 { grid-column-gap: 21px; }
    .sm-cg7 { grid-column-gap: 24px; }
    .sm-cg8 { grid-column-gap: 27px; }
    .sm-cg9 { grid-column-gap: 30px; }

    .sm-rg0 { grid-row-gap: 0; }
    .sm-rg1 { grid-row-gap: 6px; }
    .sm-rg2 { grid-row-gap: 9px; }
    .sm-rg3 { grid-row-gap: 12px; }
    .sm-rg4 { grid-row-gap: 15px; }
    .sm-rg5 { grid-row-gap: 18px; }
    .sm-rg6 { grid-row-gap: 21px; }
    .sm-rg7 { grid-row-gap: 24px; }
    .sm-rg8 { grid-row-gap: 27px; }
    .sm-rg9 { grid-row-gap: 30px; }

    .mobile-hide,
    .sm-hide {
      display: none !important;
    }
    /* ---- Align Text ---- */
    .sm-a-left { text-align: left; }
    .sm-a-right { text-align: right; }
    .sm-a-center { text-align: center; }

    /* ---- Align Self ---- */
    .sm-v-start { align-self: start; vertical-align: top; }
    .sm-v-center { align-self: center; vertical-align: middle; }
    .sm-v-end { align-self: end; vertical-align: bottom; }
    .sm-v-stretch { align-self: stretch; }

    /* ---- Justify Self ---- */
    .sm-h-start { justify-self: start; }
    .sm-h-center { justify-self: center; }
    .sm-h-end { justify-self: end; }
    .sm-h-stretch { justify-self: stretch; }

    /* ---- Place Self ---- */
    .sm-vh-start { place-self: start; }
    .sm-vv-center { place-self: center; }
    .sm-vh-end { place-self: end; }
    .sm-vh-stretch { place-self: stretch; }
  }

  /* ---- Tablet Grid ---- */
  @media (min-width: 740px) and (max-width: 980px) {
    .md-span-12.auto { grid-column: auto / span 12 !important; width: 100%; }
    .md-span-1.auto { grid-column: auto / span 1 !important; width: 100%; }
    .md-span-2.auto { grid-column: auto / span 2 !important; width: 100%; }
    .md-span-3.auto { grid-column: auto / span 3 !important; width: 100%; }
    .md-span-4.auto, .md-span-third.auto { grid-column: auto / span 4 !important; width: 100%; }
    .md-span-5.auto { grid-column: auto / span 5 !important; width: 100%; }
    .md-span-6.auto { grid-column: auto / span 6 !important; width: 100%; }
    .md-span-7.auto { grid-column: auto / span 7 !important; width: 100%; }
    .md-span-8.auto { grid-column: auto / span 8 !important; width: 100%; }
    .md-span-9.auto { grid-column: auto / span 9 !important; width: 100%; }
    .md-span-10.auto { grid-column: auto / span 10 !important; width: 100%; }
    .md-span-11.auto { grid-column: auto / span 11 !important; width: 100%; }
    .md-span-12.auto { grid-column: auto / span 12 !important; width: 100%; }
    .md-span-12.auto { grid-column: auto / span 12 !important; width: 100%; }

    .md-cg0 { grid-column-gap: 0; }
    .md-cg1 { grid-column-gap: 6px; }
    .md-cg2 { grid-column-gap: 9px; }
    .md-cg3 { grid-column-gap: 12px; }
    .md-cg4 { grid-column-gap: 15px; }
    .md-cg5 { grid-column-gap: 18px; }
    .md-cg6 { grid-column-gap: 21px; }
    .md-cg7 { grid-column-gap: 24px; }
    .md-cg8 { grid-column-gap: 27px; }
    .md-cg9 { grid-column-gap: 30px; }

    .md-rg0 { grid-row-gap: 0; }
    .md-rg1 { grid-row-gap: 6px; }
    .md-rg2 { grid-row-gap: 9px; }
    .md-rg3 { grid-row-gap: 12px; }
    .md-rg4 { grid-row-gap: 15px; }
    .md-rg5 { grid-row-gap: 18px; }
    .md-rg6 { grid-row-gap: 21px; }
    .md-rg7 { grid-row-gap: 24px; }
    .md-rg8 { grid-row-gap: 27px; }
    .md-rg9 { grid-row-gap: 30px; }

    .tablet-hide {
      display: none !important;
    }
    /* ---- Align Text ---- */
    .md-a-left { text-align: left; }
    .md-a-right { text-align: right; }
    .md-a-center { text-align: center; }

    /* ---- Align Self ---- */
    .md-v-start { align-self: start; vertical-align: top; }
    .md-v-center { align-self: center; vertical-align: middle; }
    .md-v-end { align-self: end; vertical-align: bottom; }
    .md-v-stretch { align-self: stretch; }

    /* ---- Justify Self ---- */
    .md-h-start { justify-self: start; }
    .md-h-center { justify-self: center; }
    .md-h-end { justify-self: end; }
    .md-h-stretch { justify-self: stretch; }

    /* ---- Place Self ---- */
    .md-vh-start { place-self: start; }
    .md-vv-center { place-self: center; }
    .md-vh-end { place-self: end; }
    .md-vh-stretch { place-self: stretch; }
  }

  /* ---- Mobile & Tablet Grid ---- */
  @media (max-width: 980px) {
    .dv-span-12.auto { grid-column: auto / span 12 !important; width: 100%; }
    .dv-span-1.auto { grid-column: auto / span 1 !important; width: 100%; }
    .dv-span-2.auto { grid-column: auto / span 2 !important; width: 100%; }
    .dv-span-3.auto { grid-column: auto / span 3 !important; width: 100%; }
    .dv-span-4.auto, .md-span-third.auto { grid-column: auto / span 4 !important; width: 100%; }
    .dv-span-5.auto { grid-column: auto / span 5 !important; width: 100%; }
    .dv-span-6.auto { grid-column: auto / span 6 !important; width: 100%; }
    .dv-span-7.auto { grid-column: auto / span 7 !important; width: 100%; }
    .dv-span-8.auto { grid-column: auto / span 8 !important; width: 100%; }
    .dv-span-9.auto { grid-column: auto / span 9 !important; width: 100%; }
    .dv-span-10.auto { grid-column: auto / span 10 !important; width: 100%; }
    .dv-span-11.auto { grid-column: auto / span 11 !important; width: 100%; }
    .dv-span-12.auto { grid-column: auto / span 12 !important; width: 100%; }

    .dv-cg0 { grid-column-gap: 0; }
    .dv-cg1 { grid-column-gap: 6px; }
    .dv-cg2 { grid-column-gap: 9px; }
    .dv-cg3 { grid-column-gap: 12px; }
    .dv-cg4 { grid-column-gap: 15px; }
    .dv-cg5 { grid-column-gap: 18px; }
    .dv-cg6 { grid-column-gap: 21px; }
    .dv-cg7 { grid-column-gap: 24px; }
    .dv-cg8 { grid-column-gap: 27px; }
    .dv-cg9 { grid-column-gap: 30px; }

    .dv-rg0 { grid-row-gap: 0; }
    .dv-rg1 { grid-row-gap: 6px; }
    .dv-rg2 { grid-row-gap: 9px; }
    .dv-rg3 { grid-row-gap: 12px; }
    .dv-rg4 { grid-row-gap: 15px; }
    .dv-rg5 { grid-row-gap: 18px; }
    .dv-rg6 { grid-row-gap: 21px; }
    .dv-rg7 { grid-row-gap: 24px; }
    .dv-rg8 { grid-row-gap: 27px; }
    .dv-rg9 { grid-row-gap: 30px; }

    .device-hide {
      display: none !important;
    }

    /* ---- Align Text ---- */
    .dv-a-left { text-align: left; }
    .dv-a-right { text-align: right; }
    .dv-a-center { text-align: center; }

    /* ---- Align Self ---- */
    .dv-v-start { align-self: start; vertical-align: top; }
    .dv-v-center { align-self: center; vertical-align: middle; }
    .dv-v-end { align-self: end; vertical-align: bottom; }
    .dv-v-stretch { align-self: stretch; }

    /* ---- Justify Self ---- */
    .dv-h-start { justify-self: start; }
    .dv-h-center { justify-self: center; }
    .dv-h-end { justify-self: end; }
    .dv-h-stretch { justify-self: stretch; }

    /* ---- Place Self ---- */
    .dv-vh-start { place-self: start; }
    .dv-vv-center { place-self: center; }
    .dv-vh-end { place-self: end; }
    .dv-vh-stretch { place-self: stretch; }
  }
}

/* ---- Margin ---- */
.m0  { margin:        0 !important; }
.mt0 { margin-top:    0 !important; }
.mr0 { margin-right:  0 !important; }
.mb0 { margin-bottom: 0 !important; }
.ml0 { margin-left:   0 !important; }
.mx0 { margin-left:   0 !important; margin-right:  0 !important; }
.my0 { margin-top:    0 !important; margin-bottom: 0 !important; }
.mb30 { margin-bottom: 30px !important; }

.m-auto  { margin: auto !important; }
.mt-auto { margin-top: auto !important; }
.mr-auto { margin-right: auto !important; }
.mb-auto { margin-bottom: auto !important; }
.ml-auto { margin-left: auto !important; }
.mx-auto { margin-left: auto !important; margin-right: auto !important; }
.my-auto { margin-top: auto !important; margin-bottom: auto !important; }

/* ---- Padding ---- */
.p0  { padding: 0 !important; }
.pt0 { padding-top: 0 !important; }
.pr0 { padding-right: 0 !important; }
.pb0 { padding-bottom: 0 !important; }
.pl0 { padding-left: 0 !important; }
.px0 { padding-left: 0 !important; padding-right:  0 !important; }
.py0 { padding-top: 0 !important;  padding-bottom: 0 !important; }

@media  (min-width: 741px) and (max-width: 980px) {
  .md-m0  { margin:        0 !important; }
  .md-mt0 { margin-top:    0 !important; }
  .md-mr0 { margin-right:  0 !important; }
  .md-mb0 { margin-bottom: 0 !important; }
  .md-ml0 { margin-left:   0 !important; }
  .md-mx0 { margin-left:   0 !important; margin-right:  0 !important; }
  .md-my0 { margin-top:    0 !important; margin-bottom: 0 !important; }

  .md-m-auto  { margin: auto !important; }
  .md-mt-auto { margin-top: auto !important; }
  .md-mr-auto { margin-right: auto !important; }
  .md-mb-auto { margin-bottom: auto !important; }
  .md-ml-auto { margin-left: auto !important; }
  .md-mx-auto { margin-left: auto !important; margin-right: auto !important; }
  .md-my-auto { margin-top: auto !important; margin-bottom: auto !important; }

  /* ---- Padding ---- */
  .md-p0  { padding: 0 !important; }
  .md-pt0 { padding-top: 0 !important; }
  .md-pr0 { padding-right: 0 !important; }
  .md-pb0 { padding-bottom: 0 !important; }
  .md-pl0 { padding-left: 0 !important; }
  .md-px0 { padding-left: 0 !important; padding-right:  0 !important; }
  .md-py0 { padding-top: 0 !important;  padding-bottom: 0 !important; }
}

@media (max-width: 740px) {
  .sm-m0  { margin:        0 !important; }
  .sm-mr0 { margin-right:  0 !important; }
  .sm-mb0 { margin-bottom: 0 !important; }
  .sm-ml0 { margin-left:   0 !important; }
  .sm-mx0 { margin-left:   0 !important; margin-right:  0 !important; }
  .sm-my0 { margin-top:    0 !important; margin-bottom: 0 !important; }

  .sm-m-auto  { margin: auto; }
  .sm-mt-auto { margin-top: auto; }
  .sm-mr-auto { margin-right: auto; }
  .sm-mb-auto { margin-bottom: auto; }
  .sm-ml-auto { margin-left: auto; }
  .sm-mx-auto { margin-left: auto; margin-right: auto; }
  .sm-my-auto { margin-top: auto; margin-bottom: auto; }

  /* ---- Padding ---- */
  .sm-p0  { padding: 0; }
  .sm-pt0 { padding-top: 0; }
  .sm-pr0 { padding-right: 0; }
  .sm-pb0 { padding-bottom: 0; }
  .sm-pl0 { padding-left: 0; }
  .sm-px0 { padding-left: 0; padding-right:  0; }
  .sm-py0 { padding-top: 0;  padding-bottom: 0; }
}

@media (max-width: 980px) {
  .dv-m0  { margin:        0; }
  .dv-mt0 { margin-top:    0; }
  .dv-mr0 { margin-right:  0; }
  .dv-mb0 { margin-bottom: 0; }
  .dv-ml0 { margin-left:   0; }
  .dv-mx0 { margin-left:   0; margin-right:  0; }
  .dv-my0 { margin-top:    0; margin-bottom: 0; }

  .dv-m-auto  { margin: auto; }
  .dv-mt-auto { margin-top: auto; }
  .dv-mr-auto { margin-right: auto; }
  .dv-mb-auto { margin-bottom: auto; }
  .dv-ml-auto { margin-left: auto; }
  .dv-mx-auto { margin-left: auto; margin-right: auto; }
  .dv-my-auto { margin-top: auto; margin-bottom: auto; }

  /* ---- Padding ---- */
  .dv-p0  { padding: 0; }
  .dv-pt0 { padding-top: 0; }
  .dv-pr0 { padding-right: 0; }
  .dv-pb0 { padding-bottom: 0; }
  .dv-pl0 { padding-left: 0; }
  .dv-px0 { padding-left: 0; padding-right:  0; }
  .dv-py0 { padding-top: 0;  padding-bottom: 0; }
}

/* ---- Width ---- */
.w100 { width: 100% !important; }
.w75 { width: 75% !important; }
.w50 { width: 50% !important; }
.w25 { width: 25% !important; }

/* ---- Quick Inline Grid ---- */
.inline__wrapper {
  list-style: none;
  width: 100%;
}
.inline__wrapper > * {
  width: auto;
  margin: 0;
  display: inline-block;
  padding-left: 5px;
  padding-right: 5px;
}

html,
body {
  height: 100%;
  box-sizing: border-box !important;
}

*, *:before, *:after {
  box-sizing: inherit;
}

body {
  color: var(--text-color);
  background: var(--background);
  font-size: var(--font-size);
  font-family: var(--main-family);
  font-weight: var(--main-weight);
  font-style: var(--main-style);
  letter-spacing: var(--main-spacing);
  line-height: 1.6em;
  -webkit-text-size-adjust: 100%;
  -ms-text-size-adjust: 100%;
  -webkit-font-smoothing: antialiased; /* ---- For Chrome and Safari ---- */
  -moz-osx-font-smoothing: grayscale; /* ---- For Firefox ---- */
  text-rendering: optimizeSpeed;
  /* ---- Without this, the body has excess horizontal scroll when the menu is open ---- */
  overflow-x: hidden;
}

body .slideout-panel {
  background: var(--background);
}

/* ---- Typography ---- */
h1,
h2,
h3,
h4,
h5 {
  color: var(--text-color);
  font-family:var(--heading-family);
  font-weight: var(--heading-weight);
  font-style: var(--heading-style);
  margin-top: 0;
  margin-bottom: 10px;
  line-height: normal;
  -webkit-font-smoothing: antialiased;
  letter-spacing: var(--heading-spacing);
}

h1 a,
h2 a,
h3 a,
h4 a,
h5 a {
  font-weight: inherit;
  color: var(--text-color) !important;
}

h1, .h1 {
  font-size: var(--h1-size);
}

h2, .h2 {
  font-size: var(--h2-size);
}

h3, .h3 {
  font-size: var(--h3-size);
}

h4, .h4 {
  font-size: calc(var(--font-size) + 2px);
}

h5, .h5 {
  font-size: calc(var(--font-size) + 1px);
}

h1,
h2,
h3,
h4,
h5,
p,
dl,
hr,
ol,
ul,
pre,
table,
address,
fieldset {
  margin-bottom: 10px;
}

p {
  font-size: var(--font-size);
  margin-bottom: 10px;
}

strong {
  font-weight: bold;
}

em {
  font-style: italic;
}

pre {
  font-family: "Courier New", Courier, monospace;
  font-size: 13px;
  font-weight: bold;
}

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

.text-center {
  text-align: center;
}

.text-right {
  text-align: right;
}

.inline-block-auto {
  display: inline-block;
  width: auto;
}

a {
text-decoration: none;
color: var(--text-color);
}

a:hover {
  color: var(--text-color);
}

a:visited {
  color:var(--text-color);
}

dt {
  font-weight: bold;
}

ol {
  padding: 0;
  margin-left: 0;
  margin-bottom: 20px;
  text-indent: 0;
  list-style-position: inside;
}

ul {
  padding: 0;
  margin: 0 0 20px 0;
  list-style: disc inside;
}

blockquote {
  font-family: Georgia, "Times New Roman", Times, sans-serif;
  font-size: 18px;
  line-height: 24px;
  font-style: italic;
  padding-left: 35px;
  color: #999;
  margin: 20px 0;
}

hr {
  background: var(--dotted-color);
  border: none;
  color: var(--dotted-color);
  display: block;
  height: 1px;
  margin-top: 20px;
  width: 100%;
}

/* ---- Images ---- */
img {
  height: auto;
  width: 100%;
  max-width: 100%;
  border: 0;
}

.box-ratio {
  display: block;
  height: 0;
  width: 100%;
  overflow: hidden;
  background-color: var(--background);
}

.box-ratio img {
  background-color: var(--background);
}

/* ---- Image aspect ratios ---- */

.image_natural .box-ratio,
.image_square .box-ratio,
.image_landscape .box-ratio,
.image_portrait .box-ratio {
  width: 100%;
  position: relative;
  margin-left: auto;
  margin-right: auto;
  background-color: transparent;
}

.image_square .box-ratio {
  padding-bottom: 100% !important;
}

.image_landscape .box-ratio {
  padding-bottom: 75% !important;
}

.image_portrait .box-ratio {
  padding-bottom: 150% !important;
}

.box-ratio .placeholder-svg {
  position: absolute;
  width: 100%;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}

.image_natural .box-ratio img,
.image_square .box-ratio img,
.image_landscape .box-ratio img,
.image_portrait .box-ratio img {
  object-fit: cover;
  height: 100%;
  width: 100%;
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  -webkit-backface-visibility: hidden;
          backface-visibility: hidden;
}



/* ---- Image zoom effect ---- */
.theme-image-effect .article-content img,
.theme-image-effect .textWithImage__column-image img,
.theme-image-effect .imageText__column-image img,
.theme-image-effect .collection__list-item img,
.theme-image-effect .gallery__item img {
    -webkit-transform: scale(1);
    transform: scale(1);
    -webkit-transition: -webkit-transform 7s cubic-bezier(0.25, 0.5, 0.8, 0.65);
    transition: -webkit-transform 7s cubic-bezier(0.25, 0.5, 0.8, 0.65);
    transition: transform 7s cubic-bezier(0.25, 0.5, 0.8, 0.65);
    transition: transform 7s cubic-bezier(0.25, 0.5, 0.8, 0.65);
    -webkit-transform: 7s cubic-bezier(0.25, 0.5, 0.8, 0.65);
}

.theme-image-effect .article-content:hover img,
.theme-image-effect .textWithImage__column-image:hover img,
.theme-image-effect .imageText__column-image:hover img,
.theme-image-effect .collection__list-item:hover img,
.theme-image-effect .gallery__item:hover img {
    -webkit-transform: scale(1.2);
    transform: scale(1.2);
}


/* ---- Helpers ---- */

.clear:not(.color) {
  clear: both;
  display: block;
  overflow: hidden;
  visibility: hidden;
  width: 0;
  height: 0;
}

.clearfix:after {
  content: ".";
  display: block;
  height: 0;
  clear: both;
  visibility: hidden;
}

.hide {
  display: none;
}

.right {
  float: right;
}

.left {
  float: left;
}

.center {
  text-align: center;
}

.mb0 {
  margin-bottom: 0;
}

.first {
  clear: left;
}

.visually-hidden {
  position: absolute !important;
  overflow: hidden;
  clip: rect(0 0 0 0);
  height: 1px;
  width: 1px;
  margin: -1px;
  padding: 0;
  border: 0;
}

.visually-hidden--inline {
  margin: 0;
  height: 1em;
}

.visually-hidden--static {
  position: static !important;
}

.hr-or {
  border: none;
  border-top: 1px solid var(--dotted-color);
  width: 14.375rem;
  margin: 1.5625rem auto;
  overflow: visible;
  margin: 16px 0;
  width: 100%;
}

.hr-or:after {
  content: attr(data-content);
  position: relative;
  top: -10px;
  left: 50%;
  transform: translateX(-50%);
  width: 2.5rem;
  font-weight: 500;
  background-color: var(--background);
  -moz-osx-font-smoothing: grayscale;
  -webkit-font-smoothing: antialiased;
  letter-spacing: .2px;
  text-align: center;
  display: inline-block;
}

.display-none { display: none !important;}

.or-divider {
  position: relative;
  font-size: var(--font-size);
  font-weight: bold;
  text-transform: uppercase;
  line-height: 1.6;
}
.or-divider span:before {
  content: "";
  background: var(--dotted-color);
  height: 1px;
  width: 40%;
  position: absolute;
  left: 0;
  top: 50%;
}
.or-divider span:after {
  content: "";
  background: var(--dotted-color);
  height: 1px;
  width: 40%;
  position: absolute;
  right: 0;
  top: 50%;
}

.note {
  padding: 20px;
  border: 1px solid var(--dotted-color);
  margin-bottom: 20px;
}
.note .underline {
  text-decoration: underline;
}

/* ---- No Js ---- */
.js-focus-hidden:focus {
  outline: none;
}

.no-js .box-ratio {
  display: none;
}

.no-js #slider .carousel-cell {
 opacity: 1 !important;
 visibility: visible;
}

.no-js #slider .carousel-cell img {
  margin-bottom: 20px;
}

.no-js .zoom_btn,
.no-js .swatches__container,
.no-js .no-js-hidden {
  display: none;
}

.no-js .product__variants-single-option-label,
.no-js .vantage-accordion .product-accordion-content {
  display: block !important;
}

.no-js #AddToCartForm .product__variants-select {
  display: block !important;
}

.no-js #AddToCartForm .product__variants-select select {
  float: unset;
  min-width: 240px;
}

.no-js .shifter-navigation {
  display: none;
}

.no-js #shopify-section-mobile-navigation {
  display: none;
}

.no-js [data-aos^=fade][data-aos^=fade] {
  opacity: 1 !important;
}

.no-js [data-aos^=fade][data-aos^=fade] {
  transform: unset;
}

.no-js [data-aos] {
  pointer-events: unset !important;
}

.no-js .loading-wrapper,
.no-js .product-listing__quickview-trigger {
  display: none !important;
}

/* ---- No Js Cart ----*/
.cart-type--no_js_cart .ajax-cart__item-remove--no-js,
.no-js .ajax-cart__item-remove--no-js {
  display: block !important;
  position: absolute;
  top: 10px;
  right: 10px;
}
.cart-type--no_js_cart  .ajax-cart__item-remove--js,
.no-js .ajax-cart__item-remove--js {
  display: none;
}
.cart-type--no_js_cart .ajax-cart__qty-control--down,
.cart-type--no_js_cart .ajax-cart__qty-control--up,
.no-js .ajax-cart__qty-control--down,
.no-js .ajax-cart__qty-control--up {
  display: none;
}
.cart-type--no_js_cart .ajax-cart__item-quantity,
.no-js .ajax-cart__item-quantity {
  text-align: center !important;
}
.cart-type--no_js_cart .ajax-cart__qty-input--no-js,
.no-js .ajax-cart__qty-input--no-js {
  max-width: 90px;
  margin: 0;
}
.cart-type--no_js_cart .ajax-cart__item-update--no-js,
.no-js .ajax-cart__item-update--no-js {
  display: block !important;
  margin-top: 8px;
  text-decoration: underline;
  font-size: 13px;
  text-align: center;
  margin-left: auto;
  margin-right: auto;
}
.no-js .ajax-cart__accordion--shipping-calc {
  display: none;
}
.cart-type--no_js_cart .ajax-cart__form-wrapper--nojs,
.no-js .ajax-cart__accordion .accordion-content {
  display: block !important;
}
.no-js .loading-wrapper,
.cart-type--no_js_cart .loading-wrapper {
  display: none;
}

/* ---- Buttons ---- */
.button,
button,
input[type="submit"],
input[type="reset"],
input[type="button"] {
  width: 100%;
  max-width: 100%;
  background: var(--button-color);
  color: var(--button-text);
  font-family: var(--main-family);
  font-weight: var(--main-weight);
  font-style: var(--main-style);
  font-size: var(--font-size);
  letter-spacing: var(--main-spacing);
  text-decoration: none;
  border: none;
  -webkit-transition: background .5s ease,color .5s ease;
  -moz-transition: background .5s ease,color .5s ease;
  -o-transition: background .5s ease,color .5s ease;
  transition: background .5s ease,color .5s ease;
  -webkit-appearance: none;
  appearance: none;
  display: inline-block;
  cursor: pointer;
  margin-bottom: 15px;
  line-height: 1em;
  height: 50px;
}

.theme-buttons-curved .button,
.theme-buttons-curved button,
.theme-buttons-curved input[type="submit"],
.theme-buttons-curved input[type="reset"],
.theme-buttons-curved input[type="button"] {
  border-radius: 3px;
  -moz-border-radius: 3px;
  -webkit-border-radius: 3px;
}

.button:hover,
button:hover,
input[type="submit"]:hover,
input[type="reset"]:hover,
input[type="button"]:hover {
  color: var(--button-text);
  background: var(--button-hover);
}

button.button-as-link,
a.button-as-link,
input.button-as-link {
  border: none;
  background: none;
  color: var(--text-color);
  text-decoration: underline;
  font-size: var(--font-size);
  height: auto;
  display: inline-block;
  width: auto;
}
button.button-as-link:hover,
a.button-as-link:hover,
input.button-as-link:hover {
  background: none;
  color: var(--text-color);
}

.secondary-button {
  background: var(--secondary-button-color) !important;
  color: var(--secondary-button-text) !important;
}

.secondary-button:hover {
  color: var(--secondary-button-text) !important;
  background: var(--secondary-button-hover) !important;
}

/* ---- Fix for odd Mozilla border & padding issues ---- */
button::-moz-focus-inner,
input::-moz-focus-inner {
  border: 0;
  padding: 0;
}

.btn,
.content-btn,
.rte .btn,
.rte .content {
  font-family: var(--main-family);
  font-weight: var(--main-weight);
  font-style: var(--main-style);
  font-size: var(--font-size);
  letter-spacing: var(--main-spacing);
  text-decoration: none;
  -webkit-transition: background .5s ease,color .5s ease;
  -moz-transition: background .5s ease,color .5s ease;
  -o-transition: background .5s ease,color .5s ease;
  transition: background .5s ease,color .5s ease;
  -webkit-appearance: none;
  appearance: none;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  cursor: pointer;
  line-height: 1em;
  height: 50px;
  padding: 0 20px;
  background: var(--button-color);
  color: var(--button-text);
  border: 1px solid var(--button-color);
}

.theme-buttons-curved .btn,
.theme-buttons-curved .content-btn {
  border-radius: 3px;
  -moz-border-radius: 3px;
  -webkit-border-radius: 3px;
}

.btn:visited,
.content-btn:visited,
.rte .btn:visited,
.rte .content:visited {
  color: var(--button-text);
}

.btn:hover,
.content-btn:hover,
.rte .btn:hover,
.rte .content:hover {
  color: var(--button-color);
  background: var(--button-text);
}

:focus, .focus-visible {
  outline: var(--keyboard-focus-color) var(--keyboard-focus-border-style) calc(var(--keyboard-focus-border-weight) * 1px) !important;
  outline-offset: calc(var(--keyboard-focus-border-weight) * -1px) !important;
  }

/* ---- Forms ----*/
form {
  margin-bottom: 0;
}

fieldset {
  margin-bottom: 20px;
}

input[type="text"],
input[type="password"],
input[type="email"],
input[type="file"],
input[type="phone"],
textarea,
select {
  border: 1px solid #ccc;
  height: 50px;
  outline: none;
  font-family: var(--main-family);
  font-weight: var(--main-weight);
  font-style: var(--main-style);
  font-size: var(--font-size);
  color: var(--text-color);
  margin: 0;
  width: 100%;
  max-width: 100%;
  display: block;
  margin-bottom: 20px;
  background: var(--background);
  box-sizing: border-box;
  letter-spacing: var(--main-spacing);
}

select {
  padding: 0 9px;
}

input[type="text"]:focus,
input[type="password"]:focus,
input[type="email"]:focus,
textarea:focus {
  color: #444;
  -moz-box-shadow: 0 0 3px rgba(0,0,0,.2);
  -webkit-box-shadow: 0 0 3px rgba(0,0,0,.2);
  box-shadow:  0 0 3px rgba(0,0,0,.2);
}

label,
legend {
  display: block;
  font-weight: bold;
  margin-bottom: 5px;
}

input[type="checkbox"] {
  display: inline;
}

label span,
legend span {
  font-weight: normal;
}

::-webkit-input-placeholder { /* ----WebKit browsers---- */
  color: #aaa;
}
:-moz-placeholder { /* ----Mozilla Firefox 4 to 18---- */
  color: #aaa;
}
::-moz-placeholder { /* ----Mozilla Firefox 19+---- */
  color: #aaa;
}
:-ms-input-placeholder { /* ----Internet Explorer 10+---- */
  color: #aaa;
}

input[type=text],
input[type=password],
input[type=email],
input[type=url],
input[type=number] {
  width: 100%;
  font-family: var(--main-family);
  font-weight: var(--main-weight);
  font-style: var(--main-style);
  font-size: var(--font-size);
  color: var(--text-color);
  border: 1px solid var(--dotted-color);
  height: 50px;
  margin: 0px;
  margin-bottom: 20px;
  max-width: 100%;
  text-indent: 10px;
  outline: none;
  -webkit-appearance: none;
  -webkit-border-radius: 0;
}

textarea {
  width: 100%;
  background: #fff;
  border: 1px solid var(--dotted-color);
  height: 135px;
  margin: 0 0 20px 0;
  max-width: 100%;
  padding: 10px;
  outline: none;
  -webkit-appearance: none;
  -webkit-border-radius: 0;
  min-height: 60px;
  min-width: 300px;
  letter-spacing: var(--main-spacing);
}

.notice {
  border: 3px dashed var(--dotted-color);
  padding: 10px;
  background: var(--background);
  margin: 20px 0;
}

.errorForm.feedback {
  background: mistyrose;
  padding: 15px 0 5px;
  text-align: center;
  font-weight: 600;
  color: firebrick;
  margin: 0 1.1%;
}

input.required-error,
textarea.required-error {
  outline: 1px solid var(--error-color);
}

/* ---- Iframe & Responsive video ---- */

iframe {
  width: 100%;
}

.videoWrapper {
  position: relative;
  padding-bottom: 56.25%;
  height: 0;
  overflow: hidden;
  max-width: 100%;
}

.videoWrapper iframe, .videoWrapper object, .videoWrapper embed, .videoWrapper video {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}

/* ---- Theme animations ---- */
.global__section{animation:fadeIn;animation-duration:3s}.loading-wrapper{width:100%;height:100%;position:fixed;background:var(--background);z-index:200;margin:0 auto;text-align:center;opacity:0.9;left:0;top:0}.loading-ripple{display:inline-block;width:80px;height:80px;top:50%;position:absolute;transform:translate(-50%,-50%);left:50%}.loading-ripple div{position:absolute;border:4px solid var(--dotted-color);opacity:1;border-radius:50%;animation:loadingRipple 1s cubic-bezier(0,0.2,0.8,1) infinite}.loading-ripple div:nth-child(2){animation-delay:-.5s}@keyframes loadingRipple{0%{top:36px;left:36px;width:0;height:0;opacity:1}100%{top:0;left:0;width:72px;height:72px;opacity:0}}
/* ---- CSS Animate ----*/
.animate-hide,.animate-show{-webkit-animation-duration:.75s;animation-duration:.75s;-webkit-animation-fill-mode:both;animation-fill-mode:both}.animated{-webkit-animation-duration:1s;animation-duration:1s;-webkit-animation-fill-mode:both;animation-fill-mode:both}@-webkit-keyframes pulse{0%,100%{-webkit-transform:scale3d(1,1,1);transform:scale3d(1,1,1)}50%{-webkit-transform:scale3d(1.05,1.05,1.05);transform:scale3d(1.05,1.05,1.05)}}@keyframes pulse{0%,100%{-webkit-transform:scale3d(1,1,1);transform:scale3d(1,1,1)}50%{-webkit-transform:scale3d(1.05,1.05,1.05);transform:scale3d(1.05,1.05,1.05)}}.pulse{-webkit-animation-name:pulse;animation-name:pulse}@-webkit-keyframes fadeIn{0%{opacity:0}100%{opacity:1}}@keyframes fadeIn{0%{opacity:0}100%{opacity:1}}.fadeIn{-webkit-animation-name:fadeIn;animation-name:fadeIn}@-webkit-keyframes fadeInUp{0%{opacity:0;-webkit-transform:translate3d(0,100%,0);transform:translate3d(0,100%,0)}100%{opacity:1;-webkit-transform:none;transform:none}}@keyframes fadeInUp{0%{opacity:0;-webkit-transform:translate3d(0,100%,0);transform:translate3d(0,100%,0)}100%{opacity:1;-webkit-transform:none;transform:none}}.fadeInUp{-webkit-animation-name:fadeInUp;animation-name:fadeInUp}@-webkit-keyframes fadeOut{0%{opacity:1}100%{opacity:0}}@keyframes fadeOut{0%{opacity:1}100%{opacity:0}}.fadeOut{-webkit-animation-name:fadeOut;animation-name:fadeOut}

/* ---- onboarding styles for new theme install ---- */

.onboard {
  background: #ddd! important;
  border: 1px solid #ccc;
}

.image-with-text-overlay .onboard {
  text-align: center;
}

.image-with-text-overlay .onboard svg {
  fill: #d0d0d0;
  height: 430px;
}

.gallery__item .onboard .placeholder-svg,
.ci.onboard .placeholder-svg, .onboard svg,
.slideshow__slide-onboard .placeholder-svg,
.onboard-slide svg, .article-image .placeholder-svg {
  fill: rgba(28,29,29,0.2);
  background-color: transparent;
  width: 100%;
  height: 100%;
  max-width: 100%;
  max-height: 100%;
}
.no-blocks .desktop-12 {
  font-size: 15px;
  text-align: center;
  padding: 20px 0;
  border: 1px dashed #eee;
  background: #f7f7f7;
  margin-top: 20px;
  margin-bottom: 50px;
  font-weight: normal;
}

.content-onboard {
  width: 80%;
  text-align: center;
  margin: 0 auto;
}

.panel:before {
  content: '';
  display: block;
  background-color: rgba(0,0,0,0);
  transition: background-color 0.5s ease-in-out;
}

/* ---- Rich text editor ---- */

.rte a {
  text-decoration: underline;
}

.rte img {
  width: auto;
}

.rte ul {
  list-style-position: outside;
  margin-left: 20px;
}

/* ---- Tabbed Content ---- */

.tabbed__content-section {
  padding: 40px 0;
  background: var(--background);
  color: var(--text-color);
}

.rte-tab > input,
.rte-tab section > div {
  display: none;
}

.rte-tab {
  width: 100%;
  max-width: 100%;
  margin: 0 auto;
}
.rte-tab ul {
  list-style: none;
  margin: 0;
  padding: 0;
}

.rte-tab ul.tabbed {
  display: flex;
  flex-direction: row;
  column-gap: 20px;
  flex-wrap: wrap;
  border-bottom: 1px solid var(--dotted-color);
}

.rte-tab ul li label {
  background: transparent;
  cursor: pointer;
  position: relative;
  font-weight: var(--main-weight);
  margin-bottom: 0;
  padding: 10px 5px;
}

.rte-tab section {
  clear: both;
}
.rte-tab section div {
  padding: 20px 0;
  width: 100%;
  line-height: 1.5em;
  letter-spacing: var(--main-spacing);
}
.rte-tab section div h2 {
  margin: 0;
  color: var(--text-color);
}

.rte-tab .tabbed-block.rte ul {
  list-style: disc;
  list-style-position: outside;
  margin-bottom: 15px !important;
}

.rte-tab .tabbed-block.rte ul li {
  margin-left: 20px;
}

/* ---- Sections ---- */

/* ---- Prevent margin collapse ---- */
.shopify-section {
  display: flex;
  flex-direction: column;
}

.global__section {
  padding-top: 0;
  padding-bottom: 0;
  margin-top: calc(var(--section-margins) / 2);
  margin-bottom: calc(var(--section-margins) / 2);
  width: 100%;
}

.global__section.padded__section {
  margin-top: 0;
  margin-bottom: 0;
  padding-top: calc(var(--section-margins) / 2);
  padding-bottom: calc(var(--section-margins) / 2);
}

.main__section {
  position: relative;
  z-index: 0;
}

body:not(.template-index) .main__section {
  margin-top: calc(var(--section-margins) / 2);
  margin-bottom: calc(var(--section-margins) / 2);
}

/* ---- Section titles ---- */

.section-title {
  position: relative;
  text-align: center;
  margin-bottom: 25px;
}

.section-title.lines h1,
.section-title.lines h2,
.section-title.lines h3 {
  display: inline-block;
  padding: 8px 23px;
  margin: 0;
  background-color: var(--background);
  position: relative;
  z-index: 1;
}

.section-title.lines:after {
  content: '';
  width: 100%;
  display: inline-block;
  border-bottom: 1px solid var(--dotted-color);
  position: absolute;
  left: 0;
  top: 50%;
  z-index: 0;
}

.section-title.btm_border:after {
  content: "";
  border-bottom: 2px solid var(--dotted-color);
  width: 80px;
  height: 0;
  position: absolute;
  top: 95%;
  left: calc(50% - 40px);
}


/* ---- CSS Slideouts ---- */
.slideout {
  list-style: none;
  background: var(--background);
  width: 550px;
  height: auto;
  position: fixed;
  top: 0;
  bottom: 0;
  left: unset;
  right: unset;
  z-index: 31;
  overflow-y: auto;
  overflow-x: hidden;
  -webkit-transition-duration: 0.2s;
  -moz-transition-duration: 0.2s;
  -o-transition-duration: 0.2s;
  transition-duration: 0.2s;
}

/* ---- Popover Slideout ---- */
.slideout {
/* ---- --slideout-background: var(--background, white);*/
/* ---- --slideout-border-color: var(--dotted-color, #888);*/
  --slideout-width: 550px;
  --slideout-transition-duration: 0.2s;
  --slideout-backdrop: rgba(0,0,0,0.5);
/* ---- background: var(--slideout-background, --background);*/
/* ---- width: var(--slideout-width);*/
  border: 0;
  opacity: 0;
  padding: 0;
  display: none;
}

/* ---- If no prefers reduced motion ---- */
@media screen and (prefers-reduced-motion: no-preference) {
  .slideout {
    transition-property: display opacity;
    transition-duration: 0.2s;
    transition-behavior: allow-discrete;
  }
  .slideout {
    transition-duration: var(--slideout-transition-duration);
  }
}

/* ----Slideout backdrop---- */
.slideout::backdrop {
  background: var(--slideout-backdrop, rgba(0,0,0,0.5));
}

.no-popover .slideout {
  display: block;
  opacity: 1;
}

.site-overlay {
  position: fixed;
  top: 0;
  left: 0;
  height: 100vh;
  width: 100vw;
  z-index: 30;
  visibility: hidden;
  opacity: 0;
  background: rgb(30, 30, 30);
  transition: opacity 0.3s ease-in-out, visibility 0.3s ease-in-out;
}
.slideout__drawer-right {
  transform: translateX(550px);
  right: 0;
}
.slideout__drawer-right {
  display: none;
  opacity: 0;
}
.slideout__drawer-right:popover-open {
  transform: translateX(0);
  display: block;
  opacity: 1;

  @starting-style {
    transform: translateX(var(--slideout-width));
  }
}
.no-popover .slideout__drawer-right {
  transform: translateX(var(--slideout-width));
}
.no-popover .slideout__drawer-right.\:popover-open {
  transform: translateX(0);
}
.slideout__drawer-left {
  transform: translateX(-550px);
  left: 0;
}
.slideout__drawer-left {
  display: none;
  opacity: 0;
}
.slideout__drawer-left:popover-open {
  transform: translateX(0);
  display: block;
  opacity: 1;

  @starting-style {
    transform: translateX(calc(calc(var(--slideout-width) * -1)));
  }
}
.no-popover .slideout__drawer-left {
  transform: translateX(calc(calc(var(--slideout-width) * -1)));
}
.no-popover .slideout__drawer-left.\:popover-open {
  transform: translateX(0);
}
@media (max-width: 740px) {
  .slideout {
    width: 350px;
  }
  .slideout__drawer-right {
    transform: translateX(350px);
    right: 0;
  }
  .slideout__drawer-left {
    transform: translateX(-350px);
    left: 0;
  }
}
.slideout-left--open .slideout--active.slideout__drawer-left {
  transform: translateX(0);
}
.slideout-right--open .slideout--active.slideout__drawer-right {
  transform: translateX(0);
}
.slideout-left--open,
.slideout-right--open {
  overflow: hidden;
}
.slideout-left--open .js-slideout-overlay,
.slideout-right--open .js-slideout-overlay,
.modal--open .js-modal-overlay {
  opacity: 0.8;
  visibility: visible;
}
.slideout__trigger--open {
  z-index: 2;
  margin-bottom: 0;
  cursor: pointer;
}
.slideout__trigger--open .slideout__trigger-mobile-menu i,
.slideout__trigger--open .slideout__trigger-password i {
  font-size: 20px;
  text-align: left;
}
.slideout__trigger--close {
  position: fixed;
  z-index: 1;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 30px;
  height: 30px;
  top: 10px;
  right: 10px;
  padding: 0;
  margin-bottom: 0;
  color: black;
  background: unset;
}
.slideout__trigger--close button {
  background: transparent;
  height: 100%;
  line-height: 0;
  margin: 0;
  display: block;
  padding: 0;
  width: 100%;
}
#slideout-ajax-cart .slideout__trigger--close {
  position: unset;
}
.slideout__trigger--open .slideout__trigger-drawer-sidebar,
.slideout__trigger--open .slideout__trigger-mobile-menu,
.slideout__trigger--open .slideout__trigger-store-availability,
.slideout__trigger--open .slideout__trigger-password {
  background: unset;
  margin-bottom: 0;
}
.slideout__trigger-drawer-sidebar:hover,
.slideout__trigger-mobile-menu:hover,
.slideout__trigger-store-availability:hover,
.slideout__trigger-password:hover,
.slideout__trigger-ajax-cart:hover,
.slideout__trigger-quickview:hover,
.slideout__trigger-general-modal:hover {
  background: unset;
}
.slideout__trigger--open .slideout__trigger-store-availability,
.slideout__trigger--open .slideout__trigger-password {
  color: var(--text-color);
  height: auto;
  text-align: left;
  text-decoration: underline;
  margin: 0;
  padding: 0;
}
.slideout__trigger-password,
.slideout__trigger-ajax-cart,
.slideout__trigger-quickview,
.slideout__trigger-drawer-sidebar,
.slideout__trigger-general-modal {
  display: inline-block;
  width: auto;
  height: 30px;
  line-height: 30px;
}
.slideout__trigger--open .slideout__trigger-store-availability:hover,
.slideout__trigger--open .slideout__trigger-password:hover {
  opacity: 0.8;
}
.slideout__trigger-store-availability .icn-close:before,
.slideout__trigger-store-availability .icn-close:after,
.slideout__trigger-password .icn-close:before,
.slideout__trigger-password .icn-close:after,
.slideout__trigger-drawer-sidebar .icn-close:before,
.slideout__trigger-drawer-sidebar .icn-close:after,
.slideout__trigger-ajax-cart .icn-close:before,
.slideout__trigger-quickview .icn-close:before,
.slideout__trigger-ajax-cart .icn-close:after,
.slideout__trigger-quickview .icn-close:after,
.slideout__trigger-general-modal .icn-close:before,
.slideout__trigger-general-modal .icn-close:after {
  border-color: var(--text-color);
}
.modal__general-modal__wrapper {
  padding: 60px !important;
}
.slideout-left--closed .slideout__drawer-left,
.slideout-right--closed .slideout__drawer-right {
  visibility: hidden;
  opacity: 0;
  -webkit-animation:slideoutFadeout 0.4s linear;
}
.slideout-left--open .slideout__drawer-left,
.slideout-right--open .slideout__drawer-right {
  visibility: visible;
  opacity: 1;
  -webkit-animation:slideoutFadein 0.4s linear;
}
@-webkit-keyframes slideoutFadeout {
  0%{opacity:1;visibility:visible;}
  99%{opacity:0;}
  100%{opacity:0;visibility: hidden;}
}
@-webkit-keyframes slideoutFadein {
  0%{opacity:0;visibility:visible;}
  100%{opacity:1;}
}
/* ----Custom Icons---- */
.icn-close {
  width: 20px;
  height: 20px;
  position: relative;
}
.icn-close:after {
  content: '';
  height: 20px;
  border-left: 1px solid #fff;
  position: absolute;
  transform: rotate(45deg);
  left: 8px;
}
.icn-close:before {
  content: '';
  height: 20px;
  border-left: 1px solid #fff;
  position: absolute;
  transform: rotate(-45deg);
  left: 8px;
}

/* ---- Social Icons ---- */
.social-icons__list {
  list-style: none;
  margin: 0;
}
.social-icons__list li {
  display: inline-block;
}
.social-icons__list li a {
  display: inline-block;
  padding: 0 5px;
  width: auto;
  height: 48px;
  line-height: 48px !important;
}

/* ---- Skip link ---- */

.skip-link {
  display: inline-block;
  width: max-content;
  line-height: 50px;
  padding: 0 20px;
  background-color: var(--button-color);
  color: var(--button-text);
}

.skip-link:focus {
  z-index: 9999;
  position: inherit;
  overflow: auto;
  width: auto;
  height: auto;
  clip: auto;
  background-color: var(--button-color);
  color: var(--button-text);
}

/* ---- Section captions ---- */
.section--caption h1,
.section--caption h2,
.section--caption h3,
.section--caption h4,
.section--caption p,
.section--caption .btn,
.section--caption span.subheading {
  margin-bottom: var(--section-caption-space);
}

.section--caption .rte > * {
  line-height: 1.4;
}

.section--caption:last-child,
.section--caption .rte p:last-child {
  margin-bottom: 0;
}

.section--caption .rte {
  margin-bottom: var(--section-caption-space);
  position: relative;
  z-index: 1;
}

.section--caption span.subheading {
  font-size: calc(var(--font-size) + 1px);
  color: var(--text-color);
  display: block;
}

.section--caption .btn {
  font-size: var(--font-size-reset);
}

/* ---- Breadcrumbs ---- */

#breadcrumb,
#breadcrumb a {
  font-size: 13px;
}

#breadcrumb {
  margin-top: 20px;
  margin-bottom:20px;
  text-align: center;
}



/* ---- Page titles ---- */

h1.page-title {
  margin-bottom: 40px;
  text-align: center;
}



/* ---- Global styled selects ---- */

.styled-select {
  border: 1px solid #ddd;
  border-radius: 1px;
  -webkit-appearance: none;
  -moz-appearance: none;
  padding-left: 12px;
  font-size: var(--font-size);
  height: 48px;
  line-height: 46px;
  min-width: 165px;
  margin-bottom: 10px;
  background: var(--select-arrow-bg) no-repeat right #fff;
}

.styled-select::-ms-expand {
  display: none;
}

/* ----Scrollbar Styles---- */
.modal__container ::-webkit-scrollbar ,
.slideout ::-webkit-scrollbar {
  width: 3px;
  height: 3px;
}
.modal__container ::-webkit-scrollbar-button,
.slideout ::-webkit-scrollbar-button {
  width: 0px;
  height: 0px;
}
.modal__container ::-webkit-scrollbar-thumb ,
.slideout ::-webkit-scrollbar-thumb {
  background: var(--text-color);
  border: 0px none #ffffff;
  border-radius: 50px;
}
.modal__container ::-webkit-scrollbar-thumb:hover,
.slideout ::-webkit-scrollbar-thumb:hover {
  background: #ffffff;
}
.modal__container ::-webkit-scrollbar-thumb:active,
.slideout ::-webkit-scrollbar-thumb:active {
  background: #000000;
}
.modal__container ::-webkit-scrollbar-track,
.slideout ::-webkit-scrollbar-track {
  background: var(--dotted-color);
  border: 0px none #ffffff;
  border-radius: 50px;
}
.modal__container ::-webkit-scrollbar-track:hover,
.slideout ::-webkit-scrollbar-track:hover {
  background: var(--dotted-color);
}
.modal__container ::-webkit-scrollbar-track:active,
.slideout ::-webkit-scrollbar-track:active {
  background: #333333;
}
.modal__container ::-webkit-scrollbar-corner,
.slideout ::-webkit-scrollbar-corner {
  background: transparent;
}

.drawer-sidebar {
  padding: 0.5rem 1rem 1rem 1rem;
}
.sidebar--drawer_content {
  margin-top: 10px;
  padding: 25px;
}


/* ---- Modal Styles ---- */
.modal__container {
  display: none;
  opacity: 0;
  position: absolute;
  z-index: 30;
  left: 50%;
  top: 50%;
  border: 0;
  transform: translate(-50%, -50%);
  webkit-transition: opacity 1.2s ease-in-out;
  transition: opacity 1.2s ease-in-out;
}
.modal__inner-wrapper {
  width: unset;
}
@media screen and (prefers-reduced-motion: no-preference) {
  .modal__container {
    transition-property: display opacity;
    transition-duration: 0.2s;
    transition-behavior: allow-discrete;
    transition-timing-function: ease-in-out;
  }
  .modal__container:popover-open {
    display: block;
    opacity: 1;

    @starting-style {
      opacity: 0;
    }
  }
  .modal__container.\:popover-open {
    display: block;
    opacity: 1;
  }
}
.modal__container::backdrop {
  background: rgba(0, 0, 0, 0.5);
}
.modal__inner-content-container {
  max-height: 560px;
  overflow-y: auto;
  padding-right: 5px;
  margin: 10px;
}
/* ----Modal Content/Box---- */
.modal__inner-wrapper {
  background-color: var(--background);
  padding: 20px;
  border: 1px solid #888;
  max-height: 800px;
  overflow-y: hidden;
  position: relative;
}
@media (max-width: 739px) {
  .modal__inner-wrapper {
    max-height: unset;
    overflow-y: unset;
  }
}
.modal__inner-wrapper .loading-wrapper {
  height: 100%;
}
@media (min-width: 980px) {
  .modal__inner-wrapper,
  .modal__container {
    width: 880px;
  }
}
@media (min-width: 740px) and (max-width: 979px) {
  .modal__inner-wrapper,
  .modal__container {
    width: 90%;
  }
}
@media (max-width: 739px) {
  .modal__inner-wrapper,
  .modal__container {
    width: 100%;
  }
  .modal__inner-wrapper {
    max-height: unset;
    padding: 50px 10px 20px 10px !important;
  }
}
.modal__container.modal--active {
  display: block;
  opacity: 1;
}

/* ---- PhotoSwipe ---- */
.pswp,.pswp__bg,.pswp__scroll-wrap{height:100%;width:100%}.pswp__container,.pswp__item,.pswp__zoom-wrap{right:0;bottom:0;top:0;left:0;position:absolute}.pswp__bg,.pswp__img--placeholder--blank{background:#fff}.pswp__button--arrow--left:hover,.pswp__button--arrow--right:hover,.pswp__button:focus,.pswp__button:hover{background-color:var(--direction-hover)}.pswp,.pswp__bg,.pswp__button,.pswp__container,.pswp__error-msg,.pswp__img,.pswp__item,.pswp__preloader,.pswp__scroll-wrap,.pswp__zoom-wrap{position:absolute}.pswp,.pswp__bg,.pswp__container,.pswp__img--placeholder,.pswp__zoom-wrap{-webkit-backface-visibility:hidden}.pswp--animate_opacity,.pswp__bg,.pswp__preloader{will-change:opacity}.pswp__link{display:block}/*! PhotoSwipe main CSS by Dmitry Semenov | photoswipe.com | MIT license---- */.pswp{display:none;left:0;top:0;overflow:hidden;-ms-touch-action:none;touch-action:none;z-index:1500;-webkit-text-size-adjust:100%;outline:0}.pswp *{-webkit-box-sizing:border-box;box-sizing:border-box}.pswp img{max-width:none}.pswp--animate_opacity{opacity:.001;-webkit-transition:opacity 333ms cubic-bezier(.4, 0, .22, 1);transition:opacity 333ms cubic-bezier(.4, 0, .22, 1)}.pswp--open{display:block}.pswp--zoom-allowed .pswp__img{cursor:-webkit-zoom-in;cursor:-moz-zoom-in;cursor:zoom-in}.pswp--zoomed-in .pswp__img{cursor:-webkit-grab;cursor:-moz-grab;cursor:grab}.pswp--dragging .pswp__img{cursor:-webkit-grabbing;cursor:-moz-grabbing;cursor:grabbing}.pswp__bg{left:0;top:0;opacity:0;-webkit-transform:translateZ(0);transform:translateZ(0)}.pswp__scroll-wrap{left:0;top:0;overflow:hidden}.pswp__container,.pswp__zoom-wrap{-ms-touch-action:none;touch-action:none}.pswp__container,.pswp__img{-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;-webkit-tap-highlight-color:transparent;-webkit-touch-callout:none}.pswp__zoom-wrap{width:100%;-webkit-transform-origin:left top;-ms-transform-origin:left top;transform-origin:left top;-webkit-transition:-webkit-transform 333ms cubic-bezier(.4, 0, .22, 1);transition:transform 333ms cubic-bezier(.4, 0, .22, 1)}.pswp__bg{-webkit-transition:opacity 333ms cubic-bezier(.4, 0, .22, 1);transition:opacity 333ms cubic-bezier(.4, 0, .22, 1)}.pswp--animated-in .pswp__bg,.pswp--animated-in .pswp__zoom-wrap{-webkit-transition:none;transition:none}.pswp__item{overflow:hidden}.pswp__img{width:auto;height:auto;top:0;left:0}.pswp--ie .pswp__img{width:100%!important;height:auto!important;left:0;top:0}.pswp__error-msg{left:0;top:50%;width:100%;text-align:center;font-size:14px;line-height:16px;margin-top:-8px;color:#ccc}.pswp__error-msg a{color:#ccc;text-decoration:underline}.pswp__button{display:inline-flex;align-items:center;justify-content:center;cursor:pointer;width:45px;height:45px;margin:0;padding:0;border:1px solid var(--direction-hover);border-radius:50%!important;opacity:1;background-color:var(--direction-background);overflow:visible;-webkit-appearance:none;-webkit-transition:opacity .2s;transition:opacity .2s}.pswp--zoom-allowed .pswp__button--zoom,.pswp__button.pswp__button--zoom,.pswp__element--disabled,.pswp__ui--one-slide .pswp__button--arrow--left,.pswp__ui--one-slide .pswp__button--arrow--right,.pswp__ui--one-slide .pswp__counter{display:none}.pswp__button:focus,.pswp__button:hover{opacity:1}.pswp__button::-moz-focus-inner{padding:0;border:0}.pswp__button svg{pointer-events:none;height:12px}.pswp__ui--over-close .pswp__button--close{opacity:1}.pswp--touch .pswp__button--arrow--left,.pswp--touch .pswp__button--arrow--right{visibility:hidden}.pswp--has_mouse .pswp__button--arrow--left,.pswp--has_mouse .pswp__button--arrow--right,.pswp__ui{visibility:visible}.pswp__ui.pswp__ui--hidden{transform:translateY(200%);transition:none}.pswp__button--arrow--left,.pswp__button--arrow--right{top:50%;transform:translateY(-50%)}.pswp__button--arrow--left{left:15%}.pswp__button--arrow--right{right:15%}.pswp__button.pswp__button--close{top:10px;right:10px}.pswp__preloader{width:44px;height:44px;top:0;left:50%;margin-left:-22px;opacity:0;-webkit-transition:opacity .25s ease-out;transition:opacity .25s ease-out;direction:ltr}.pswp--css_animation .pswp__preloader--active,.pswp__preloader--active,.pswp__ui{opacity:1}.pswp__preloader__icn{width:20px;height:20px;margin:12px}.pswp__preloader--active .pswp__preloader__icn{background:url(preloader.gif) no-repeat}.pswp--css_animation .pswp__preloader--active .pswp__preloader__icn{-webkit-animation:.5s linear infinite clockwise;animation:.5s linear infinite clockwise}.pswp--css_animation .pswp__preloader--active .pswp__preloader__donut{-webkit-animation:1s cubic-bezier(.4,0,.22,1) infinite donut-rotate;animation:1s cubic-bezier(.4,0,.22,1) infinite donut-rotate}.pswp--css_animation .pswp__preloader__icn{background:0 0;opacity:.75;width:14px;height:14px;position:absolute;left:15px;top:15px;margin:0}.pswp--css_animation .pswp__preloader__cut{position:relative;width:7px;height:14px;overflow:hidden}.pswp--css_animation .pswp__preloader__donut{-webkit-box-sizing:border-box;box-sizing:border-box;width:14px;height:14px;border:2px solid #fff;border-radius:50%;border-left-color:transparent;border-bottom-color:transparent;position:absolute;top:0;left:0;background:0 0;margin:0}@media screen and (max-width:1024px){.pswp__preloader{position:relative;left:auto;top:auto;margin:0;float:right}}@-webkit-keyframes clockwise{0%{-webkit-transform:rotate(0);transform:rotate(0)}100%{-webkit-transform:rotate(360deg);transform:rotate(360deg)}}@keyframes clockwise{0%{-webkit-transform:rotate(0);transform:rotate(0)}100%{-webkit-transform:rotate(360deg);transform:rotate(360deg)}}@-webkit-keyframes donut-rotate{0%,100%{-webkit-transform:rotate(0);transform:rotate(0)}50%{-webkit-transform:rotate(-140deg);transform:rotate(-140deg)}}@keyframes donut-rotate{0%,100%{-webkit-transform:rotate(0);transform:rotate(0)}50%{-webkit-transform:rotate(-140deg);transform:rotate(-140deg)}}.pswp__ui{-webkit-font-smoothing:auto;z-index:1550;animation:2.5s fadeIn}.pswp__top-bar{position:absolute;left:0;top:0;height:44px;width:100%}.pswp--has_mouse .pswp__button--arrow--left,.pswp--has_mouse .pswp__button--arrow--right,.pswp__caption,.pswp__top-bar{-webkit-backface-visibility:hidden;will-change:opacity;-webkit-transition:opacity 333ms cubic-bezier(.4, 0, .22, 1);transition:opacity 333ms cubic-bezier(.4, 0, .22, 1)}.pswp__caption,.pswp__top-bar{background-color:#fff}.pswp__ui--fit .pswp__caption,.pswp__ui--fit .pswp__top-bar{background-color:rgba(0,0,0,.3)}.pswp__ui--idle .pswp__button--arrow--left,.pswp__ui--idle .pswp__button--arrow--right,.pswp__ui--idle .pswp__top-bar{opacity:0}.pswp__ui--hidden .pswp__button--arrow--left,.pswp__ui--hidden .pswp__button--arrow--right,.pswp__ui--hidden .pswp__caption,.pswp__ui--hidden .pswp__top-bar{opacity:.001}.pswp__element--disabled{display:none!important}.pswp--minimal--dark .pswp__top-bar{background:0 0}

/* ---- Policy pages ----*/
​.shopify-policy__container{margin-top: 30px;margin-bottom: 50px;}

/* ----Unit Pricing Update---- */
.price {
  display: flex;
  flex-direction: column;
  align-items: center;
  margin-top: 0;
  margin-bottom: 0;
}

.price dl {
  margin: 0;
}
.price dd {
  margin: 0 0.5em 0 0;
}

.price--unavailable {
  visibility: hidden;
}

.price--compare-price-hidden .price__compare {
  display: none;
}

.price__pricing-group {
  display: flex;
  flex-direction: row;
  align-items: center;
}

.price__regular {
  display: block;
}

.price--on-sale .price__regular,
.price--on-sale .price__availability {
  display: none;
}

.price__availability {
  display: none;
  color: var(--text-color);
  font-size: 0.9em;
  text-transform: uppercase;
  letter-spacing: 1px;
}

.price--sold-out .price__availability {
  display: block;
}

.price__sale {
  display: none;
}

.price--on-sale .price__sale {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  justify-content: center;
}

.price__vendor {
  color: var(--text-color);
  font-size: 0.9em;
  text-transform: uppercase;
  margin: 5px 0 10px;
  width: 100%;
  -ms-flex-preferred-size: 100%;
  -webkit-flex-basis: 100%;
  -moz-flex-basis: 100%;
  flex-basis: 100%;
}

.price__vendor--listing {
  margin: 0 0 4px;
}

.price__unit {
  -ms-flex-preferred-size: 100%;
  -webkit-flex-basis: 100%;
  -moz-flex-basis: 100%;
  flex-basis: 100%;
  display: none;
}
.price--unit-available .price__unit {
  display: block;
}

.price-item {
  color: var(--text-color);
}

.price-item--sale {
  color: var(--sale-color);
}

.price--on-sale .price-item--regular {
  text-decoration: line-through;
}

.price-unit-price {
  color: var(--price-unit-price) !important;
  font-size: 0.8em;
  font-style: italic;
}

.price-item__label {
  display: inline-block;
  white-space: nowrap;
}

.price__badges {
  display: none;
  margin-top: 0;
}

.price__badge {
  display: none;
  align-self: center;
  text-align: center;
  font-size: 0.5em;
  line-height: 1em;
  font-weight: bold;
  text-transform: uppercase;
  letter-spacing: 1px;
  border: 1px solid var(--text-color);
  border-radius: 2px;
  padding: 0.2rem 0.5rem;
}

.price__badge--sale {
  color: var(--sale-color);
  border-color: var(--sale-color);
}
.price--on-sale .price__badge--sale {
  display: flex;
}
.price--sold-out .price__badge--sale {
  display: none;
}
.price--on-sale .price__badges,
.price--sold-out .price__badges {
  display: flex;
}
.price__badge--sold-out {
  color: var(--text-color);
  border-color: var(--text-color);
}
.price--sold-out .price__badge--sold-out {
  display: flex;
}

.price__badges--listing {
  margin-top: 0.5rem;
}

.price__badges--listing .price__badge {
  font-size: 0.6em;
  padding: 0.25rem 0.55rem;
}

/* ---- Misc ---- */
.content-wrapper {
  background: var(--background);
}

/* ---- Section caption accents ---- */
@keyframes wipeIn {
  from {
    width: 0;
    opacity: 0;
  }
  to {
    width: 100%;
    opacity: 1;
  }
}

.highlight {
  position: relative;
  display: inline-block;
  overflow: visible;
  z-index: 1;
  color: var(--accent-text-color);
}

.highlight.accent--underline::after {
  content: "";
  position: absolute;
  left: 0;
  bottom: 0px;
  white-space: nowrap;
  overflow: hidden;
  background-color: var(--accent-color);
  padding: 2px;
  width: 0;
  opacity: 0;
  border-radius: 12px;
  clip-path: ellipse(100% 100% at 50% 100%);
  transform: rotate(-2.5deg);
  z-index: -1;
}

.highlight.accent--highlight::after {
  content: "";
  position: absolute;
  left: -1px;
  bottom: 0;
  white-space: nowrap;
  overflow: hidden;
  background-color: var(--accent-color);
  padding: 2px;
  width: 0;
  height: 100%;
  opacity: 0;
  border-radius: 5px;
  clip-path: ellipse(100% 100% at 50% 100%);
  transform: rotate(-2.5deg);
  z-index: -1;
}

.highlight svg {
  display: none;
}

.highlight.accent--circle svg.elipse {
  display: inline-block;
  position: absolute;
  top: 50%;
  left: 60%;
  transform: translate(-50%, -50%);
  width: 105%;
  overflow: visible;
  fill: var(--accent-color);
  z-index: -1;
}

.highlight.animated::after {
  animation: wipeIn 1s ease-out forwards;
}

/* ---- Flickity ---- */
/*! Flickity v2.2.1
https://flickity.metafizzy.co
---------------------------------------------- */
.flickity-enabled{position:relative}.flickity-enabled:focus{outline:0}.flickity-viewport{overflow:hidden;position:relative;height:100%}.flickity-slider{position:absolute;width:100%;height:100%}.flickity-enabled.is-draggable{-webkit-tap-highlight-color:transparent;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.flickity-enabled.is-draggable .flickity-viewport{cursor:move;cursor:-webkit-grab;cursor:grab}.flickity-enabled.is-draggable .flickity-viewport.is-pointer-down{cursor:-webkit-grabbing;cursor:grabbing}.flickity-button{position:absolute;border:none;color:var(--direction-color);background-color:var(--direction-background);width:45px;height:45px;border:1px solid var(--direction-hover);border-radius:50%!important;margin:0;display:flex;align-items: center;justify-content:center;}.flickity-button:hover{cursor:pointer;background-color: var(--direction-hover);}.flickity-button:focus{outline:0;box-shadow:0 0 0 1px var(--keyboard-focus-color)}.flickity-button:active{opacity:.6}.flickity-button:disabled{opacity:.3;cursor:auto;pointer-events:none}.flickity-prev-next-button{top:50%;transform:translateY(-50%)}.flickity-prev-next-button.previous{left:10px}.flickity-prev-next-button.next{right:10px}.flickity-rtl .flickity-prev-next-button.previous{left:auto;right:10px}.flickity-rtl .flickity-prev-next-button.next{right:auto;left:10px}.flickity-prev-next-button .flickity-button-icon{height:12px;color:var(--direction-color);fill:var(--direction-color);}.flickity-page-dots{position:absolute;width:100%;bottom:-25px;padding:0;margin:0;list-style:none;text-align:center;line-height:1}.flickity-rtl .flickity-page-dots{direction:rtl}.flickity-page-dots .dot{display:inline-block;width:10px;height:10px;margin:0 5px;border:1px solid #fff;background:#333;border-radius:50%;opacity:.25;cursor:pointer}.flickity-page-dots .dot.is-selected{opacity:1}

/* flickity-fade */
.flickity-enabled.is-fade .flickity-slider > * {
  pointer-events: none;
  z-index: 0;
}

.flickity-enabled.is-fade .flickity-slider > .is-selected {
  pointer-events: auto;
  z-index: 1;
}

.flickity-slider {
  -ms-touch-action: pan-y;
      touch-action: pan-y;
}
/* Force smaller height on hero container */
.section.image-with-text {
  height: 350px !important;
  max-height: 350px !important;
  min-height: 350px !important;
  overflow: hidden !important;
  padding-top: 0 !important;
  padding-bottom: 0 !important;
}

/* Force hero image to fill the container */
.section.image-with-text .image-with-text__media {
  height: 350px !important;
  max-height: 350px !important;
}

.section.image-with-text .image-with-text__media img {
  height: 100% !important;
  width: 100% !important;
  object-fit: cover !important;
}

/* Shrink the heading text */
.section.image-with-text .image-with-text__heading {
  font-size: 1rem !important;
  line-height: 1.2 !important;
  max-width: 80% !important;
  margin-bottom: 0.3em !important;
}

/* Shrink the subheading text */
.section.image-with-text .image-with-text__subheading {
  font-size: 0.8rem !important;
  margin-bottom: 0 !important;
}

/* Reduce padding around the text */
.section.image-with-text .image-with-text__content {
  padding-top: 10px !important;
  padding-bottom: 10px !important;
}
.section.image-with-text {
  height: 250px !important;
  max-height: 250px !important;
  min-height: 250px !important;
  padding: 0 !important;
  margin: 0 !important;
  overflow: hidden !important;
}

.section.image-with-text .image-with-text__content {
  padding: 5px 10px !important;
  margin: 0 !important;
}

.section.image-with-text .image-with-text__heading {
  font-size: 0.75rem !important;
  line-height: 1 !important;
  margin-bottom: 0 !important;
  max-width: 80% !important;
}

.section.image-with-text .image-with-text__subheading {
  font-size: 0.6rem !important;
  margin-bottom: 0 !important;
}

.section.image-with-text .image-with-text__media,
.section.image-with-text .image-with-text__media img {
  height: 250px !important;
  width: 100% !important;
  object-fit: cover !important;
  margin: 0 !important;
  padding: 0 !important;
}
  <!-- Other scripts or content -->

  <script>
  document.addEventListener("DOMContentLoaded", function() {
    var hero = document.querySelector('.section.image-with-text');
    if (hero) {
      hero.style.height = '250px';
      hero.style.maxHeight = '250px';
    }
  });
  </script>
</body>
</html>

.hero-section {
  height: 250px !important;
  max-height: 250px !important;
  min-height: 250px !important;
  overflow: hidden !important;
  padding: 0 !important;
  margin: 0 !important;
}

.hero-section img {
  height: 100% !important;
  width: 100% !important;
  object-fit: cover !important;
}

.hero-section .heading,
.hero-section .subheading {
  font-size: 0.75rem !important;
  line-height: 1 !important;
  margin-bottom: 0 !important;
  max-width: 80% !important;
  padding: 0 !important;
}
<script>
document.addEventListener("DOMContentLoaded", function() {
  var hero = document.querySelector('.hero-section');
  if (hero) {
    hero.style.height = '250px';
    hero.style.maxHeight = '250px';
  }
});
</script>

.hero-section .heading,
.hero-section .subheading {
  font-weight: normal !important;
}
.hero-section .heading,
.hero-section .subheading {
  font-weight: 400 !important;  /* Normal weight */
  font-style: normal !important; /* Ensure not italic */
  font-family: inherit !important; /* Keep the same font family */
}

.hero-section .heading strong,
.hero-section .subheading strong,
.hero-section .heading b,
.hero-section .subheading b {
  font-weight: 400 !important;
}
.hero-section .heading,
.hero-section .subheading,
.hero-section .heading strong,
.hero-section .heading b,
.hero-section .subheading strong,
.hero-section .subheading b {
  font-weight: 300 !important;  /* lighter weight */
  font-style: normal !important;
  font-family: "Helvetica Neue", Helvetica, Arial, sans-serif !important; /* a common regular font */
  text-shadow: none !important; /* remove any text shadows that add weight */
}
.hero-section {
  height: 120px !important;
  max-height: 120px !important;
  min-height: 120px !important;
  overflow: hidden !important;
  padding: 0 !important;
  margin: 0 !important;
}

.hero-section img {
  height: 100% !important;
  width: 100% !important;
  object-fit: cover !important;
}

.hero-section .heading,
.hero-section .subheading {
  font-size: 0.5rem !important;
  line-height: 1 !important;
  margin-bottom: 0 !important;
  max-width: 80% !important;
  padding: 0 !important;
  font-weight: 300 !important;
}
.hero-section {
  margin-bottom: 1.5rem; /* space below the hero */
  position: relative; /* keep positioning normal */
  z-index: 1; /* ensure it’s above following content */
}
.some-next-section-class {
  padding-top: 1.5rem; /* adjust as needed */
}
.hero-section {
  height: 120px !important;
  max-height: 120px !important;
  min-height: 120px !important;
  overflow: visible !important; /* allow overflow so text won’t be cut off */
  padding-bottom: 1rem !important; /* add space at bottom */
  position: relative;
  z-index: 1;
}

.hero-section .heading,
.hero-section .subheading {
  font-size: 0.5rem !important;
  line-height: 1.2 !important; /* slightly more line spacing */
  margin-bottom: 0.3rem !important;
  max-width: 80% !important;
  padding: 0 !important;
  font-weight: 300 !important;
}

.hero-section {
  position: relative;
  height: 120px !important;
  max-height: 120px !important;
  overflow: hidden !important;  /* keep image cropped */
  padding-bottom: 3rem !important; /* add space for subheading */
}

.hero-section .heading {
  font-size: 0.6rem !important;
  font-weight: 300 !important;
  margin: 0 !important;
  padding: 0 !important;
}

.hero-section .subheading {
  position: absolute !important;
  bottom: -2.5rem !important; /* moves subheading below hero */
  left: 0 !important;
  width: 100% !important;
  font-size: 0.5rem !important;
  font-weight: 300 !important;
  line-height: 1 !important;
  padding: 0 1rem !important;
  background: transparent !important;
  color: inherit !important;
  text-align: center !important;
  white-space: normal !important;
  z-index: 10 !important;
}
.hero-section {
  display: flex !important;
  flex-direction: column !important;
  align-items: center !important;
  justify-content: flex-start !important;
  height: auto !important;   /* allow height to grow */
  max-height: none !important;
  padding: 1rem 0 !important;
  overflow: visible !important;
}

.hero-section img {
  width: 100% !important;
  height: 120px !important;
  object-fit: cover !important;
  margin-bottom: 0.5rem !important;
}

.hero-section .heading {
  font-size: 0.6rem !important;
  font-weight: 300 !important;
  margin: 0 !important;
  padding: 0 !important;
  text-align: center !important;
}

.hero-section .subheading {
  font-size: 0.5rem !important;
  font-weight: 300 !important;
  margin: 0 !important;
  padding: 0 !important;
  text-align: center !important;
  max-width: 90% !important;
}