/** Shopify CDN: Minification failed

Line 11603:10 Unexpected "{"
Line 11603:19 Expected ":"
Line 11606:10 Unexpected "{"
Line 11606:19 Expected ":"
Line 11610:10 Unexpected "{"
Line 11610:19 Expected ":"
Line 11613:10 Unexpected "{"
Line 11613:19 Expected ":"

**/
/*
* Fashionopolism Responsive Shopify theme
* Copyright 2021, We are Underground
* www.weareunderground.com
*
*
* Gridlock v3.2.1
* A responsive CSS grid system. Part of the Formstone Library.
* http://formstone.it/gridlock/
*
* Copyright 2014 Ben Plum; MIT Licensed
*/

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

.gridlock .row {
  width: 92%;
  margin-left: auto;
  margin-right: auto
}

.gridlock .row:after {
  height: 0;
  clear: both;
  content: ".";
  display: block;
  line-height: 0;
  visibility: hidden
}

.gridlock .row .row {
  width: 102.08333333%;
  margin-left: -1.04166667%;
  margin-right: -1.04166667%
}

.gridlock .row .contained .row {
  width: 100%;
  margin-left: 0;
  margin-right: 0
}

.gridlock .row [class*=all-], .gridlock .row [class*=desktop-], .gridlock .row [class*=max-], .gridlock .row [class*=min-], .gridlock .row [class*=mobile-], .gridlock .row [class*=tablet-] {
  float: left;
  margin-left: 1.04166667%;
  margin-right: 1.04166667%
}

.gridlock .row [class*=all-].padded, .gridlock .row [class*=desktop-].padded, .gridlock .row [class*=max-].padded, .gridlock .row [class*=min-].padded, .gridlock .row [class*=mobile-].padded, .gridlock .row [class*=tablet-].padded {
  box-sizing: content-box;
  margin-left: 0;
  margin-right: 0;
  padding-left: 1.04166667%;
  padding-right: 1.04166667%
}

.gridlock .row [class*=all-].contained, .gridlock .row [class*=desktop-].contained, .gridlock .row [class*=max-].contained, .gridlock .row [class*=min-].contained, .gridlock .row [class*=mobile-].contained, .gridlock .row [class*=tablet-].contained {
  margin-left: 0;
  margin-right: 0
}

.gridlock .row [class*=all-].right, .gridlock .row [class*=desktop-].right, .gridlock .row [class*=max-].right, .gridlock .row [class*=min-].right, .gridlock .row [class*=mobile-].right, .gridlock .row [class*=tablet-].right {
  float: right
}

@media screen and (min-width:500px) {
  .gridlock .row {
    width: 480px
  }
}

@media screen and (min-width:740px) {
  .gridlock .row {
    width: 720px
  }
}

@media screen and (min-width:980px) {
  .gridlock .row {
    width: 960px
  }
}

@media screen and (min-width:1220px) {
  .gridlock .row {
    width: 1200px
  }
}

/* The row stays fluid at 94% until 94% reaches the 1832px cap (1832 / .94 = 1948.9),
   then holds at the cap. */
@media screen and (max-width:1948px) {
  .gridlock .row {
    width: 94%;
  }
}

@media screen and (min-width:1949px) {
  .gridlock .row {
    width: 1832px
  }
}

@media screen and (max-width:739px) {
  .gridlock-mobile-fluid .row {
    width: 98%
  }
}

.gridlock .row .all-fifth {
  width: 17.91666667%
}

.gridlock .row .all-fourth {
  width: 22.91666667%
}

.gridlock .row .all-third {
  width: 31.25%
}

.gridlock .row .all-half {
  width: 47.91666667%
}

.gridlock .row .all-full {
  width: 97.91666667%
}

.gridlock .row .all-push-fifth {
  margin-left: 21.04166667%
}

.gridlock .row .all-push-fourth {
  margin-left: 26.04166667%
}

.gridlock .row .all-push-third {
  margin-left: 34.375%
}

.gridlock .row .all-push-half {
  margin-left: 51.04166667%
}

.gridlock .row .contained.all-fifth {
  width: 20%
}

.gridlock .row .contained.all-fourth {
  width: 25%
}

.gridlock .row .contained.all-third {
  width: 33.33333333%
}

.gridlock .row .contained.all-half {
  width: 50%
}

.gridlock .row .contained.all-full {
  width: 100%
}

.gridlock .row .contained.all-push-fifth {
  margin-left: 20%
}

.gridlock .row .contained.all-push-fourth {
  margin-left: 25%
}

.gridlock .row .contained.all-push-third {
  margin-left: 33.33333333%
}

.gridlock .row .contained.all-push-half {
  margin-left: 50%
}

.gridlock .row [class*=all-].centered {
  float: none;
  margin-left: auto;
  margin-right: auto
}

.gridlock .row .all-hide {
  display: none
}
.visually-hidden {
  display: none;
}

.visuallyhidden {
  border: 0;
  clip: rect(0 0 0 0);
  height: 1px;
  margin: -1px;
  overflow: hidden;
  padding: 0;
  position: absolute;
  width: 1px;
}
.visuallyhidden.focusable:active,
.visuallyhidden.focusable:focus {
  clip: auto;
  height: auto;
  margin: 0;
  overflow: visible;
  position: static;
}

@media screen and (max-width:739px) {
  .gridlock .row .mobile-1 {
    width: 31.25%
  }
  .gridlock .row .mobile-2 {
    width: 64.58333333%
  }
  .gridlock .row .mobile-3 {
    width: 97.91666667%
  }
  .gridlock .row .mobile-push-1 {
    margin-left: 34.375%
  }
  .gridlock .row .mobile-push-2 {
    margin-left: 67.70833333%
  }
  .gridlock .row .contained.mobile-1 {
    width: 33.33333333%
  }
  .gridlock .row .contained.mobile-2 {
    width: 66.66666667%
  }
  .gridlock .row .contained.mobile-3 {
    width: 100%
  }
  .gridlock .row .contained.mobile-push-1 {
    margin-left: 33.33333333%
  }
  .gridlock .row .contained.mobile-push-2 {
    margin-left: 66.66666667%
  }
  .gridlock .row .mobile-fifth {
    width: 17.91666667%
  }
  .gridlock .row .mobile-fourth {
    width: 22.91666667%
  }
  .gridlock .row .mobile-third {
    width: 31.25%
  }
  .gridlock .row .mobile-half {
    width: 47.91666667%
  }
  .gridlock .row .mobile-full {
    width: 97.91666667%
  }
  .gridlock .row .mobile-push-fifth {
    margin-left: 21.04166667%
  }
  .gridlock .row .mobile-push-fourth {
    margin-left: 26.04166667%
  }
  .gridlock .row .mobile-push-third {
    margin-left: 34.375%
  }
  .gridlock .row .mobile-push-half {
    margin-left: 51.04166667%
  }
  .gridlock .row .contained.mobile-fifth {
    width: 20%
  }
  .gridlock .row .contained.mobile-fourth {
    width: 25%
  }
  .gridlock .row .contained.mobile-third {
    width: 33.33333333%
  }
  .gridlock .row .contained.mobile-half {
    width: 50%
  }
  .gridlock .row .contained.mobile-full {
    width: 100%
  }
  .gridlock .row .contained.mobile-push-fifth {
    margin-left: 20%
  }
  .gridlock .row .contained.mobile-push-fourth {
    margin-left: 25%
  }
  .gridlock .row .contained.mobile-push-third {
    margin-left: 33.33333333%
  }
  .gridlock .row .contained.mobile-push-half {
    margin-left: 50%
  }
  .gridlock .row [class*=mobile-].centered {
    float: none;
    margin-left: auto;
    margin-right: auto
  }
  .gridlock .row .mobile-hide {
    display: none
  }
}

@media screen and (max-width:499px) {
  .gridlock .row .min-1 {
    width: 31.25%
  }
  .gridlock .row .min-2 {
    width: 64.58333333%
  }
  .gridlock .row .min-3 {
    width: 97.91666667%
  }
  .gridlock .row .min-push-1 {
    margin-left: 34.375%
  }
  .gridlock .row .min-push-2 {
    margin-left: 67.70833333%
  }
  .gridlock .row .contained.min-1 {
    width: 33.33333333%
  }
  .gridlock .row .contained.min-2 {
    width: 66.66666667%
  }
  .gridlock .row .contained.min-3 {
    width: 100%
  }
  .gridlock .row .contained.min-push-1 {
    margin-left: 33.33333333%
  }
  .gridlock .row .contained.min-push-2 {
    margin-left: 66.66666667%
  }
  .gridlock .row .min-fifth {
    width: 17.91666667%
  }
  .gridlock .row .min-fourth {
    width: 22.91666667%
  }
  .gridlock .row .min-third {
    width: 31.25%
  }
  .gridlock .row .min-half {
    width: 47.91666667%
  }
  .gridlock .row .min-full {
    width: 97.91666667%
  }
  .gridlock .row .min-push-fifth {
    margin-left: 21.04166667%
  }
  .gridlock .row .min-push-fourth {
    margin-left: 26.04166667%
  }
  .gridlock .row .min-push-third {
    margin-left: 34.375%
  }
  .gridlock .row .min-push-half {
    margin-left: 51.04166667%
  }
  .gridlock .row .contained.min-fifth {
    width: 20%
  }
  .gridlock .row .contained.min-fourth {
    width: 25%
  }
  .gridlock .row .contained.min-third {
    width: 33.33333333%
  }
  .gridlock .row .contained.min-half {
    width: 50%
  }
  .gridlock .row .contained.min-full {
    width: 100%
  }
  .gridlock .row .contained.min-push-fifth {
    margin-left: 20%
  }
  .gridlock .row .contained.min-push-fourth {
    margin-left: 25%
  }
  .gridlock .row .contained.min-push-third {
    margin-left: 33.33333333%
  }
  .gridlock .row .contained.min-push-half {
    margin-left: 50%
  }
  .gridlock .row [class*=min-].centered {
    float: none;
    margin-left: auto;
    margin-right: auto
  }
  .gridlock .row .min-hide {
    display: none
  }
}

@media screen and (min-width:740px) and (max-width:979px) {
  .gridlock .row .tablet-1 {
    width: 14.58333333%
  }
  .gridlock .row .tablet-2 {
    width: 31.25%
  }
  .gridlock .row .tablet-3 {
    width: 47.91666667%
  }
  .gridlock .row .tablet-4 {
    width: 64.58333333%
  }
  .gridlock .row .tablet-5 {
    width: 81.25%
  }
  .gridlock .row .tablet-6 {
    width: 97.91666667%
  }
  .gridlock .row .tablet-push-1 {
    margin-left: 17.70833333%
  }
  .gridlock .row .tablet-push-2 {
    margin-left: 34.375%
  }
  .gridlock .row .tablet-push-3 {
    margin-left: 51.04166667%
  }
  .gridlock .row .tablet-push-4 {
    margin-left: 67.70833333%
  }
  .gridlock .row .tablet-push-5 {
    margin-left: 84.375%
  }
  .gridlock .row .contained.tablet-1 {
    width: 16.66666667%
  }
  .gridlock .row .contained.tablet-2 {
    width: 33.33333333%
  }
  .gridlock .row .contained.tablet-3 {
    width: 50%
  }
  .gridlock .row .contained.tablet-4 {
    width: 66.66666667%
  }
  .gridlock .row .contained.tablet-5 {
    width: 83.33333333%
  }
  .gridlock .row .contained.tablet-6 {
    width: 100%
  }
  .gridlock .row .contained.tablet-push-1 {
    margin-left: 16.66666667%
  }
  .gridlock .row .contained.tablet-push-2 {
    margin-left: 33.33333333%
  }
  .gridlock .row .contained.tablet-push-3 {
    margin-left: 50%
  }
  .gridlock .row .contained.tablet-push-4 {
    margin-left: 66.66666667%
  }
  .gridlock .row .contained.tablet-push-5 {
    margin-left: 83.33333333%
  }
  .gridlock .row .tablet-fifth {
    width: 17.91666667%
  }
  .gridlock .row .tablet-fourth {
    width: 22.91666667%
  }
  .gridlock .row .tablet-third {
    width: 31.25%
  }
  .gridlock .row .tablet-three-quarter {
    width: 72.9%
  }
  .gridlock .row .tablet-two-thirds {
    width: 64.5%
  }
  .gridlock .row .tablet-half {
    width: 47.91666667%
  }
  .gridlock .row .tablet-full {
    width: 97.91666667%
  }
  .gridlock .row .tablet-push-fifth {
    margin-left: 21.04166667%
  }
  .gridlock .row .tablet-push-fourth {
    margin-left: 26.04166667%
  }
  .gridlock .row .tablet-push-third {
    margin-left: 34.375%
  }
  .gridlock .row .tablet-push-half {
    margin-left: 51.04166667%
  }
  .gridlock .row .contained.tablet-fifth {
    width: 20%
  }
  .gridlock .row .contained.tablet-fourth {
    width: 25%
  }
  .gridlock .row .contained.tablet-third {
    width: 33.33333333%
  }
  .gridlock .row .contained.tablet-half {
    width: 50%
  }
  .gridlock .row .contained.tablet-full {
    width: 100%
  }
  .gridlock .row .contained.tablet-push-fifth {
    margin-left: 20%
  }
  .gridlock .row .contained.tablet-push-fourth {
    margin-left: 25%
  }
  .gridlock .row .contained.tablet-push-third {
    margin-left: 33.33333333%
  }
  .gridlock .row .contained.tablet-push-half {
    margin-left: 50%
  }
  .gridlock .row [class*=tablet-].centered {
    float: none;
    margin-left: auto;
    margin-right: auto
  }
  .gridlock .row .tablet-hide {
    display: none !important
  }
}

@media screen and (min-width:980px) {
  .gridlock .row .desktop-1 {
    width: 6.25%
  }
  .gridlock .row .desktop-2 {
    width: 14.58333333%
  }
  .gridlock .row .desktop-3 {
    width: 22.91666667%
  }
  .gridlock .row .desktop-4 {
    width: 31.25%
  }
  .gridlock .row .desktop-5 {
    width: 39.58333333%
  }
  .gridlock .row .desktop-6 {
    width: 47.91666667%
  }
  .gridlock .row .desktop-7 {
    width: 56.25%
  }
  .gridlock .row .desktop-8 {
    width: 64.58333333%
  }
  .gridlock .row .desktop-9 {
    width: 72.91666667%
  }
  .gridlock .row .desktop-10 {
    width: 81.25%
  }
  .gridlock .row .desktop-11 {
    width: 89.58333333%
  }
  .gridlock .row .desktop-12 {
    width: 97.91666667%
  }
  .gridlock .row .desktop-push-1 {
    margin-left: 9.375%
  }
  .gridlock .row .desktop-push-2 {
    margin-left: 17.70833333%
  }
  .gridlock .row .desktop-push-3 {
    margin-left: 26.04166667%
  }
  .gridlock .row .desktop-push-4 {
    margin-left: 34.375%
  }
  .gridlock .row .desktop-push-5 {
    margin-left: 42.70833333%
  }
  .gridlock .row .desktop-push-6 {
    margin-left: 51.04166667%
  }
  .gridlock .row .desktop-push-7 {
    margin-left: 59.375%
  }
  .gridlock .row .desktop-push-8 {
    margin-left: 67.70833333%
  }
  .gridlock .row .desktop-push-9 {
    margin-left: 76.04166667%
  }
  .gridlock .row .desktop-push-10 {
    margin-left: 84.375%
  }
  .gridlock .row .desktop-push-11 {
    margin-left: 92.70833333%
  }
  .gridlock .row .contained.desktop-1 {
    width: 8.33333333%
  }
  .gridlock .row .contained.desktop-2 {
    width: 16.66666667%
  }
  .gridlock .row .contained.desktop-3 {
    width: 25%
  }
  .gridlock .row .contained.desktop-4 {
    width: 33.33333333%
  }
  .gridlock .row .contained.desktop-5 {
    width: 41.66666667%
  }
  .gridlock .row .contained.desktop-6 {
    width: 50%
  }
  .gridlock .row .contained.desktop-7 {
    width: 58.33333333%
  }
  .gridlock .row .contained.desktop-8 {
    width: 66.66666667%
  }
  .gridlock .row .contained.desktop-9 {
    width: 75%
  }
  .gridlock .row .contained.desktop-10 {
    width: 83.33333333%
  }
  .gridlock .row .contained.desktop-11 {
    width: 91.66666667%
  }
  .gridlock .row .contained.desktop-12 {
    width: 100%
  }
  .gridlock .row .contained.desktop-push-1 {
    margin-left: 8.33333333%
  }
  .gridlock .row .contained.desktop-push-2 {
    margin-left: 16.66666667%
  }
  .gridlock .row .contained.desktop-push-3 {
    margin-left: 25%
  }
  .gridlock .row .contained.desktop-push-4 {
    margin-left: 33.33333333%
  }
  .gridlock .row .contained.desktop-push-5 {
    margin-left: 41.66666667%
  }
  .gridlock .row .contained.desktop-push-6 {
    margin-left: 50%
  }
  .gridlock .row .contained.desktop-push-7 {
    margin-left: 58.33333333%
  }
  .gridlock .row .contained.desktop-push-8 {
    margin-left: 66.66666667%
  }
  .gridlock .row .contained.desktop-push-9 {
    margin-left: 75%
  }
  .gridlock .row .contained.desktop-push-10 {
    margin-left: 83.33333333%
  }
  .gridlock .row .contained.desktop-push-11 {
    margin-left: 91.66666667%
  }
  .gridlock .row .desktop-fifth {
    width: 17.91666667%
  }
  .gridlock .row .desktop-fourth {
    width: 22.91666667%
  }
  .gridlock .row .desktop-third {
    width: 31.25%
  }
  .gridlock .row .desktop-half {
    width: 47.91666667%
  }
  .gridlock .row .desktop-full {
    width: 97.91666667%
  }
  .gridlock .row .desktop-push-fifth {
    margin-left: 21.04166667%
  }
  .gridlock .row .desktop-push-fourth {
    margin-left: 26.04166667%
  }
  .gridlock .row .desktop-push-third {
    margin-left: 34.375%
  }
  .gridlock .row .desktop-push-half {
    margin-left: 51.04166667%
  }
  .gridlock .row .contained.desktop-fifth {
    width: 20%
  }
  .gridlock .row .contained.desktop-fourth {
    width: 25%
  }
  .gridlock .row .contained.desktop-third {
    width: 33.33333333%
  }
  .gridlock .row .contained.desktop-half {
    width: 50%
  }
  .gridlock .row .contained.desktop-full {
    width: 100%
  }
  .gridlock .row .contained.desktop-push-fifth {
    margin-left: 20%
  }
  .gridlock .row .contained.desktop-push-fourth {
    margin-left: 25%
  }
  .gridlock .row .contained.desktop-push-third {
    margin-left: 33.33333333%
  }
  .gridlock .row .contained.desktop-push-half {
    margin-left: 50%
  }
  .gridlock .row [class*=desktop-].centered {
    float: none;
    margin-left: auto;
    margin-right: auto
  }
  .gridlock .row .desktop-hide {
    display: none !important
  }
}

@media screen and (min-width:1220px) {
  .gridlock .row .max-1 {
    width: 6.25%
  }
  .gridlock .row .max-2 {
    width: 14.58333333%
  }
  .gridlock .row .max-3 {
    width: 22.91666667%
  }
  .gridlock .row .max-4 {
    width: 31.25%
  }
  .gridlock .row .max-5 {
    width: 39.58333333%
  }
  .gridlock .row .max-6 {
    width: 47.91666667%
  }
  .gridlock .row .max-7 {
    width: 56.25%
  }
  .gridlock .row .max-8 {
    width: 64.58333333%
  }
  .gridlock .row .max-9 {
    width: 72.91666667%
  }
  .gridlock .row .max-10 {
    width: 81.25%
  }
  .gridlock .row .max-11 {
    width: 89.58333333%
  }
  .gridlock .row .max-12 {
    width: 97.91666667%
  }
  .gridlock .row .max-push-1 {
    margin-left: 9.375%
  }
  .gridlock .row .max-push-2 {
    margin-left: 17.70833333%
  }
  .gridlock .row .max-push-3 {
    margin-left: 26.04166667%
  }
  .gridlock .row .max-push-4 {
    margin-left: 34.375%
  }
  .gridlock .row .max-push-5 {
    margin-left: 42.70833333%
  }
  .gridlock .row .max-push-6 {
    margin-left: 51.04166667%
  }
  .gridlock .row .max-push-7 {
    margin-left: 59.375%
  }
  .gridlock .row .max-push-8 {
    margin-left: 67.70833333%
  }
  .gridlock .row .max-push-9 {
    margin-left: 76.04166667%
  }
  .gridlock .row .max-push-10 {
    margin-left: 84.375%
  }
  .gridlock .row .max-push-11 {
    margin-left: 92.70833333%
  }
  .gridlock .row .contained.max-1 {
    width: 8.33333333%
  }
  .gridlock .row .contained.max-2 {
    width: 16.66666667%
  }
  .gridlock .row .contained.max-3 {
    width: 25%
  }
  .gridlock .row .contained.max-4 {
    width: 33.33333333%
  }
  .gridlock .row .contained.max-5 {
    width: 41.66666667%
  }
  .gridlock .row .contained.max-6 {
    width: 50%
  }
  .gridlock .row .contained.max-7 {
    width: 58.33333333%
  }
  .gridlock .row .contained.max-8 {
    width: 66.66666667%
  }
  .gridlock .row .contained.max-9 {
    width: 75%
  }
  .gridlock .row .contained.max-10 {
    width: 83.33333333%
  }
  .gridlock .row .contained.max-11 {
    width: 91.66666667%
  }
  .gridlock .row .contained.max-12 {
    width: 100%
  }
  .gridlock .row .contained.max-push-1 {
    margin-left: 8.33333333%
  }
  .gridlock .row .contained.max-push-2 {
    margin-left: 16.66666667%
  }
  .gridlock .row .contained.max-push-3 {
    margin-left: 25%
  }
  .gridlock .row .contained.max-push-4 {
    margin-left: 33.33333333%
  }
  .gridlock .row .contained.max-push-5 {
    margin-left: 41.66666667%
  }
  .gridlock .row .contained.max-push-6 {
    margin-left: 50%
  }
  .gridlock .row .contained.max-push-7 {
    margin-left: 58.33333333%
  }
  .gridlock .row .contained.max-push-8 {
    margin-left: 66.66666667%
  }
  .gridlock .row .contained.max-push-9 {
    margin-left: 75%
  }
  .gridlock .row .contained.max-push-10 {
    margin-left: 83.33333333%
  }
  .gridlock .row .contained.max-push-11 {
    margin-left: 91.66666667%
  }
  .gridlock .row .max-fifth {
    width: 17.91666667%
  }
  .gridlock .row .max-fourth {
    width: 22.91666667%
  }
  .gridlock .row .max-third {
    width: 31.25%
  }
  .gridlock .row .max-half {
    width: 47.91666667%
  }
  .gridlock .row .max-full {
    width: 97.91666667%
  }
  .gridlock .row .max-push-fifth {
    margin-left: 21.04166667%
  }
  .gridlock .row .max-push-fourth {
    margin-left: 26.04166667%
  }
  .gridlock .row .max-push-third {
    margin-left: 34.375%
  }
  .gridlock .row .max-push-half {
    margin-left: 51.04166667%
  }
  .gridlock .row .contained.max-fifth {
    width: 20%
  }
  .gridlock .row .contained.max-fourth {
    width: 25%
  }
  .gridlock .row .contained.max-third {
    width: 33.33333333%
  }
  .gridlock .row .contained.max-half {
    width: 50%
  }
  .gridlock .row .contained.max-full {
    width: 100%
  }
  .gridlock .row .contained.max-push-fifth {
    margin-left: 20%
  }
  .gridlock .row .contained.max-push-fourth {
    margin-left: 25%
  }
  .gridlock .row .contained.max-push-third {
    margin-left: 33.33333333%
  }
  .gridlock .row .contained.max-push-half {
    margin-left: 50%
  }
  .gridlock .row [class*=max-].centered {
    float: none;
    margin-left: auto;
    margin-right: auto
  }
  .gridlock .row .max-hide {
    display: none
  }
}

.gridlock-fluid .row {
  width: 98%
}

@media screen and (max-width:740px) {
  .gridlock-fluid .mobile-3.centered {
    float: left !important;
    margin-left: 1.04166667% !important;
    margin-right: 1.04166667% !important
  }
}

.gridlock-fluid .centered {
  display: inline-block
}

/* ---- CSS Grid structure for Ajax cart templates ---- */

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

.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;
}

/* Remove space when full width options selected */
.row .grid__wrapper.row {
    padding: 0;
    max-width: unset;
}

.grid__wrapper.row {
    padding: 0 1.04166667%;
    grid-gap: 30px;
}

.grid__wrapper > .first {
  order: 1;
}

.grid__wrapper > .last {
  order: 2;
}

@media(min-width: 768px) {
  .wrapper-fifths {
    grid-template-columns:repeat(15,1fr);
  }
  .wrapper-fifths .span-11.push-2 {
    grid-column: 3/14;
    width: 100%;
  }
}

/* Inline Grid Columns */
.grid__wrapper > * {
  padding: 0;
  font-size: initial;
  vertical-align: top;
}

/* Grid row gap zero */
.grid__wrapper.gr0 {
  grid-row-gap: 0;
}

/* Align Text */
.a-left { text-align: left; }
.a-right { text-align: right; }
.a-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%;
}

@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%; }

  /* 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%; }

    .mobile-hide,
    .sm-hide {
      display: none !important;
    }
  }
}

/* --- Margin --- */
.m0  { margin:        0 !important; }
.mb0 { margin-bottom: 0 !important; }

* {
  margin: 0;
}
:focus {
  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;
}
@media (pointer: coarse) {
  *:focus {
    outline: none;
  }
}
*, *:before, *:after {
  box-sizing: border-box;
}

html, body {
  height: 100%;
}

.hide {
  display: none !important;
}

.right {
  float: right;
}

.left {
  float: left;
}

.center {
  text-align: center;
}

.mb0 {
  margin-bottom: 0;
}

.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;
}

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);
  -webkit-font-smoothing: antialiased;
  -webkit-text-size-adjust: 100%; /* Stops Mobile Safari from auto-adjusting font-sizes */
  margin: 0! important;
  line-height: 1.6em;
}

img {
  max-width: 100%;
  border: 0;
}

img[data-sizes="auto"] {
  display: block;
  width: 100%;
}

.box-ratio {
  display: block;
  height: 0;
  width: 100%;
  overflow: hidden;
  background-color: #f1f1f1;
}

/* Priority images opt out of lazysizes, so they no longer pick up sizing from the
   img[data-sizes="auto"] rule. Kept at low specificity so .image_portrait .box-ratio img
   still wins where it applies. See basic-responsive-image.liquid. */
.box-ratio .priority-image {
  display: block;
  width: 100%;
  height: auto;
}

.product .box-ratio {
  background-color: white;
}

.lazyload-fade {
  opacity: 0;
  transition: opacity 200ms;
}

.lazyload-fade.lazyloaded {
  opacity: 1;
}

h1, h2, h3, h4, h5, h6 {
  color: var(--heading-color);
  font-family: var(--heading-family);
  font-weight: var(--heading-weight);
  font-style: var(--heading-style);
  margin-top: 0;
  letter-spacing: 0.05em;
  line-height: normal;
}

h1 a, h2 a, h3 a, h4 a, h5 a, h6 a {
  font-weight: inherit;
  color: var(--heading-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, h6, p, dl, hr, ol, ul, pre, table, address, fieldset { margin-bottom: 5px; }

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

strong {
  font-weight: bold;
}

em {
  font-style: italic;
}

pre {
  font-family: var(--main-family);
  font-style: var(--main-style);
  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;
}

.inline-block-full {
  display: inline-block;
  width: 100%;
}

a {
  text-decoration: none;
  color: var(--text-color);
  outline: 0;
  transition: all .25s ease-in-out;
}

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

a:focus { outline: none; }

/* .row hr, .row p, .row ul, .row ol, .row dl, .row pre, .row address, .row table, .row form {margin-bottom: 1.6em;} */

dt {
  font-weight: bold;
}

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

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

blockquote {
  font-family: var(--main-family);
  font-style: var(--main-style);
  font-weight: var(--main-weight);
  font-size: 18px;
  line-height: 24px;
  font-style: italic;
  padding-left: 35px;
  color: #999;
  margin: .5em 0 .5em 0;
}

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

.clear {
  clear: both;
  display: block;
  overflow: hidden;
  visibility: hidden;
  width: 0;
  height: 0;
}

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

/* NO JS Helpers
================================================== */
.js-focus-hidden:focus {
  outline: none;
}

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

.no-js .product-main-image img.lazyload,
.no-js #slider .carousel-cell {
 opacity: 1 !important;
 visibility: visible;
}

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

.no-js .product-thumbnails .lazyload,
.no-js .zoom_btn,
.no-js .swatches__container,
.no-js .no-js-hidden {
  display: none;
}
.no-js .vantage-accordion .product-accordion-content,
.no-js .product__variants-select {
  display: block !important;
}

.no-js .collection-carousel {
 text-align: center;
}

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

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

.no-js .tabbed__collection-carousel {
  margin: 0 auto;
  text-align: center;
}

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

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

.no-js [data-aos] {
  pointer-events: unset !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;
}
.no-js #HeaderCountryForm,
.no-js #HeaderLanguageForm,
.no-js #FooterCountryForm,
.no-js #FooterLanguageForm,
.no-js .no-js-hidden {
  display: none !important;
}

/* Primary Buttons
================================================== */

.button,
button,
input[type="submit"],
input[type="reset"],
input[type="button"] {
  background: var(--button-color);
  color: var(--button-text);
  font-size: var(--font-size);
  font-family: var(--main-family);
  font-style: var(--main-style);
  font-weight: 500;
  border: 0;
  border-radius: var(--button-border-radius);
  transition: all .25s ease-in-out !important;
  -webkit-appearance: none;
  display: inline-block;
  height: 50px;
  line-height: 50px;
  width: auto;
  margin-bottom: 10px;
  padding: 0 25px;
  letter-spacing: 1px;
  text-decoration: none;
  cursor: pointer;
}

input[type=submit] {
  border: 2px solid var(--button-color);
  line-height: 46px;
}

input.required-error,
textarea.required-error {
  border-color: #cc0000 !important;
}

.button:hover,
button:hover,
input[type="submit"]:hover,
input[type="reset"]:hover,
input[type="button"]:hover {
  color: var(--button-text-hover);
  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;
  line-height: var(--font-size);
  font-size: var(--font-size);
  font-weight: var(--main-weight);
  letter-spacing: unset;
  height: auto;
  display: inline-block;
  width: auto !important;
  padding: 0;
}

button.button-as-link:hover,
a.button-as-link:hover,
input.button-as-link:hover {
  background: none;
  color: var(--text-color);
}

.theme-features__ghost-buttons--true .secondary-button {
  color: var(--text-color)! important;
  background: var(--background)! important;
  border: 2px solid var(--text-color) !important;
  line-height: 46px;
}

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

.theme-features__ghost-buttons--false .secondary-button {
  color: var(--secondary-button-text)! important;
  background: var(--secondary-button-color)! important;
  border: 2px solid var(--secondary-button-color) !important;
  line-height: 46px;
}

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

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

/* #Forms
================================================== */

form {
  margin-bottom: 0;
}

fieldset {
  margin-bottom: 20px;
}

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

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

label span,
legend span {
  font-weight: normal;
  font-size: 13px;
  color: var(--text-color);
}

input[type=text],
input[type=password],
input[type=email],
input[type=url],
input[type=number],
input[type=search],
textarea,
select {
  box-sizing: border-box;
  width: 100%;
  background: transparent;
  border: 1px solid var(--dotted-color);
  border-radius: 0;
  margin: 0 0 10px 0;
  max-width: 100%;
  text-indent: 10px;
  outline: none;
  height: 50px;
  line-height: 50px;
  font-size: var(--font-size);
  font-family: var(--main-family);
  font-style: var(--main-style);
  font-weight: var(--main-weight);
  color: var(--text-color);
}

textarea {
  min-width: 300px;
  text-indent: 10px;
  height: 135px;
  min-height: 60px;
}


input[type="text"]:focus,
input[type="password"]:focus,
input[type="email"]:focus,
textarea:focus {
  -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);
  min-height: 32px;
}

select {
  padding: 0;
  background: var(--select-arrow-bg) right no-repeat;
    -webkit-appearance: none;
    -moz-appearance: none;
}

/* =============== */
/* = Start CSS = */
/* =============== */

.announcement__bar-section {
  position: relative;
}

#top-bar, #top-bar p {
  font-size: var(--announcement-size);
}

.header-section {
  background: var(--header-background);
  position: relative;
  z-index: 1;
  transition: all .25s ease-in-out;
}

header {
  background: var(--header-background);
  position: relative;
  padding-top: 10px;
  transition: all .25s ease-in-out;
}

header.theme-header.stickynav {
  width: 100%;
  z-index: 11;
}

header.header--sticky {
	position: fixed;
	top: 0px;
}

#top-bar {
  text-align: center;
  line-height: 40px;
  background: var(--top-bar-background);
  padding: 5px;
  color: var(--top-bar-color);
}

#top-bar a {
  color: var(--top-bar-color);
}

#top-bar p {
  margin-bottom: 0;
  font-weight: normal;
}

#top-bar .top-bar-grid {
    display: grid;
    grid-template-columns: 1fr 2fr 1fr;
}
#top-bar .row ul#social-links {
    grid-column: 1 / span 1;
}
#top-bar .row .announcement__text {
    grid-column: 2 / span 1;
}
#top-bar .row .announcement__text.text-only {
    grid-column: 1 / span 3;
}
@media screen and (max-width: 980px) {
  .announcement__text {
      grid-column: 1 / span 3 !important;
  }
}
#top-bar .row ul.localization__options {
  grid-column: 3 / span 1;
}

.no-js #top-bar .row ul.localization__options {
  display: flex;
  flex-wrap: nowrap;
  justify-content: flex-end;
}


input#header-search {
  margin-bottom: 0;
}

button.search-button {
  line-height: inherit;
  padding: 0 5px;
  width: 44px;
  background: transparent;
  margin-bottom: 0;
}

.large-search form.header-search-form {
    border: 1px solid var(--dotted-color);
}

.large-search form.header-search-form input.header-search {
    border: 0;
    width: calc(100% - 48px);
    margin: 0;
    display: inline-block;
    padding: 0;
    vertical-align: middle;
}
.large-search form.header-search-form .header-search-form__inner {
  display: flex;
}
.large-search form.header-search-form .header-search-form__inner .search-button {
  margin-left: auto;
}

.large-search form.header-search-form button.search-button {
    display: inline-block;
    margin: 0;
    padding: 0;
    position: unset;
    vertical-align: middle;
}

#identity {
  padding-bottom: 10px;
	position: relative;
}

ul#cart {
  text-align: right;
}

ul#cart > li {
  display: inline-block;
  vertical-align: middle;
  min-width: 25px;
}

ul#cart > li a,
ul#cart > li button {
  display: inline-block;
  color: var(--cart-links);
  height: 60px;
  line-height: 60px;
  padding: 0 5px;
}

/* Stop double padding on button within link */
ul#cart > li a button {
  padding: 0;
}

ul#cart > li.my-cart-link-container a {
  margin-left: 0;
}

ul#cart > li a:hover,
ul#cart > li button:hover {
  text-decoration: none;
  color: var(--cart-links);
}

ul#cart > li a:hover svg .hover-fill,
ul#cart > li button:hover svg .hover-fill {
  fill: var(--cart-links);
}

ul#cart > li.cart-overview {
  margin-left: 0;
}

ul#cart > li.cart-overview a {
  padding-left: 0;
}
.cart-links__link-cart .slideout__trigger--open {
  height: 60px;
  line-height: 60px;
}
span.my-cart-text,
span.customer-words {
    margin-right: 5px !important;
}
@media screen and (max-width: 740px) {
  span.my-cart-text {
    display: none;
  }
}
.slideout__trigger-mobile-menu {
  line-height: unset;
  width: 100%;
}
button.slideout__trigger-mobile-menu.js-slideout-open {
    color: var(--cart-links);
    border-radius: 0 !important;
}

ul#social-links {
  list-style: none;
  text-align: left;
  vertical-align: middle;
  line-height: 40px;
}

ul#social-links li {
  display: inline-block;
  margin-right: 10px;
  vertical-align: middle;
  font-size: 15px;
}

ul#social-links li a {
  text-align: right;
  display: block;
  padding: 0 0 0 5px;
  color: var(--social-links) !important;
  text-decoration: none;
  border-bottom: 0;
}

ul#cart li button.slideout__trigger-search {
    margin-bottom: 0;
}

header #header-search {
  font-size: var(--nav-size);
}

ul#cart li a .my-cart-text,
ul#cart li a .customer-words,
.js-mini-cart-trigger {
  font-size: var(--nav-size);
  font-weight: 400;
  border: 0;
  text-decoration: none;
}

#logo {
  line-height: initial;
  padding: 0;
  font-family: var(--heading-family);
  font-weight: var(--heading-weight);
  font-style: var(--heading-style);
}

#logo a {
  text-decoration: none;
  color: var(--cart-links);
  display: inline-block;
  border-bottom: 0;
  word-break: break-all;
}

/* ---- Inline navigation colors ---- */

nav.navigation.inline-header{background:var(--header-background);}

nav.navigation.inline-header a.navigation__menulink,
nav.navigation.inline-header a.dropdown__menulink{color:var(--cart-links);}

nav.navigation.inline-header a.navigation__menulink svg g.hover-fill,
nav.navigation.inline-header a.dropdown__menulink svg g.hover-fill{fill:var(--cart-links);}

nav.navigation.inline-header ul.dropdown,
nav.navigation.inline-header ul.megamenu{background:var(--header-background);}

nav.navigation.inline-header ul.megamenu h4.megamenu__header,
nav.navigation.inline-header ul.megamenu h4.megamenu__header a.megamenu__headerlink,
nav.navigation.inline-header .megamenu__listlink,
nav.navigation.inline-header a.megamenu__nestedlistlink{
  color:var(--cart-links)!important;
}

/* ---- Navigation colors ---- */

.navigation.full-nav{background:var(--navigation);}

.navigation.full-nav .navigation__menuitem:hover{
  color:var(--nav-hover-link-color);
  background:var(--nav-hover-color);
}

.navigation.full-nav a.navigation__menulink{color:var(--nav-color);}

.navigation.full-nav .navigation__menulink:hover{
  background:var(--nav-hover-color);
  color:var(--nav-hover-link-color);
}

.navigation.full-nav .navigation__menuitem:hover a.navigation__menulink{
  color:var(--nav-hover-link-color,inherit);
  background:var(--nav-hover-color,inherit);
}

.navigation.full-nav .navigation__menuitem:hover a.navigation__menulink .fash--apollo-down-carrot .hover-fill{
  fill:var(--nav-hover-link-color);
}

.navigation.full-nav .navigation__menuitem.navigation__menuitem--dropdown > .dropdown,
.navigation.full-nav .navigation__menuitem.navigation__menuitem--dropdown:hover > .dropdown,
.navigation.full-nav .navigation__menuitem.navigation__menuitem--dropdown.navigation__menuitem--active > .dropdown{
  background:var(--nav-hover-color)!important;
}

.navigation.full-nav .dropdown__menuitem{
  background:var(--nav-hover-color);
  color:var(--nav-hover-link-color);
}

.navigation.full-nav .dropdown__menuitem:hover{background:var(--nav-hover-color);}

.navigation.full-nav .dropdown__menuitem:hover > .dropdown__menulink,
.navigation.full-nav .dropdown__menulink:hover,
.navigation.full-nav a.dropdown__menulink{
  color:var(--nav-hover-link-color);
}

/* NOTE: keep as-is to avoid behavior changes */
.navigation.full-nav .dropdown__menuitem.dropdown__menuitem--nested:hover > .dropdown.dropdown--nested,
.navigation.full-nav .dropdown__menuitem.dropdown__menuitem--nested.dropdown__menuitem--active > .dropdown.dropdown--nested,
.navigation.full-nav .megamenu,
.navigation.full-nav .megamenu__container a:hover{
  background:var(--nav-hover-color);
}

.navigation.full-nav .megamenu__listcontainer:hover,
.navigation.full-nav .megamenu__listitem{
  background:var(--nav-hover-color);
}

.navigation.full-nav h4.megamenu__header a.megamenu__headerlink,
.navigation.full-nav a.megamenu__headerlink:hover,
.navigation.full-nav .megamenu__listlink{
  color:var(--nav-hover-link-color)!important;
}

/* ---- Base navigation layout ---- */

.navigation{
  font-family:var(--nav-family);
  font-weight:var(--nav-weight);
  font-style:var(--nav-style);
  width:100%;
  position:relative; /* add this */
  z-index:5;
  top:0;
}

.navigation.navigation--sticky{position:fixed;top:0;}

.navigation__maincontainer{padding:0;}

#nav{list-style:none;width:100%;}

.navigation__menuitem{
  display:inline-block;
  z-index:21;
  vertical-align:middle;
}

.navigation.full-nav .navigation__menuitem{vertical-align:revert;}

a.navigation__menulink{
  font-size:var(--nav-size);
  font-weight:var(--nav-weight);
  display:block;
  padding:0 10px;
  letter-spacing:1px;
  position:relative;
}

.navigation__menulink:hover{text-decoration:none;}

/* ===== Bean Products overrides (TYPOGRAPHY ONLY, no hover changes yet) ===== */

nav.navigation a.navigation__menulink{
  font-size:16px!important;
  font-weight:600!important;
  letter-spacing:0!important;
}

nav.navigation a.navigation__menulink > .mm-title{
  text-transform:capitalize;
  display:inline;
  line-height:1.1!important;
  border-bottom:2px solid transparent!important; /* present but not colored on hover yet */
}

/* Bean Products hover underline fix */
nav.navigation .navigation__menuitem:hover > a.navigation__menulink > .mm-title{
  border-bottom-color:#2e7d32!important;
}

/* Top-level nav typography polish */
nav.navigation a.navigation__menulink{
  font-size:18px !important;      /* try 17–19 */
  font-weight:600 !important;     /* 500–600 is usually best */
  letter-spacing:0.2px !important;
  line-height:1.2 !important;
}

/* Stop link hover from changing to theme blue/green */
nav.navigation a.navigation__menulink,
nav.navigation a.navigation__menulink:hover{
  color:#000 !important;
}

/* Mega menu nested item typography only (no hover colors yet) */
nav.navigation ul.mm-submenu.link-list a{
  color:inherit!important;
  text-decoration:none!important;
}

nav.navigation ul.mm-submenu.link-list a .mm-title{
  font-weight:500!important;
  font-size:15px!important;
  letter-spacing:0!important;
}

nav.navigation .mm-list-name .mm-title{
  font-weight:700!important;
  font-size:15px!important;
  letter-spacing:0!important;
}

nav.navigation .mm-featured-title .mm-title{
  font-weight:500!important;
  font-size:15px!important;
  letter-spacing:0!important;
}

/* ---- Dropdown structure ---- */

.navigation__menuitem.navigation__menuitem--dropdown > .dropdown{
  display:block;
  float:left;
  position:absolute;
  z-index:25;
  margin:0 0 0 -17px;
  line-height:1.8em;
  padding:20px 0;
  visibility:hidden;
  opacity:0;
  transition:opacity .25s ease-in-out,visibility .25s ease-in-out;
}

.navigation__menuitem.navigation__menuitem--dropdown > .navigation__menulink::after{
  content:"";
  margin-left:20px;
}

.navigation__menuitem.navigation__menuitem--dropdown > .navigation__menulink svg{
  position:absolute;
  right:10px;
  top:50%;
  transform:translateY(-50%);
}

.navigation__menuitem.navigation__menuitem--dropdown:hover > .dropdown,
.navigation__menuitem.navigation__menuitem--dropdown.navigation__menuitem--active > .dropdown{
  opacity:1;
  visibility:visible;
}

.dropdown__menuitem{
  width:180px;
  text-align:left;
  position:relative;
  display:block;
  float:none;
}

a.dropdown__menulink{
  text-align:left;
  font-family:var(--main-family);
  font-style:var(--main-style);
  font-weight:var(--main-weight);
  font-size:var(--font-size);
  padding:0 25px;
  display:block;
  max-width:90%;
  overflow:hidden;
  text-overflow:ellipsis;
}

.dropdown__menuitem.dropdown__menuitem--nested:hover > .dropdown.dropdown--nested,
.dropdown__menuitem.dropdown__menuitem--nested.dropdown__menuitem--active > .dropdown.dropdown--nested{
  display:block;
  position:absolute;
  left:100%;
}

.dropdown.dropdown--nested{
  display:none;
  padding:20px 0;
  top:-20px;
}

.dropdown__menuitem.dropdown__menuitem--nested svg{
  position:absolute;
  right:25px;
  top:50%;
  transform:translateY(-50%) scale(0.8);
}

.dropdown__menuitem.dropdown__menuitem--nested:before{
  position:absolute;
  top:0;
  right:10px;
  content:"";
  margin-left:20px;
}

/* ---- Megamenu structure ---- */

.megamenu__listcontainer{
  margin-left:10px;
  padding-top:0;
  top:initial;
  display:block;
  list-style:none;
  transform:translateY(20px);
  transition-duration:.25s;
}

ul.mega-stack li.sub_link > ul.nested:before{
  position:initial;
  top:initial;
  content:none;
}

.rightarrow{
  position:absolute;
  right:10px;
  top:10px;
  font-size:11px;
}

/* ---- Animation ---- */

nav.navigation li ul.dropdown li.dropdown__menuitem,
nav.navigation li ul.megamenu li.dropdown__menuitem,
nav.navigation li > ul.megamenu span.links__withimages--image{
  transform:translateY(20px);
  transition-duration:.25s;
}

nav.navigation li:hover > ul.dropdown li.dropdown__menuitem,
nav.navigation li:hover > ul.megamenu li.dropdown__menuitem,
nav.navigation li:hover > ul.megamenu span.links__withimages--image{
  transform:translateY(0);
}

/* megamenu */

.megamenu{
  width:100%;
  left:0;
  position:absolute;
  z-index:25;
  padding:20px 0;
  text-align:left;
  line-height:1.8em;
  opacity:0;
  transition:opacity .25s ease-in-out,visibility .25s ease-in-out;
  visibility:hidden;
}

.navigation__menuitem.navigation__menuitem--dropdown:hover > .megamenu,
.navigation__menuitem.navigation__menuitem--dropdown.navigation__menuitem--active > .megamenu{
  opacity:1;
  visibility:visible;
}

.megamenu__list{
  display:block;
  line-height:30px!important;
  margin-bottom:20px;
  list-style:none;
}

.navigation__menuitem.navigation__menuitem--dropdown:hover > .megamenu .megamenu__listcontainer{
  transform:translateY(0);
}

.megamenu__header{
  font-size:var(--nav-size);
  font-weight:var(--heading-weight);
  display:block;
  letter-spacing:1px;
  margin-bottom:10px;
  text-align:left;
}

.megamenu__headerlink{
  padding-left:0;
  text-align:left;
}

.megamenu__listlink{
  text-align:left;
  font-family:var(--main-family);
  font-weight:normal!important;
  font-size:var(--font-size)!important;
  padding-left:0!important;
  display:block;
  max-width:90%;
  overflow:hidden;
  text-overflow:ellipsis;
}

.megamenu__splitcontainer,
.megamenu__nestedlistitem{list-style:none;}

.megamenu__nestedlistitem{padding-left:20px;}

.dropdown__menuitem.dropdown__menuitem--nested:hover > .dropdown.dropdown--nested.dropdown--edge{
  left:initial;
  right:100%;
}

.dropdown__menuitem.dropdown__menuitem--nested:hover > .dropdown.dropdown--nested.dropdown--edge:before{
  left:200%;
  margin-left:-28px;
}

#nav > a{display:none;}

ul#nav li ul.megamenu div.mega-container li.desktop-3:nth-child(5n){clear:left;}

ul#nav { display: flex !important; flex-wrap: wrap !important;}

nav.inline-header ul{text-align:center;list-style:none;}

nav.inline-header .megamenu__nestedlistcontainer{text-align:left;}

nav.inline-header div#navigation{position:unset;}

a.megamenu__nestedlistlink{
  font-family:var(--main-family);
  font-weight:normal!important;
  font-size:var(--font-size)!important;
}

/* ---- Links with images ---- */

span.links__withimages--image-container{
  align-items:center;
  display:flex;
  flex-direction:row;
  justify-content:flex-end;
}

span.links__withimages--image{
  max-width:30%;
  margin:0 15px;
  flex:auto;
}

span.links__withimages--image .box-ratio{z-index:-1;
}


/* =============== */
/* = index.liquid = */
/* =============== */
#MainContent {
  position: relative;
  z-index: 0;
}

.video-wrapper {
  position: relative;
  padding-bottom: 56.25%; /* 16:9 */
  padding-top: 25px;
  height: 0;
}

.video-wrapper iframe {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}

.article-loop,
.product-loop {
  padding-top: 20px;
}

.gridlock .row .desktop-12.centered {
  width: 100% !important;
}


.cta {
  margin-top: 20px;
  margin-bottom: 10px;
}

.cta a {
  padding: 14px 20px;
  letter-spacing: 1px;
  transition: all .25s ease-in-out;
  border-radius: var(--button-border-radius);
}

ul.tabbed__collection-tabs {
  text-align: center;
  margin: 10px 0 20px;
  list-style: none;
  position: relative;
  z-index: 2;
}

ul.tabbed__collection-tabs li {
  display: inline-block !important;
  width: initial !important;
  margin: 0 10px;
  padding: 0;
}

ul.tabbed__collection-tabs li a {
  color: var(--button-text);
  background: var(--button-color);
  border: 2px solid var(--button-color);
  text-align: center;
  display: inline-block;
  padding: 2px 8px;
  transition: all .25s ease-in-out;
  cursor: pointer;
}

ul.tabbed__collection-tabs li a:hover {
  color: var(--button-text-hover);
  background: var(--button-hover);
}

ul.tabbed__collection-tabs li a.active {
  color: var(--button-color);
  background: var(--button-text);
}

ul.tabbed__collection-tabs li:first-child a.active {
  margin-left: 0;
}

.tabbed__collection-content {
  display: none;
}

.tabbed__collection-content.js-tab-coll-active {
  display: grid;
}

.tabbed__collection-content .collection__item-image {
  position: relative;
  margin-bottom: 20px;
}

.tabbed__collection-content .tabbed__collection-caption {
  position: absolute;
  z-index: 10;
  bottom: 4%;
  left: 5%;
  transform: translate(0%, 0%);
  background: var(--background);
  padding: 15px;
  width: 95%;
}


@media screen and (min-width: 741px ) {
  .text-with-image {
    display: table-cell;
    margin-top: 10px;
    margin-bottom: 10px;
    float: none !important;
    vertical-align: middle;
  }
}

.editorial__content-item {
  margin-bottom: 20px;
  margin-top: 10px;
}

.editorial__content-item img {
  margin-bottom: 10px;
}

@media screen and (min-width: 741px ) {
  .nbm {
    margin-bottom: 0 !important;
  }
}


.text-centered h3, .text-centered .rte {
  text-align: center;
}

.text-with-image.text_section.text-centered {
    text-align: center;
}


.homepage-section-rich-text,
.homepage-section-video {
  margin-bottom: 20px;
  text-align: center;
}
/* =============== */
/* = Blogs & Pages = */
/* =============== */

.rte h1 {
  border-bottom: 0 !important;
  text-align: inherit !important;
  margin-bottom: inherit !important;
}

#page-sidebar h2 {
  padding-bottom: 8px;
  margin-bottom: 20px;
  border-bottom: 1px solid var(--dotted-color);
}

#page-sidebar ul {
  list-style-type: none;
}

#page-sidebar ul li {
  display: block;
  margin-bottom: 10px;
  padding-bottom: 5px;
}

/* Blog template */

.blog-container {
    display: grid;
    grid-template-columns: minmax(0, 4fr) 1fr;
    padding: 0 15px;
    column-gap: 25px;
}


ul.taglist {
    list-style: none;
    border-bottom: 1px solid var(--dotted-color);
    margin-top: 10px;
    margin-bottom: 10px;
    padding-top: 4px;
    padding-bottom: 5px;
}

ul.taglist li {
    display: inline-block;
    margin-right: 15px;
}

.article-image {
  margin: 10px 0;
}

ul.article-tags {
    list-style: none;
}

ul.article-tags li {
    display: inline-block;
    margin-right: 5px;
}

ul.article-tags li a {
  font-weight: 600;
  text-decoration: underline;
}

.blog-container .article-index .article-info {
    display: grid;
    grid-template-columns: 3fr 4fr;
    column-gap: 20px;
    align-items: center;
}

.blog-container .article-index .article-info .article-image {
    margin-top: 0;
}

.article-index {
  margin-bottom: 20px;
  overflow: hidden;
  padding-top: 20px;
}

.article-info h2 {
  letter-spacing: initial;
  margin-bottom: 10px;
  text-align: center;
}

.article-info p {
  margin-bottom: 0;
}

span.post_meta {
    display: inline-block;
    margin-right: 5px;
}

div#article-body {
    padding-bottom: 30px;
}

.article-content {
  margin-top: 15px;
  margin-bottom: 15px;
}

.article-index .share-icons {
  text-align: center !important;
}

ul.blog-sidebar-menu {
    list-style: none;
}

ul.blog-sidebar-menu li {
    margin-bottom: 5px;
}

.blog-sidebar-block .prod-image {
  margin-bottom: 10px;
}

.blog-sidebar-block .image_container a,
.blog-sidebar-block .image_container a:hover,
.blog-sidebar-block .prod-image a,
.blog-sidebar-block .prod-image a:hover {
  border-bottom: 0;
}

.blog-product-info .button {
    margin-top: 10px;
}

.blog-sidebar-block a.button,
.blog-sidebar-block #blog-email-submit {
    width: 100%;
    text-align: center !important;
}
@media screen and (min-width: 741px) and (max-width: 980px) {
  .blog-container div#article-loop {
    display: grid;
    grid-template-columns: 1fr 1fr;
    column-gap: 20px;
  }
}
@media screen and (max-width: 980px) {
    .blog-container {
        grid-template-columns: 1fr;
    }

    .blog-container .article-index .article-info {
        grid-template-columns: 1fr;
    }

    div#blog-sidebar {
        display: none;
    }
}

.sidebar-article {
    margin-bottom: 25px;
}

.sidebar-article .readmore {
    margin-top: 10px;
}

#blog-article .share-icons {
  text-align: left;
  margin-top: 30px;
}

ul#blog-articles,
#blog-article {
  list-style-type: none;
}

.single-article {
  margin-bottom: 50px;
  padding-bottom: 20px;
  border-bottom: 1px solid var(--dotted-color);
  float: left;
  width: 100%;
}

.single-article .posted {
  text-align: left;
}

.single-article .post-tags {
  text-align: left;
}

#blog-sidebar h2 {
  margin-bottom: 20px;
  border-bottom: 1px solid var(--dotted-color);
  padding-bottom: 10px;
}

#twitter-card,
#facebook-card {
  width: 100%;
  float: left;
  clear: left;
  display: block;
  margin-top: 20px;
  padding-bottom: 20px;
  border-bottom: 1px solid var(--dotted-color);
}

#twitter-card h3,
#facebook-card h3 {
  letter-spacing: initial;
}

#fb-root {
  display: none;
}

/* To fill the container and nothing else */
.fb_iframe_widget,
.fb_iframe_widget span,
.fb_iframe_widget span iframe[style] {
  width: 100% !important;
}

#page .share-icons {
  margin-bottom: 20px;
  text-align: left;
  margin-top: 20px;
}

#page .share-icons a {
  margin-right: 10px;
}


#comments h4 {
  text-align: center;
}

#comments {
  float: left;
  padding-top: 20px;
  border-top: 1px solid #eee;
  margin-top: 20px;
  width: 100%;
}

ul#commentlist {
  margin-top: 20px;
  list-style-type: none;
}

ul#commentlist li {
  float: left;
  display: block;
  width: 100%;
  margin: 0 0 20px 0;
  border-bottom: 1px solid var(--dotted-color);
  padding-bottom: 20px;
}

ul.disc {
  margin-bottom: 0;
}

.comment-details {
  margin-bottom: 10px;
}

.gravatar {
  float: left;
  margin-right: 20px;
}

.comment {
  float: left;
}

.comment p {
  margin-top: 0;
}

dd {
  margin-left: 0;
}

.notice {
  border: 1px dashed #eee;
  padding: 15px;
  background: ghostwhite;
  margin: 20px 0;
}


.readmore a {
  margin-top: 20px;
  font-weight: bold;
}


/* =============== */
/* = Search = */
/* =============== */
.search-content {
  text-align: center;
  padding: 10px;
}

#search-bar {
  margin-bottom: 20px;
  margin-top: 20px;
  border-bottom: 1px solid var(--dotted-color);
}

#search-bar .predictive-search-form {
  width: 300px;
  margin-left: auto;
  margin-right: auto;
}

.padded { margin-bottom: 15px; }

#social-links .fa-2x {
  font-size: 1.125em;
}

/* footer
------------------------------------------------------ */
footer {
  padding-top: 45px;
  padding-bottom: 0px;
  background: var(--footer-background);
  color: var(--footer-color);
}

footer ul {
  list-style: none;
}

footer ul li a,
footer a,
footer a:visited,
footer a:hover {
  color: var(--footer-color);
}

footer label {
  margin-bottom: 0;
}

footer h4 {
  color: var(--footer-color);
  border-bottom: 1px solid var(--footer-border);
  padding-bottom: 5px;
}

.sub-footer {
  border-top: 1px solid var(--footer-border);
  padding: 15px 0;
  margin-top: 30px;
}

.sub-footer .left-side {
  text-align: left;
  font-size: 12px;
}

.sub-footer .right-side {
  text-align: right;
}

.template-search .page-wrap {
  overflow: unset;
}

@media only screen and (min-width: 1024px) {
  .page-wrap {
    min-height: 100%;
    overflow: hidden;
  }
  .page-wrap:after {
    content: "";
    display: block;
  }
}

footer img {
  width: 40px;
}

#payment {
  text-align: center;
  margin-bottom: 0px;
}

.payment-methods svg {
  display: inline;
  width: 40px;
  height: 25.25px;
  text-align: center;
  margin: 3px 1px;
}

/* =============== */
/* = Global = */
/* =============== */
.share-icons {
    text-align: left;
    width: 100%;
    margin-bottom: 20px;
    border-top: 1px solid var(--dotted-color);
    padding-top: 20px;
}

.share-icons a {
  margin: 0 10px;
  display: inline-block;
}

.Flexible-container {
  position: relative;
  padding-bottom: 56.25%;
  padding-top: 30px;
  overflow: hidden;
  height: 0;
  max-width: 1111px;
  margin: 0 auto;
}

.Flexible-container iframe,
.Flexible-container object,
.Flexible-container embed {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}

.section-title {
  margin-bottom: 20px;
}

/* breadcrumbs
------------------------------------------------------ */
#pagination {
  text-align: center;
  margin-top: 30px;
  margin-bottom: 30px;
  font-weight: bold;
}

#pagination span.current {
  opacity: 0.5;
  padding: 5px;
  margin-right: 10px;
  border-bottom: 1px solid var(--dotted-color);
  display: inline-block;
  vertical-align: middle;
}

#pagination a {
  padding: 5px 10px;
  margin-right: 10px;
  font-weight: bold;
  transition: all .25s ease-in-out;
  display: inline-block;
  vertical-align: middle;
  border-bottom: 1px solid transparent;
}

#pagination a:hover {
  opacity: 0.5;
}

#pagination span.count {
  display: block;
  margin-bottom: 20px;
}

#pagination span.more {
  padding: 2px;
  text-align: center;
  display: inline-block;
  vertical-align: middle;
  margin-right: 10px;
  font-weight: bold;
  border-bottom: 1px solid transparent;
}

/* breadcrumbs
------------------------------------------------------ */
#breadcrumb,
#breadcrumb a {
  color: var(--text-color);
  letter-spacing: 1px;
  text-align: center;
}

#basket-right input[type="image"], .additional_checkout_buttons input[type="image"] {
  width: initial;
  min-width: inherit;
}

.additional_checkout_buttons {
  text-align: center;
}

.share-icons a {
  vertical-align: middle;
}

.share-text {
  display: inline-block;
  margin-right: 10px;
}

.column {
  width: 200px;
  float: left;
}


.row.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: var(--main-weight);
}

@media screen and (max-width: 740px) {
  .onboard.parallax__placeholder {
      min-height: 230px;
  }
}

.videoWrapper iframe {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  min-height: 300px;
}

iframe {
  width: 100%;
}

/* =============== */
/* = Map Section = */
/* =============== */
.map-section-container,
.map-section-image {
  visibility: visible;
  position: absolute;
  top: 0;
  left: 0
}

.map-section--display-map .map-section-container,
.map-section--display-bg-image .map-section-image {
  z-index: 4;
  position: relative;
}

.placeholder-background {
  display: none;
}
.map-section--onboarding .placeholder-background {
  display: block;
}

.map-section-image.show-image {
  z-index: 5;
  position: relative;
}

@media screen and (min-width: 739px) {
  .map-section-wrapper > .row > .row {
    display: flex;
  }
  .map-section-wrapper > .row > .row.text_right {
    flex-direction:  row-reverse;
  }
}

.map-section-wrapper {
  height: auto;
  margin-top: 20px;
}

.map-section-container {
  height: 100%;
  width: 100%;
}

.map-section-content {
  padding: 30px;
}

.map-section-content .button {
  height: auto;
  width: auto;
  margin-top: 20px;
}

.map-section-wrapper .text_right .map-section-content-wrapper {
  float: right;
}

.map-section-background-wrapper {
  position: relative;
  overflow: hidden;
}

.map-section--onboarding .map-section-error {
  display: none;
}

.map-section-error {
  font-style: italic;
  color: #ff6d6d;
  border: 2px solid #ff6d6d;
  background-color: rgba(119, 0, 0, 0.65);
  padding: 30px;
  margin-top: -250px;
  width: 50%;
  margin-left: 25%;
  z-index: 6;
}

.map-section-image {
  height: 400px;
  background-size: cover;
  background-position: center;
}

.placeholder-background {
  height: 400px;
}

.map-section .placeholder-svg {
  fill: rgba(28,29,29,0.1);
  height: 400px;
}

/* Custom Thumbnail Slider */
body .focus-visible,
.product-video .plyr:focus,
.plyr__video-wrapper.plyr__tab-focus:focus {
  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;
}

.vertical-carousel .thumb-slider-wrapper {
  overflow: hidden;
}

#thumb-slider-wrapper .product-single__thumbnails-item {
  position: relative;
  display: block;
  width: 100%;
}

.thumb-slider-slides {
  position: relative;
  top: 0;
  left: 0;
  list-style: none;
}

.thumb-slider-slides li {
  margin-bottom: 5px;
}

/* vertical thumbnail slider */
.thumb-slider.thumbnail-slider.custom.vertical-carousel {
  margin: 0 auto;
  text-align: center;
}

/* horizontal thumbnail slider */
.horizontal-carousel #thumb-slider-wrapper .product-single__thumbnails-item {
  max-width: unset;
  height: unset;
  margin: 5px;
  padding: 0;
  width: 20%;
}

.horizontal-carousel #thumb-slider-wrapper .product-single__thumbnails-item.thumb__first {
  margin-left: 0;
}

.horizontal-carousel #thumb-slider-wrapper .product-single__thumbnails-item.thumb__last {
  margin-right: 0;
}

.horizontal-carousel.flickity-slider--false #thumb-slider-wrapper .product-single__thumbnails-item {
  float: left;
}

.horizontal-carousel.flickity-slider--false #thumb-slider-wrapper .product-single__thumbnails-item {
  width: 110px;
}

/* --
.horizontal-carousel.flickity-slider--false #thumb-slider-wrapper .product-single__thumbnails-item img {
  width: 120px;
  height: 120px;
  object-position: center;
}
-- */

.product-single__thumbnails-item:focus img {
  opacity: 1 !important;
}

/*! Flickity v2.2.1
https://flickity.metafizzy.co
---------------------------------------------- */
.flickity-enabled{position:relative}.flickity-enabled:focus{outline:0 !important;}.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;background:var(--background);border:none;color:var(--text-color)}.flickity-button:hover{background:var(--background);cursor:pointer}.flickity-button:focus{outline:0;box-shadow:0 0 0 5px #19f}.flickity-button:active{opacity:.6}.flickity-button:disabled{opacity:.3;cursor:auto;pointer-events:none}.flickity-button-icon{fill:currentColor}.flickity-prev-next-button{top:50%;width:44px;height:44px;border-radius: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;}.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 8px;background:#333;border-radius:50%;opacity:.25;cursor:pointer}.flickity-page-dots .dot.is-selected{opacity:1}

.flickity-slider {
  -ms-touch-action: pan-y;
      touch-action: pan-y;
}

.flickity-prev-next-button {
  border-radius: 50% !important;
  padding: 0;
}

/* Product media styles */
.product-thumbnail {
  position: relative;
  z-index: 1;
}

.thumbnail-icon {
  position: absolute;
  top: 2px;
  right: 2px;
  z-index: 2;
  width: 25%;
  line-height: 0;
}

.thumbnail-icon svg, .product-main-image svg {
  height: 100%;
  width: 100%;
  background: var(--background) !important;
  color: var(--text-color) !important;
  border: 1px solid var(--icon-border-color);
}

.thumbnail-icon svg {
  fill-opacity: 0.6;
}

.thumbnail-icon svg:hover {
  fill-opacity: 0.85;
}

.product-main-image svg {
  fill-opacity: 1;
}
.product-media-container {
  position: relative;
}
.product-video,
.product-media-container,
.plyr--video {
  outline: none;
}
.plyr video,
.plyr__video-wrapper,
.plyr__poster {
  background-color: var(--background);
}
.product-video > video {
  width: 100%;
}

.product-model {
  margin: 0 auto;
  min-height: 1px;
  width: 100%;
  height: 100%;
  position: relative;
}

.product-model model-viewer,
.product-model .shopify-model-viewer-ui,
.product-model .media-item {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  max-width: 100%;
  overflow: hidden;
}

.product-model model-viewer,
.product-model .shopify-model-viewer-ui,
.product-model .media-item
{
  height: 100%;
}

button.media-button.view-in-space {
  background: transparent;
  width: initial !important;
  text-align: center;
  width: 60px;
  max-width: 60px;
  height: 60px;
  line-height: 60px;
  padding: 0;
  margin: 0 auto;
  display: inherit;
  z-index: 2;
  position: relative;
}

button.media-button.view-in-space[data-shopify-xr-hidden] {
    visibility: hidden;
}

.product-video button {
  width: initial;
  width: 62px;
  height: 62px;
  padding: 0;
  margin-bottom: 0;
}

.plyr--video .plyr__control:not(.plyr__control--overlaid).plyr__tab-focus svg, .plyr--video .plyr__control:not(.plyr__control--overlaid):hover svg, .plyr--video .plyr__control:not(.plyr__control--overlaid)[aria-expanded=true] svg,
.plyr--audio .plyr__control.plyr__tab-focus svg,
.plyr--audio .plyr__control:hover svg,
.plyr--audio .plyr__control[aria-expanded=true] svg {
  stroke: none !important;
}

.product-video .plyr button svg {
    border: 0 !important;
}

button[hidden] {
  visibility: hidden;
}
.product-single__view-in-space {
  background-color: var(--dotted-color);
  border: none;
  width: 100%;
  min-height: unset;
  display: block;
  font-size: 14px;
  color: var(--text-color);
  z-index: 1;
  position: relative;
  height: 54px;
  line-height: 54px;
  margin-top: 10px;
}
.product-single__view-in-space:hover svg .hover-fill {
  fill: var(--button-text-hover);
}
.product-video.videoWrapper.product-single__media {
  display: inline-block;
  height: 301px;
}
 .product-single__view-in-space[data-shopify-xr-hidden] {
	 visibility: hidden;
}
 .product-single__view-in-space:hover .product-single__view-in-space-text, .product-single__view-in-space:focus .product-single__view-in-space-text {
	 border-bottom-color: var(--button-text);
}

 .product-single__view-in-space svg.icon .icon-3d-badge-full-color-outline {
	 stroke: none;
}
.product-single__view-in-space svg.icon .icon-3d-badge-full-color-element {
  fill: var(--text-color);
  opacity: 1;
}
.product-single__view-in-space-text {
  border-bottom: 1px solid transparent;
  display: inline-block;
  width: auto;
  vertical-align: middle;
}
.product-single__view-in-space svg {
  margin-right: 2.43px;
  fill: transparent;
  display: inline-block;
  width: 24px !important;
  height: 24px !important;
  vertical-align: middle;
}
.product-single__view-in-space svg rect {
  fill: transparent !important;
}
.product-single__view-in-space:hover #three-d-icon path,
.product-single__view-in-space:focus #three-d-icon path {
  fill: var(--button-text);
}
.product-model model-viewer, .product-model .shopify-model-viewer-ui, .product-model .media-item {
  position: absolute;
  top: 10px;
  left: 10px;
  width: calc(100% - 20px);
  max-width: 100%;
}

/* custom flickity styles */
/* custom flickity styles */
.product__section-images .carousel-container {
  display: flex;
}

.product__gallery--container {
    display: flex;
    width: 100%;
}

.thumb-slider.vertical-carousel {
    order: -1;
    flex: 0 0 100px;
    position: relative;
    max-width: 100px;
}

.thumb-slider.vertical-carousel[data-thumbnail-position="right"] {
  order: 1;
}

.thumb-slider.horizontal-carousel {
  flex: 1 1 auto;
  position: relative;
  max-width: 100%;
  margin-left: 0 !important;
  margin-right: 0 !important;
  float: none !important;
}

div#slider {
    flex: 1 1 auto;
    position: relative;
}

.thumb-slider.vertical-carousel .thumb-slider-wrapper {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    width: 100%;
    overflow-y: scroll;
    -ms-overflow-style: none;
    scrollbar-width: none;
    scroll-behavior: smooth;
}

div#thumb-slider-wrapper::-webkit-scrollbar {
  display: none;
}

.product__section-images .carousel {
  flex-grow: 1;
  list-style-type: none;
}

.product__section-images .carousel-cell {
  width: 100%;
  outline: none !important;
}

.product__section-images .vertical-carousel .carousel-nav {
  box-sizing: content-box; /* So the width will be 100% + 17px */
  padding: calc(var(--keyboard-focus-border-weight) * 1px) 5px calc(var(--keyboard-focus-border-weight) * 1px) calc(var(--keyboard-focus-border-weight) * 1px);
}

div#thumbnails.thumb-slider[data-thumbnail-position="right"] .carousel-nav {
  padding: calc(var(--keyboard-focus-border-weight) * 1px) calc(var(--keyboard-focus-border-weight) * 1px) calc(var(--keyboard-focus-border-weight) * 1px) 5px;
}

div#thumb-slider-wrapper.js-thumb-horizontal-wrapper .carousel-nav {
  margin-top: 5px;
}

div#thumb-slider-wrapper.js-thumb-horizontal-wrapper .carousel-nav.js-thumb-carousel-nav.no_carousel {
    display: flex;
    flex-direction: row;
}

.product__section-images .carousel-nav .carousel-cell {
  margin: 0 0 5px 0;
  cursor: pointer;
}

.product__section-images .carousel-nav .carousel-cell:before {
  font-size: 50px;
  line-height: 80px;
}

.product__section-images .carousel-nav .carousel-cell.is-nav-selected {
  background: #ED2;
}
.product__section-images li.carousel-cell.is-selected { z-index: 99; }

.product__section-images .flickity-prev-next-button {
  background-color: var(--background);
  opacity: 1;
}

.product__section-images .flickity-prev-next-button:hover {
  background-color: var(--background);
  opacity: 1;
}

.product__section-images .flickity-button:hover .flickity-button-icon {
  fill: var(--text-color);
}

.product__section-images .flickity-button:focus {
  outline: none;
}

.product__section-images .image-slide.carousel-cell.is-selected {
  z-index: 1;
}

.product__section-images .plyr__control--overlaid svg {
  margin-left: 5px;
}

.product__section-images .zoom_btn {
  display: flex;
  align-items: center;
  justify-content: center;
  position: absolute;
  top: 10px;
  right: 10px;
  cursor: pointer;
  background-color: var(--background);
  opacity: 1;
  border-radius: 50%;
  width: 45px;
  height: 45px;
}

.product__section-images .zoom_btn:hover {
  background-color: var(--background);
  opacity: 1;
}

.product__section-images .zoom_btn svg {
  height: 12px;
  fill: var(--text-color);
}

#slider.thumbs_bottom .flickity-prev-next-button {
  top: 50%;
}
#slider.thumbs_bottom .flickity-prev-next-button.previous {
  left: -25px;
}
#slider.thumbs_bottom .flickity-prev-next-button.next {
  right: -25px;
}

/* adjust arrow position on mobile to prevent horiz. scroll */
@media (max-width: 740px) {
  #slider.thumbs_bottom .flickity-prev-next-button.next {
    right: 5px !important;
  }
  #slider.thumbs_bottom .flickity-prev-next-button.previous {
    left: 5px !important;
  }
}

@keyframes slidefadeIn {
  0% { opacity: 0; }
  100% { opacity: 1; }
}

@keyframes slidefadeOut {
  0% { opacity: 1; }
  100% { opacity: 0; }
}

#slider .carousel-cell {
  opacity: 0 !important;
}
#slider .carousel-cell:not(.is-selected){
  animation: slidefadeOut ease 0.2s;
}
#slider .carousel-cell.is-selected,
#slider.single-media .carousel-cell {
  z-index: 99;
  opacity: 1 !important;
  animation: slidefadeIn ease 0.2s;
}

/* Hold the gallery's height from first paint.
   Before Flickity initialises the carousel reserves no height at all, so the
   whole page reflowed the moment it booted — this was the bulk of product-page
   CLS. --pdp-media-ratio is set inline on the container from the first image.
   Once Flickity adds .flickity-enabled it owns sizing and these stop matching. */
#slider .product-image-container:not(.flickity-enabled) {
  aspect-ratio: var(--pdp-media-ratio, 1);
  overflow: hidden;
}

#slider .product-image-container:not(.flickity-enabled) .carousel-cell:first-child {
  opacity: 1 !important;
}

/* The first slide opts out of lazysizes, so it no longer picks up sizing from
   the img[data-sizes="auto"] rule. */
.product__image--first {
  display: block;
  width: 100%;
  height: auto;
}
#slider .flickity-enabled:focus {
  outline: 0 !important;
}
#slider .flickity-slider {
  top: 0 !important;
  height: auto !important;
}
#slider .flickity-viewport {
  height: 100%;
}
#slider .flickity-viewport {
  min-height: 300px !important;
}

button.flickity-button:disabled {
  display: none;
}
.thumbnail-slider  .product-single__thumbnails-item:hover,
.product-single__thumbnails-item.active-slide,
.product-single__thumbnails-item.is-nav-selected {
  outline: 1px solid var(--thumbnail-slider-outline-color);
  outline-offset: -1px;
  cursor: pointer;
}
.product-single__thumbnails-item:focus,
.product-single__thumbnail--product-template:focus {
  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;
}
.product-single__thumbnails-item.active-slide img,
.product-single__thumbnails-item.is-nav-selected img,
.thumbnail-slider  .product-single__thumbnails-item:hover img,
.product-single__thumbnail--product-template:focus img {
  opacity: 1.0 !important;
}
: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;
}
.image-thumbnail.product-single__thumbnails-item.carousel-cell.js-thumb-item.is-nav-selected.active-slide {
    outline: 1px solid var(--dotted-color) !important;
    outline-offset: 0px;
}
.prod-image > a,
.product-loop .prod-image > a,
.product-loop .prod-image > a,
#collection-loop .prod-container > a {
  display: inline-block;
  width: 100%;
  outline-offset: unset !important;
}
/* Cross Border Styles */
.footer-section .disclosures {
  display: flex;
  justify-content: flex-end;
  flex-wrap: wrap;
}
@media (max-width: 740px) {
  .footer-section .disclosures {
    justify-content: flex-start;
  }
}
.footer-section .disclosure {
	 position: relative;
}
.footer-section .disclosure__toggle {
	 white-space: nowrap;
   color: var(--footer-color);
   border: 1px solid var(--footer-color);
   background-color: var(--footer-background);
   margin: 0;
   margin-bottom: 10px;
   text-transform: capitalize;
}
.footer-section .disclosure-list {
	 background-color: var(--footer-color);
	 border: 1px solid var(--footer-background);
	 bottom: 115%;
	 padding: 11px 0px;
	 position: absolute;
	 display: none;
	 min-height: 92px;
	 max-height: 300px;
	 overflow-y: auto;
	 border-radius: 2px;
}
#FooterLanguageFormNoScript .disclosure__toggle,
#FooterCountryFormNoScript .disclosure__toggle {
  border-radius: 0px !important;
}
#FooterLanguageFormNoScript .disclosure__toggle:last-child,
#FooterCountryFormNoScript .disclosure__toggle:last-child {
  border-left: 0;
}
.footer-section .disclosure-list--visible {
	 display: block;
}
.footer-section .disclosure-list__item {
	 border-bottom: 1px solid transparent;
	 white-space: nowrap;
	 padding: 5px 45px 4px 15px;
	 text-align: left;
}
.footer-section .disclosure-list__item:active {
	 background-color: rgba(128, 128, 128, 0.2);
}
.footer-section .disclosure-list__option {
	 color: var(--footer-background) !important;
   text-transform: capitalize;
}
.footer-section .disclosure-list__option:focus, .disclosure-list__option:hover {
	 color: var(--footer-color);
	 border-bottom: 1px solid var(--footer-background);
}
.footer-section .disclosure-list__item--current .disclosure-list__option {
   color: var(--footer-background);
	 border-bottom: 1px solid var(--footer-background) !important;
   font-weight: 900;
}

/* Header Disclosure Selectors */
.announcement__bar-section .disclosure {
	 position: relative;
}
.announcement__bar-section .disclosure__toggle {
	 white-space: nowrap;
   color: var(--top-bar-color);
   background-color: var(--top-bar-background);
   font-size: var(--announcement-size);
   font-weight: 400;
   margin: 0;
   padding: 0;
   vertical-align: middle;
   display: inline-block;
   border-radius: unset !important;
   height: auto;
   line-height: unset;
}
.announcement__bar-section .disclosure__toggle:hover {
  color: var(--top-bar-color);
}
.announcement__bar-section noscript select.styled-select {
  min-width: unset;
  max-width: 100px;
  background: unset;
}
.announcement__bar-section form#localization_form {
   margin: 0;
}
.announcement__bar-section .disclosure-list {
	 background-color: var(--top-bar-background);
	 border: 1px solid var(--top-bar-color);
	 top: 115%;
	 padding: 11px 0px;
	 position: absolute;
	 display: none;
	 min-height: 92px;
	 max-height: 300px;
	 overflow-y: auto;
	 border-radius: 2px;
   z-index: 15;
   line-height: 20px;
   text-align: left;
   list-style: none;
}
.announcement__bar-section .localization-form__noscript-btn.disclosure__toggle {
  background-color: var(--top-bar-background);
  border: 1px solid var(--top-bar-color);
  border-left: 0;
  color: var(--top-bar-color);
  padding-left: 1rem;
  padding-right: 1rem;
}
.announcement__bar-section .localization-form__noscript-btn.disclosure__toggle .fash--apollo-checkmark {
  fill: var(--top-bar-color);
}
.announcement__bar-section .disclosure-list--visible {
	 display: block;
}
.announcement__bar-section .disclosure-list__item {
	 border-bottom: 1px solid transparent;
	 white-space: nowrap;
	 padding: 5px 45px 4px 15px !important;
	 text-align: left;
}
.announcement__bar-section .disclosure-list__item:active {
	 background-color: rgba(128, 128, 128, 0.2);
}
.announcement__bar-section .disclosure-list__option {
	 color: var(--top-bar-background);
   text-transform: capitalize;
}
.announcement__bar-section .disclosure-list__option:focus, .disclosure-list__option:hover {
	 color: var(--top-bar-color);
	 border-bottom: 1px solid var(--cart-links);
}
.announcement__bar-section .disclosure-list__item--current .disclosure-list__option {
   color: var(--top-bar-color);
	 border-bottom: 1px solid var(--top-bar-color);
   font-weight: bold;
}
.selectors-form {
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  /*// necessary for ie10*/
  width: 100%;
  justify-content: center;
  flex-wrap: wrap;
  margin-bottom: 10px;
}
.announcement__bar-section .selectors-form {
  margin-bottom: 0;
}
@media (min-width: 980px) {
  .selectors-form {
    flex-wrap: nowrap;
  }
}
.selectors-form__item {
  margin: 0 5px;
}
@media (min-width: 980px) {
  .selectors-form__item {
    padding-bottom: 0;
  }
  .selectors-form__item:first-of-type {
    margin-left: 0;
    margin-right: 10px;
  }
}

ul.localization__options {
    list-style: none;
    text-align: right;
}

ul.localization__options li {
    display: inline-block;
    margin: 0 0 0 15px;
}

ul.disclosure-list li {
  display: block;
}

/**
 * *******************************************************
 * AOS (Animate on scroll) - wowjs alternative
 * made to animate elements on scroll in both directions
 * *******************************************************
 */
[data-aos][data-aos][data-aos-duration="50"],body[data-aos-duration="50"] [data-aos]{transition-duration:50ms}[data-aos][data-aos][data-aos-delay="50"],body[data-aos-delay="50"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="50"].aos-animate,body[data-aos-delay="50"] [data-aos].aos-animate{transition-delay:50ms}[data-aos][data-aos][data-aos-duration="100"],body[data-aos-duration="100"] [data-aos]{transition-duration:.1s}[data-aos][data-aos][data-aos-delay="100"],body[data-aos-delay="100"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="100"].aos-animate,body[data-aos-delay="100"] [data-aos].aos-animate{transition-delay:.1s}[data-aos][data-aos][data-aos-duration="150"],body[data-aos-duration="150"] [data-aos]{transition-duration:.15s}[data-aos][data-aos][data-aos-delay="150"],body[data-aos-delay="150"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="150"].aos-animate,body[data-aos-delay="150"] [data-aos].aos-animate{transition-delay:.15s}[data-aos][data-aos][data-aos-duration="200"],body[data-aos-duration="200"] [data-aos]{transition-duration:.2s}[data-aos][data-aos][data-aos-delay="200"],body[data-aos-delay="200"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="200"].aos-animate,body[data-aos-delay="200"] [data-aos].aos-animate{transition-delay:.2s}[data-aos][data-aos][data-aos-duration="250"],body[data-aos-duration="250"] [data-aos]{transition-duration:.25s}[data-aos][data-aos][data-aos-delay="250"],body[data-aos-delay="250"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="250"].aos-animate,body[data-aos-delay="250"] [data-aos].aos-animate{transition-delay:.25s}[data-aos][data-aos][data-aos-duration="300"],body[data-aos-duration="300"] [data-aos]{transition-duration:.3s}[data-aos][data-aos][data-aos-delay="300"],body[data-aos-delay="300"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="300"].aos-animate,body[data-aos-delay="300"] [data-aos].aos-animate{transition-delay:.3s}[data-aos][data-aos][data-aos-duration="350"],body[data-aos-duration="350"] [data-aos]{transition-duration:.35s}[data-aos][data-aos][data-aos-delay="350"],body[data-aos-delay="350"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="350"].aos-animate,body[data-aos-delay="350"] [data-aos].aos-animate{transition-delay:.35s}[data-aos][data-aos][data-aos-duration="400"],body[data-aos-duration="400"] [data-aos]{transition-duration:.4s}[data-aos][data-aos][data-aos-delay="400"],body[data-aos-delay="400"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="400"].aos-animate,body[data-aos-delay="400"] [data-aos].aos-animate{transition-delay:.4s}[data-aos][data-aos][data-aos-duration="450"],body[data-aos-duration="450"] [data-aos]{transition-duration:.45s}[data-aos][data-aos][data-aos-delay="450"],body[data-aos-delay="450"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="450"].aos-animate,body[data-aos-delay="450"] [data-aos].aos-animate{transition-delay:.45s}[data-aos][data-aos][data-aos-duration="500"],body[data-aos-duration="500"] [data-aos]{transition-duration:.5s}[data-aos][data-aos][data-aos-delay="500"],body[data-aos-delay="500"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="500"].aos-animate,body[data-aos-delay="500"] [data-aos].aos-animate{transition-delay:.5s}[data-aos][data-aos][data-aos-duration="550"],body[data-aos-duration="550"] [data-aos]{transition-duration:.55s}[data-aos][data-aos][data-aos-delay="550"],body[data-aos-delay="550"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="550"].aos-animate,body[data-aos-delay="550"] [data-aos].aos-animate{transition-delay:.55s}[data-aos][data-aos][data-aos-duration="600"],body[data-aos-duration="600"] [data-aos]{transition-duration:.6s}[data-aos][data-aos][data-aos-delay="600"],body[data-aos-delay="600"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="600"].aos-animate,body[data-aos-delay="600"] [data-aos].aos-animate{transition-delay:.6s}[data-aos][data-aos][data-aos-duration="650"],body[data-aos-duration="650"] [data-aos]{transition-duration:.65s}[data-aos][data-aos][data-aos-delay="650"],body[data-aos-delay="650"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="650"].aos-animate,body[data-aos-delay="650"] [data-aos].aos-animate{transition-delay:.65s}[data-aos][data-aos][data-aos-duration="700"],body[data-aos-duration="700"] [data-aos]{transition-duration:.7s}[data-aos][data-aos][data-aos-delay="700"],body[data-aos-delay="700"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="700"].aos-animate,body[data-aos-delay="700"] [data-aos].aos-animate{transition-delay:.7s}[data-aos][data-aos][data-aos-duration="750"],body[data-aos-duration="750"] [data-aos]{transition-duration:.75s}[data-aos][data-aos][data-aos-delay="750"],body[data-aos-delay="750"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="750"].aos-animate,body[data-aos-delay="750"] [data-aos].aos-animate{transition-delay:.75s}[data-aos][data-aos][data-aos-duration="800"],body[data-aos-duration="800"] [data-aos]{transition-duration:.8s}[data-aos][data-aos][data-aos-delay="800"],body[data-aos-delay="800"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="800"].aos-animate,body[data-aos-delay="800"] [data-aos].aos-animate{transition-delay:.8s}[data-aos][data-aos][data-aos-duration="850"],body[data-aos-duration="850"] [data-aos]{transition-duration:.85s}[data-aos][data-aos][data-aos-delay="850"],body[data-aos-delay="850"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="850"].aos-animate,body[data-aos-delay="850"] [data-aos].aos-animate{transition-delay:.85s}[data-aos][data-aos][data-aos-duration="900"],body[data-aos-duration="900"] [data-aos]{transition-duration:.9s}[data-aos][data-aos][data-aos-delay="900"],body[data-aos-delay="900"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="900"].aos-animate,body[data-aos-delay="900"] [data-aos].aos-animate{transition-delay:.9s}[data-aos][data-aos][data-aos-duration="950"],body[data-aos-duration="950"] [data-aos]{transition-duration:.95s}[data-aos][data-aos][data-aos-delay="950"],body[data-aos-delay="950"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="950"].aos-animate,body[data-aos-delay="950"] [data-aos].aos-animate{transition-delay:.95s}[data-aos][data-aos][data-aos-duration="1000"],body[data-aos-duration="1000"] [data-aos]{transition-duration:1s}[data-aos][data-aos][data-aos-delay="1000"],body[data-aos-delay="1000"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="1000"].aos-animate,body[data-aos-delay="1000"] [data-aos].aos-animate{transition-delay:1s}[data-aos][data-aos][data-aos-duration="1050"],body[data-aos-duration="1050"] [data-aos]{transition-duration:1.05s}[data-aos][data-aos][data-aos-delay="1050"],body[data-aos-delay="1050"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="1050"].aos-animate,body[data-aos-delay="1050"] [data-aos].aos-animate{transition-delay:1.05s}[data-aos][data-aos][data-aos-duration="1100"],body[data-aos-duration="1100"] [data-aos]{transition-duration:1.1s}[data-aos][data-aos][data-aos-delay="1100"],body[data-aos-delay="1100"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="1100"].aos-animate,body[data-aos-delay="1100"] [data-aos].aos-animate{transition-delay:1.1s}[data-aos][data-aos][data-aos-duration="1150"],body[data-aos-duration="1150"] [data-aos]{transition-duration:1.15s}[data-aos][data-aos][data-aos-delay="1150"],body[data-aos-delay="1150"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="1150"].aos-animate,body[data-aos-delay="1150"] [data-aos].aos-animate{transition-delay:1.15s}[data-aos][data-aos][data-aos-duration="1200"],body[data-aos-duration="1200"] [data-aos]{transition-duration:1.2s}[data-aos][data-aos][data-aos-delay="1200"],body[data-aos-delay="1200"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="1200"].aos-animate,body[data-aos-delay="1200"] [data-aos].aos-animate{transition-delay:1.2s}[data-aos][data-aos][data-aos-duration="1250"],body[data-aos-duration="1250"] [data-aos]{transition-duration:1.25s}[data-aos][data-aos][data-aos-delay="1250"],body[data-aos-delay="1250"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="1250"].aos-animate,body[data-aos-delay="1250"] [data-aos].aos-animate{transition-delay:1.25s}[data-aos][data-aos][data-aos-duration="1300"],body[data-aos-duration="1300"] [data-aos]{transition-duration:1.3s}[data-aos][data-aos][data-aos-delay="1300"],body[data-aos-delay="1300"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="1300"].aos-animate,body[data-aos-delay="1300"] [data-aos].aos-animate{transition-delay:1.3s}[data-aos][data-aos][data-aos-duration="1350"],body[data-aos-duration="1350"] [data-aos]{transition-duration:1.35s}[data-aos][data-aos][data-aos-delay="1350"],body[data-aos-delay="1350"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="1350"].aos-animate,body[data-aos-delay="1350"] [data-aos].aos-animate{transition-delay:1.35s}[data-aos][data-aos][data-aos-duration="1400"],body[data-aos-duration="1400"] [data-aos]{transition-duration:1.4s}[data-aos][data-aos][data-aos-delay="1400"],body[data-aos-delay="1400"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="1400"].aos-animate,body[data-aos-delay="1400"] [data-aos].aos-animate{transition-delay:1.4s}[data-aos][data-aos][data-aos-duration="1450"],body[data-aos-duration="1450"] [data-aos]{transition-duration:1.45s}[data-aos][data-aos][data-aos-delay="1450"],body[data-aos-delay="1450"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="1450"].aos-animate,body[data-aos-delay="1450"] [data-aos].aos-animate{transition-delay:1.45s}[data-aos][data-aos][data-aos-duration="1500"],body[data-aos-duration="1500"] [data-aos]{transition-duration:1.5s}[data-aos][data-aos][data-aos-delay="1500"],body[data-aos-delay="1500"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="1500"].aos-animate,body[data-aos-delay="1500"] [data-aos].aos-animate{transition-delay:1.5s}[data-aos][data-aos][data-aos-duration="1550"],body[data-aos-duration="1550"] [data-aos]{transition-duration:1.55s}[data-aos][data-aos][data-aos-delay="1550"],body[data-aos-delay="1550"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="1550"].aos-animate,body[data-aos-delay="1550"] [data-aos].aos-animate{transition-delay:1.55s}[data-aos][data-aos][data-aos-duration="1600"],body[data-aos-duration="1600"] [data-aos]{transition-duration:1.6s}[data-aos][data-aos][data-aos-delay="1600"],body[data-aos-delay="1600"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="1600"].aos-animate,body[data-aos-delay="1600"] [data-aos].aos-animate{transition-delay:1.6s}[data-aos][data-aos][data-aos-duration="1650"],body[data-aos-duration="1650"] [data-aos]{transition-duration:1.65s}[data-aos][data-aos][data-aos-delay="1650"],body[data-aos-delay="1650"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="1650"].aos-animate,body[data-aos-delay="1650"] [data-aos].aos-animate{transition-delay:1.65s}[data-aos][data-aos][data-aos-duration="1700"],body[data-aos-duration="1700"] [data-aos]{transition-duration:1.7s}[data-aos][data-aos][data-aos-delay="1700"],body[data-aos-delay="1700"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="1700"].aos-animate,body[data-aos-delay="1700"] [data-aos].aos-animate{transition-delay:1.7s}[data-aos][data-aos][data-aos-duration="1750"],body[data-aos-duration="1750"] [data-aos]{transition-duration:1.75s}[data-aos][data-aos][data-aos-delay="1750"],body[data-aos-delay="1750"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="1750"].aos-animate,body[data-aos-delay="1750"] [data-aos].aos-animate{transition-delay:1.75s}[data-aos][data-aos][data-aos-duration="1800"],body[data-aos-duration="1800"] [data-aos]{transition-duration:1.8s}[data-aos][data-aos][data-aos-delay="1800"],body[data-aos-delay="1800"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="1800"].aos-animate,body[data-aos-delay="1800"] [data-aos].aos-animate{transition-delay:1.8s}[data-aos][data-aos][data-aos-duration="1850"],body[data-aos-duration="1850"] [data-aos]{transition-duration:1.85s}[data-aos][data-aos][data-aos-delay="1850"],body[data-aos-delay="1850"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="1850"].aos-animate,body[data-aos-delay="1850"] [data-aos].aos-animate{transition-delay:1.85s}[data-aos][data-aos][data-aos-duration="1900"],body[data-aos-duration="1900"] [data-aos]{transition-duration:1.9s}[data-aos][data-aos][data-aos-delay="1900"],body[data-aos-delay="1900"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="1900"].aos-animate,body[data-aos-delay="1900"] [data-aos].aos-animate{transition-delay:1.9s}[data-aos][data-aos][data-aos-duration="1950"],body[data-aos-duration="1950"] [data-aos]{transition-duration:1.95s}[data-aos][data-aos][data-aos-delay="1950"],body[data-aos-delay="1950"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="1950"].aos-animate,body[data-aos-delay="1950"] [data-aos].aos-animate{transition-delay:1.95s}[data-aos][data-aos][data-aos-duration="2000"],body[data-aos-duration="2000"] [data-aos]{transition-duration:2s}[data-aos][data-aos][data-aos-delay="2000"],body[data-aos-delay="2000"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="2000"].aos-animate,body[data-aos-delay="2000"] [data-aos].aos-animate{transition-delay:2s}[data-aos][data-aos][data-aos-duration="2050"],body[data-aos-duration="2050"] [data-aos]{transition-duration:2.05s}[data-aos][data-aos][data-aos-delay="2050"],body[data-aos-delay="2050"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="2050"].aos-animate,body[data-aos-delay="2050"] [data-aos].aos-animate{transition-delay:2.05s}[data-aos][data-aos][data-aos-duration="2100"],body[data-aos-duration="2100"] [data-aos]{transition-duration:2.1s}[data-aos][data-aos][data-aos-delay="2100"],body[data-aos-delay="2100"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="2100"].aos-animate,body[data-aos-delay="2100"] [data-aos].aos-animate{transition-delay:2.1s}[data-aos][data-aos][data-aos-duration="2150"],body[data-aos-duration="2150"] [data-aos]{transition-duration:2.15s}[data-aos][data-aos][data-aos-delay="2150"],body[data-aos-delay="2150"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="2150"].aos-animate,body[data-aos-delay="2150"] [data-aos].aos-animate{transition-delay:2.15s}[data-aos][data-aos][data-aos-duration="2200"],body[data-aos-duration="2200"] [data-aos]{transition-duration:2.2s}[data-aos][data-aos][data-aos-delay="2200"],body[data-aos-delay="2200"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="2200"].aos-animate,body[data-aos-delay="2200"] [data-aos].aos-animate{transition-delay:2.2s}[data-aos][data-aos][data-aos-duration="2250"],body[data-aos-duration="2250"] [data-aos]{transition-duration:2.25s}[data-aos][data-aos][data-aos-delay="2250"],body[data-aos-delay="2250"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="2250"].aos-animate,body[data-aos-delay="2250"] [data-aos].aos-animate{transition-delay:2.25s}[data-aos][data-aos][data-aos-duration="2300"],body[data-aos-duration="2300"] [data-aos]{transition-duration:2.3s}[data-aos][data-aos][data-aos-delay="2300"],body[data-aos-delay="2300"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="2300"].aos-animate,body[data-aos-delay="2300"] [data-aos].aos-animate{transition-delay:2.3s}[data-aos][data-aos][data-aos-duration="2350"],body[data-aos-duration="2350"] [data-aos]{transition-duration:2.35s}[data-aos][data-aos][data-aos-delay="2350"],body[data-aos-delay="2350"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="2350"].aos-animate,body[data-aos-delay="2350"] [data-aos].aos-animate{transition-delay:2.35s}[data-aos][data-aos][data-aos-duration="2400"],body[data-aos-duration="2400"] [data-aos]{transition-duration:2.4s}[data-aos][data-aos][data-aos-delay="2400"],body[data-aos-delay="2400"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="2400"].aos-animate,body[data-aos-delay="2400"] [data-aos].aos-animate{transition-delay:2.4s}[data-aos][data-aos][data-aos-duration="2450"],body[data-aos-duration="2450"] [data-aos]{transition-duration:2.45s}[data-aos][data-aos][data-aos-delay="2450"],body[data-aos-delay="2450"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="2450"].aos-animate,body[data-aos-delay="2450"] [data-aos].aos-animate{transition-delay:2.45s}[data-aos][data-aos][data-aos-duration="2500"],body[data-aos-duration="2500"] [data-aos]{transition-duration:2.5s}[data-aos][data-aos][data-aos-delay="2500"],body[data-aos-delay="2500"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="2500"].aos-animate,body[data-aos-delay="2500"] [data-aos].aos-animate{transition-delay:2.5s}[data-aos][data-aos][data-aos-duration="2550"],body[data-aos-duration="2550"] [data-aos]{transition-duration:2.55s}[data-aos][data-aos][data-aos-delay="2550"],body[data-aos-delay="2550"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="2550"].aos-animate,body[data-aos-delay="2550"] [data-aos].aos-animate{transition-delay:2.55s}[data-aos][data-aos][data-aos-duration="2600"],body[data-aos-duration="2600"] [data-aos]{transition-duration:2.6s}[data-aos][data-aos][data-aos-delay="2600"],body[data-aos-delay="2600"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="2600"].aos-animate,body[data-aos-delay="2600"] [data-aos].aos-animate{transition-delay:2.6s}[data-aos][data-aos][data-aos-duration="2650"],body[data-aos-duration="2650"] [data-aos]{transition-duration:2.65s}[data-aos][data-aos][data-aos-delay="2650"],body[data-aos-delay="2650"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="2650"].aos-animate,body[data-aos-delay="2650"] [data-aos].aos-animate{transition-delay:2.65s}[data-aos][data-aos][data-aos-duration="2700"],body[data-aos-duration="2700"] [data-aos]{transition-duration:2.7s}[data-aos][data-aos][data-aos-delay="2700"],body[data-aos-delay="2700"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="2700"].aos-animate,body[data-aos-delay="2700"] [data-aos].aos-animate{transition-delay:2.7s}[data-aos][data-aos][data-aos-duration="2750"],body[data-aos-duration="2750"] [data-aos]{transition-duration:2.75s}[data-aos][data-aos][data-aos-delay="2750"],body[data-aos-delay="2750"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="2750"].aos-animate,body[data-aos-delay="2750"] [data-aos].aos-animate{transition-delay:2.75s}[data-aos][data-aos][data-aos-duration="2800"],body[data-aos-duration="2800"] [data-aos]{transition-duration:2.8s}[data-aos][data-aos][data-aos-delay="2800"],body[data-aos-delay="2800"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="2800"].aos-animate,body[data-aos-delay="2800"] [data-aos].aos-animate{transition-delay:2.8s}[data-aos][data-aos][data-aos-duration="2850"],body[data-aos-duration="2850"] [data-aos]{transition-duration:2.85s}[data-aos][data-aos][data-aos-delay="2850"],body[data-aos-delay="2850"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="2850"].aos-animate,body[data-aos-delay="2850"] [data-aos].aos-animate{transition-delay:2.85s}[data-aos][data-aos][data-aos-duration="2900"],body[data-aos-duration="2900"] [data-aos]{transition-duration:2.9s}[data-aos][data-aos][data-aos-delay="2900"],body[data-aos-delay="2900"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="2900"].aos-animate,body[data-aos-delay="2900"] [data-aos].aos-animate{transition-delay:2.9s}[data-aos][data-aos][data-aos-duration="2950"],body[data-aos-duration="2950"] [data-aos]{transition-duration:2.95s}[data-aos][data-aos][data-aos-delay="2950"],body[data-aos-delay="2950"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="2950"].aos-animate,body[data-aos-delay="2950"] [data-aos].aos-animate{transition-delay:2.95s}[data-aos][data-aos][data-aos-duration="3000"],body[data-aos-duration="3000"] [data-aos]{transition-duration:3s}[data-aos][data-aos][data-aos-delay="3000"],body[data-aos-delay="3000"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="3000"].aos-animate,body[data-aos-delay="3000"] [data-aos].aos-animate{transition-delay:3s}[data-aos][data-aos][data-aos-easing=linear],body[data-aos-easing=linear] [data-aos]{transition-timing-function:cubic-bezier(.25,.25,.75,.75)}[data-aos][data-aos][data-aos-easing=ease],body[data-aos-easing=ease] [data-aos]{transition-timing-function:ease}[data-aos][data-aos][data-aos-easing=ease-in],body[data-aos-easing=ease-in] [data-aos]{transition-timing-function:ease-in}[data-aos][data-aos][data-aos-easing=ease-out],body[data-aos-easing=ease-out] [data-aos]{transition-timing-function:ease-out}[data-aos][data-aos][data-aos-easing=ease-in-out],body[data-aos-easing=ease-in-out] [data-aos]{transition-timing-function:ease-in-out}[data-aos][data-aos][data-aos-easing=ease-in-back],body[data-aos-easing=ease-in-back] [data-aos]{transition-timing-function:cubic-bezier(.6,-.28,.735,.045)}[data-aos][data-aos][data-aos-easing=ease-out-back],body[data-aos-easing=ease-out-back] [data-aos]{transition-timing-function:cubic-bezier(.175,.885,.32,1.275)}[data-aos][data-aos][data-aos-easing=ease-in-out-back],body[data-aos-easing=ease-in-out-back] [data-aos]{transition-timing-function:cubic-bezier(.68,-.55,.265,1.55)}[data-aos][data-aos][data-aos-easing=ease-in-sine],body[data-aos-easing=ease-in-sine] [data-aos]{transition-timing-function:cubic-bezier(.47,0,.745,.715)}[data-aos][data-aos][data-aos-easing=ease-out-sine],body[data-aos-easing=ease-out-sine] [data-aos]{transition-timing-function:cubic-bezier(.39,.575,.565,1)}[data-aos][data-aos][data-aos-easing=ease-in-out-sine],body[data-aos-easing=ease-in-out-sine] [data-aos]{transition-timing-function:cubic-bezier(.445,.05,.55,.95)}[data-aos][data-aos][data-aos-easing=ease-in-quad],body[data-aos-easing=ease-in-quad] [data-aos]{transition-timing-function:cubic-bezier(.55,.085,.68,.53)}[data-aos][data-aos][data-aos-easing=ease-out-quad],body[data-aos-easing=ease-out-quad] [data-aos]{transition-timing-function:cubic-bezier(.25,.46,.45,.94)}[data-aos][data-aos][data-aos-easing=ease-in-out-quad],body[data-aos-easing=ease-in-out-quad] [data-aos]{transition-timing-function:cubic-bezier(.455,.03,.515,.955)}[data-aos][data-aos][data-aos-easing=ease-in-cubic],body[data-aos-easing=ease-in-cubic] [data-aos]{transition-timing-function:cubic-bezier(.55,.085,.68,.53)}[data-aos][data-aos][data-aos-easing=ease-out-cubic],body[data-aos-easing=ease-out-cubic] [data-aos]{transition-timing-function:cubic-bezier(.25,.46,.45,.94)}[data-aos][data-aos][data-aos-easing=ease-in-out-cubic],body[data-aos-easing=ease-in-out-cubic] [data-aos]{transition-timing-function:cubic-bezier(.455,.03,.515,.955)}[data-aos][data-aos][data-aos-easing=ease-in-quart],body[data-aos-easing=ease-in-quart] [data-aos]{transition-timing-function:cubic-bezier(.55,.085,.68,.53)}[data-aos][data-aos][data-aos-easing=ease-out-quart],body[data-aos-easing=ease-out-quart] [data-aos]{transition-timing-function:cubic-bezier(.25,.46,.45,.94)}[data-aos][data-aos][data-aos-easing=ease-in-out-quart],body[data-aos-easing=ease-in-out-quart] [data-aos]{transition-timing-function:cubic-bezier(.455,.03,.515,.955)}[data-aos^=fade][data-aos^=fade]{opacity:0;transition-property:opacity,transform}[data-aos^=fade][data-aos^=fade].aos-animate{opacity:1;transform:translateZ(0)}[data-aos=fade-up]{transform:translate3d(0,100px,0)}[data-aos=fade-down]{transform:translate3d(0,-100px,0)}[data-aos=fade-right]{transform:translate3d(-100px,0,0)}[data-aos=fade-left]{transform:translate3d(100px,0,0)}[data-aos=fade-up-right]{transform:translate3d(-100px,100px,0)}[data-aos=fade-up-left]{transform:translate3d(100px,100px,0)}[data-aos=fade-down-right]{transform:translate3d(-100px,-100px,0)}[data-aos=fade-down-left]{transform:translate3d(100px,-100px,0)}[data-aos^=zoom][data-aos^=zoom]{opacity:0;transition-property:opacity,transform}[data-aos^=zoom][data-aos^=zoom].aos-animate{opacity:1;transform:translateZ(0) scale(1)}[data-aos=zoom-in]{transform:scale(.6)}[data-aos=zoom-in-up]{transform:translate3d(0,100px,0) scale(.6)}[data-aos=zoom-in-down]{transform:translate3d(0,-100px,0) scale(.6)}[data-aos=zoom-in-right]{transform:translate3d(-100px,0,0) scale(.6)}[data-aos=zoom-in-left]{transform:translate3d(100px,0,0) scale(.6)}[data-aos=zoom-out]{transform:scale(1.2)}[data-aos=zoom-out-up]{transform:translate3d(0,100px,0) scale(1.2)}[data-aos=zoom-out-down]{transform:translate3d(0,-100px,0) scale(1.2)}[data-aos=zoom-out-right]{transform:translate3d(-100px,0,0) scale(1.2)}[data-aos=zoom-out-left]{transform:translate3d(100px,0,0) scale(1.2)}[data-aos^=slide][data-aos^=slide]{transition-property:transform}[data-aos^=slide][data-aos^=slide].aos-animate{transform:translateZ(0)}[data-aos=slide-up]{transform:translate3d(0,100%,0)}[data-aos=slide-down]{transform:translate3d(0,-100%,0)}[data-aos=slide-right]{transform:translate3d(-100%,0,0)}[data-aos=slide-left]{transform:translate3d(100%,0,0)}[data-aos^=flip][data-aos^=flip]{backface-visibility:hidden;transition-property:transform}[data-aos=flip-left]{transform:perspective(2500px) rotateY(-100deg)}[data-aos=flip-left].aos-animate{transform:perspective(2500px) rotateY(0)}[data-aos=flip-right]{transform:perspective(2500px) rotateY(100deg)}[data-aos=flip-right].aos-animate{transform:perspective(2500px) rotateY(0)}[data-aos=flip-up]{transform:perspective(2500px) rotateX(-100deg)}[data-aos=flip-up].aos-animate{transform:perspective(2500px) rotateX(0)}[data-aos=flip-down]{transform:perspective(2500px) rotateX(100deg)}[data-aos=flip-down].aos-animate{transform:perspective(2500px) rotateX(0)}

/* Fix for AOS in IE 11 */
_:-ms-fullscreen, :root [data-aos^=zoom] { opacity:1 !important; }
_:-ms-fullscreen, :root [data-aos=zoom-in] { transform: scale(1) !important;}


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

.theme-features__details-align--left .product-index .price {
  align-items: flex-start;
}

.theme-features__details-align--center .product-index .price {
  align-items: center;
}

.theme-features__details-align--right .product-index .price {
  align-items: flex-end;
}

.product__price-container {
  align-items: flex-start;
}
.price dl {
  margin-top: 0;
  margin-bottom: 0;
}
.price dd {
  margin: 0;
}

.price--on-sale .price-item--regular {
  margin-left: 5px;
}

.price--unavailable {
  visibility: hidden;
}

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

.price__pricing-group {
  display: flex;
  flex-direction: row;
  align-items: center;
  margin-bottom: 5px;
}

.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;
}

.price__vendor {
  color: var(--text-color);
  font-size: 0.9em;
  text-transform: uppercase;
  letter-spacing: 1px;
  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,
.sale-color {
  color: var(--sale-color);
}

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

.price-unit-price {
  color: var(--price-unit-price-color) !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;
  text-align: center;
  margin-left: 5px;
}

.price__badge--sale {
  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);
}
.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;
}
.grid-align-left .price {
  align-items: flex-start;
}
.grid-align-right .price {
  align-items: flex-end;
}
.order-discount.order-discount--list {
  list-style: none;
}
/* ==============================  */
/* =   New Customer Accounts     = */
/* ============================== */
.customer-account {
  margin-top: 81px;
  padding-bottom: 144px;
}
.customer-account .sidebar {
  border-right: solid 3px var(--dotted-color);
}
.customer-account .sidebar ul {
  list-style: none;
}
.customer-account .sidebar ul li {
  padding: 20px 0;
}
.customer-account .sidebar ul li a {
  display: inline-block;
  font-size: var(--h4-size);
  font-weight: bolder;
  line-height: 1.2;
  letter-spacing: normal;
  text-transform: uppercase;
  padding-bottom: 4px;
  border-bottom: 2px solid transparent;
}
.customer-account .sidebar ul li a.selected,
.customer-account .sidebar ul li:hover a {
  border-bottom: 2px solid var(--text-color);
}
.customer-account .content {
  padding-left: 95px;
  padding-top: 20px;
}
.customer-account .content p {
  font-size: 14px;
  line-height: 1.6;
}
.customer-account #account-details h5 {
  font-size: 16px;
  font-weight: bolder;
  line-height: 1.2;
  text-transform: uppercase;
}
.customer-account #order-history tbody tr {
  height: 100px;
  border-top: 1px solid var(--dotted-color);
}
.customer-account #order-history tbody td {
  min-width: 140px;
}
.customer-account #order-history thead tr {
  text-align: left;
  padding: 10px 0;
  height: 38px;
}
.customer-account #order-history thead tr th {
  font-size: var(--font-size);
  text-transform: capitalize;
  font-weight: 600;
}
@media (max-width: 1020px) {
  .customer-account .content {
    padding-left: 25px;
  }
}
@media (max-width:740px) {
  .customer-account {
    margin-top: 41px;
    text-align: center;
  }
  .customer-account .sidebar ul li {
    border-bottom: solid 1px #bababa;
  }
  .customer-account .content {
    margin-top: 80px;
    padding-left: 0;
  }
  .customer-account #order-history table .status {
    display: none;
  }
  .customer-account #order-history thead tr {
    text-align: center;
  }
  .customer-account .sidebar {
    border-right: none;
  }
  .customer-account #order-history tbody td {
    min-width: 110px;
  }
}
/* Order Page */
section.customer-order {
  margin-top: 81px;
  padding-bottom: 144px;
}
section.customer-order .return-account {
  font-size: 12px;
  font-weight: bold;
  line-height: 2.17;
  text-transform: uppercase;
  letter-spacing: 0.75px;
  margin-bottom: 40px;
  display: inline-block;
}
section.customer-order .order-content {
  padding-right: 118px;
}
section.customer-order #order_details .labels {
  text-align: left;
  border-bottom: solid 1px #d5d5d5;
  display: grid;
  grid-template-columns: repeat(6, 1fr);
  grid-column-gap: 1rem;
  grid-row-gap: 1rem;
  grid-template-rows: auto;
}
section.customer-order #order_details .items article {
  display: grid;
  align-items: center;
  grid-template-columns: repeat(6, 1fr);
  grid-column-gap: 1rem;
  grid-row-gap: 1rem;
  grid-template-rows: auto;
}
section.customer-order #order_details .labels p {
  font-size: var(--font-size);
  font-weight: 600;
  line-height: 1.6;
  letter-spacing: normal;
  text-transform: capitalize;
  margin-bottom: 4px;
}
section.customer-order #order_details .labels .product {
  grid-column: span 3;
}
section.customer-order #order_details .items .img {
  grid-column: span 1;
}
section.customer-order #order_details .items .info {
  grid-column: span 2;
}
section.customer-order #order_details .labels > .money,
section.customer-order #order_details .labels > .qty,
section.customer-order #order_details .labels > .total,
section.customer-order #order_details .items article > .money,
section.customer-order #order_details .items article > .qty,
section.customer-order #order_details .items article > .total {
  grid-column: span 1;
}
section.customer-order #order_details .items article {
  padding: 24px 0;
  border-bottom: solid 1px #d5d5d5;
}
section.customer-order #order_details .items article h4 {
  font-size: 14px;
  font-weight: bold;
  line-height: 1.14;
  letter-spacing: normal;
}
section.customer-order #order_summary dl {
  display: flex;
  align-items: center;
  flex-flow: row wrap;
  border-bottom: solid 1px #d5d5d5;
  margin-bottom: 0;
  padding: 17px 0;

  font-size: 14px;
  line-height: 1.6;
  letter-spacing: normal;
}
section.customer-order #order_summary dt {
  flex-basis: 60%;
  padding: 2px 4px;
  text-align: left;
}
section.customer-order #order_summary dd {
  flex-basis: 30%;
  flex-grow: 1;
  margin: 0;
  padding: 2px 4px;
  text-align: right;
}
section.customer-order #order_summary .order_total dd,
section.customer-order #order_summary .order_total dt {
  font-weight: bold;
  text-transform: uppercase;
}
section.customer-order #order_payment,
section.customer-order #order_shipping {
  margin-bottom: 40px;
}
section.customer-order h5.order_section_title {
  font-size: 14px;
  line-height: 1.6;
  letter-spacing: normal;
  text-transform: uppercase;
  border-bottom: solid 1px #d5d5d5;
  padding-bottom: 4px;
  margin-bottom: 12px;
}
section.customer-order #other_details dl {
  display: flex;
  align-items: center;
  flex-flow: row wrap;
  margin-bottom: 0;

  font-size: 14px;
  line-height: 1.6;
  letter-spacing: normal;
}
section.customer-order #other_details dt {
  flex-basis: 30%;
  padding: 2px 4px;
  text-align: left;
}
section.customer-order #other_details dd {
  flex-basis: 60%;
  flex-grow: 1;
  margin: 0;
  padding: 2px 4px;
  text-align: left;
}
section.customer-order #order_details .shipping-info {
  margin-top: 16px;
}
@media (max-width:740px) {
  section.customer-order {
    margin-top: 48px;
    padding-bottom: 80px;
  }
  section.customer-order #order_details .labels .money {
    display: none;
  }
  section.customer-order #order_details .labels .product {
    grid-column: span 4;
  }
  section.customer-order #order_details .items .img {
    grid-column: span 1;
  }
  section.customer-order .order-content {
    padding-right: 0;
  }
  section.customer-order .order-sidebar {
    margin-top: 48px;
  }
  section.customer-order #order_details tbody tr td.product > div.img {
    width: 100%;
  }
  section.customer-order #order_details tbody tr td.product > div.info {
    width: 100%;
  }
}
/* Addresses */
#account-addresses .customer_address {
  border: solid 1px #e8e8e8;
  padding: 45px;
  margin-bottom: 10px;
}
#account-addresses h4.address_title {
  font-size: 14px;
  font-weight: bold;
  line-height: 1.6;
}
#account-addresses button.new-address {
  width: auto;
  padding: 0 20px;
  margin-top: 24px;
}
#account-addresses a {
  text-decoration: underline;
}

/* Login */
section.user-login {
  margin-top: 81px;
  padding-bottom: 144px;
}
section.user-login .secondary-button.create-customer {
  line-height: 50px;
  text-align: center;
  margin-top: 15px;
}
.note-error {
  border: 1px solid red;
  padding: 10px;
  margin-bottom: 15px;
  color: red;
}
.shopify-challenge__container {
  margin-top: 81px !important;
}
.guest-user-login {
  padding: 20px;
  margin-bottom: 40px;
  text-align: center;
  border: 1px solid var(--dotted-color);
}
@media (min-width: 741px) {
  .login-info.alternate {
    padding-left: 100px;
  }
}
@media (max-width: 740px) {
  section.user-login {
    margin-top: 48px;
  }
}

.customer-login button,
.customer-login .button {
    width: 100%;
}

table.customer_address_table td.label {
    line-height: 40px;
    display: inline-block;
    margin-right: 10px;
}

table.customer_address_table {
    margin-bottom: 20px;
    margin-top: 20px;
}


/* ---- Flickity sections ---- */

.flickity-button {
  display: flex;
  align-items: center;
  justify-content: center;
  color: var(--text-color);
  background-color: var(--background);
  width: 45px;
  height: 45px;
  margin: 0;
}

.flickity-button:hover {
  color: var(--text-color);
  background-color: var(--background);
}

.flickity-button .flickity-button-icon {
  height: 12px;
}

.flickity__section .flickity-page-dots .dot {
  border: 1px solid #fff;
  margin: 0 5px;
}

.flickity__section.flickity-enabled:focus {
  outline: 0 !important;
}

/* ---- Slideshow section ---- */

.slideshow {
  border: 0 !important;
  width: 100%;
}
.slideshow__slide,
.slideshow__slide-image {
  width: 100%;
  background-repeat: no-repeat;
  opacity: 1;
}
.slideshow__slide-image:before {
    position: absolute;
    top: 0;
    left: 0;
    height: 100%;
    width: 100%;
    content:"";
    background: rgba(var(--section-overlay-color),var(--section-overlay-opacity));
    pointer-events: none;
    z-index: 1;
}
.slideshow__slide {
  display: grid;
  opacity: 0 !important;
  transition: opacity 1s ease !important;
}
.slideshow__slide.is-selected {
  opacity: 1 !important;
  z-index: 1;
}
.slideshow.flickity__section .flickity-prev-next-button.previous {
  left: 10px;
}
.slideshow.flickity__section .flickity-prev-next-button.next {
  right: 10px;
}
@media screen and (min-width: 741px) {
  .slideshow .flickity-page-dots {
    bottom: 25px;
  }
}
.slideshow .flickity-page-dots {
  display: flex;
  flex-direction: row;
  justify-content: center;
}
.slideshow .flickity-page-dots .dot {
  width:25px;
  height:3px;
  opacity:0.25;
  cursor:pointer;
  background:#ccc;
  background-position:right bottom;
  border: 0;
  border-radius: 0;
}
.flickity-page-dots .dot.is-selected {
  opacity: 1;
  background: linear-gradient(to right, #ccc 50%, #000 50%);
  background-position: left bottom;
  background-size: 200% 100%;
}
.slideshow__slide a.slide__image-link {
  grid-column: 1 / 2;
  grid-row: 1/ 2;
}
.slideshow__slide svg.placeholder-svg {
    display: flex;
    flex-direction: column;
    justify-content: flex-end;
    height: 100%;
}
.slideshow__slide svg.placeholder-svg,
.slideshow__slide .slideshow__caption,
.slideshow__slide .slideshow__slide-image {
    grid-column: 1 / 2;
    grid-row: 1 / 2;
}
.slideshow__caption {
  display: flex;
  flex-direction: column;
  justify-content: flex-end;
  z-index: 1;
  max-width: 600px;
  background: var(--section-background);
}
.slideshow__caption .slideshow__caption-wrapper {
  padding: 30px;
  display: flex;
  flex-direction: column;
  justify-content: inherit;
  row-gap: 15px;
}
.no-js .slideshow__slide {
  opacity: 1;
}
.slideshow__caption h2.slideshow__title,
.slideshow__caption p,
.slideshow__caption .rte a {
  color: var(--text-color);
  margin-top: 0;
  margin-bottom: 0;
}
@media screen and (max-width: 740px) {
  .slideshow__caption.caption--below__image h2.slideshow__title,
  .slideshow__caption.caption--below__image p,
  .slideshow__caption.caption--below__image .rte a {
    color: var(--color-body-text);
  }
  .slideshow__caption.caption--below__image {
    background: var(--background);
  }
}
.slideshow__caption .slideshow__btn-wrapper {
    display: flex;
    flex-direction: row;
    justify-content: inherit;
    column-gap: 10px;
}
.slideshow__caption .slideshow__btn-wrapper a,
.slideshow__caption .slideshow__btn-wrapper a:hover {
  color: var(--button-text);
  background: var(--button-color);
}
.slideshow__btn-wrapper a {
  padding: 0 20px;
  font-size: var(--section-button-size);
  letter-spacing: 1px;
  -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;
  height: 48px;
  line-height: 48px;
  margin-bottom: 0;
}
.theme-features__rounded-buttons--enabled .slideshow__btn-wrapper a {
   border-radius: 3px;
}
.theme-features__rounded-buttons--disabled .slideshow__btn-wrapper a {
   border-radius: 0;
}
.slideshow__btn-wrapper a:hover {
  text-decoration: none;
}

@media screen and (max-width: 740px) {
  .slideshow__caption .slideshow__caption-wrapper {
    width: 100%;
  }
  .slideshow__slide .slideshow__caption {
    padding: 0;
  }
  .slideshow__slide .slideshow__caption.mobile__caption-below {
    grid-row: 2 / 2;
  }
}

.slideshow-section .slideshow .slideshow__slide .slideshow__slide-image {
  transform: scale(1);
  transition: transform 3s cubic-bezier(0.41, 0.85, 0.6, 0.97);
}

.slideshow-section .slideshow .slideshow__slide.is-selected .slideshow__slide-image {
  transform: scale(1.05);
}

/* ---- Slideshow section heights ---- */
.slideshow-section .slideshow.is-fixed_height .slideshow__slide .box-ratio img,
.slideshow-section .slideshow.is-full_height .slideshow__slide .box-ratio img  {
  object-fit: cover;
  object-position: center;
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  -moz-transform: translate(-50%, -50%);
  -o-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
}

/* full & fixed height */
.slideshow-section .slideshow.is-full_height .slideshow__slide-image,
.slideshow-section .slideshow.is-full_height .slideshow__slide-image .box-ratio img,
.slideshow-section .slideshow.is-fixed_height .slideshow__slide-image,
.slideshow-section .slideshow.is-fixed_height .slideshow__slide-image .box-ratio img {
  height: var(--desktop-section-height);
}
.slideshow-section .slideshow.is-full_height .slideshow__slide-image .box-ratio,
.slideshow-section .slideshow.is-fixed_height .slideshow__slide-image .box-ratio,
.slideshow-section .slideshow.is-full_height .slideshow__slide.video .plyr__video-wrapper,
.slideshow-section .slideshow.is-fixed_height .slideshow__slide.video .plyr__video-wrapper,
.slideshow-section .slideshow.is-full_height .slideshow__slide.youtube,
.slideshow-section .slideshow.is-fixed_height .slideshow__slide.youtube {
  padding-bottom:var(--desktop-section-height) !important;
  position: relative;
}


@media screen and (max-width: 740px) {
  .slideshow-section .slideshow.is-full_height .slideshow__slide-image,
  .slideshow-section .slideshow.is-full_height .slideshow__slide-image .box-ratio img,
  .slideshow-section .slideshow.is-fixed_height .slideshow__slide-image,
  .slideshow-section .slideshow.is-fixed_height .slideshow__slide-image .box-ratio img {
    height: var(--mobile-section-height) !important;
  }
  .slideshow-section .slideshow.is-full_height .slideshow__slide-image .box-ratio,
  .slideshow-section .slideshow.is-fixed_height .slideshow__slide-image .box-ratio {
    padding-bottom:var(--mobile-section-height) !important;
  }
}

/* ---- Slideshow caption animations ---- */
@media screen and (prefers-reduced-motion: no-preference) {

  .slideshow__slide.is-selected .slideshow__caption h2,
  .slideshow__slide.is-selected .slideshow__caption .rte {
      animation: fadeInUp 1s ease-in-out 1s forwards;
  }
  .slideshow__slide.is-selected .slideshow__caption,
  .slideshow__slide.is-selected .slideshow__caption .slideshow__btn-wrapper {
    animation: fadeIn 1.5s ease-in-out 1s forwards;
  }
  .slideshow__slide.is-selected .slideshow__caption,
  .slideshow__slide .slideshow__caption h2,
  .slideshow__slide .slideshow__caption .rte,
  .slideshow__slide .slideshow__caption .slideshow__btn-wrapper {
      opacity: 0;
  }
}


/* ---- Featured collection carousel ----- */

.featured__collection-carousel {
  width: 100%;
}

.featured__collection-carousel .featured__collection-product {
  padding: 0 15px 0;
}

.featured__collection-carousel .flickity-prev-next-button.next {
  right: -10px;
}
.featured__collection-carousel .flickity-prev-next-button.previous {
  left: -10px;
}

.featured__collection-button-container {
  text-align: center;
  margin: 10px auto;
}

a.button.featured__collection-view-all-button {
    width: unset;
    float: none !important;
    margin: 0 auto !important;
}

@media screen and (min-width: 741px) and (max-width: 980px ) {
  .featured__collection-carousel .featured__collection-product {
    width: 33.333% !important;
  }
  .featured__collection {
    grid-template-columns: 1fr 1fr 1fr !important;
    grid-column-gap: 20px;
  }
}

@media screen and (max-width: 740px) {
  .featured__collection {
    grid-template-columns: 1fr 1fr !important;
    grid-column-gap: 10px;
  }
  .featured__collection-carousel .featured__collection-product {
    width: 50% !important;
  }
  .featured__collection-carousel .flickity-prev-next-button.next {
    right: -5px;
  }
  .featured__collection-carousel .flickity-prev-next-button.previous {
    left: -5px;
  }
}


/* ---- Tabbed collections ----- */

.tabbed__collection-content {
    width: 100%;
}


/* ---- Testimonials ---- */

.testimonial__container-carousel .flickity-prev-next-button.next {
  right: -10px;
}
.testimonial__container-carousel .flickity-prev-next-button.previous {
  left: -10px;
}

.testimonial__content {
  text-align: center;
  margin-top: 10px;
  margin-bottom: 10px;
  padding: 10px 30px;
}


/* ---- Image with text overlay ----- */

.parallax .row {
  width: 100%;
}

.no-js .parallax {
  background-size: cover !important;
  background-repeat: no-repeat !important;
  background-position: center center !important;
}

.parallax {
  position: relative;
  width: 100%;
  min-height: 100%;
  overflow: hidden;
}

.parallax.is_fixed {
  background-attachment: fixed;
  background-size: cover;
  overflow: hidden;
  background-position: center center !important;
}

.parallax__container {
  position: relative;
  display: grid;
}

.parralax__image--wrapper,
.parallax__caption,
.parallax__placeholder {
  grid-column: 1/2;
  grid-row: 1/2;
}

.parallax__caption {
  display: flex;
  flex-direction: column;
  justify-content: flex-end;
  padding: 20px;
  z-index: 1;
  row-gap: 10px;
  background: var(--caption-background);
}

@media screen and (max-width: 740px) {
  .parallax__caption.below-image {
    grid-row: 2 / 2;
  }
}

.parallax__caption h2,
.parallax__caption p,
.parallax__caption .button {
  margin-bottom: 0;
}

.parallax__caption h2,
.parallax__caption p {
  color: var(--text-color);
}

.parallax__caption .button {
  width: max-content;
  background: var(--button-color);
  color: var(--button-text);
  font-size: var(--section-button-size);
}

.parallax__caption-text a:not(.button) {
  text-decoration: underline;
}

.parralax__image {
  position: relative;
}

.parralax__image:after {
  position: absolute;
  top: 0;
  left: 0;
  height: 100%;
  width: 100%;
  content:"";
  background: rgba(var(--section-overlay-color),var(--section-overlay-opacity));
  pointer-events: none;
  z-index: 1;
}

@media screen and ( max-width: 740px ) {
  .parallax .parallax__container,
  .parralax__image--wrapper {
    height: initial !important;
    min-height: 230px !important;
  }
}

@media screen and ( max-width: 1024px ) {
  .parallax {
    background-attachment: scroll !important;
    background-size: cover !important;
  }
}


/*---- 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;
}
/* CSS Slideouts */
.slideout {
  list-style: none;
  background: var(--background);
  width: 350px;
  height: auto;
  position: fixed;
  top: 0;
  bottom: 0;
  left: unset;
  right: unset;
  z-index: 13;
  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;
}

@media (max-width: 740px) {
  .slideout.slideout__drawer-left {
    width: 285px;
  }
}

.site-overlay {
  position: fixed;
  top: 0;
  left: 0;
  height: 100vh;
  width: 100vw;
  z-index: 12;
  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(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-left--open [data-aos^=fade][data-aos^=fade],
.slideout-right--open [data-aos^=fade][data-aos^=fade] {
  opacity: 1 !important;
}
.slideout__trigger--open {
  z-index: 2;
  margin-bottom: 0;
  cursor: pointer;
}
.slideout__trigger--close .slideout__trigger-mobile-menu,
.slideout__trigger--close .slideout__trigger-store-availability,
.slideout__trigger--close .slideout__trigger-password,
.slideout__trigger--close .slideout__trigger-ajax-cart,
.slideout__trigger--close .slideout__trigger-quickview,
.slideout__trigger--close .slideout__trigger-general-modal {
  padding: 15px 10px 15px 10px;
  margin-bottom: 0;
  color: black;
  background: unset;
  line-height: 50px;
  height: 50px;
}
.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-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;
  letter-spacing: unset;
  margin: 0;
  padding: 0;
}
.slideout__trigger-password,
.slideout__trigger-ajax-cart,
.slideout__trigger-quickview,
.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-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;
}
.modal__general-modal__wrapper .slideout__trigger--close {
  position: absolute;
  right: 0;
  top: 0;
}
.slideout__trigger-general-modal {
  height: 40px !important;
  line-height: 40px !important;
  padding: 10px 10px !important;
}
.slideout-left--closed .slideout__drawer-left,
.slideout-right--closed .slideout__drawer-right {
  visibility: hidden;
  opacity: 0;
  -webkit-animation:slideoutFadeout 0.4s linear;
  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;
  animation:slideoutFadein 0.4s linear;
}
@keyframes slideoutFadeout {
  0%{opacity:1;visibility:visible;}
  99%{opacity:0;}
  100%{opacity:0;visibility: hidden;}
}
@keyframes slideoutFadein {
  0%{opacity:0;visibility:visible;}
  100%{opacity:1;}
}

/* Mobile Menu */
.mobile-menu__block {
  padding: 10px 10px 0 10px;
  margin-bottom: 10px;
  display: inline-block;
  width: 100%;
}
.mobile-menu__featured-image--full-width {
  margin: 0 0 0 -12px !important;
  padding: 0;
  width: 110%;
}
.mobile-menu__search form input {
  border: none;
  border-bottom: 1px solid;
  height: 41px;
}
.mobile-menu__accordion > .mobile-menu__item:first-child {
  border-top: 1px solid;
}
.mobile-menu__cart-icon {
  font-family: var(--main-family);
  font-style: var(--main-style);
  font-weight: var(--main-weight);
  font-size: calc(var(--font-size) * 1px);
  position: relative;
  display: block;
  border: 1px solid;
  padding: 10px;
  text-transform: uppercase;
  font-weight: bold;
  font-size: 13px;
}
.mobile-menu__cart-icon svg {
  position: absolute;
  right: 10px;
  top: 50%;
  transform: translateY(-37%);
}
.mobile-menu__cart-icon,
.mobile-menu__featured-text {
  line-height: initial;
  position: relative;
}
.mobile-menu__social ul {
  list-style: none;
  padding-bottom: 0 !important;
}
.mobile-menu__social li {
  display: inline-block;
  margin: 3px 5px;
}
.mobile-menu__featured-text p,
.mobile-menu__search input {
  margin-bottom: 0;
}

/* Password Page */
.password .slideout__trigger-password {
  opacity: 0.8;
  text-decoration: none;
}

.password .slideout__trigger-password:hover {
  opacity: 1.0;
}

.password-page__wrapper {
  min-height: 100vh;
  padding: 15px;
}

.password-page__logo {
  padding-top: 100px;
  text-align: center;
}

.password-page__newsletter {
  width: 100%;
  margin-top: 100px;
}

.password-page__newsletter-wrapper {
  max-width: 500px;
  margin-left: auto;
  margin-right: auto;
}

.password-page__newsletter-details {
  margin-bottom: 30px;
  text-align: center;
}

.password-page__newsletter-signup--email {
  float: left !important;
  text-indent: 10px;
  width: 66% !important;
  text-transform: uppercase;
  color: #000;
  height: 48px !important;
}

.password-page__newsletter-signup--submit {
  width: 28% !important;
  margin-left: 0;
  margin-top: 0;
  text-transform: uppercase;
  height: 48px !important;
}

.password-page__newsletter-signup--submit:hover {
  opacity: 0.75;
}

.password-page__icons {
  margin-bottom: 20px;
}

.password-page__icons li {
  display: inline-block;
  margin: 0 5px;
}

.password-page__icons a:hover {
  opacity: 0.5;
}

.password-page__footer {
  width: 100%;
  display: block;
  text-align: center;
  position: relative;
  margin-top: 220px;
}

.password-page__footer a {
  font-family: var(--main-family);
  font-style: var(--main-style);
  font-weight: var(--main-weight);
  font-size: var(--font-size);
}

.password-page__login {
  padding: 10px 15px;
}

.password-page__login label {
  margin-bottom: 10px;
}
@media screen and ( max-width: 740px ) {
  .password-page__newsletter {
    margin-top: 50px;
  }
}

/* Error and Success Alerts */
.note-success {
  border: 1px solid;
  border-color: var(--success-msg-dark);
  background-color: var(--success-msg-light);
  color: var(--success-msg-dark);
  padding: 10px;
  margin-bottom: 15px;
}
.note-error {
  border: 1px solid;
  border-color: var(--error-msg-dark);
  background-color: var(--error-msg-light);
  color: var(--error-msg-dark);
  padding: 10px;
  margin-bottom: 15px;
}
.note-error ul,
.note-success ul {
  list-style: none;
}

/* Store Availability */
.store-availability-small-text {
  font-size: 13px;
}

.store-availability-information {
  display: flex;
  margin-left: 0px;
}

.store-availability-information-container {
  margin-left: 0px;
  text-align: left;
}

.store-availability-information__title,
.store-availability-information__stock {
  margin-bottom: 0;
}

.store-availability-information__stores {
  margin-top: 8px;
}

.store-availability-information__link {
  text-decoration: underline;
  cursor: pointer;
}

.store-availability-information__link:hover,
.store-availability-information__link:focus {
  opacity: 0.6;
}

.store-availabilities-modal {
  left: unset;
  background-color: var(--background);
}

@media only screen and (max-width: 740px) {
  .store-availabilities-modal {
    width: 100%;
    z-index: 9999;
  }
}

.store-availabilities-modal__header {
  display: flex;
  justify-content: space-between;
  margin: 20px 0 16px 0;
  padding-left: 20px;
  padding-right: 20px;
}

.store-availabilities-modal__product-title {
  font-size: 17px;
  text-transform: none;
  margin-bottom: 0;
}

.store-availabilities-list {
  overflow: auto;
  padding: 0 10px;
}

.store-availabilities-modal__close {
  margin-bottom: 13px;
  cursor: pointer;
}

.store-availability-list__item {
  padding: 0 10px 16px 10px;
}

.store-availability-list__item::before {
  content: "";
  display: block;
  margin: 0 0 16px 0;
  border-bottom: 1px solid var(--dotted-color);
}

.store-availability-list__item > p {
  font-size: 13px;
  margin-bottom: 0;
}

.store-availability-list__location {
  display: flex;
  justify-content: space-between;
}

.store-availability-list__stock {
  margin-top: 8px;
  margin-bottom: 16px;
}

@media (max-width: 740px) {
  .store-availability-information-container,
  .slideout__trigger-store-availability {
    width: 100%;
    margin-left: 0;
  }
}


/* ---- Complementary products ---- */

.complementary__products .js-carousel .product-index {
  width: 50%;
}
.complementary__products .product-add {
  display: flex;
  justify-content: center;
  flex-direction: column;
}

.complementary__products h4 {
  margin-bottom: 10px;
}

.complementary__products .js-carousel .product-index {
  padding: 0 15px;
  opacity: 0.5;
  transition: opacity 1s ease;
}

.complementary__products .js-carousel .product-index.is-selected {
  opacity: 1;
}

@media screen and (min-width: 741px) {
  .complementary__products .js-carousel .product-index {
    width: calc((100%/2.5) + 30px);
    pointer-events: none;
  }

  .complementary__products .js-carousel .product-index.is-selected {
    pointer-events: auto;
  }

  .complementary__products .product-index .quick-add-to-cart {
    visibility: hidden;
    opacity: 0;
    transition: visibility 0s .5s, opacity .5s linear;
  }

  .complementary__products .product-index:hover .quick-add-to-cart {
    visibility: visible;
    opacity: 1;
    transition: opacity .5s linear;
  }
}

@media screen and (max-width: 740px) {
  .complementary__products .js-carousel .product-index {
    width: calc((100%/2) + 20px);
    padding: 0 10px;
  }
}

.complementary__products .product-index .quick-add-to-cart {
  margin-top: 10px;
}

.complementary__products .product-add {
  display: flex;
  justify-content: center;
  align-items: center;
}

/* ---- Product page ---- */

@media screen and (min-width: 741px) {
  .template-product .page-wrap {
    overflow: initial;
  }

  .product__section-contentWrapper {
      position: sticky;
      top: calc(var(--header-height) + 20px);
      align-self: start;
  }
}

.product__section-images {
  position: relative;
}

.product__policies.rte {
  margin-top: 10px;
}

.product__decription-container a,
.rte a {
  text-decoration: underline;
}

.product__nav {
  float: right;
}

.product__nav a {
  color: var(--text-color);
  text-align: center;
  display: inline-block;
  padding: 2px 8px;
  transition: all .25s ease-in-out;
  cursor: pointer;
}

.product__nav a:hover svg .hover-fill {
  fill: var(--text-color);
}

/* ---- Global for product block containers ---- */
.product__section--element {
  margin-bottom: 20px;
  display: block;
  width: 100%;
  float: left;
  clear: both;
}

.product__section--element label {
  font-family: var(--main-family);
  font-style: var(--main-style);
  font-weight: 500;
  font-size: var(--font-size);
  margin-bottom: 0;
  position: relative;
}

/* ----- Product header ---- */
.product__section-title {
  margin-bottom: 10px !important;
  padding-bottom: 0 !important;
  border-bottom: 0 !important;
  text-align: left !important;
}

.product__price-container {
  font-size: var(--h4-size);
}

/* ----- Line item property ---- */
.product__section--element p.line-item-property__field,
.product__section--element p.line-item-property__field input,
.product__section--element p.line-item-property__field textarea {
    margin-bottom: 5px;
}

small.property--required {
    position: absolute;
    right: 5px;
    top: -12px;
    padding: 0 5px;
    background: var(--background);
}

/* ---- Product quantity ---- */

.product__section--qty {
  display: flex;
  flex-direction: row;
}

.product__section--qty label {
  line-height: 50px;
  min-width: 60px;
}

.product__quantity--wrapper {
    border: 1px solid var(--dotted-color);
    display: flex;
    flex-direction: row;
    align-items: center;
    margin-bottom: 5px;
    margin-left: 10px;
}

.product__quantity--wrapper input,
.product__quantity--wrapper a,
.product__quantity--wrapper button {
    text-align: center;
    display: inline-block;
    float: left;
    width: 50px;
    height: 48px;
    line-height: 48px;
}

.product__quantity--wrapper .up.quantity-control-up,
.product__quantity--wrapper .down.quantity-control-down {
  background: unset;
  color: var(--text-color);
  margin-bottom: 0;
  width: 50px;
}
.product__quantity--wrapper .up.quantity-control-up:hover,
.product__quantity--wrapper .down.quantity-control-down:hover {
  background: unset;
  color: var(--text-color);
}

.product__quantity--wrapper input {
    margin: 0;
    border-top: 0;
    border-bottom: 0;
    border-left: 0;
    border-right: 0;
    text-align: center;
    text-indent: 0;
    appearance: none;
    -moz-appearance: none;
    -webkit-appearance: none;
}

.product__quantity--wrapper a {
    cursor: pointer;
    height: 50px;
    padding: 0;
    line-height: 50px;
}

/* ---- Product sku ----- */
.product__section--sku label {
    display: inline-block;
    float: left;
    margin-right: 5px;
}

/* ---- Product buttons ---- */

input#addToCart {
    width: 100%;
    display: block;
}

/*---- Shopify dynamic payment buttons ---- */
button.shopify-payment-button__button--hidden {
  display: none;
}

button.shopify-payment-button__button.shopify-payment-button__button--unbranded {
  background: var(--button-color);
  color: var(--button-text);
  font-size: var(--font-size);
  font-family: var(--main-family);
  font-style: var(--main-style);
  border-radius: var(--button-border-radius);
}

button.shopify-payment-button__button.shopify-payment-button__button--unbranded:hover {
  background: var(--button-hover);
  color: var(--button-text-hover);
}

.product__related-container {
  padding-top: 20px;
  margin-top: 20px;
  margin-bottom: 50px;
}

.product__related-container h4 {
  margin-bottom: 20px;
}


.product__add-msg {
  clear: left;
}

.product__add-msg.success {
  margin: 10px 0;
  border: 1px solid var(--dotted-color);
  padding: 20px 10px;
}

.product__add-msg.success a {
  font-weight: bold;
}

.product__add-msg.error {
  color: red;
}

/* ---- Product description ---- */
.product__section--desc {
  border-top: 1px solid var(--dotted-color);
  border-bottom: 1px solid var(--dotted-color);
  padding-top: 20px;
  padding-bottom: 20px;
}

.product__section--desc ul, .product__section--desc ol {
    list-style-position: outside;
    margin-left: 20px;
    margin-bottom: 10px;
}

ul.product__tabs {
    margin-left: 0;
    margin-bottom: 0;
}

/* ---- Product text popup ---- */

.product__section--element.inline {
    display: flex;
    flex-direction: column;
    align-items: start;
    width: unset;
    margin-right: 10px;
    clear: none;
}

.product__section--popup button.button-as-link {
    margin-bottom: 0;
    font-weight: var(--main-font-weight);
}

.modal__container[data-wau-modal="popup-content"] {
    position: fixed;
    top: 50%;
    transform: translate(-50%, -50%);
}

/* ----- Product text block ---- */

.product__section--text.product__section--element.rte p {
    margin-bottom: 0;
}

/* ---- Product image block ---- */

.product__section--image.product__section--element img {
  width: unset;
}

/* ---- Product stock levels ---- */

.variant-stock-levels__inner {
    display: flex;
    flex-direction: row;
    align-items: center;
}

.pulse__icon {
  border-radius: 50%;
  margin: 0 12px 0 8px;
  height: 15px;
  width: 15px;
  background: rgba(255, 177, 66, 1);
  box-shadow: 0 0 0 0 rgba(255, 177, 66, 1);
  transform: scale(1);
  animation: pulse-orange 2s infinite;
}

@keyframes pulse-orange {
  0% {
    transform: scale(0.95);
    box-shadow: 0 0 0 0 rgba(255, 177, 66, 0.7);
  }

  70% {
    transform: scale(1);
    box-shadow: 0 0 0 10px rgba(255, 177, 66, 0);
  }

  100% {
    transform: scale(0.95);
    box-shadow: 0 0 0 0 rgba(255, 177, 66, 0);
  }
}

/* New Product Quick View Image Gallery */
.product-main-image {
  position: absolute;
  overflow: hidden;
  width: 100%;
  top: 0;
  left: 0;
  visibility: hidden;
}

.product-main-image img {
  margin: 0 auto;
  cursor: crosshair;
}

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

/* ---- Product Form Swatches ----*/

.product__form-container {
    clear: both;
}

.product__variants-swatches,
.product__variants-select {
    display: flex;
    flex-direction: column;
    margin-bottom: 10px;
}

/* Hide radio buttons */
.swatches__form--input {
  display: none;
}

/* Swatch Label */
.swatches__form--label {
  display: -moz-inline-stack;
  display: inline-block;
  zoom: 1;
  padding: 0 10px;
  color: var(--text-color);
  background-color: var(--background);
  margin: 0px 8px 10px 0;
  cursor: pointer;
  border: 1px solid var(--dotted-color);
  position: relative;
  font-weight: 500;
  min-width: 44px;
  height: 40px;
  line-height: 38px !important;
  white-space: nowrap;
  text-align: center;
  float: unset !important;
  overflow: hidden;
}

.swatches__form--label.focus-visible {
  transform: scale(1.08);
}

.swatches__shape--circle label {
  min-width: 34px !important;
  width: 34px !important;
  height: 34px !important;
  line-height: 32px !important;
  border-radius: 50%;
  outline: 0 !important;
  padding: 0;
}

.swatches__shape--square label {
  min-width: 34px !important;
  width: 34px !important;
  height: 34px !important;
  line-height: 32px !important;
  outline: 0 !important;
  padding: 0;
}

.swatches__shape--rectangle label {
  min-width: 44px !important;
  width: 34px !important;
  height: 34px !important;
  line-height: 32px !important;
  outline: 0 !important;
  padding: 0;
}

.swatches__form--input:checked + .swatches__form--label {
  border:1px solid var(--text-color);
  background-color: var(--text-color);
  color: var(--background);
}

.swatches__swatch--color .swatches__form--input:checked + .swatches__form--label {
  box-shadow: 0px 0px 2px 2px #d6d6d6;
}

.swatches__form--label:hover {
  background: var(--text-color);
  color: var(--background);
  border-color: var(--text-color);
}

.swatches__swatch--regular,
.swatches__swatch--color {
  display: inline-block;
  -webkit-transform:translateZ(0); /* webkit flicker fix */
  transform:translateZ(0); /* webkit flicker fix */
  -webkit-font-smoothing:antialiased; /* webkit text rendering fix */
  position:relative;
}

/* Image with the cross in it */
.swatches__sold-out--image {
  position: absolute;
  width: 100%;
  height: 100%;
  left: 0;
  top: 0;
}

.swatches__sold-out--image {
  display: none;
}

.swatches__swatch--color.soldout .swatches__sold-out--image,
.swatches__swatch--regular.soldout .swatches__sold-out--image {
  display: block;
}

.swatches__swatch--regular.soldout label,
.swatches__swatch--color.soldout label  {
  filter: alpha(opacity=60);
  /* internet explorer */
  -khtml-opacity: 0.6;
  /* khtml, old safari */
  -moz-opacity: 0.6;
  /* mozilla, netscape */
  opacity: 0.6;
  /* fx, safari, opera */
}

.swatches__container.error {
  background-color: #E8D2D2 !important;
  color: #333 !important;
  padding: 1em;
  border-radius: 5px;
}

.swatches__container.error p {
  margin: 0.7em 0;
}

.swatches__container.error p:first-child {
  margin-top: 0;
}

.swatches__container.error p:last-child {
  margin-bottom: 0;
}

.swatches__container.error code {
  font-family: monospace;
}

.swatches__option-name {
  text-transform: capitalize;
  margin-bottom: 10px;
  display: block;
  font-family: var(--main-family);
  font-style: var(--main-style);
  font-weight: 500;
  font-size: var(--font-size);
}

.swatches__option-value {
  text-transform: capitalize;
  margin-left: 5px;
  font-weight: normal;
}


/* Product Form Dropdowns */

.product-form__input--dropdown {
    display: flex;
    flex-direction: row;
    align-items: center;
}

.product__variants-select label {
  font-family: var(--main-family);
  font-style: var(--main-style);
  font-weight: 500;
  font-size: var(--font-size);
  min-width: 60px;
}


.product__variants-select .single-option-selector {
  width: initial;
  min-width: 195px;
  display: inline-block;
  float: left;
  background: var(--select-arrow-bg) right no-repeat;
  -webkit-appearance: none;
  -moz-appearance: none;
  margin-bottom: 0;
  margin-top:0;
}


.theme-features__product-variants--swatches .single-option-selector {
  opacity: 0;
  display: none;
}

/* ----Product Social Share ----*/
.product__share-icons {
    border: 0;
    margin: 0;
    padding: 0;
    display: flex;
    flex-direction: row;
    align-items: center;
}

.product__share-icon {
  margin: 0 10px 0 0;
}


/* ---- Product description tabs ---- */

.tabbed__product-content {
  padding: 25px 15px 0;
}

li.product__tab-trigger > a {
  display: block;
  padding: 15px;
  border-bottom: 1px solid var(--dotted-color);
  font-weight: 600;
}

ul.product__tabs li:last-child {
  border-right: 0;
}

li.product__tab-trigger > a.active {
  border-bottom: 0;
  border-top: 1px solid var(--dotted-color);
}

.product__tab-trigger {
  display: inline-block;
  float: left;
  border-right: 1px solid var(--dotted-color);
}

/* --- Product Ratings Block --- */
.product__section--rating-wrapper {
  padding: 10px 0;
}

.product__section-rating {
  display: inline-block;
  margin: 0;
}

.product__section-rating-star {
  --letter-spacing: 0.2;
  --font-size: 1;
}

.product__section-rating-star {
  --percent: calc(
    (
        var(--rating) / var(--rating-max) + var(--rating-decimal) *
          var(--font-size) /
          (var(--rating-max) * (var(--letter-spacing) + var(--font-size)))
      ) * 100%
  );
  letter-spacing: calc(var(--letter-spacing) * 1rem);
  font-size: calc(var(--font-size) * 1rem);
  line-height: 1;
  display: inline-block;
  font-family: Times;
  margin: 0;
}

.product__section-rating-star::before {
  content: '★★★★★';
  background: linear-gradient(
    90deg,
    var(--star-active) var(--percent),
    var(--star-inactive) var(--percent)
  );
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}

.product__section-rating-text {
  display: none;
}

.product__section-rating-count {
  display: inline-block;
  margin: 0;
  font-size: 11px;
  vertical-align: middle;
}

@media (forced-colors: active) {
  .product__section-rating {
    display: none;
  }

  .product__section-rating-text {
    display: block;
  }
}


/* ---- Media Queries ---- */

/* #Media Queries
================================================== */
  /* Larger Than Tablet */

  @media screen and (min-width: 981px) {
    #mobile-only,
    .mobile-only {
      display: none;
    }
  }

  @media screen and (max-width: 981px) {
    #logo, #cart-container { width: 100%; margin-left: 0; }
  }

  @media screen and (max-width: 980px) {
    #nav,
    ul#cart li.cart-overview span.my-cart-text,
    ul#cart li.customer-accounts,
    ul#cart li.search-icon,
    .large-search { display: none !important; }

    .gridlock-fluid div#identity { padding-left: 10px !important; padding-right: 10px !important; }
    #mobile-only { display: none; }
    .tablet-hide { display: none; }
    footer ul { margin-bottom: 30px; }
    input.add.clearfix.AddtoCart { margin-left: 0; margin-top: 0;}

  }


  @media screen and (min-width: 741px ) and ( max-width: 980px ) {

    div#identity { display: grid; grid-template-columns: 1fr 3fr 1fr !important; }
    #logo { text-align: center !important; justify-self: center !important;}

  }


  /* All Mobile Sizes (devices and browser) */
  @media only screen and (max-width: 740px) {

    .notification {
      margin-bottom: 5px;
      margin-top: 5px;
    }

    .mobile-hide { display: none; }

    .mhide { display: none; }

    input.ajaxcart__qty-num {
      width: 40px !important;
      min-width: inherit;
    }

    textarea { min-width: 0 !important; }

    .search { width: 100%; }
    #q { width: 100%; }

    input#checkout {
      width: 100%;
    }

    /* Product page section */
    .product__nav {
      display: none;
    }
    input#AddToCart {
      clear: left;
      width: 100%;
      min-width: 100%;
      margin: 20px auto 10px;
    }
    input#quantity {
      min-width: 60px;
      text-align: center;
    }
    input.add { min-width: 90px; }
    select.styled-select, .single-option-selector {
      text-indent: 5px;
      clear: left;
      margin-left: 0;
      width: 100%;
    }
    #add { width: 100%; }

    /* Footer section */

    ul.footer-left { float: left; width: 100%;  text-align: center; }
    ul#footer-right { float: left; width: 100%; text-align: center; }
    .footer-left li { text-align: center; float: none; }
    #footer-right li { text-align: center; float: none; }

    #mce-EMAIL { width: 100%; }
    footer { text-align: center; }
    footer ul { margin-bottom: 30px; }
    .sub-footer .left-side, .sub-footer .right-side {
      width: 100%;
      text-align: center;
      padding: 10px 0;
    }

    /* Header section */
    header.theme-header { width: 100%; z-index: 11; }
    ul#social-links { display: none;}
    div#identity { display: grid; grid-template-columns: 1fr 3fr 1fr !important; padding: 0 0 10px 0 !important; }
    div#cart-container { text-align: right; }
    header ul#cart li.lang-selector,
    header ul#cart li.curr-selector { display: none;}
    #logo { text-align: center; }

  }

/* ---- Compact one-row header ----

   Desktop:  logo | menu | search  account  cart
   Mobile:   hamburger search | logo | cart

   The bar's height used to come from three stacked sources: the logo sized by width
   only (the artwork is 2.25:1, so a 195px cap made it ~87px tall), a 60px line-height
   on the icon row, and a separate 60px nav bar underneath. Each is capped by height
   here, and the nav row is folded into the same line. */

header.theme-header {
  padding-top: 0;
  position: relative;
  /* Replaces the drop shadow that used to sit under the nav. */
  border-bottom: 1px solid var(--dotted-color);
}

.header-section,
header.theme-header,
nav.navigation,
nav.navigation.inline-header,
nav.navigation.full-nav {
  box-shadow: none !important;
}

/* #identity carries gridlock's .row class, which sizes it to 94% / 1832px and centres
   it with auto margins. Nested inside the header that produced uneven gutters — the
   logo sat near the page edge while the icons stopped well short of the right. The
   percentage width is replaced with a 100%-up-to-the-cap box and one symmetric padding
   value, so the logo and the icons are inset by exactly the same amount on each side
   and the bar never grows past the site's 1832px content width. The megamenu is
   width:100%; left:0 against this box (it is position:relative from further up the
   file), so it tracks the cap too. */
div#identity {
  display: flex;
  flex-wrap: nowrap;
  align-items: center;
  gap: 18px;
  width: 100% !important;
  max-width: 1832px !important;
  margin-left: auto !important;
  margin-right: auto !important;
  padding: 0 28px !important;
  min-height: 60px;
  z-index: 5;
}


/* Whatever ends up in this row — including markup the theme does not control — sizes
   to its content and is allowed to shrink, so nothing can overlap. */
div#identity > * {
  min-width: 0;
}

/* The gridlock column classes size these to fixed thirds of the row. As flex items
   they size to their content instead, which is what puts them all on one line. */
div#identity > #logo,
div#identity > .header__left {
  width: auto;
  margin-left: 0;
  margin-right: 0;
  flex: 0 0 auto;
}

/* desktop-4 / desktop-push-4 would otherwise size this to a third of the row and
   indent it by another third. */
div#identity > #cart-container {
  width: auto;
  margin-right: 0;
}

div#identity > #logo {
  text-align: left;
}

/* #cart-container is only a wrapper — ul#cart is the row that actually holds the
   items, so the alignment belongs there. The wrapper takes the free space and #cart
   pins its contents to the far end of it. That is more reliable than an auto margin
   on a shrink-to-fit box, because the menu beside it flexes too. */
div#identity > #cart-container {
  flex: 1 1 auto !important;
  min-width: 0;
  margin-left: 0 !important;
  text-align: right;
}

/* Height, not width, is what the section's inline <style> leaves free: it writes
   #logo img { max-width } from the theme setting and loads after this file. */
#logo img {
  max-height: 38px;
  width: auto;
  height: auto;
}

/* Any other imagery in the bar — the "since 1987" badge, and anything an app drops
   in — is capped to the logo's scale so it cannot drive the header's height. The
   :not(#logo) keeps this off the logo itself while still outranking the rule above. */
div#identity > *:not(#logo) img {
  max-height: 34px;
  width: auto;
  height: auto;
}

/* ---- Menu, inline on the bar ---- */

/* Keeping the nav position:static makes #identity the megamenu's containing block,
   so the panel spans the whole row rather than just the width of the menu.

   flex-grow stays 0 on purpose: if the nav absorbed the spare width, the icons would
   be pushed along right behind it and float in the middle of the row. Sized to its
   content, the leftover space falls to #cart-container's auto margin instead, so the
   icons sit hard against the row's right edge exactly as the logo sits against its
   left edge. */
div#identity > nav.navigation.inline-header {
  flex: 0 1 auto;
  min-width: 0;
  position: static;
  background: transparent;
  /* Not overflow:hidden — the megamenu and dropdown panels hang out of this box, and
     clipping it is what makes them look like they have gone missing. */
  overflow: visible;
}

/* The section's inline <style> sets line-height on the bare `nav` element from the
   nav height setting. That line-height is the strut for the whole menu, so the row
   only shrinks if it is overridden on the list too, not just on the links. */
nav.navigation.inline-header,
nav.navigation.inline-header .navigation__maincontainer,
nav.navigation.inline-header #nav {
  line-height: 40px;
}

nav.navigation.inline-header #nav {
  text-align: left;
  white-space: nowrap;
}

nav.navigation.inline-header .megamenu {
  width: 100%;
  left: 0;
}

/* Eight long item names need every pixel they can get on the bar. */
nav.navigation.inline-header a.navigation__menulink {
  font-size: 15px !important;
  letter-spacing: 0 !important;
  padding: 0 9px;
}

/* ---- Right-hand icons ---- */

/* Flex rather than inline-block: the items are a mix of theme icons and app widgets
   with different intrinsic heights, and inline-block was lining them up on a shared
   text baseline, which is what left them sitting at different heights. align-items
   centres them on the row whatever they contain.

   The layout declarations here carry !important deliberately. Two things land after
   this file and would otherwise win on source order alone: the utility menu snippet's
   inline <style>, and ConvertCart, which rewrites this row at runtime and already
   sets inline style attributes on elements inside it — and an inline style beats a
   stylesheet rule unless the stylesheet says !important. Only the properties that
   decide alignment are marked; colour, spacing and the rest stay overridable. */
ul#cart {
  display: flex !important;
  align-items: center !important;
  justify-content: flex-end !important;
  flex-wrap: nowrap !important;
  width: 100%;
  white-space: nowrap;
  margin: 0;
  padding: 0;
  list-style: none;
  left: -50px !important;
}

/* The utility menu sets a 46px min-height on its link and a left margin on its item,
   which made it stand taller than the icons and sit off the group's rhythm. */
#cart [class*="secondary-nav__link"] {
  min-height: 40px !important;
}

#cart .secondary-nav-cart-item {
  margin-left: 0 !important;
}

ul#cart > li {
  display: flex !important;
  align-items: center !important;
  min-width: 0;
  margin: 0;
}

/* The original rule gave every link and button "height: 60px; line-height: 60px",
   and .slideout__trigger--open the same. One shared 60px strut is what kept the row
   aligned — the whole thing was single-line content, so a strut was enough.

   That breaks on ConvertCart's account block, which is two lines ("Hello, sign in"
   over "Account"). A 60px strut pushed those two lines 60px apart, which is the
   overlap with the neighbouring icons; my earlier 40px/line-height:1 squeezed them
   into each other instead. Neither is a strut problem to solve — mixed-height
   content needs real centring, so the box only sets a floor and flex does the
   aligning, with a normal line-height so the two lines sit correctly inside it. */
ul#cart > li a,
ul#cart > li button,
.cart-links__link-cart .slideout__trigger--open {
  display: flex !important;
  align-items: center !important;
  min-height: 40px;
  height: auto;
  line-height: 1.25;
  padding: 0 8px;
}

/* Stop double padding on button within link, as the original did. */
ul#cart > li a button {
  padding: 0;
}

/* Left alone otherwise: this is the app's own markup and its internal layout — the
   <br> that splits its two lines — is its business, not something to override. */
ul#cart [class^="cc-"],
ul#cart [class*=" cc-"] {
  line-height: 1.25;
}

/* Nothing after the last icon, so the group finishes flush with the row's edge. */
ul#cart > li:last-child,
ul#cart > li:last-child > a,
ul#cart > li:last-child > div,
ul#cart > li:last-child > a > button {
  padding-right: 0;
  margin-right: 0;
}

/* Account and cart are icons; the words doubled their width. Same effect as the
   section's "icons only" setting, applied however that setting happens to be set. */
span.customer-words,
span.my-cart-text {
  display: none !important;
}

ul#cart li.search-icon,
ul#cart li.customer-accounts {
  display: inline-block !important;
}

/* ---- Search trigger and expanding bar ---- */

.header__search-trigger {
  display: inline-flex;
  align-items: center;
  gap: 7px;
  height: 40px;
  padding: 0 8px;
  cursor: pointer;
  color: var(--cart-links);
  line-height: 1;
  margin: 0;
}

/* Icons only on the right — the word doubled the trigger's width. */
.header__search-label {
  display: none;
}

.header__left {
  display: flex;
  align-items: center;
  gap: 4px;
}

/* Off-screen rather than display:none so the label still toggles it from a keyboard. */
.header__search-checkbox {
  position: absolute;
  width: 1px;
  height: 1px;
  opacity: 0;
  pointer-events: none;
  margin: 0;
}

.header__search-panel {
  display: none;
}

/* Swapping the row for the panel keeps the header exactly the same height open or
   closed, so nothing below it moves. */
.header__search-checkbox:checked ~ #identity {
  display: none;
}

.header__search-checkbox:checked ~ .header__search-panel {
  display: block;
}

.header__search-panel-inner {
  display: flex;
  align-items: center;
  gap: 16px;
  min-height: 60px;
}

.header__search-panel-inner form.header-search-form,
.header__search-panel-inner predictive-search {
  flex: 1 1 auto;
  min-width: 0;
  position: relative;
}

.header__search-panel-inner .header-search-form__inner {
  display: flex;
  align-items: stretch;
}

.header__search-panel-inner input.header-search {
  flex: 1 1 auto;
  min-width: 0;
  height: 40px;
  margin: 0;
  border: 1px solid var(--dotted-color);
  border-right: 0;
}

.header__search-panel-inner button.search-button {
  flex: 0 0 auto;
  width: 52px;
  height: 40px;
  margin: 0;
  padding: 0;
  border: 0;
  background: var(--text-color);
  cursor: pointer;
}

.header__search-cancel {
  flex: 0 0 auto;
  cursor: pointer;
  text-decoration: underline;
  text-underline-offset: 3px;
  color: var(--cart-links);
  font-size: var(--nav-size);
  line-height: 1;
}

/* ---- The app's search bar, once moved into the panel ----

   The script in header.liquid relocates the app-injected bar here. When it is
   present the theme's own field stands down, so there is only ever one search box. */

.header__search-panel-inner--app form.header-search-form,
.header__search-panel-inner--app predictive-search {
  display: none;
}

.header__search-panel-inner .header__app-search {
  flex: 1 1 auto;
  min-width: 0;
  width: auto !important;
  margin: 0 !important;
}

.header__search-panel-inner .header__app-search form,
.header__search-panel-inner .header__app-search input[type="text"],
.header__search-panel-inner .header__app-search input[type="search"] {
  width: 100%;
  max-width: none;
}

.header__search-checkbox:focus-visible ~ #identity .header__search-trigger {
  outline: 2px solid var(--cart-links);
  outline-offset: 2px;
}

/* ---- Compact announcement bar ---- */

/* 40px line-height plus 5px padding made this a 50px strip. */
#top-bar {
  line-height: 28px;
  padding: 2px 5px;
}

/* ---- Desktop ---- */

@media screen and (min-width: 981px) {
  /* Holds only mobile controls. */
  div#identity > .header__left {
    display: none;
  }
}

/* ---- Mobile and tablet ---- */

@media screen and (max-width: 980px) {
  div#identity {
    gap: 8px;
    min-height: 54px;
    padding: 0 14px !important;
  }

  /* The menu moves into the slideout. */
  div#identity > nav.navigation.inline-header {
    display: none;
  }

  /* Equal-weight side groups keep the logo optically centred. */
  div#identity > .header__left,
  div#identity > #cart-container {
    flex: 1 1 0;
  }

  div#identity > #logo {
    flex: 0 1 auto;
    text-align: center;
  }

  #logo img {
    max-height: 32px;
  }

  ul#cart > li a,
  ul#cart > li button {
    height: 38px;
    line-height: 38px;
    padding: 0 6px;
  }

  /* Search moved next to the hamburger; account lives in the slideout menu. */
  ul#cart li.search-icon,
  ul#cart li.customer-accounts {
    display: none !important;
  }

  .header__search-panel-inner {
    min-height: 54px;
  }
}

@media screen and (min-width: 981px) {
  .header__search-trigger--mobile {
    display: none;
  }
}


/* ---- Scrollup ---- */

.scrollup {
  width:45px;
  height:45px;
  opacity:0;
  position:fixed;
  bottom:20px;
  right:20px;
  z-index: 3;
  transform: translateY(100px);
  transition: all .5s ease;
  background: transparent;
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 0;
}

.scrollup.showBtn {
  opacity: 0.4;
  transform: translateY(0);
}

.scrollup:hover {
  background: transparent;
  opacity: 0.7;
  -webkit-transition: opacity 1000ms ease-in-out;
  -moz-transition: opacity 1000ms ease-in-out;
  -o-transition: opacity 1000ms ease-in-out;
  -ms-transition: opacity 1000ms ease-in-out;
  transition: opacity 1000ms ease-in-out;
}


/* ---- Newsletter ---- */
.newsletter__popup-overlay {
  display: none;
}
.newsletter__popup-overlay.is-visible {
  display: block;
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 11;
  background: rgba(0,0,0,0.25);
}
.newsletter__popup-container {
  position: fixed;
  top: 50%;
  left: 50%;
  right: 20px;
  z-index: 99;
  background: #fff;
  border: 1px solid #ddd;
  box-shadow: 0px 1px 3px rgba(0,0,0,0.2);
  width: 600px;
  -webkit-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  -moz-transform: translate(-50%, -50%);
  -o-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
}
.newsletter__popup-container-close {
  position: absolute;
  right: 5px;
  top: 5px;
  width: 35px;
  text-align: center;
  height: 35px;
  line-height: 35px;
  cursor: pointer;
  font-size:25px;
  background: #ffffff;
}
#newsletter__popup-content {
  width: 600px;
  text-align: center;
  overflow: hidden;
  margin: 0 auto;
}
.newsletter__popup-text .gdpr-text {
  font-size: 14px;
}
.newsletter__popup-text,
.newsletter__popup-form {
  padding: 0 25px;
  margin: 20px auto 0;
  text-align: center;
}
.newsletter__popup-form {
  padding-bottom: 25px;
}
.newsletter__popup-form input[type="email"] {
  text-align: center;
  margin-bottom: 10px;
  border: 1px solid var(--dotted-color);
}
.newsletter__popup-form input[type="submit"] {
  margin-bottom: 0px;
  width: 100%;
}

p.gdpr-text {
  margin-top: 10px;
}


/* ---- Animation helpers ---- */

.animate-hide {
  -webkit-animation-duration: 0.75s;
  animation-duration: 0.75s;
  -webkit-animation-fill-mode: both;
  animation-fill-mode: both;
}
.animate-show {
  -webkit-animation-duration: 0.75s;
  animation-duration: 0.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;
}

/* ---- Collection page banner ---- */

.collection__banner-image {
  height: 400px;
  position: relative;
  overflow: hidden;
}

.collection__banner-image img {
  width: 100%;
  object-fit: cover;
  height: 400px;
}

@media screen and (max-width: 740px) {
  .collection__banner-image {
    height: 200px;
  }
  .collection__banner-image img {
    height: 200px;
  }
}

/* ---- Collection page content ---- */

.collection__page-description {
  float: left;
  margin-bottom: 30px;
}
.collection__page-image {
  padding-bottom: 10px;
  margin-bottom: 10px;
}

.collection__page-description h1 {
  margin-bottom: 5px;
}

.collection__page-description .rte img {
  margin-bottom: 10px;
}

.collection__section--banner {
    position: relative;
}

.collection__section--banner .grid__wrapper.hero__title.has_banner {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    display: grid;
    align-items: center;
}

.collection__section--banner .grid__wrapper.hero__title.has_banner h1.collection__page-title,
.collection__section--banner .grid__wrapper.hero__title.has_banner h1.section__page-title {
  color: var(--hero-color);
}

/* This used to zero both, which put the first row of products hard against the sort
   bar and the active-filter chips. The grid needs its own breathing room. */
div#main-collection-product-grid {
    margin-top: 0;
    padding-top: 28px;
}

/* Separates the products from the sidebar filters. The nested grid's 1rem column gap
   is the only thing between the two columns otherwise, which reads as cramped. */
@media screen and (min-width: 981px) {
  .collection__page--productContent {
    padding-left: 24px;
  }
}

@media screen and (max-width: 980px) {
  div#main-collection-product-grid {
    padding-top: 20px;
  }
}

/* Collection description: allow wrapping and prevent ellipsis truncation */
.collection__page-description p {
  white-space: normal !important;
  overflow: visible !important;
  text-overflow: clip !important;
}

/* ---- Page descriptions read like a product description --------------------

   A product description is plain .rte content sitting on the theme's base type
   scale, and nothing else is layered on top of it. These two had drifted:

   The collection description carried `overflow-wrap: anywhere` with
   `word-break: break-word`, which is far stronger than it needs to be — between
   them they let the browser break ordinary words mid-word at the end of any
   line, so the copy came out ragged in a way product copy never does. The point
   was only ever to stop a long URL forcing a horizontal scrollbar, and
   `overflow-wrap: break-word` does exactly that: it breaks a word only when the
   word cannot fit on a line of its own, and leaves normal prose alone.

   The blog description had no .rte at all, so its links were not underlined and
   it inherited none of the shared treatment. It is wrapped now, and matched to
   the collection block's spacing here. */

.collection__page-description,
.collection__page-description .rte,
.collection__page-description p,
.collection__page-description li,
.blog__description,
.blog__description p,
.blog__description li {
  overflow-wrap: break-word;
}

/* Spacing inside it is with the rest of the description typography, further down. */
.blog__description {
  margin-bottom: 28px;
}

/* ---- Collection header: title over breadcrumbs, left aligned ---- */

/* The header block uses the same "row grid__wrapper" element as the collection
   section below it, so both share one left edge and one max width. */
.collection__header-row {
  width: 100%;
  text-align: left;
  padding-top: 20px;
  padding-bottom: 0;
}

#MainContent .collection__header-row h1.collection__page-title {
  display: block;
  text-align: left;
  margin: 0 0 8px;
  padding-top: 0;
  padding-bottom: 0;
}

#MainContent .collection__header-row #breadcrumb.collection__header-breadcrumbs,
.collection__header-row #breadcrumb.collection__header-breadcrumbs a {
  text-align: left;
}

.collection__header-row #breadcrumb.collection__header-breadcrumbs {
  display: block;
  width: 100%;
  margin: 0;
  /* body sets 1.6em, which adds leading above and below the single trail line */
  line-height: 1;
}

/* Over a banner image the trail follows the hero colour, like the title does. */
.collection__section--banner .hero__title.has_banner .collection__header-row #breadcrumb,
.collection__section--banner .hero__title.has_banner .collection__header-row #breadcrumb a {
  color: var(--hero-color);
}

/* Spacing between the three rows is set explicitly here rather than inherited from
   the section margin, so the gaps stay even. */
.collection__page.global__section {
  margin-top: 0;
}

/* ---- Collection description: clamped with a fade and a read more toggle ---- */

.collection__description {
  position: relative;
  width: 100%;
  padding-top: 0;
  padding-bottom: 24px;
  margin-top: 0;
  margin-bottom: 28px;
}

/* Stop the first paragraph's own top margin from reintroducing the gap. */
.collection__description .rte > :first-child {
  margin-top: 0;
}

.collection__description-inner {
  display: flex;
  align-items: flex-start;
  gap: 20px;
}

.collection__description .collection__page-description {
  float: none;
  flex: 1 1 auto;
  margin-bottom: 0;
  min-width: 0;
}

.collection__description .collection__page-image {
  flex: 0 0 25%;
  padding-bottom: 0;
  margin-bottom: 0;
}

.collection__description .rte > :last-child {
  margin-bottom: 0;
}

@media screen and (max-width: 739px) {
  .collection__description-inner {
    display: block;
  }
  .collection__description .collection__page-image {
    margin-top: 15px;
  }
}

/* The checkbox is the toggle: no script runs, so the clamped height is already
   correct on first paint and the page does not resize after load. */
.collection__description-checkbox {
  position: absolute;
  width: 1px;
  height: 1px;
  margin: 0;
  padding: 0;
  opacity: 0;
  pointer-events: none;
}

.collection__description--clamped .collection__description-inner {
  position: relative;
  max-height: 6em;
  overflow: hidden;
}

/* Fade over the last lines, hinting that there is more text behind the toggle. */
.collection__description--clamped .collection__description-inner::after {
  content: "";
  position: absolute;
  left: 0;
  right: 0;
  bottom: 0;
  height: 3em;
  pointer-events: none;
  background: linear-gradient(to bottom, rgba(0, 0, 0, 0), var(--background));
}

.collection__description-checkbox:checked ~ .collection__description-inner {
  max-height: none;
}

.collection__description-checkbox:checked ~ .collection__description-inner::after {
  content: none;
}

.collection__description-toggle {
  display: inline-block;
  margin-top: 12px;
  cursor: pointer;
  font-size: 13px;
  font-weight: 600;
  line-height: 1.4;
  letter-spacing: 0.04em;
  text-transform: uppercase;
  color: var(--text-color);
  border-bottom: 1px solid currentColor;
}

.collection__description-toggle-less {
  display: none;
}

.collection__description-checkbox:checked ~ .collection__description-toggle .collection__description-toggle-more {
  display: none;
}

.collection__description-checkbox:checked ~ .collection__description-toggle .collection__description-toggle-less {
  display: inline;
}

.collection__description-checkbox:focus-visible ~ .collection__description-toggle {
  outline: 2px solid var(--text-color);
  outline-offset: 2px;
}

/* ---- Rich text, site-wide -------------------------------------------------

   .rte is the class the theme already puts on every block of merchant-authored
   rich text — product descriptions, collection descriptions, article bodies,
   page content, rich-text sections. Styling it directly is what makes this one
   treatment for the whole site rather than a list of places to remember.

   Those blocks were falling back to the base element styles, which are tuned
   for UI text: headings get margin-bottom 5px and no margin-top at all, so a
   heading sat nearer the paragraph below it than the one it followed, and
   nothing separated one section from the next. Lists were worse — the global
   `ul { list-style: disc inside }` puts the marker in the text flow, so the
   second line of any wrapped item ran back underneath its own bullet.

   The product description is the reference. Its list rule, at
   .product__section--desc (list-style-position: outside, indented, spaced), is
   reproduced here as-is and now applies everywhere. The heading, paragraph and
   table rhythm around it is new, sized in em so it tracks the theme's font-size
   setting rather than pinning to a pixel value that stops matching if that
   changes.

   Two things keep this from disturbing the compact captions that also use .rte
   — slideshow, promo bar, image-with-text, text-with-icons. Those set their own
   paragraph margins from a two-class selector, which outranks the single class
   here; and `> :first-child { margin-top: 0 }` means a caption that opens on a
   heading, as they all do, gains no leading space. */

.rte {
  line-height: 1.7;
}

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

.rte > :last-child {
  margin-bottom: 0;
}

/* Space above a heading, and less below it, so each one groups with the copy it
   introduces instead of floating between two blocks. */
.rte h1,
.rte h2,
.rte h3,
.rte h4,
.rte h5,
.rte h6 {
  margin-top: 1.6em;
  margin-bottom: 0.5em;
  line-height: 1.3;
}

/* `.rte h1` sets margin-bottom: inherit !important further up this file, and no
   amount of specificity beats !important — so h1 has to answer in kind. */
.rte h1 {
  margin-bottom: 0.5em !important;
}

.rte p {
  margin-bottom: 1em;
}

/* Verbatim from .product__section--desc, plus the spacing between items. */
.rte ul,
.rte ol {
  list-style-position: outside;
  margin-left: 20px;
  margin-bottom: 1em;
}

.rte li {
  margin-bottom: 0.35em;
}

.rte li:last-child {
  margin-bottom: 0;
}

/* A nested list belongs to the item above it, so it keeps the tighter gap. */
.rte li > ul,
.rte li > ol {
  margin-top: 0.35em;
  margin-bottom: 0;
}

.rte table {
  width: 100%;
  margin: 1.4em 0;
  border-collapse: collapse;
}

.rte th,
.rte td {
  padding: 10px 12px;
  border: 1px solid var(--dotted-color);
  text-align: left;
  vertical-align: top;
}

.rte th {
  font-weight: 600;
}

.rte img {
  margin: 1em 0;
}

/* ---- Article table of contents --------------------------------------------

   <details> so the collapsed state is the browser's own: it is closed on first
   paint with no script involved, and it opens without one. The script in
   main-article.liquid only fills the list in and unhides the block — if it never
   runs, or the article has no headings to list, the whole thing stays hidden
   rather than showing an empty box. */

.article__toc {
  margin: 0 0 28px;
  border: 1px solid var(--dotted-color);
}

.article__toc[hidden] {
  display: none;
}

.article__toc-summary {
  display: flex;
  align-items: center;
  gap: 10px;
  padding: 10px 12px;
  cursor: pointer;
  font-weight: 600;
  font-size: 12px;
  letter-spacing: 0.04em;
  text-transform: uppercase;
  line-height: 1;
  list-style: none;
}

/* Safari draws its own triangle through ::-webkit-details-marker. */
.article__toc-summary::-webkit-details-marker {
  display: none;
}

.article__toc-summary::after {
  content: "";
  width: 7px;
  height: 7px;
  margin-left: auto;
  border-right: 2px solid currentColor;
  border-bottom: 2px solid currentColor;
  transform: translateY(-2px) rotate(45deg);
  transition: transform .2s ease;
}

.article__toc[open] .article__toc-summary::after {
  transform: translateY(1px) rotate(-135deg);
}

.article__toc-summary:focus-visible {
  outline: 2px solid var(--text-color);
  outline-offset: -2px;
}

/* A contents list is a scanning aid, not prose — it wants to be seen in one
   glance without the article's reading rhythm applied to it. Hence the smaller
   type and tight leading rather than the .rte spacing next to it. */
.article__toc-list {
  margin: 0;
  padding: 0 12px 10px;
  list-style: none;
  font-size: 13px;
}

.article__toc-list li {
  margin: 0;
  padding: 2px 0;
  line-height: 1.35;
}

/* Sub-headings sit under the h2 they belong to. */
.article__toc-list li.article__toc-item--3 {
  padding-left: 14px;
}

.article__toc-list a {
  text-decoration: none;
  border-bottom: 1px solid transparent;
  line-height: inherit;
}

.article__toc-list a:hover,
.article__toc-list a:focus-visible {
  border-bottom-color: currentColor;
}

/* Anchor jumps land under the sticky header rather than behind it. */
#article-body .rte h2[id],
#article-body .rte h3[id] {
  scroll-margin-top: calc(var(--header-height, 60px) + 20px);
}

/* ---- Collection page sidebar ---- */

/* ---- Collection page: two real columns on desktop -------------------------

   #CollectionProductGrid is a twelve-column grid and its children were being
   dropped in by auto-flow, which gave the toolbar a full-width row of its own
   above both the filters and the products — so the sort bar sat over the filter
   column as well as over the grid. Placing the three on explicit column lines
   turns them into two columns: filters on the left, the sort bar and the product
   grid together on the right.

   The markup order stays toolbar → filters → products. That order is load-
   bearing on mobile, where the Filter button has to come before the panel it
   opens, and column lines are what let the same markup read as one stacked list
   there and as two columns here — no wrapper element, no duplicated blocks.

   The ids outrank the .span-2.auto / .span-10.auto classes the markup carries,
   which still drive the mobile stacking. */

@media screen and (min-width: 981px) {
  #CollectionProductGrid > .collection__toolbar,
  #CollectionProductGrid > .collection__page--productContent {
    grid-column: 3 / 13;
  }

  /* Two rows: the sort bar's and the products'. At one row the filter panel
     would stretch the sort bar's row to its own full height and push the
     products down past the bottom of the filters. */
  #CollectionProductGrid > #CollectionSidebarFiltersForm {
    grid-column: 1 / 3;
    grid-row: span 2;
  }

  /* Auto-placement is sparse: an item whose column start is to the left of where
     the cursor sits forces a new row. Left to itself the filter column would
     therefore land a row below the toolbar rather than beside it, with an empty
     gap next to the sort bar. `order` fixes the placement sequence instead of
     leaving it to that rule. Visual order only — the DOM order that mobile
     depends on, Filter button before the panel it opens, is untouched. */
  #CollectionProductGrid > #CollectionSidebarFiltersForm { order: 1; }
  #CollectionProductGrid > .collection__toolbar { order: 2; }
  #CollectionProductGrid > .collection__page--productContent { order: 3; }

  /* Everything above defaults to order 0 and stays first. Pagination would too,
     which would put it ahead of the filter column. */
  #CollectionProductGrid > #pagination { order: 4; }
}

/* Below ~1280px two of twelve is too tight for the filter labels, so the split
   stays at three until there is room for the narrower one. */
@media screen and (min-width: 981px) and (max-width: 1279px) {
  #CollectionProductGrid > .collection__toolbar,
  #CollectionProductGrid > .collection__page--productContent {
    grid-column: 4 / 13;
  }
  #CollectionProductGrid > #CollectionSidebarFiltersForm {
    grid-column: 1 / 4;
  }
}

/* ---- Collection sidebar: desktop show/hide ----

   Checkbox-driven, no script: the column is already in its final state on first
   paint. Below 981px the pair is hidden and the existing mobile Filter trigger in
   the toolbar takes over, so the two never both apply. */

.collection__sidebar-checkbox {
  position: absolute;
  width: 1px;
  height: 1px;
  margin: 0;
  padding: 0;
  opacity: 0;
  pointer-events: none;
}

.collection__sidebar-toggle {
  display: none;
}

@media screen and (min-width: 981px) {
  .collection__sidebar-toggle {
    display: inline-flex;
    align-items: center;
    gap: 8px;
    margin-bottom: 18px;
    padding: 0 12px;
    height: 36px;
    cursor: pointer;
    border: 1px solid var(--dotted-color);
    color: var(--text-color);
    font-size: 13px;
    font-weight: 600;
    letter-spacing: 0.04em;
    line-height: 1;
    text-transform: uppercase;
    white-space: nowrap;
  }

  .collection__sidebar-toggle-show {
    display: none;
  }

  .collection__sidebar-checkbox:checked ~ #CollectionProductGrid .collection__sidebar-toggle-hide {
    display: none;
  }

  .collection__sidebar-checkbox:checked ~ #CollectionProductGrid .collection__sidebar-toggle-show {
    display: inline;
  }

  .collection__sidebar-checkbox:checked ~ #CollectionProductGrid .collection__page-sidebar {
    display: none;
  }

  .collection__sidebar-checkbox:focus-visible ~ #CollectionProductGrid .collection__sidebar-toggle {
    outline: 2px solid var(--text-color);
    outline-offset: 2px;
  }

  /* With the filters hidden the left column is dead space below the button, so
     the products take the full width. The form drops back to a single row —
     only the toggle is left in it — and stays beside the sort bar. The toolbar
     keeps its columns because its contents are right-aligned, so its right edge
     lines up with the grid either way. */
  .collection__sidebar-checkbox:checked ~ #CollectionProductGrid > #CollectionSidebarFiltersForm {
    grid-row: span 1;
  }

  .collection__sidebar-checkbox:checked ~ #CollectionProductGrid > .collection__page--productContent {
    grid-column: 1 / 13;
    padding-left: 0;
  }
}

@media screen and (min-width: 981px) {
  .collection__sidebar-mobile-trigger {
    display: none;
  }
}

@media screen and (max-width: 980px) {
  .collection__sidebar-mobile-trigger {
    display: block;
    text-align: center;
    width: 100%;
    margin-bottom: 20px;
    border: 1px solid var(--dotted-color);
    text-transform: uppercase;
    font-weight: 600;
    font-size: var(--h3-size);
    line-height: 44px;
  }
  .collection__sidebar-mobile-trigger svg {
    display: inline-block;
    vertical-align: middle;
  }
}

@media screen and (max-width: 980px) {
  .collection__page-sidebar {
    display: none;
  }
  .collection__page-sidebar.open {
    display: block;
  }
  .collection__page-sidebar ul li {
    padding: 5px 0;
  }
}

.collection__page-sidebar .collection__filtering {
    width: 100%;
}

.collection__sidebar-block {
    margin-bottom: 30px;
}

.collection__page-sidebar h4 {
  border-bottom: 1px solid var(--dotted-color);
  margin-bottom: 10px;
  padding-bottom: 5px;
}

.collection__page-sidebar ul {
  list-style-type: none;
  margin-bottom: 20px;
}

.collection__page-sidebar .accordion-content,
.collection__page-sidebar .accordion-content2 {
  margin-bottom: 20px;
  padding-left: 5px;
}

.collection__page-sidebar .accordion-toggle,
.collection__page-sidebar .accordion-toggle2 {
  padding-right: 25px;
}

.collection__page-sidebar .image_container {
    margin-bottom: 15px;
}

.collection__page-sidebar .textnote_container {
    margin-bottom: 15px;
}

.collection__page-sidebar .image_container a:hover {
    border-bottom: 0;
}

.sidebar-filter.filter--regular ul,
.sidebar-filter.filter--color ul {
  max-height: 350px;
  overflow: auto;
}

.sidebar-filter ul li.disabled {
  opacity: 0.5;
  cursor: not-allowed;
}

.sidebar-filter ul li.disabled > a {
  pointer-events: none;
  text-decoration: none;
}

.sidebar-filter.filter--regular ul li,
.sidebar-filter.filter--color ul li {
  display: inline-block;
  margin-bottom: 5px;
  width: 100%;
}
.sidebar-filter.filter--regular ul li a {
  position: relative;
}

.sidebar-filter.filter--regular ul li a:before {
    content: "";
    border: 1px solid #ddd;
    height: 14px;
    width: 14px;
    display: inline-block;
    min-width: 10px;
    margin-right: 5px;
    transform: translateY(1px);
}

.sidebar-filter.filter--regular ul li.current a:after {
  content: "";
  display: inline-block;
  transform: rotate(45deg);
  height: 10px;
  width: 6px;
  border-bottom: 2px solid #999;
  border-right: 2px solid #999;
  position: absolute;
  top: 12%;
  left: 4%;
}

.sidebar-filter.filter--color ul {
  display: flex;
  flex-wrap: wrap;
}

.sidebar-filter.filter--color .color-filter {
  min-width: var(--color-filter-size, 34px) !important;
  width: var(--color-filter-size, 34px) !important;
  height: var(--color-filter-size, 34px) !important;
  line-height: calc(var(--color-filter-size, 34px) - 2px) !important;
  vertical-align: middle;
  border: 2px solid #fff;
  box-shadow: 0px 0px 0px 1px var(--dotted-color, #d6d6d6);
  display: inline-block;
  margin: 0 10px 0 3px;
  line-height: initial;
  vertical-align: middle;
  background-size: contain;
  background-position: center;
  cursor: pointer;
  transform: translateY(-2px);
}

.sidebar-filter.filter--color .color-filter.color-filter--rounded {
  border-radius: 50%;
}

.sidebar-filter.filter--color li a:hover .color-filter,
.sidebar-filter.filter--color .color-filter.current {
  box-shadow: 0px 0px 0px 1px var(--text-color, #000000);
}

.sidebar-filter.filter--color label {
    margin-bottom: 10px;
}

.sidebar-filter.filter--size ul li {
    display: inline-block;
    margin: 0 8px 8px 0;
}

.sidebar-filter.filter--size ul li a {
    padding: 6px 12px;
    min-width: 50px;
    border: 1px solid var(--dotted-color);
    display: block;
    text-align: center;
    text-transform: capitalize;
}

.sidebar-filter.filter--size ul li a:hover {
    border-color: var(--color);
}

.sidebar-filter.filter--size ul li.current a {
    border-color: var(--color);
}

.sidebar-filter.filter--size ul li.current a:before {
    content:"";
    display: none;
}

span.filter__count {
  font-size: 80%;
}

.filter--price-range {
  margin-bottom: 20px;
}

.filter--price-range .filter-range__field {
  display: inline-block;
  width: auto;
  margin-bottom: 15px;
}

/* Price Range Slider  */
.filter-range__slider--input {
  position: absolute;
  left: 0;
  bottom: 0;
}
.filter-range__slider--wrapper {
  position: relative;
  display: inline-block;
  width: 100%;
  margin: 10px 0 20px 0;
}
.filter--price-range .filter-range__field__input {
  border: 1px solid var(--dotted-color);
  text-align: left;
  -moz-appearance: textfield;
  width: auto !important;
  min-width: 80px;
  margin: unset !important;
  float: unset !important;
}
.filter-range__field__input::-webkit-outer-spin-button,
.filter-range__field__input::-webkit-inner-spin-button {
  -webkit-appearance: none;
}
.filter-range__field__input:invalid,
.filter-range__field__input:out-of-range {
  border: 2px solid var(--error-msg-dark);
}
.filter-range__slider--input {
  -webkit-appearance: none;
  width: 100%;
}
.filter-range__slider--input:focus {
  outline: none;
}
.filter-range__slider--input:focus::-webkit-slider-runnable-track {
  background: var(--text-color);
}
.filter-range__slider--input:focus::-ms-fill-lower {
  background: var(--text-color);
}
.filter-range__slider--input:focus::-ms-fill-upper {
  background: var(--text-color);
}

.filter-range__slider--input::-webkit-slider-runnable-track {
  width: 100%;
  height: 5px;
  cursor: pointer;
  animate: 0.2s;
  background: var(--text-color);
  border-radius: 1px;
  box-shadow: none;
  border: 0;
}
.filter-range__slider--input::-webkit-slider-thumb {
  z-index: 1;
  position: relative;
  box-shadow: 0px 0px 0px #000;
  border: 1px solid var(--text-color);
  height: 18px;
  width: 18px;
  border-radius: 25px;
  background: var(--background);
  cursor: pointer;
  -webkit-appearance: none;
  margin-top: -7px;
}
.filter-range__slider--input::-moz-range-track {
  width: 100%;
  height: 5px;
  cursor: pointer;
  animate: 0.2s;
  background: var(--text-color);
  border-radius: 1px;
  box-shadow: none;
  border: 0;
}
.filter-range__slider--input::-moz-range-thumb {
  z-index: 2;
  position: relative;
  box-shadow: 0px 0px 0px #000;
  border: 1px solid var(--text-color);
  height: 18px;
  width: 18px;
  border-radius: 25px;
  background: var(--background);
  cursor: pointer;
}
.filter-range__slider--input::-ms-track {
  width: 100%;
  height: 5px;
  cursor: pointer;
  animate: 0.2s;
  background: transparent;
  border-color: transparent;
  color: transparent;
}
.filter-range__slider--input::-ms-fill-lower,
.filter-range__slider--input::-ms-fill-upper {
  border-radius: 1px;
  box-shadow: none;
  border: 0;
}
.filter-range__slider--input::-ms-fill-upper {
  background: var(--text-color);
}
.filter-range__slider--input::-ms-fill-lower {
  background: #eee;
}
.filter-range__slider--input::-ms-thumb {
  z-index: 2;
  position: relative;
  box-shadow: 0px 0px 0px #000;
  border: 1px solid var(--text-color);
  height: 18px;
  width: 18px;
  border-radius: 25px;
  background: var(--background);
  cursor: pointer;
}

@-moz-document url-prefix() {
  .filter-range__slider--input {
    position: relative;
  }
  .filter-range__slider--input,
  .filter-range__field {
    display: inline-block;
    width: 47%;
  }
  .collection__page-sidebar .filter-range__field__input,.filter-price__dropdown .filter-range__field__input {
    width: 80% !important;
  }
  .filter--price-range .filter-range__field { width: 47% !important; }
  .filter-range__field__currency {
    display: inline-block;
    width: 10%;
  }
}

span.filter_count {
    font-size: 80%;
}

ul.current_tags {
  margin-bottom: 20px;
}

ul.current_tags li {
  margin: 0 5px 5px 0;
  display: inline-block;
}

ul.current_tags li.current_tag a {
    background: #f5f5f5;
    padding: 10px 25px 10px 8px;
    color: var(--text-color);
    display: block;
    position: relative;
}

ul.current_tags li.current_tag a:after {
    content: "x";
    position: absolute;
    right: 10px;
    font-size: 14px;
}

ul.current_tags li a.clear-tags {
    text-decoration: underline;
}

/* ---- Collection & search horizontal toolbar ---- */
#CollectionFiltersForm,
#SearchFiltersForm {
  display: inline-block;
  width: 100%;
}
.collection__filtering,
.search__filtering {
  position: relative;
  width: 220px;
  display: inline-block;
  height: 44px;
}
@media screen and (max-width: 980px) {
  .collection__filtering,
  .search__filtering {
    width: 100%;
    display: block;
  }
  .search__horizontal-toolbar .filter {
    width: 100% !important;
    display: block !important;
  }
  .search__filtering {
    width: 100% !important;
  }
}
.collection__filtering svg,
.search__filtering svg,
.filter--price-range svg {
  position: absolute;
  top: 50%;
  transform: translateY(-50%) rotate(90deg);
  z-index: 1;
  right: 5px;
  pointer-events: none;
  width: 15px;
}
.collection__filtering svg path,
.search__filtering svg path,
.filter--price-range svg path {
  fill: var(--text-color);
}
.collection__filtering.open svg path,
.collection__filtering:hover svg path,
.search__filtering.open svg path,
.search__filtering:hover svg path,
.filter--price-range.active svg path,
.filter--price-range:hover svg path {
  fill: var(--background);
}
.collection__horizontal-toolbar .chosen-value,
.collection__horizontal-toolbar .value-list,
.search__horizontal-toolbar .chosen-value,
.search__horizontal-toolbar .value-list {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
}
.collection__horizontal-toolbar .value-list li [type="checkbox"],
.collection__sidebar-block.sidebar-filter [type="checkbox"],
.search__horizontal-toolbar .value-list li [type="checkbox"] {
  display: none;
}
.collection__horizontal-toolbar .chosen-value,
.search__horizontal-toolbar .chosen-value {
  font-weight: 600;
  height: 44px;
  font-size: var(--font-size);
  background-color: var(--background);
  border: 1px solid var(--dotted-color);
  transition: 0.3s ease-in-out;
  text-align: left;
  margin-bottom: 0 !important;
}
.collection__horizontal-toolbar .chosen-value::-webkit-input-placeholder,
.search__horizontal-toolbar .chosen-value::-webkit-input-placeholder,
.collection__horizontal-toolbar .chosen-value::placeholder,
.search__horizontal-toolbar .chosen-value::placeholder  {
  color: var(--text-color);
  opacity: 1 !important;
}
.collection__horizontal-toolbar .chosen-value:hover,
.search__horizontal-toolbar .chosen-value:hover {
  background-color: var(--text-color) ;
  cursor: pointer;
  color: var(--background) ;
}
.collection__horizontal-toolbar .chosen-value:hover::-webkit-input-placeholder,
.search__horizontal-toolbar .chosen-value:hover::-webkit-input-placeholder,
.collection__horizontal-toolbar .chosen-value:hover::placeholder,
.search__horizontal-toolbar .chosen-value:hover::placeholder {
  color: var(--background);
}
.collection__horizontal-toolbar .chosen-value:focus,
.collection__horizontal-toolbar .chosen-value.open,
.search__horizontal-toolbar .chosen-value:focus,
.search__horizontal-toolbar .chosen-value.open {
  box-shadow: 0px 5px 8px 0px rgba(0, 0, 0, 0.2);
  outline: 0;
  background-color: var(--text-color);
  color: var(--background);
}
.collection__horizontal-toolbar .chosen-value:focus::-webkit-input-placeholder,
.collection__horizontal-toolbar .chosen-value.open::-webkit-input-placeholder,
.search__horizontal-toolbar .chosen-value:focus::-webkit-input-placeholder,
.search__horizontal-toolbar .chosen-value.open::-webkit-input-placeholder,
.collection__horizontal-toolbar .chosen-value:focus::placeholder,
.collection__horizontal-toolbar .chosen-value.open::placeholder,
.search__horizontal-toolbar .chosen-value:focus::placeholder,
.search__horizontal-toolbar .chosen-value.open::placeholder {
  color: var(--background);
}
.collection__horizontal-toolbar .value-list,
.search__horizontal-toolbar .value-list {
  list-style: none;
  margin-top: 44px;
  box-shadow: 0px 5px 8px 0px rgba(0, 0, 0, 0.2);
  overflow: hidden;
  max-height: 0;
  transition: 0.3s ease-in-out;
  z-index: 4;
}
.collection__page-sidebar ::-webkit-scrollbar,
.collection__horizontal-toolbar ::-webkit-scrollbar,
.search__horizontal-toolbar ::-webkit-scrollbar {
  width: 3px;
  height: 3px;
}
.collection__page-sidebar ::-webkit-scrollbar-button,
.collection__horizontal-toolbar ::-webkit-scrollbar-button,
.search__horizontal-toolbar ::-webkit-scrollbar-button {
  width: 0px;
  height: 0px;
}
.collection__page-sidebar ::-webkit-scrollbar-thumb,
.collection__horizontal-toolbar ::-webkit-scrollbar-thumb,
.search__horizontal-toolbar ::-webkit-scrollbar-thumb {
  background: var(--text-color);
  border: 0px none #ffffff;
  border-radius: 50px;
}
.collection__page-sidebar ::-webkit-scrollbar-thumb:hover,
.collection__horizontal-toolbar ::-webkit-scrollbar-thumb:hover,
.search__horizontal-toolbar ::-webkit-scrollbar-thumb:hover {
  background: #ffffff;
}
.collection__page-sidebar ::-webkit-scrollbar-thumb:active,
.collection__horizontal-toolbar ::-webkit-scrollbar-thumb:active,
.search__horizontal-toolbar ::-webkit-scrollbar-thumb:active {
  background: #000000;
}
.collection__page-sidebar ::-webkit-scrollbar-track,
.collection__horizontal-toolbar ::-webkit-scrollbar-track,
.search__horizontal-toolbar ::-webkit-scrollbar-track {
  background: var(--dotted-color);
  border: 0px none #ffffff;
  border-radius: 50px;
}
.collection__page-sidebar ::-webkit-scrollbar-track:hover,
.collection__horizontal-toolbar ::-webkit-scrollbar-track:hover,
.search__horizontal-toolbar ::-webkit-scrollbar-track:hover {
  background: var(--dotted-color);
}
.collection__page-sidebar ::-webkit-scrollbar-track:active,
.collection__horizontal-toolbar ::-webkit-scrollbar-track:active,
.search__horizontal-toolbar ::-webkit-scrollbar-track:active {
  background: #333333;
}
.collection__page-sidebar ::-webkit-scrollbar-corner,
.collection__horizontal-toolbar ::-webkit-scrollbar-corner,
.search__horizontal-toolbar ::-webkit-scrollbar-corner {
  background: transparent;
}
.collection__horizontal-toolbar .value-list.open,
.search__horizontal-toolbar .value-list.open {
  max-height: 320px;
  overflow: auto;
}
.collection__page-sidebar label,
.collection__horizontal-toolbar label,
.search__horizontal-toolbar label {
  display: inline-block;
  font-weight: normal;
  margin-bottom: 0;
}
.collection__horizontal-toolbar .value-list li,
.search__horizontal-toolbar .value-list li {
  position: relative;
  height: 44px;
  background-color: var(--background);
  padding: 0 16px;
  display: flex;
  align-items: center;
  cursor: pointer;
  transition: background-color 0.3s;
  opacity: 1;
  line-height: initial;
}
.collection__horizontal-toolbar .value-list li:hover,
.search__horizontal-toolbar .value-list li:hover {
  background-color: var(--text-color);
  color: var(--background);
}
.collection__horizontal-toolbar .value-list li.closed,
.search__horizontal-toolbar .value-list li.closed {
  max-height: 0;
  overflow: hidden;
  padding: 0;
  opacity: 0;
}
.collection__horizontal-toolbar .filter--regular .value-list li.current .js-hz-filter-label {
  padding-left: 15px;
}
.collection__horizontal-toolbar .filter--regular .value-list li.current:before,
.collection__horizontal-toolbar .filter--size .value-list li.current:before,
.search__horizontal-toolbar .filter--regular .value-list li.current:before,
.search__horizontal-toolbar .filter--size .value-list li.current:before {
  content: "";
  display: inline-block;
  transform: rotate(45deg);
  height: 10px;
  width: 8px;
  border-bottom: 2px solid #999;
  border-right: 2px solid #999;
  position: absolute;
  top: 35%;
}
.collection__horizontal-toolbar .filter--regular .value-list li.current:hover:before,
.collection__horizontal-toolbar .filter--size .value-list li.current:hover:before,
.search__horizontal-toolbar .filter--regular .value-list li.current:hover:before,
.search__horizontal-toolbar .filter--size .value-list li.current:hover:before {
  content: '';
  height: 10px;
  width: unset;
  border-left: 2px solid #999;
  border-right: unset;
  border-bottom: unset;
  position: absolute;
  transform: rotate(-45deg);
  left: 17px;
  top: 38%;
  margin-right: unset;
  margin-left: unset;
}
.collection__horizontal-toolbar .filter--regular .value-list li.current:hover:after,
.collection__horizontal-toolbar .filter--size .value-list li.current:hover:after,
.search__horizontal-toolbar .filter--regular .value-list li.current:hover:after,
.search__horizontal-toolbar .filter--size .value-list li.current:hover:after {
  content: '';
  height: 10px;
  border-left: 2px solid #999;
  position: absolute;
  transform: rotate(45deg);
  left: 17px;
  top: 38%;
}
.collection__horizontal-toolbar .color-filter,
.search__horizontal-toolbar .color-filter {
  min-width: var(--color-filter-size, 34px) !important;
  width: var(--color-filter-size, 34px) !important;
  height: var(--color-filter-size, 34px) !important;
  line-height: calc(var(--color-filter-size, 34px) - 2px) !important;
  vertical-align: middle;
  border: 2px solid #fff;
  box-shadow: 0px 0px 0px 1px var(--dotted-color, #d6d6d6);
  display: inline-block;
  margin: 0 10px 0 0;
  line-height: initial;
  vertical-align: middle;
  background-size: contain;
  background-position: center;
  cursor: pointer;
}

.collection__horizontal-toolbar .color-filter.color-filter--rounded,
.search__horizontal-toolbar .color-filter.color-filter--rounded {
  border-radius: 50%;
}

.collection__horizontal-toolbar li a:hover .color-filter,
.collection__horizontal-toolbar .color-filter.current,
.search__horizontal-toolbar li a:hover .color-filter,
.search__horizontal-toolbar .color-filter.current {
  box-shadow: 0px 0px 0px 1px var(--text-color, #000000);
}

.collection__horizontal-toolbar .value-list > li.disabled,
.search__horizontal-toolbar .value-list > li.disabled {
  color: var(--disabled-text);
  cursor: not-allowed;
  pointer-events: none;
  text-decoration: none;
}

.collection__horizontal-toolbar #collection--filters,
.search__horizontal-toolbar #collection--filters {
  line-height: 0;
  width: 100%;
  text-align: left;
}

.collection__horizontal-toolbar .filter,
.search__horizontal-toolbar .filter {
  display: inline-block;
  margin-right: 10px;
  border: 0;
  margin-bottom: 10px;
}

.collection__page-filter {
  margin-bottom: 20px;
}
/* Price Range */
.filter-price__trigger {
  font-weight: 600;
  height: 44px;
  font-size: var(--font-size);
  background-color: var(--background);
  color: var(--text-color);
  border: 1px solid var(--dotted-color);
  transition: .3s ease-in-out;
  text-align: left;
  margin-bottom: 0!important;
  position: relative;
  width: 220px;
  display: inline-block;
  line-height: 44px;
  padding-left: 10px;
  border-radius: unset !important;
}

@media screen and (max-width: 980px) {
  .filter-price__trigger {
    width: 100%;
    display: block;
  }
}

.collection__horizontal-toolbar .filter--price-range,
.search__horizontal-toolbar .filter--price-range {
  position: relative;
  vertical-align: top;
}

.collection__horizontal-toolbar .filter-price__trigger:hover,
.search__horizontal-toolbar .filter-price__trigger:hover {
  background-color: var(--text-color);
  color: var(--background);
  cursor: pointer;
}

.collection__horizontal-toolbar .filter-price__dropdown,
.search__horizontal-toolbar .filter-price__dropdown {
  box-shadow: 0 5px 8px 0 rgb(0 0 0 / 20%);
  transition: .3s ease-in-out;
  z-index: 2;
  position: absolute;
  top: 44px;
  left: 0;
  background: white;
  padding: 10px;
  line-height: initial;
}

.collection__horizontal-toolbar .filter-price__trigger.active,
.search__horizontal-toolbar .filter-price__trigger.active {
  box-shadow: 0 5px 8px 0 rgb(0 0 0 / 20%);
  outline: 0;
  background-color: var(--text-color);
  color: var(--background);
}

.collection__horizontal-toolbar .filter-range__footer,
.search__horizontal-toolbar .filter-range__footer {
  border-top: 1px solid var(--dotted-color);
  padding-top: 10px;
}

/* ---- Collection page top filters ---- */

.collection__page-filter ul#collection--filters {
  width: 100%;
  text-align: left;
}

.collection__page-filter .filter {
  display: inline-block;
  margin-right: 10px;
  border: 0;
}

select.styled-select {
  display: inline-block;
  width: initial;
  min-width: 220px;
  vertical-align: middle;
  border: 1px solid var(--dotted-color);
  float: left;
  margin: 0 0 0 10px;
  background: var(--select-arrow-bg) right no-repeat;
  -webkit-appearance: none;
  -moz-appearance: none;
}

@media screen and (max-width: 980px) {
  ul#collection--filters {
    display: grid;
    grid-template-columns: 1fr 1fr;
    grid-gap: 10px;
    margin-bottom: 10px;
  }
  .collection__page-filter {
    margin-top: 0;
   }
  ul#collection--filters li select.styled-select {
    width: 100%;
    margin-left: 0;
    min-width: 100%;
  }
  .collection__page-filter .filter {
    width: 100%;
    float: left;
    display: inline-block;
    margin: 0;
  }
}

/* ---- Collection toolbar: mobile filter button + compact sort ---- */

.collection__toolbar {
  display: flex;
  align-items: center;
  justify-content: flex-end;
  gap: 10px;
  margin-bottom: 16px;
}

.collection__sort-bar {
  display: flex;
  justify-content: flex-end;
  margin: 0;
}

.collection__sort-bar .collection__sort {
  display: flex;
  align-items: center;
  gap: 8px;
}

.collection__sort-bar .collection__sort-label {
  font-size: 12px;
  letter-spacing: 0.04em;
  text-transform: uppercase;
  color: var(--text-color);
  opacity: 0.7;
  white-space: nowrap;
  line-height: 1;
}

.collection__sort-bar .collection__filtering--compact {
  width: 175px;
  height: 34px;
  display: inline-block;
}

.collection__sort-bar .collection__filtering--compact svg {
  width: 10px;
  height: 10px;
  right: 9px;
}

.collection__sort-bar .chosen-value {
  height: 34px;
  padding: 0 24px 0 10px;
  font-size: 13px;
  font-weight: 500;
  line-height: 34px;
  text-overflow: ellipsis;
  border-radius: 2px;
}

.collection__sort-bar .value-list {
  margin-top: 34px;
  min-width: 100%;
  width: auto;
  right: 0;
  left: auto;
  border-radius: 2px;
}

.collection__sort-bar .value-list li {
  height: 32px;
  padding: 0 10px;
  font-size: 13px;
  white-space: nowrap;
}

.collection__sort-bar .value-list li.current .js-hz-filter-label {
  font-weight: 600;
}

/* Nothing to show on desktop when the row only holds the mobile filter button */
@media screen and (min-width: 981px) {
  .collection__toolbar--no-sort {
    display: none;
  }
}

/* Mobile: filter button and sort sit side by side, each half the row */
@media screen and (max-width: 980px) {
  .collection__toolbar {
    justify-content: space-between;
    gap: 10px;
  }
  .collection__toolbar .collection__sidebar-mobile-trigger,
  .collection__toolbar .collection__sort-bar {
    flex: 1 1 0;
    min-width: 0;
    width: auto;
  }
  /* Flex centring rather than vertical-align, which lined the icon up on the text
     baseline and left it sitting low in the button. */
  .collection__toolbar .collection__sidebar-mobile-trigger {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 6px;
    margin-bottom: 0;
    height: 34px;
    line-height: 1;
    font-size: 13px;
    font-weight: 600;
    letter-spacing: 0.04em;
    border-radius: 2px;
  }
  /* The icon's viewBox is 17.8x20, so height alone keeps it from being squashed. */
  .collection__toolbar .collection__sidebar-mobile-trigger svg {
    display: block;
    flex: 0 0 auto;
    width: auto;
    height: 13px;
    margin-right: 0;
    vertical-align: baseline;
  }
  .collection__sort-bar .collection__sort-label {
    display: none;
  }
  .collection__sort-bar .collection__sort,
  .collection__sort-bar .collection__filtering--compact {
    width: 100%;
  }
}

/* ---- Compact collection sidebar filters ---- */

.collection__page-sidebar .collection__sidebar-block {
  margin-bottom: 20px;
}

.collection__page-sidebar h4 {
  font-size: 13px;
  font-weight: 600;
  letter-spacing: 0.04em;
  text-transform: uppercase;
  margin-bottom: 8px;
  padding-bottom: 6px;
}

.collection__page-sidebar ul {
  margin-bottom: 0;
}

.collection__page-sidebar .sidebar-filter.filter--regular ul,
.collection__page-sidebar .sidebar-filter.filter--color ul {
  max-height: 260px;
}

.collection__page-sidebar .sidebar-filter.filter--regular ul li,
.collection__page-sidebar .sidebar-filter.filter--color ul li {
  margin-bottom: 0;
}

/* Checkbox rows */
.collection__page-sidebar .sidebar-filter.filter--regular ul li a {
  display: flex;
  align-items: center;
  gap: 7px;
  font-size: 13px;
  line-height: 1.35;
  padding: 4px 0;
}

.collection__page-sidebar .sidebar-filter.filter--regular ul li a:before {
  height: 13px;
  width: 13px;
  min-width: 13px;
  margin-right: 0;
  transform: none;
}

.collection__page-sidebar .sidebar-filter.filter--regular ul li.current a:after {
  height: 9px;
  width: 5px;
  top: 50%;
  left: 4px;
  transform: translateY(-60%) rotate(45deg);
}

.collection__page-sidebar .sidebar-filter .regular-filter--label,
.collection__page-sidebar .sidebar-filter .color-filter--label {
  cursor: pointer;
}

/* Colour swatches */
.collection__page-sidebar .sidebar-filter.filter--color ul li a {
  display: flex;
  align-items: center;
  font-size: 13px;
  padding: 3px 0;
}

.collection__page-sidebar .sidebar-filter.filter--color .color-filter {
  margin: 0 7px 0 0;
  transform: none;
}

.collection__page-sidebar .sidebar-filter.filter--color label {
  margin-bottom: 0;
}

/* Size chips */
.collection__page-sidebar .sidebar-filter.filter--size ul li {
  margin: 0 6px 6px 0;
}

.collection__page-sidebar .sidebar-filter.filter--size ul li a {
  padding: 4px 9px;
  min-width: 40px;
  font-size: 12px;
  line-height: 1.4;
}

.collection__page-sidebar span.filter_count {
  font-size: 11px;
  opacity: 0.6;
}

/* Price range */
.collection__page-sidebar .filter--price-range {
  margin-bottom: 0;
}

.collection__page-sidebar .filter--price-range .filter-range__field {
  margin-bottom: 6px;
}

.collection__page-sidebar .filter--price-range .filter-range__field__input {
  min-width: 64px;
  height: 30px;
  font-size: 13px;
  padding: 0 6px;
  border-radius: 2px;
}

.collection__page-sidebar .filter-range__slider--wrapper {
  margin: 6px 0 10px 0;
}

.collection__page-sidebar .filter-range__slider--input::-webkit-slider-thumb {
  height: 14px;
  width: 14px;
  margin-top: -5px;
}

.collection__page-sidebar .filter-range__slider--input::-moz-range-thumb {
  height: 14px;
  width: 14px;
}

@media screen and (max-width: 980px) {
  .collection__page-sidebar {
    margin-bottom: 20px;
  }
  .collection__page-sidebar ul li {
    padding: 0;
  }
}

/* ---- Collection grid ---- */

.collection__page-products.product-loop,
.featured__collection.product-loop {
  margin: 0 auto;
  width: 100%;
  display: grid;
  grid-column-gap: 25px;
  grid-row-gap: 40px;
}

/* ---- Collection cards: even rows ----

   Each card sized to its own content, so a product whose title wrapped to two lines
   pushed its price a line lower than its neighbours', and cards with colour swatches
   or sizes ran longer still — the row came out ragged along the bottom and the
   prices stepped up and down across it.

   Making every card a full-height column and letting the price absorb the slack puts
   the prices on one line across the row however long the titles run. The images were
   already square (product_image_size is 'square'), so the tops line up on their own. */

.collection__page-products > .product-index {
  display: flex;
  flex-direction: column;
  height: 100%;
}

.collection__page-products > .product-index > .prod-container {
  flex: 0 0 auto;
}

.collection__page-products > .product-index > .product-info {
  display: flex;
  flex-direction: column;
  flex: 1 1 auto;
}

/* The price is last in the card, so the auto margin pins it to the bottom. */
.collection__page-products > .product-index .product-info .price {
  margin-top: auto;
  padding-top: 6px;
}

/* Swatches and sizes only exist on some products; keeping them out of the stretched
   area stops them dragging those cards taller than the rest. */
.collection__page-products > .product-index > .prod-colors,
.collection__page-products > .product-index > .prod-sizes {
  flex: 0 0 auto;
}

@media screen and (max-width: 740px) {
  .collection__page-products.product-loop {
    grid-template-columns: repeat(2, 1fr);
  }
}

/* ---- Product grid 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,
.image_square .product-loop__video-inner-wrapper {
  padding-bottom: 100% !important;
}

.image_landscape .box-ratio,
.image_landscape .product-loop__video-inner-wrapper {
  padding-bottom: 75% !important;
}

.image_portrait .box-ratio,
.image_portrait .product-loop__video-inner-wrapper {
  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%;
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  -webkit-backface-visibility: hidden;
          backface-visibility: hidden;
}

.product-index img {
  display: block;
  margin: 0 auto 10px;
}

.reveal .hidden {
  display: block !important;
  visibility: visible !important;
  overflow: hidden;
}

@media (hover: hover) {
  .product-index:hover .reveal img {
    opacity: 1;
  }
}

.reveal {
  position: relative;
}

.reveal .hidden {
  position: absolute;
  z-index: -1;
  top: 0;
  width: 100%;
  height: 100%;
  opacity: 0;
  -webkit-transition: opacity 0.3s ease-in-out;
  -moz-transition: opacity 0.3s ease-in-out;
  -o-transition: opacity 0.3s ease-in-out;
  transition: opacity 0.3s ease-in-out;
}

@media (hover: hover) {
  .reveal:hover .hidden {
    z-index: 1;
    opacity: 1;
    background-color: var(--background);
  }
}
@media (min-width: 480px) and (max-width: 979px) {
  .reveal .caption {
    font-size: 11px;
  }
}

/* ---- Product grid content ---- */

.prod-container {
  text-align: center;
  position: relative;
}

.product-index {
  position: relative;
}

.product-info  {
  text-align: var(--product-info-align);
  margin-top: 10px;
}

.product-info .product__vendor {
  margin-bottom: 5px;
}

.product-info h2,
.product-info .product__title {
  display: block;
  font-size: var(--font-size);
  font-family: var(--main-family);
  font-weight: var(--main-weight);
  letter-spacing: initial;
  padding: 0;
  margin-bottom: 5px;
}

#product-info p {
  font-size: var(--font-size);
  margin-bottom: 0;
}

#product-info a {
  text-decoration: none !important;
}

.price.price--listing {
  font-size: var(--font-size);
}

.icn {
  position: absolute;
  top: 10px;
  left: 10px;
  text-align: center;
  padding: 3px 8px 2px;
  text-transform: uppercase;
  font-size: .7em;
  letter-spacing: .07em;
  font-weight: bold;
}

.icn ~ .icn {
  margin-top: 30px !important;
}

.new {
  z-index: 3;
  background: var(--new-background);
  color: var(--new-text);
}

.sale-item {
  z-index: 3;
  background: var(--sale-background);
  color: var(--sale-text);
}

.so {
  z-index: 4;
  background: var(--soldout-background);
  color: var(--soldout-text);
}

.pre-order {
  z-index: 2;
  background: var(--soldout-background);
  color: var(--soldout-text);
}

.product-index .prod-image a:hover {
  border-bottom: none;
}

/* ---- Collection page product variant swatches ---- */

.col-swatch {
  margin: 0;
}

.col-swatch ul {
  list-style-type: none;
  margin: 0;
  padding: 0;
  margin-top: 10px;
}

.col-swatch ul {
  text-align: var(--product-info-align);
}

.col-swatch li {
  display:-moz-inline-stack;
  display:inline-block;
  zoom:1;
  padding:0;
  margin:0px 2px;
}

.col-swatch li span {
  display: block;
  margin: 5px 10px;
}

.col-swatch li.color {
  width: 20px;
  height: 20px;
}

.col-swatch li.color span {
  width: 100%;
  height: 100%;
  margin: 0;
  border-radius: 50%;
  box-shadow: 0px 0px 0px 1px var(--dotted-color);
  background-position: center;
}

.col-swatch .options li {
  -webkit-transform: translateZ(0); /* webkit flicker fix */
  transform: translateZ(0); /* webkit flicker fix */
  -webkit-font-smoothing: antialiased; /* webkit text rendering fix */
}

/* ---- Collection page / product grid sizes ---- */

.size-swatch ul {
    list-style: none;
    margin-top: 5px;
    margin-bottom: 0;
    text-align: var(--product-info-align);
}

.size-swatch ul li {
    display: inline-block;
    vertical-align: middle;
    margin: 0 5px 5px 0;
    background: transparent;
}

.size-swatch ul li a {
    font-size: 12px;
}

/* ---- Collection list ---- */

.collection__list-collections.collection-loop {
  margin: 0 auto;
  width: 100%;
  display: grid;
  grid-column-gap: 25px;
  grid-row-gap: 40px;
}

@media screen and (max-width: 740px) {
  .collection__list-collections.collection-loop {
    grid-template-columns: repeat(2, 1fr);
  }
}

.collection__list-collections .flickity-prev-next-button.previous {
    left: -10px;
}

.collection__list-collections .flickity-prev-next-button.next {
    right: -10px;
}

.collection__item-image a {
  position: relative;
  display: inline-block;
  width: 100%;
}

.collection__list-item,
.collection__item-image {
  position: relative;
}

.collection__item-image {
  line-height: 0;
}

.collection__item-image .collection__item-details {
  line-height: initial;
}

.collection__item-details {
  position: relative;
  top: initial;
  margin-top: 10px;
  padding: 0;
  background: transparent;
  text-align: center;
}

.collection__list-text-floating--true .collection__list-item .collection__item-details h4 {
  transition: transform 1.5s;
}
.collection__list-text-floating--true .collection__list-item:hover .collection__item-details h4 {
  transform: scale(1.1);
}
.collection__list-text-floating--false .collection__list-item:hover .collection__item-details h4 {
  text-decoration: underline;
}

.collection__list-text-floating--true .collection__item-image .box-ratio:after {
  position: absolute;
  top: 0;
  left: 0;
  height: 100%;
  width: 100%;
  background: rgba(0,0,0,.15);
  content: "";
}
.collection__list-text-floating--true .collection__item-details {
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  z-index: 1;
  margin-top: 0;
}

.collection__item-details h3 {
  font-size: var(--font-size);
  font-weight: var(--main-weight);
  font-family: var(--main-family);
  letter-spacing: initial;
}

.collection__list-text-floating--true .collection__item-details h3,
.collection__list-text-floating--true .collection__item-details p {
  color: var(--hero-color);
}

/* ---- remove this code to remove collection image height constraints ----*/
.collection__list-img-shape--true .collection__item-image {
  overflow: hidden;
}
.collection__list-img-shape--true .collection__item-image > a {
  width: 100%;
  display: inline-block;
}
.collection__list-img-shape--true .collection__item-image img {
  object-fit: cover;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  position: absolute;
  height: 100%;
}

.collection-image.onboard {
  position: relative;
}

.collection-image.no-image--placeholder svg {
  fill: transparent !important;
}

.collection__list-img-shape--true .collection__item-image svg {
  position: absolute;
}

.collection__list-ratio--rhombus .collection__item-image .box-ratio {
  -webkit-clip-path: polygon(50% 0%, 100% 50%, 50% 100%, 0% 50%);
  clip-path: polygon(50% 0%, 100% 50%, 50% 100%, 0% 50%);
}
.collection__list-ratio--hexagon .collection__item-image .box-ratio {
  -webkit-clip-path: polygon(50% 0%, 100% 25%, 100% 75%, 50% 100%, 0% 75%, 0% 25%);
  clip-path: polygon(50% 0%, 100% 25%, 100% 75%, 50% 100%, 0% 75%, 0% 25%);
}
.collection__list-ratio--circle .collection__item-image .box-ratio {
  -webkit-clip-path: circle(50% at 50% 50%);
  clip-path: circle(50% at 50% 50%);
}

.collection__list-ratio--hexagon .collection__item-image .box-ratio {
  padding-bottom: 110% !important;
}
.collection__list-ratio--square .collection__item-image .box-ratio,
.collection__list-ratio--circle .collection__item-image .box-ratio,
.collection__list-ratio--rhombus .collection__item-image .box-ratio {
  padding-bottom: 100% !important;
}
.collection__list-ratio--vertical .collection__item-image .box-ratio {
  padding-bottom: 150% !important;
}
.collection__list-ratio--horizontal .collection__item-image .box-ratio {
  padding-bottom: 66.666% !important;
}


/* ---- end collection image height constraints ----*/

/* ---- PhotoSwipe ---- */

.pswp__link { display: block; }

/*! PhotoSwipe main CSS by Dmitry Semenov | photoswipe.com | MIT license */

.pswp {
  display: none;
  position: absolute;
  width: 100%;
  height: 100%;
  left: 0;
  top: 0;
  overflow: hidden;
  -ms-touch-action: none;
  touch-action: none;
  z-index: 1500;
  -webkit-text-size-adjust: 100%;
  /* create separate layer, to avoid paint on window.onscroll in webkit/blink */
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  outline: none;
}
.pswp * {
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
        }
.pswp img {
  max-width: none;
}

/* style is added when JS option showHideOpacity is set to true */
.pswp--animate_opacity {
  opacity: 0.001;
  will-change: opacity;
  /* for open/close transition */
  -webkit-transition: opacity 333ms cubic-bezier(0.4, 0, 0.22, 1);
          transition: opacity 333ms cubic-bezier(0.4, 0, 0.22, 1);
}

.pswp--open {
  display: block;
}

.pswp--zoom-allowed .pswp__img {
  /* autoprefixer: off */
  cursor: -webkit-zoom-in;
  cursor: -moz-zoom-in;
  cursor: zoom-in;
}

.pswp--zoomed-in .pswp__img {
  /* autoprefixer: off */
  cursor: -webkit-grab;
  cursor: -moz-grab;
  cursor: grab;
}

.pswp--dragging .pswp__img {
  /* autoprefixer: off */
  cursor: -webkit-grabbing;
  cursor: -moz-grabbing;
  cursor: grabbing;
}

.pswp__bg {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  background: #fff;
  opacity: 0;
  -webkit-transform: translateZ(0);
          transform: translateZ(0);
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  will-change: opacity;
}

.pswp__scroll-wrap {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  overflow: hidden;
}

.pswp__container,
.pswp__zoom-wrap {
  -ms-touch-action: none;
  touch-action: none;
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
}

/* Prevent selection and tap highlights */
.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 {
  position: absolute;
  width: 100%;
  -webkit-transform-origin: left top;
  -ms-transform-origin: left top;
  transform-origin: left top;
  /* for open/close transition */
  -webkit-transition: -webkit-transform 333ms cubic-bezier(0.4, 0, 0.22, 1);
          transition: transform 333ms cubic-bezier(0.4, 0, 0.22, 1);
}

.pswp__bg {
  will-change: opacity;
  /* for open/close transition */
  -webkit-transition: opacity 333ms cubic-bezier(0.4, 0, 0.22, 1);
          transition: opacity 333ms cubic-bezier(0.4, 0, 0.22, 1);
}

.pswp--animated-in .pswp__bg,
.pswp--animated-in .pswp__zoom-wrap {
  -webkit-transition: none;
  transition: none;
}

.pswp__container,
.pswp__zoom-wrap {
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
}

.pswp__item {
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  overflow: hidden;
}

.pswp__img {
  position: absolute;
  width: auto;
  height: auto;
  top: 0;
  left: 0;
}

.pswp__img--placeholder {
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
}

.pswp__img--placeholder--blank {
  background: #fff;
}

.pswp--ie .pswp__img {
  width: 100% !important;
  height: auto !important;
  left: 0;
  top: 0;
}

.pswp__error-msg {
  position: absolute;
  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 {
  width: 44px;
  height: 44px;
  position: relative;
  display: inline-block;
  vertical-align: middle;
  margin: 15px;
  background-color: var(--background);
  cursor: pointer;
  overflow: visible;
  -webkit-appearance: none;
  border: 0;
  padding: 0;
  opacity: 1;
  -webkit-transition: opacity 0.2s;
  transition: opacity 0.2s;
  border-radius: 50% !important;
  -webkit-border-radius: 50% !important;
  -moz-border-radius: 50% !important;
  box-shadow: 0px 0px 1px 1px #ccc;
}

.pswp__button:focus, .pswp__button:hover {
  opacity: 1;
  background-color: var(--background);
}
.pswp__button::-moz-focus-inner {
  padding: 0;
  border: 0;
}
.pswp__button svg {
  pointer-events: none;
}

/* pswp__ui--over-close class it added when mouse is over element that should close gallery */
.pswp__ui--over-close .pswp__button--close {
  opacity: 1;
}

.pswp__element--disabled {
  display: none;
}

.pswp__button,
.pswp__button--arrow--left:before,
.pswp__button--arrow--right:before {
  width: 45px;
  height: 45px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
}

.pswp--zoom-allowed .pswp__button--zoom,
.pswp__button.pswp__button--zoom {
  display: none;
}

/* no arrows on touch screens */
.pswp--touch .pswp__button--arrow--left,
.pswp--touch .pswp__button--arrow--right {
  visibility: hidden;
}

.pswp__ui {
  position: absolute;
  left: 0;
  right: 0;
  bottom: 10px;
  padding: 20px 0;
  width: 100%;
  text-align: center;
  justify-content: center;
  background: transparent;
  transform: translateY(0);
  transition: 0.3s 0.5s;
}

.pswp__ui.pswp__ui--hidden {
  transform: translateY(200%);
  transition: 0s 0s;
}

.pswp__button--arrow--left:hover svg .hover-fill,
.pswp__button--arrow--right:hover svg .hover-fill,
.pswp__button--close:hover svg .hover-fill {
  fill: var(--text-color);
}

/* 2. Loading indicator (preloader) */
.pswp__preloader {
  width: 44px;
  height: 44px;
  position: absolute;
  top: 0;
  left: 50%;
  margin-left: -22px;
  opacity: 0;
  -webkit-transition: opacity 0.25s ease-out;
          transition: opacity 0.25s ease-out;
  will-change: opacity;
  direction: ltr;
}

.pswp__preloader__icn {
  width: 20px;
  height: 20px;
  margin: 12px;
}

.pswp__preloader--active {
  opacity: 1;
}

.pswp__preloader--active .pswp__preloader__icn {
  /* We use .gif in browsers that don't support CSS animation */
  background: url(preloader.gif) 0 0 no-repeat;
}

.pswp--css_animation .pswp__preloader--active {
  opacity: 1;
}

.pswp--css_animation .pswp__preloader--active .pswp__preloader__icn {
  -webkit-animation: clockwise 500ms linear infinite;
          animation: clockwise 500ms linear infinite;
}

.pswp--css_animation .pswp__preloader--active .pswp__preloader__donut {
  -webkit-animation: donut-rotate 1000ms cubic-bezier(0.4, 0, 0.22, 1) infinite;
          animation: donut-rotate 1000ms cubic-bezier(0.4, 0, 0.22, 1) infinite;
}

.pswp--css_animation .pswp__preloader__icn {
  background: none;
  opacity: 0.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: none;
  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(0deg);
            transform: rotate(0deg); }
  100% {
    -webkit-transform: rotate(360deg);
            transform: rotate(360deg); }
}

@keyframes clockwise {
  0% {
    -webkit-transform: rotate(0deg);
            transform: rotate(0deg); }
  100% {
    -webkit-transform: rotate(360deg);
            transform: rotate(360deg); }
}

@-webkit-keyframes donut-rotate {
  0% {
    -webkit-transform: rotate(0);
            transform: rotate(0); }
  50% {
    -webkit-transform: rotate(-140deg);
            transform: rotate(-140deg); }
  100% {
    -webkit-transform: rotate(0);
            transform: rotate(0); }
}

@keyframes donut-rotate {
  0% {
    -webkit-transform: rotate(0);
            transform: rotate(0); }
  50% {
    -webkit-transform: rotate(-140deg);
            transform: rotate(-140deg); }
  100% {
    -webkit-transform: rotate(0);
            transform: rotate(0); }
}

.pswp__ui {
  -webkit-font-smoothing: auto;
  visibility: visible;
  opacity: 1;
  z-index: 1550;
}

.pswp__top-bar {
  position: absolute;
  left: 0;
  top: 0;
  height: 44px;
  width: 100%;
}

.pswp__caption,
.pswp__top-bar,
.pswp--has_mouse .pswp__button--arrow--left,
.pswp--has_mouse .pswp__button--arrow--right {
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  will-change: opacity;
  -webkit-transition: opacity 333ms cubic-bezier(0.4, 0, 0.22, 1);
          transition: opacity 333ms cubic-bezier(0.4, 0, 0.22, 1);
}

/* pswp--has_mouse class is added only when two subsequent mousemove events occur */
.pswp--has_mouse .pswp__button--arrow--left,
.pswp--has_mouse .pswp__button--arrow--right {
  visibility: visible;
}

.pswp__top-bar,
.pswp__caption {
  background-color: #fff;
}

/* pswp__ui--fit class is added when main image "fits" between top bar and bottom bar (caption) */
.pswp__ui--fit .pswp__top-bar,
.pswp__ui--fit .pswp__caption {
  background-color: rgba(0, 0, 0, 0.3);
}

/* pswp__ui--idle class is added when mouse isn't moving for several seconds (JS option timeToIdle) */
.pswp__ui--idle .pswp__top-bar {
  opacity: 0;
}

.pswp__ui--idle .pswp__button--arrow--left,
.pswp__ui--idle .pswp__button--arrow--right {
  opacity: 0;
}

/*
pswp__ui--hidden class is added when controls are hidden
e.g. when user taps to toggle visibility of controls
*/
.pswp__ui--hidden .pswp__top-bar,
.pswp__ui--hidden .pswp__caption,
.pswp__ui--hidden .pswp__button--arrow--left,
.pswp__ui--hidden .pswp__button--arrow--right {
  /* Force paint & create composition layer for controls. */
  opacity: 0.001;
}

/* pswp__ui--one-slide class is added when there is just one item in gallery */
.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__element--disabled {
  display: none !important;
}

.pswp--minimal--dark .pswp__top-bar {
  background: none;
}

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

.pswp__button {
  --nudge: 2px;
}
.pswp__button.pswp__button--arrow--left > svg {
  left: calc(50% - var(--nudge));
}
.pswp__button.pswp__button--arrow--right > svg {
  left: calc(50% + var(--nudge));
}



/* ---- Newsletter Section ---- */

.newsletter__section {
  margin: 0;
  text-align: left;
  background: var(--section-background);
}

.newsletter__section .newsletter__section-container {
  display: grid;
  grid-template-columns: 2fr 2fr;
  grid-column-gap: 50px;
  align-items: center;
  justify-items: stretch;
  padding: 50px 20px;
}
.newsletter__section p {
  margin-bottom: 0;
}

.newsletter__section-contentWrapper form {
    position: relative;
}

.newsletter__section .newsletter__section-email, .newsletter__section .newsletter__section-submit {
  display: inline-block !important;
  height: 48px;
  line-height: 48px;
  margin: 0;
}
.newsletter__section .newsletter__section-submit {
  width: auto;
  position: absolute;
  right: 0;
  border: 0 !important;
}
.newsletter__section .newsletter__section-email {
  width: 100%;
  text-align: left;
  border-top: 0;
  border-right: 0;
  border-left: 0;
  border-radius:0;
  outline: 0;
  appearance: none;
  -webkit-appearance: none;
  background: transparent;
}
ul.newsletter__social-icons li {
  display: inline-block;
  margin: 0 10px 0;
}
ul.newsletter__social-icons {
    margin: 20px 0;
}
ul.newsletter__social-icons li a {
    font-size: 10px;
    display: block;
}
.newsletter__section .newsletter__section-email:focus::-webkit-input-placeholder,
.newsletter__section .newsletter__section-email:focus:-moz-placeholder,
.newsletter__section .newsletter__section-email:focus::-moz-placeholder,
.newsletter__section .newsletter__section-email:focus:-ms-input-placeholder {
  color: transparent;
}
@media screen and (max-width: 740px) {
  .newsletter__section .newsletter__section-container {
      grid-row-gap: 30px;
      text-align: center;
      padding-bottom: 20px;
  }
  .newsletter__section-contentWrapper {
      grid-column: 1 / span 4;
  }
  .newsletter__section .newsletter__section-email {
      text-align: center;
      margin-bottom: 15px;
  }
}
.newsletter__section .errors {
    margin-top: 10px;
}
.newsletter__section .errors li {
    list-style: none;
    padding: 10px;
}


.newsletter__section h2,
.newsletter__section p,
.newsletter__section-subheading a,
.newsletter__section p.success,
.newsletter__section .errors {
  color: var(--text-color);
}
.newsletter__section .newsletter__section-email {
  border-bottom: 2px solid var(--text-color);
  color: var(--text-color);
}
.newsletter__section .newsletter__section-submit {
  background: transparent;
  color: var(--button-color);
}
.newsletter__section .newsletter__section-submit:hover {
  background: transparent !important;
  color: var(--button-color);
}
.newsletter__section .newsletter__section-email::-webkit-input-placeholder {
  color: var(--text-color);
}
.newsletter__section .newsletter__section-email:-moz-placeholder {
  color: var(--text-color);
}
.newsletter__section .newsletter__section-email::-moz-placeholder {
  color: var(--text-color);
}
.newsletter__section .newsletter__section-email:-ms-input-placeholder {
  color: var(--text-color);
}


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

.global__section {
  margin-top: calc(var(--section-padding) / 2);
  padding-bottom: calc(var(--section-padding) / 2);
  position: relative;
}

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

.global__section.mt0 {
  margin-top: 0;
}

.global__section.mb0 {
  margin-bottom: 0;
}

.global__section.pt0 {
  padding-top: 0;
}

.global__section.pb0 {
  padding-bottom: 0;
}

.global__section h2.section-heading {
  padding: 10px 0;
  margin-bottom: 30px;
  text-align: center;
  width: 100%;
  position: relative;
}

/* top_and_bottom */
.theme-features__section-title-border--top_and_bottom .global__section h2.section-heading {
  border-bottom: var(--border-weight) solid var(--dotted-color);
  border-top: var(--border-weight) solid var(--dotted-color);
}

/* bottom_only_full */
.theme-features__section-title-border--bottom_only_full .global__section h2.section-heading {
  border-bottom: var(--border-weight) solid var(--dotted-color);
}

/* bottom_only_short */
.theme-features__section-title-border--bottom_only_short .global__section h2.section-heading:after {
  content:"";
  width: 80px;
  margin-left: -40px;
  left: 50%;
  bottom: 0;
  position: absolute;
  border-bottom: var(--border-weight) solid var(--dotted-color);
}

/* ---- Image gallery section ---- */


.gallery__section-content {
  position: relative;
  display: grid;
}

.gallery__section-image:after {
  position: absolute;
  top: 0;
  left: 0;
  height: 100%;
  width: 100%;
  content:"";
  background: rgba(var(--section-overlay-color),var(--section-overlay-opacity));
  pointer-events: none;
  z-index: 1;
}
.gallery__section-block .gallery__image-caption,
.gallery__section-image {
  grid-column: 1/2;
  grid-row: 1/2;
}

.gallery__section-block .gallery__image-caption {
  display: flex;
  flex-direction: column;
  justify-content: flex-end;
  row-gap: 10px;
  padding: 20px;
  background: var(--caption-background);
  z-index: 1;
}
.gallery__image-caption h3,
.gallery__image-caption p,
.gallery__image-caption a:not(.button) {
    margin-bottom: 0;
    color: var(--text-color);
}
.gallery__section-block > a {
  display: block;
  width: 100%;
  padding: calc(var(--keyboard-focus-border-weight) * 1px);
  outline-offset: calc(var(--keyboard-focus-border-weight) * -1px) !important;
}
.gallery__image-caption h3,
.gallery__image-caption p,
.gallery__image-caption .button {
  margin-top: 0;
  margin-bottom: 0;
}

.gallery__image-caption a.button {
  font-size: var(--section-button-size);
}

/* Fixed height gallery images */
.gallery__section-container.is-fixed_height .gallery__section-image .box-ratio img {
  object-fit: cover;
  object-position: center center;
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  -moz-transform: translate(-50%, -50%);
  -o-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
}

.gallery__section-container.is-fixed_height .gallery__section-image .box-ratio {
  padding-bottom: var(--desktop-section-height) !important;
  position: relative;
}

.gallery__section-container.is-fixed_height .gallery__section-image,
.gallery__section-container.is-fixed_height .gallery__section-image .onboard,
.gallery__section-container.is-fixed_height .gallery__section-image .box-ratio img {
  height: var(--desktop-section-height);
}

@media screen and (max-width: 740px) {
  .gallery__section-container.is-fixed_height .gallery__section-image .box-ratio {
    padding-bottom: var(--mobile-section-height) !important;
  }
  .gallery__section-container.is-fixed_height .gallery__section-image,
  .gallery__section-container.is-fixed_height .gallery__section-image .onboard,
  .gallery__section-container.is-fixed_height .gallery__section-image .box-ratio img {
    height: var(--mobile-section-height);
  }
}

/* combine global hover scale with fixes height */
.theme-features__image-hover-transition--true .gallery__section-container.is-fixed_height .gallery__section-image .box-ratio img {
  -webkit-transform: translate(-50%, -50%) scale(1);
  -ms-transform: translate(-50%, -50%) scale(1);
  -moz-transform: translate(-50%, -50%) scale(1);
  -o-transform: translate(-50%, -50%) scale(1);
  transform: translate(-50%, -50%) scale(1);
}

.theme-features__image-hover-transition--true .gallery__section-container.is-fixed_height .gallery__section-content:hover .gallery__section-image img {
  -webkit-transform: scale(1.05) translate(-47.5%, -47.5%);
  transform: scale(1.05) translate(-47.5%, -47.5%);
}

@media screen and (min-width: 740px) {
  .gallery__section-content.hover__caption .gallery__image-caption,
  .gallery__section-content.hover__caption .gallery__section-image {
    transition: opacity .5s;
  }

  .gallery__section-content.hover__caption .gallery__image-caption {
    opacity: 0;
  }

  .gallery__section-content.hover__caption:hover .gallery__image-caption {
    opacity: 1;
  }

  .gallery__section-content.hover__caption:hover .gallery__section-image {
    opacity: 0.5;
  }
}

@media screen and (max-width: 740px) {
  .global__section .gallery__section-container.mobile__swipe {
      display: flex !important;
      flex-wrap: nowrap !important;
      overflow-x: auto !important;
      -webkit-overflow-scrolling: touch;
      margin-bottom: 10px;
      grid-gap: 0;
  }
  .global__section .gallery__section-container.mobile__swipe::-webkit-scrollbar {
    display: none;
    -ms-overflow-style: none;
  }
  .global__section .gallery__section-container.mobile__swipe .gallery__section-block {
      flex: 0 0 auto;
      width: 270px;
      margin-right: 20px;
      float: none !important;
  }
  .global__section .gallery__section-container.mobile__swipe .gallery__section-block.last-block {
    margin-right: 0;
  }
}

/* ---- Homepage text notifications ---- */

.usp__content {
  text-align: center;
  padding: 20px 0;
  position: relative;
}

.usp__content p {
  margin-bottom: 0;
}

.usp__section .usp__content a {
  text-decoration: underline;
}

/* ---- Additional product sections ---- */

section.product__alt-section {
    padding-top: 40px;
    margin-bottom: 40px;
}

section.product__alt-section.parallax-product-image-with-text-overlay {
    padding-top: 0;
    margin-top: 40px;
}

/* ---- Image with text section ---- */

.image__withText-section {
  background: var(--section-background);
}

.image__withText-section .image__withText-wrapper {
    grid-gap: 0px;
    align-items: center;
    justify-content: center;
}

@media screen and (max-width: 740px) {
  .image__withText-section .image__withText-wrapper {
    grid-row-gap: 20px;
  }
}

.image__withText-caption {
  padding: 30px;
}

.image__withText-caption a {
  text-decoration: underline;
}

.image__withText-caption h3 {
    margin-bottom: 0;
}

.image__withText-caption .rte,
.image__withText-caption a.caption__link {
    margin-top: 20px;
}

.image__withText-section h3,
.image__withText-section .rte,
.image__withText-section .rte p,
.image__withText-section a {
  color: var(--text-color);
}

.image__withText-caption a.caption__link {
  display: block;
}

.image__withText-image {
  margin-top: 20px;
  margin-bottom: 20px;
}

.image__withText-image.mt0.mb0 {
  margin-top: 0;
  margin-bottom: 0;
}

@media screen and ( max-width: 740px ) {
  .image__withText-wrapper .image__withText-image {
      grid-row: 1;
  }
  .image__withText-wrapper .image__withText-caption {
    grid-row: 2;
    padding: 0;
  }
}

/* Fixed height image */
.image__withText-image.is-fixed_height .box-ratio img {
  object-fit: cover;
  object-position: center center;
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  -moz-transform: translate(-50%, -50%);
  -o-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
}

.image__withText-image.is-fixed_height .box-ratio {
  padding-bottom: var(--desktop-section-height) !important;
  position: relative;
}

.image__withText-image.is-fixed_height,
.image__withText-image.is-fixed_height .onboard,
.image__withText-image.is-fixed_height .box-ratio img {
  height: var(--desktop-section-height);
}

@media screen and (max-width: 740px) {
  .image__withText-image.is-fixed_height .box-ratio {
    padding-bottom: var(--mobile-section-height) !important;
  }
  .image__withText-image.is-fixed_height,
  .image__withText-image.is-fixed_height .onboard,
  .image__withText-image.is-fixed_height .box-ratio img {
    height: var(--mobile-section-height);
  }
}

/* combine global hover scale with fixes height */
.theme-features__image-hover-transition--true .image__withText-image.is-fixed_height .box-ratio img {
  -webkit-transform: translate(-50%, -50%) scale(1);
  -ms-transform: translate(-50%, -50%) scale(1);
  -moz-transform: translate(-50%, -50%) scale(1);
  -o-transform: translate(-50%, -50%) scale(1);
  transform: translate(-50%, -50%) scale(1);
}

.theme-features__image-hover-transition--true .image__withText-image.is-fixed_height:hover .box-ratio img {
  -webkit-transform: scale(1.05) translate(-47.5%, -47.5%);
  transform: scale(1.05) translate(-47.5%, -47.5%);
}

/* Shopping cart */
.note {
  padding: 20px;
  border: 1px solid var(--dotted-color);
  margin-bottom: 20px;
}
.note .underline {
  text-decoration: underline;
}
.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%;
}

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

/* ---- Modal Styles ---- */
.modal__container {
  display: none;
  opacity: 0;
  position: absolute;
  z-index: 15;
  left: 50%;
  top: 10vh;
  transform: translateX(-50%);
  webkit-transition: opacity 1.2s ease-in-out;
  transition: opacity 1.2s ease-in-out;
}
.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;
}

/* ---- Modal Full Width --- */
.modal__container[data-wau-modal-full] {
  width: 100%;
  height: 100%;
  position: fixed;
  top: 0;
  left: 0;
  transform: unset;
  overflow: hidden;
  min-height: 100%;
}
.modal__container[data-wau-modal-full] .modal__inner-wrapper {
  border: unset;
  max-height: unset;
  width: 100%;
  height: 100%;
  overflow-y: auto;
}
.modal__container[data-wau-modal-full] .modal__inner-content-container {
  max-height: unset;
  padding: 0;
  margin: 0;
  overflow: unset;
}

/* Cart Styles: Drawer, Modal, and Page */
.mini-cart__container {
  position: relative;
}
.ajax-cart__cart-item {
  position: relative;
  border-top: 1px solid var(--dotted-color);
  list-style: none;
}
.ajax-cart__cart-item:last-child {
  border-bottom: 1px solid var(--dotted-color);
}
.ajax-cart__item-remove {
  position: absolute;
  top: 10px;
  right: 10px;
  cursor: pointer;
}
.ajax-cart__item-image img {
  vertical-align: middle;
}
.ajax-cart__header__continue-link {
  font-size: var(--font-size);
}
.ajax-cart__header__continue-link-text {
  margin-left: 5px;
}
.ajax-cart__item-quantity {
  font-size: 0;
}
.ajax-cart__qty-control--down,
.ajax-cart__qty-control--up {
  display: inline-block;
  vertical-align: middle;
  border: 1px solid transparent;
  width: 30px;
  height: 50px;
  line-height: 50px;
  cursor: pointer;
  text-align: center;
  font-size: initial;
}
.ajax-cart__qty-input {
  display: inline-block;
  vertical-align: middle;
  border: 1px solid transparent !important;
  width: 80px !important;
  text-indent: 0 !important;
  margin-bottom: 0 !important;
}
.ajax-cart__cart-variants {
  font-size: var(--font-size);
  margin-bottom: 10px;
}
input.ajax-cart__qty-input::-webkit-outer-spin-button,
input.ajax-cart__qty-input::-webkit-inner-spin-button {
  -webkit-appearance: none;
  margin: 0;
}
input[type=number].ajax-cart__qty-input {
  -moz-appearance: textfield;
}
.ajax-cart__cart-item:hover .ajax-cart__qty-input {
  border-color: #ececec !important;
}
.ajax-cart__cart-item:hover .ajax-cart__qty-control--down,
.ajax-cart__cart-item:hover .ajax-cart__qty-control--up {
  background-color: #ececec;
  border-color: #ececec;
}
.ajax-cart__title a {
  display: block;
  max-width: 225px;
}
.ajax-cart__accordion .accordion-content {
  list-style: none;
  padding-left: 0;
}
.ajax-cart__accordion .accordion-content.closed,
.ajax-cart__accordion .accordion-content2.closed {
  display: none;
}
.ajax-cart__accordion .accordion-content.default,
.ajax-cart__accordion .accordion-content,
.ajax-cart__accordion .accordion-content2.default,
.ajax-cart__accordion .accordion-content2 {
  display: block;
}
.ajax-cart__accordion .tlink.has_sub_menu,
.ajax-cart__accordion .tlink2.has_sub_menu {
  cursor: pointer;
  list-style: none;
  position: relative;
  margin-bottom: 10px;
}
.ajax-cart__accordion .tlink.has_sub_menu a,
.ajax-cart__accordion .tlink2.has_sub_menu a {
  padding: 10px;
  background: var(--dotted-color);
  display: inline-block;
  width: 100%;
  font-size: var(--font-size);
}
.ajax-cart__accordion .tlink.has_sub_menu span.icon,
.ajax-cart__accordion .tlink2.has_sub_menu span.icon {
  position: absolute;
  right: 10px;
  top: 50%;
  transform: translateY(-50%);
  pointer-events: none;
}
.ajax-cart__accordion .tlink.has_sub_menu span.icon.active-arrow,
.ajax-cart__accordion .tlink.has_sub_menu.closed span.icon.inactive-arrow,
.ajax-cart__accordion .tlink2.has_sub_menu span.icon.active-arrow,
.ajax-cart__accordion .tlink2.has_sub_menu.closed span.icon.inactive-arrow {
  display: block;
}
.ajax-cart__accordion .tlink.has_sub_menu.closed span.icon.active-arrow,
.ajax-cart__accordion .tlink.has_sub_menu span.icon.inactive-arrow,
.ajax-cart__accordion .tlink2.has_sub_menu.closed span.icon.active-arrow,
.ajax-cart__accordion .tlink2.has_sub_menu span.icon.inactive-arrow {
  display: none;
}
.ajax-cart__accordion .tlink.has_sub_menu:after,
.ajax-cart__accordion .accordion-toggle2:after {
  padding-right: 0;
}
.ajax-cart__free-shipping {
  padding: 20px;
  margin-bottom: 15px;
  background-color: var(--free-shipping-bg);
  color: var(--free-shipping-text);
}
.ajax-cart__final-details div {
  font-size: 0;
  margin-bottom: 5px;
}
.ajax-cart__final-details .discounts {
  display: flex;
}
.ajax-cart__final-details .discounts > * {
  width: 100%;
}
.ajax-cart__final-details .discounts .a-right {
  font-size: var(--font-size);
  list-style: none;
}
.ajax-cart__final-details div > p {
  display: inline-block;
  font-size: var(--font-size);
  width: 50%;
  vertical-align: middle;
}
.ajax-cart__item-price dl,
.ajax-cart__item-line-price dl {
  margin-bottom: 0;
}
.ajax-cart__item-price dd,
.ajax-cart__item-line-price span {
  font-size: var(--font-size);
}
.ajax-cart__order-discount {
  list-style: none;
}
.ajax-cart__order-discount .order-discount__item .onsale {
  font-size: 11px;
}
.ajax-cart__button-view_cart {
  text-align: center;
}
.ajax-cart__cart-form {
  grid-column-gap: 10px;
}
.ajax-cart__empty-cart {
  font-size: var(--font-size);
}
.mini-cart__cart-note {
  grid-column: auto / span 12;
  width: 95%;
  text-align: left;
  display: block;
  border: 1px solid var(--error-color);
  padding: 5px;
  color: var(--error-color);
  background-color: var(--error-color-light);
  margin-top: 10px;
}
.mini-cart__cart-note p {
  margin-bottom: 0;
}
/* Cart Styles: Page Only */
.ajax-cart__page-wrapper .ajax-cart__cart-item {
  padding: 10px !important;
}
.ajax-cart__page-wrapper .ajax-cart__header-wrapper {
  padding: 20px 0;
}
.ajax-cart__page-wrapper .ajax-cart__button-view_cart {
  display: none;
}
.ajax-cart__buttons {
  text-align: right;
}
@media (min-width: 740px ) {
  .ajax-cart__page-wrapper .ajax-cart__item-image,
  .ajax-cart__page-wrapper .ajax-cart__item-price,
  .ajax-cart__page-wrapper .ajax-cart__item-qty,
  .ajax-cart__page-wrapper .ajax-cart__item-line-price {
    grid-column: auto / span 2;
    width: 100%;
  }
  .ajax-cart__page-wrapper .ajax-cart__item-details {
    grid-column: auto / span 4;
    width: 100%;
  }
  .ajax-cart__page-wrapper .ajax-cart__info-wrapper {
    grid-column: auto / span 6;
    width: 100%;
  }
  .ajax-cart__page-wrapper .ajax-cart__summary-wrapper {
    grid-column: auto / span 6;
    width: 100%;
  }
}
@media (min-width: 1250px) {
  .ajax-cart__page-wrapper .ajax-cart__item-image img {
    max-width: 160px;
  }
}
@media (min-width: 980px) and (max-width: 1249px) {
  .ajax-cart__page-wrapper .ajax-cart__item-image img {
    max-width: 120px;
  }
  .ajax-cart__page-wrapper .ajax-cart__qty-input {
    width: 40px !important;
  }
}
@media (min-width: 740px) and (max-width: 979px) {
  .ajax-cart__page-wrapper .ajax-cart__item-image img {
    max-width: 100px;
  }
  .ajax-cart__page-wrapper .ajax-cart__qty-input {
    width: 40px !important;
  }
}
@media (max-width: 739px) {
  .ajax-cart__page-wrapper .ajax-cart__item-image img {
    max-width: 70px;
  }
  .ajax-cart__page-wrapper .ajax-cart__item-image {
    grid-column: auto / span 4;
    width: 100%;
  }
  .ajax-cart__page-wrapper .ajax-cart__item-price,
  .ajax-cart__page-wrapper .ajax-cart__item-line-price {
    grid-column: auto / span 3;
    width: 100%;
    text-align: center;
  }
  .ajax-cart__page-wrapper .ajax-cart__item-qty {
    grid-column: auto / span 6;
    width: 100%;
  }
  .ajax-cart__page-wrapper .ajax-cart__item-details {
    grid-column: auto / span 8;
    width: 100%;
  }
  .ajax-cart__page-wrapper .ajax-cart__info-wrapper {
    grid-column: auto / span 12;
    width: 100%;
  }
  .ajax-cart__page-wrapper .ajax-cart__summary-wrapper {
    grid-column: auto / span 12;
    width: 100%;
  }
  .ajax-cart__page-wrapper .ajax-cart__item-quantity {
    text-align: center;
  }
  .ajax-cart__title a {
    max-width: 190px;
  }
}
.ajax-cart__page-wrapper .ajax-cart__empty-cart {
  margin-top: 100px;
  padding-bottom: 100px;
}
/* Cart Styles: Drawer Only */
.ajax-cart__drawer-wrapper .ajax-cart__header-wrapper {
  padding: 10px 15px;
}
.ajax-cart__drawer-wrapper .ajax-cart__info-wrapper,
.ajax-cart__drawer-wrapper .ajax-cart__summary-wrapper {
  padding: 0 15px;
}
.ajax-cart__drawer-wrapper .ajax-cart__cart-item {
  padding: 15px !important;
  grid-row-gap: 0;
}
.ajax-cart__drawer-wrapper .ajax-cart__item-image img {
  max-width: 70px;
}
.ajax-cart__drawer-wrapper .ajax-cart__item-image {
  grid-column: auto / span 3;
  width: 100%;
}
.ajax-cart__drawer-wrapper .ajax-cart__item-price,
.ajax-cart__drawer-wrapper .ajax-cart__item-line-price {
  grid-column: auto / span 3;
  width: 100%;
  text-align: center;
}
.ajax-cart__drawer-wrapper .ajax-cart__item-qty {
  grid-column: auto / span 6;
  width: 100%;
}
.ajax-cart__drawer-wrapper .ajax-cart__item-details {
  grid-column: auto / span 9;
  width: 100%;
}
.ajax-cart__drawer-wrapper .ajax-cart__info-wrapper {
  grid-column: auto / span 12;
  width: 100%;
}
.ajax-cart__drawer-wrapper .ajax-cart__summary-wrapper {
  grid-column: auto / span 12;
  width: 100%;
}
.ajax-cart__drawer-wrapper .ajax-cart__item-quantity {
  text-align: center;
}
.ajax-cart__drawer-wrapper .ajax-cart__empty-cart {
  margin-top: 100px;
  padding-bottom: 100px;
}
/* Cart Styles: Modal Only */
.ajax-cart__modal-wrapper .ajax-cart__header-wrapper {
  padding-bottom: 5px;
}
.ajax-cart__modal-wrapper .ajax-cart__cart-items {
  max-height: 320px;
  overflow-x: hidden;
  overflow-y: scroll;
}
.ajax-cart__modal-wrapper .ajax-cart__cart-item {
  padding: 10px 0 !important;
}
.ajax-cart__modal-wrapper .ajax-cart__item-image img {
  max-width: 70px;
}
.ajax-cart__modal-wrapper .ajax-cart__item-image__wrapper {
  margin: 0 auto;
  text-align: center;
}
.ajax-cart__modal-wrapper .ajax-cart__qty-input {
  width: 40px !important;
}
.ajax-cart__modal-wrapper .ajax-cart__empty-cart {
  margin-top: 100px;
  padding-bottom: 100px;
}
.ajax-cart__modal-wrapper .slideout__trigger-ajax-cart {
  padding: 0;
  height: 30px;
  line-height: 30px;
}
.ajax-cart__modal-wrapper .ajax-cart__final-details {
  margin-top: 10px;
}
.ajax-cart__modal-wrapper .ajax-cart__title a {
  font-size: var(--h4-size);
}
.ajax-cart__modal-wrapper .ajax-cart__button-submit {
  margin-bottom: 0;
}
.ajax-cart__modal-wrapper .ajax-cart__button-view_cart {
  margin-bottom: 5px;
}
@media (min-width: 740px ) {
  .ajax-cart__modal-wrapper .ajax-cart__item-image,
  .ajax-cart__modal-wrapper .ajax-cart__item-price,
  .ajax-cart__modal-wrapper .ajax-cart__item-qty,
  .ajax-cart__modal-wrapper .ajax-cart__item-line-price {
    grid-column: auto / span 2;
    width: 100%;
  }
  .ajax-cart__modal-wrapper .ajax-cart__item-details {
    grid-column: auto / span 4;
    width: 100%;
  }
  .ajax-cart__modal-wrapper .ajax-cart__info-wrapper {
    grid-column: auto / span 6;
    width: 100%;
  }
  .ajax-cart__modal-wrapper .ajax-cart__summary-wrapper {
    grid-column: auto / span 6;
    width: 100%;
  }
}
@media (max-width: 739px) {
  .ajax-cart__modal-wrapper .ajax-cart__item-image {
    grid-column: auto / span 4;
    width: 100%;
  }
  .ajax-cart__modal-wrapper .ajax-cart__item-price,
  .ajax-cart__modal-wrapper .ajax-cart__item-line-price {
    grid-column: auto / span 3;
    width: 100%;
    text-align: center;
  }
  .ajax-cart__modal-wrapper .ajax-cart__item-qty {
    grid-column: auto / span 6;
    width: 100%;
  }
  .ajax-cart__modal-wrapper .ajax-cart__item-details {
    grid-column: auto / span 8;
    width: 100%;
  }
  .ajax-cart__modal-wrapper .ajax-cart__info-wrapper {
    grid-column: auto / span 12;
    width: 100%;
  }
  .ajax-cart__modal-wrapper .ajax-cart__summary-wrapper {
    grid-column: auto / span 12;
    width: 100%;
  }
  .ajax-cart__modal-wrapper .ajax-cart__item-quantity {
    text-align: center;
  }
  #modal-ajax-cart .modal__inner-wrapper {
    padding: 20px 10px 20px 10px !important;
  }
}

/* ---- Shipping Calculator ---- */
.ajax-cart__modal-wrapper .ajax-cart__accordion--shipping-calc,
.ajax-cart__drawer-wrapper .ajax-cart__accordion--shipping-calc {
  display: none;
}
.shipping-calc__response--wrapper {
  border: 1px solid var(--dotted-color);
  margin-top: 15px;
  padding: 20px;
  font-size: var(--font-size);
}
.shipping-calc__rate {
  font-size: var(--font-size);
}

div#shipping-calculator select {
    width: 100%;
    clear: both;
    margin: 5px 0 10px;
}

input#address_zip {
    margin-top: 5px;
}

div#shipping-calculator .action_bottom {
  margin-bottom: 20px;
}

/* ---- Cart page ---- */

section.cart-page {
    margin-bottom: 50px;
}

section.cart-page h1 {
    border-bottom: 0 !important;
}

/* ---- Product Quickview ---- */
.product-listing__quickview-trigger {
  display:none;
  background: var(--button-color);
  color: var(--button-text);
  transition: all .25s ease-in-out;
  position: absolute;
  width: auto;
  top: 50%;
  left: 50%;
  z-index: 5;
  transform: translateX(-50%);
  text-align: center;
  letter-spacing: 1px;
  font-size: 11px;
  line-height: initial;
  border-radius: var(--button-border-radius);
}

.product-listing__quickview-trigger:hover {
  color: var(--button-text-hover);
  background: var(--button-hover);
  text-decoration: none;
  cursor: pointer;
}

.product-listing__quickview-trigger:visited {
  background: var(--button-color);
  color: var(--button-text);
}

.product-index:hover .product-listing__quickview-trigger {
  display: block;
}

@media screen and (max-width: 740px) {
  .product-listing__quickview-trigger {
    display: none !important;
  }
}

.slideout__trigger-quickview__wrapper {
  position: absolute;
  top: 0;
  right: 0;
  z-index: 1;
}

.product-quickview__form-wrapper {
  min-height: 580px;
}

.product-quickview__form-wrapper .flickity-button {
  z-index: 100;
}

.product__quickview-wrapper #thumbnails {
  display: none;
}

#modal-quickview-cart .product__section-details {
  padding: 0 20px;
}

#modal-quickview-cart .product__section-content {
  padding: 0;
}

#modal-quickview-cart .product__section-details form {
  border-bottom: none;
}

@media (min-width: 740px ) {
  .slideout__trigger-quickview__wrapper {
    top: 1px;
  }
  #modal-quickview-cart .product-quickview__container {
    overflow-y: auto;
    max-height: 800px;
    margin: 12px;
  }
  .product-quickview__container .product__section-container {
    grid-template-columns: 5fr 5fr;
    grid-column-gap: 40px;
    display: grid;
  }
  #modal-quickview-cart .modal__inner-wrapper {
    padding: 10px !important;
  }
}

#modal-quickview-cart .product__section-images {
  animation: fadeIn; /* referring directly to the animation's @keyframe declaration */
  animation-duration: 3s; /* don't forget to set a duration! */
}
#modal-quickview-cart .product__section-content {
  animation: fadeIn; /* referring directly to the animation's @keyframe declaration */
  animation-duration: 2s; /* don't forget to set a duration! */
}
@media (max-width: 739px ) {
  .slideout__trigger-quickview__wrapper {
    top: 20px;
  }
  #modal-quickview-cart .product-quickview__container {
    overflow-y: auto;
    max-height: 560px;
    margin: 10px;
    padding-right: 10px;
  }
}

.product-quickview__container #slider.thumbs_bottom .flickity-prev-next-button.previous {
    left: 0;
}

.product-quickview__container #slider.thumbs_bottom .flickity-prev-next-button.next {
    right: 0;
}


/* ---- Loading animations ---- */

.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: -0.5s;
}

@keyframes loadingRipple {
  0% {
    top: 36px;
    left: 36px;
    width: 0;
    height: 0;
    opacity: 1;
  }
  100% {
    top: 0px;
    left: 0px;
    width: 72px;
    height: 72px;
    opacity: 0;
  }
}

/*!
Animate.css - http://daneden.me/animate
Licensed under the MIT license - http://opensource.org/licenses/MIT

Copyright (c) 2014 Daniel Eden
*/
 .animate-hide{-webkit-animation-duration:0.75s;animation-duration:0.75s;-webkit-animation-fill-mode:both;animation-fill-mode:both}.animate-show{-webkit-animation-duration:0.75s;animation-duration:0.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}.animated.infinite{-webkit-animation-iteration-count:infinite;animation-iteration-count:infinite}.animated.hinge{-webkit-animation-duration:2s;animation-duration:2s}@-webkit-keyframes bounce{0%,20%,53%,80%,100%{-webkit-transition-timing-function:cubic-bezier(.215,.61,.355,1);transition-timing-function:cubic-bezier(.215,.61,.355,1);-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}40%,43%{-webkit-transition-timing-function:cubic-bezier(.755,.05,.855,.06);transition-timing-function:cubic-bezier(.755,.05,.855,.06);-webkit-transform:translate3d(0,-30px,0);transform:translate3d(0,-30px,0)}70%{-webkit-transition-timing-function:cubic-bezier(.755,.05,.855,.06);transition-timing-function:cubic-bezier(.755,.05,.855,.06);-webkit-transform:translate3d(0,-15px,0);transform:translate3d(0,-15px,0)}90%{-webkit-transform:translate3d(0,-4px,0);transform:translate3d(0,-4px,0)}}@keyframes bounce{0%,20%,53%,80%,100%{-webkit-transition-timing-function:cubic-bezier(.215,.61,.355,1);transition-timing-function:cubic-bezier(.215,.61,.355,1);-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}40%,43%{-webkit-transition-timing-function:cubic-bezier(.755,.05,.855,.06);transition-timing-function:cubic-bezier(.755,.05,.855,.06);-webkit-transform:translate3d(0,-30px,0);transform:translate3d(0,-30px,0)}70%{-webkit-transition-timing-function:cubic-bezier(.755,.05,.855,.06);transition-timing-function:cubic-bezier(.755,.05,.855,.06);-webkit-transform:translate3d(0,-15px,0);transform:translate3d(0,-15px,0)}90%{-webkit-transform:translate3d(0,-4px,0);transform:translate3d(0,-4px,0)}}.bounce{-webkit-animation-name:bounce;animation-name:bounce;-webkit-transform-origin:center bottom;-ms-transform-origin:center bottom;transform-origin:center bottom}@-webkit-keyframes flash{0%,50%,100%{opacity:1}25%,75%{opacity:0}}@keyframes flash{0%,50%,100%{opacity:1}25%,75%{opacity:0}}.flash{-webkit-animation-name:flash;animation-name:flash}@-webkit-keyframes pulse{0%{-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)}100%{-webkit-transform:scale3d(1,1,1);transform:scale3d(1,1,1)}}@keyframes pulse{0%{-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)}100%{-webkit-transform:scale3d(1,1,1);transform:scale3d(1,1,1)}}.pulse{-webkit-animation-name:pulse;animation-name:pulse}@-webkit-keyframes rubberBand{0%{-webkit-transform:scale3d(1,1,1);transform:scale3d(1,1,1)}30%{-webkit-transform:scale3d(1.25,.75,1);transform:scale3d(1.25,.75,1)}40%{-webkit-transform:scale3d(.75,1.25,1);transform:scale3d(.75,1.25,1)}50%{-webkit-transform:scale3d(1.15,.85,1);transform:scale3d(1.15,.85,1)}65%{-webkit-transform:scale3d(.95,1.05,1);transform:scale3d(.95,1.05,1)}75%{-webkit-transform:scale3d(1.05,.95,1);transform:scale3d(1.05,.95,1)}100%{-webkit-transform:scale3d(1,1,1);transform:scale3d(1,1,1)}}@keyframes rubberBand{0%{-webkit-transform:scale3d(1,1,1);transform:scale3d(1,1,1)}30%{-webkit-transform:scale3d(1.25,.75,1);transform:scale3d(1.25,.75,1)}40%{-webkit-transform:scale3d(.75,1.25,1);transform:scale3d(.75,1.25,1)}50%{-webkit-transform:scale3d(1.15,.85,1);transform:scale3d(1.15,.85,1)}65%{-webkit-transform:scale3d(.95,1.05,1);transform:scale3d(.95,1.05,1)}75%{-webkit-transform:scale3d(1.05,.95,1);transform:scale3d(1.05,.95,1)}100%{-webkit-transform:scale3d(1,1,1);transform:scale3d(1,1,1)}}.rubberBand{-webkit-animation-name:rubberBand;animation-name:rubberBand}@-webkit-keyframes shake{0%,100%{-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}10%,30%,50%,70%,90%{-webkit-transform:translate3d(-10px,0,0);transform:translate3d(-10px,0,0)}20%,40%,60%,80%{-webkit-transform:translate3d(10px,0,0);transform:translate3d(10px,0,0)}}@keyframes shake{0%,100%{-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}10%,30%,50%,70%,90%{-webkit-transform:translate3d(-10px,0,0);transform:translate3d(-10px,0,0)}20%,40%,60%,80%{-webkit-transform:translate3d(10px,0,0);transform:translate3d(10px,0,0)}}.shake{-webkit-animation-name:shake;animation-name:shake}@-webkit-keyframes swing{20%{-webkit-transform:rotate3d(0,0,1,15deg);transform:rotate3d(0,0,1,15deg)}40%{-webkit-transform:rotate3d(0,0,1,-10deg);transform:rotate3d(0,0,1,-10deg)}60%{-webkit-transform:rotate3d(0,0,1,5deg);transform:rotate3d(0,0,1,5deg)}80%{-webkit-transform:rotate3d(0,0,1,-5deg);transform:rotate3d(0,0,1,-5deg)}100%{-webkit-transform:rotate3d(0,0,1,0deg);transform:rotate3d(0,0,1,0deg)}}@keyframes swing{20%{-webkit-transform:rotate3d(0,0,1,15deg);transform:rotate3d(0,0,1,15deg)}40%{-webkit-transform:rotate3d(0,0,1,-10deg);transform:rotate3d(0,0,1,-10deg)}60%{-webkit-transform:rotate3d(0,0,1,5deg);transform:rotate3d(0,0,1,5deg)}80%{-webkit-transform:rotate3d(0,0,1,-5deg);transform:rotate3d(0,0,1,-5deg)}100%{-webkit-transform:rotate3d(0,0,1,0deg);transform:rotate3d(0,0,1,0deg)}}.swing{-webkit-transform-origin:top center;-ms-transform-origin:top center;transform-origin:top center;-webkit-animation-name:swing;animation-name:swing}@-webkit-keyframes tada{0%{-webkit-transform:scale3d(1,1,1);transform:scale3d(1,1,1)}10%,20%{-webkit-transform:scale3d(.9,.9,.9) rotate3d(0,0,1,-3deg);transform:scale3d(.9,.9,.9) rotate3d(0,0,1,-3deg)}30%,50%,70%,90%{-webkit-transform:scale3d(1.1,1.1,1.1) rotate3d(0,0,1,3deg);transform:scale3d(1.1,1.1,1.1) rotate3d(0,0,1,3deg)}40%,60%,80%{-webkit-transform:scale3d(1.1,1.1,1.1) rotate3d(0,0,1,-3deg);transform:scale3d(1.1,1.1,1.1) rotate3d(0,0,1,-3deg)}100%{-webkit-transform:scale3d(1,1,1);transform:scale3d(1,1,1)}}@keyframes tada{0%{-webkit-transform:scale3d(1,1,1);transform:scale3d(1,1,1)}10%,20%{-webkit-transform:scale3d(.9,.9,.9) rotate3d(0,0,1,-3deg);transform:scale3d(.9,.9,.9) rotate3d(0,0,1,-3deg)}30%,50%,70%,90%{-webkit-transform:scale3d(1.1,1.1,1.1) rotate3d(0,0,1,3deg);transform:scale3d(1.1,1.1,1.1) rotate3d(0,0,1,3deg)}40%,60%,80%{-webkit-transform:scale3d(1.1,1.1,1.1) rotate3d(0,0,1,-3deg);transform:scale3d(1.1,1.1,1.1) rotate3d(0,0,1,-3deg)}100%{-webkit-transform:scale3d(1,1,1);transform:scale3d(1,1,1)}}.tada{-webkit-animation-name:tada;animation-name:tada}@-webkit-keyframes wobble{0%{-webkit-transform:none;transform:none}15%{-webkit-transform:translate3d(-25%,0,0) rotate3d(0,0,1,-5deg);transform:translate3d(-25%,0,0) rotate3d(0,0,1,-5deg)}30%{-webkit-transform:translate3d(20%,0,0) rotate3d(0,0,1,3deg);transform:translate3d(20%,0,0) rotate3d(0,0,1,3deg)}45%{-webkit-transform:translate3d(-15%,0,0) rotate3d(0,0,1,-3deg);transform:translate3d(-15%,0,0) rotate3d(0,0,1,-3deg)}60%{-webkit-transform:translate3d(10%,0,0) rotate3d(0,0,1,2deg);transform:translate3d(10%,0,0) rotate3d(0,0,1,2deg)}75%{-webkit-transform:translate3d(-5%,0,0) rotate3d(0,0,1,-1deg);transform:translate3d(-5%,0,0) rotate3d(0,0,1,-1deg)}100%{-webkit-transform:none;transform:none}}@keyframes wobble{0%{-webkit-transform:none;transform:none}15%{-webkit-transform:translate3d(-25%,0,0) rotate3d(0,0,1,-5deg);transform:translate3d(-25%,0,0) rotate3d(0,0,1,-5deg)}30%{-webkit-transform:translate3d(20%,0,0) rotate3d(0,0,1,3deg);transform:translate3d(20%,0,0) rotate3d(0,0,1,3deg)}45%{-webkit-transform:translate3d(-15%,0,0) rotate3d(0,0,1,-3deg);transform:translate3d(-15%,0,0) rotate3d(0,0,1,-3deg)}60%{-webkit-transform:translate3d(10%,0,0) rotate3d(0,0,1,2deg);transform:translate3d(10%,0,0) rotate3d(0,0,1,2deg)}75%{-webkit-transform:translate3d(-5%,0,0) rotate3d(0,0,1,-1deg);transform:translate3d(-5%,0,0) rotate3d(0,0,1,-1deg)}100%{-webkit-transform:none;transform:none}}.wobble{-webkit-animation-name:wobble;animation-name:wobble}@-webkit-keyframes bounceIn{0%,20%,40%,60%,80%,100%{-webkit-transition-timing-function:cubic-bezier(.215,.61,.355,1);transition-timing-function:cubic-bezier(.215,.61,.355,1)}0%{opacity:0;-webkit-transform:scale3d(.3,.3,.3);transform:scale3d(.3,.3,.3)}20%{-webkit-transform:scale3d(1.1,1.1,1.1);transform:scale3d(1.1,1.1,1.1)}40%{-webkit-transform:scale3d(.9,.9,.9);transform:scale3d(.9,.9,.9)}60%{opacity:1;-webkit-transform:scale3d(1.03,1.03,1.03);transform:scale3d(1.03,1.03,1.03)}80%{-webkit-transform:scale3d(.97,.97,.97);transform:scale3d(.97,.97,.97)}100%{opacity:1;-webkit-transform:scale3d(1,1,1);transform:scale3d(1,1,1)}}@keyframes bounceIn{0%,20%,40%,60%,80%,100%{-webkit-transition-timing-function:cubic-bezier(.215,.61,.355,1);transition-timing-function:cubic-bezier(.215,.61,.355,1)}0%{opacity:0;-webkit-transform:scale3d(.3,.3,.3);transform:scale3d(.3,.3,.3)}20%{-webkit-transform:scale3d(1.1,1.1,1.1);transform:scale3d(1.1,1.1,1.1)}40%{-webkit-transform:scale3d(.9,.9,.9);transform:scale3d(.9,.9,.9)}60%{opacity:1;-webkit-transform:scale3d(1.03,1.03,1.03);transform:scale3d(1.03,1.03,1.03)}80%{-webkit-transform:scale3d(.97,.97,.97);transform:scale3d(.97,.97,.97)}100%{opacity:1;-webkit-transform:scale3d(1,1,1);transform:scale3d(1,1,1)}}.bounceIn{-webkit-animation-name:bounceIn;animation-name:bounceIn;-webkit-animation-duration:.75s;animation-duration:.75s}@-webkit-keyframes bounceInDown{0%,60%,75%,90%,100%{-webkit-transition-timing-function:cubic-bezier(.215,.61,.355,1);transition-timing-function:cubic-bezier(.215,.61,.355,1)}0%{opacity:0;-webkit-transform:translate3d(0,-3000px,0);transform:translate3d(0,-3000px,0)}60%{opacity:1;-webkit-transform:translate3d(0,25px,0);transform:translate3d(0,25px,0)}75%{-webkit-transform:translate3d(0,-10px,0);transform:translate3d(0,-10px,0)}90%{-webkit-transform:translate3d(0,5px,0);transform:translate3d(0,5px,0)}100%{-webkit-transform:none;transform:none}}@keyframes bounceInDown{0%,60%,75%,90%,100%{-webkit-transition-timing-function:cubic-bezier(.215,.61,.355,1);transition-timing-function:cubic-bezier(.215,.61,.355,1)}0%{opacity:0;-webkit-transform:translate3d(0,-3000px,0);transform:translate3d(0,-3000px,0)}60%{opacity:1;-webkit-transform:translate3d(0,25px,0);transform:translate3d(0,25px,0)}75%{-webkit-transform:translate3d(0,-10px,0);transform:translate3d(0,-10px,0)}90%{-webkit-transform:translate3d(0,5px,0);transform:translate3d(0,5px,0)}100%{-webkit-transform:none;transform:none}}.bounceInDown{-webkit-animation-name:bounceInDown;animation-name:bounceInDown}@-webkit-keyframes bounceInLeft{0%,60%,75%,90%,100%{-webkit-transition-timing-function:cubic-bezier(.215,.61,.355,1);transition-timing-function:cubic-bezier(.215,.61,.355,1)}0%{opacity:0;-webkit-transform:translate3d(-3000px,0,0);transform:translate3d(-3000px,0,0)}60%{opacity:1;-webkit-transform:translate3d(25px,0,0);transform:translate3d(25px,0,0)}75%{-webkit-transform:translate3d(-10px,0,0);transform:translate3d(-10px,0,0)}90%{-webkit-transform:translate3d(5px,0,0);transform:translate3d(5px,0,0)}100%{-webkit-transform:none;transform:none}}@keyframes bounceInLeft{0%,60%,75%,90%,100%{-webkit-transition-timing-function:cubic-bezier(.215,.61,.355,1);transition-timing-function:cubic-bezier(.215,.61,.355,1)}0%{opacity:0;-webkit-transform:translate3d(-3000px,0,0);transform:translate3d(-3000px,0,0)}60%{opacity:1;-webkit-transform:translate3d(25px,0,0);transform:translate3d(25px,0,0)}75%{-webkit-transform:translate3d(-10px,0,0);transform:translate3d(-10px,0,0)}90%{-webkit-transform:translate3d(5px,0,0);transform:translate3d(5px,0,0)}100%{-webkit-transform:none;transform:none}}.bounceInLeft{-webkit-animation-name:bounceInLeft;animation-name:bounceInLeft}@-webkit-keyframes bounceInRight{0%,60%,75%,90%,100%{-webkit-transition-timing-function:cubic-bezier(.215,.61,.355,1);transition-timing-function:cubic-bezier(.215,.61,.355,1)}0%{opacity:0;-webkit-transform:translate3d(3000px,0,0);transform:translate3d(3000px,0,0)}60%{opacity:1;-webkit-transform:translate3d(-25px,0,0);transform:translate3d(-25px,0,0)}75%{-webkit-transform:translate3d(10px,0,0);transform:translate3d(10px,0,0)}90%{-webkit-transform:translate3d(-5px,0,0);transform:translate3d(-5px,0,0)}100%{-webkit-transform:none;transform:none}}@keyframes bounceInRight{0%,60%,75%,90%,100%{-webkit-transition-timing-function:cubic-bezier(.215,.61,.355,1);transition-timing-function:cubic-bezier(.215,.61,.355,1)}0%{opacity:0;-webkit-transform:translate3d(3000px,0,0);transform:translate3d(3000px,0,0)}60%{opacity:1;-webkit-transform:translate3d(-25px,0,0);transform:translate3d(-25px,0,0)}75%{-webkit-transform:translate3d(10px,0,0);transform:translate3d(10px,0,0)}90%{-webkit-transform:translate3d(-5px,0,0);transform:translate3d(-5px,0,0)}100%{-webkit-transform:none;transform:none}}.bounceInRight{-webkit-animation-name:bounceInRight;animation-name:bounceInRight}@-webkit-keyframes bounceInUp{0%,60%,75%,90%,100%{-webkit-transition-timing-function:cubic-bezier(.215,.61,.355,1);transition-timing-function:cubic-bezier(.215,.61,.355,1)}0%{opacity:0;-webkit-transform:translate3d(0,3000px,0);transform:translate3d(0,3000px,0)}60%{opacity:1;-webkit-transform:translate3d(0,-20px,0);transform:translate3d(0,-20px,0)}75%{-webkit-transform:translate3d(0,10px,0);transform:translate3d(0,10px,0)}90%{-webkit-transform:translate3d(0,-5px,0);transform:translate3d(0,-5px,0)}100%{-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}}@keyframes bounceInUp{0%,60%,75%,90%,100%{-webkit-transition-timing-function:cubic-bezier(.215,.61,.355,1);transition-timing-function:cubic-bezier(.215,.61,.355,1)}0%{opacity:0;-webkit-transform:translate3d(0,3000px,0);transform:translate3d(0,3000px,0)}60%{opacity:1;-webkit-transform:translate3d(0,-20px,0);transform:translate3d(0,-20px,0)}75%{-webkit-transform:translate3d(0,10px,0);transform:translate3d(0,10px,0)}90%{-webkit-transform:translate3d(0,-5px,0);transform:translate3d(0,-5px,0)}100%{-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}}.bounceInUp{-webkit-animation-name:bounceInUp;animation-name:bounceInUp}@-webkit-keyframes bounceOut{20%{-webkit-transform:scale3d(.9,.9,.9);transform:scale3d(.9,.9,.9)}50%,55%{opacity:1;-webkit-transform:scale3d(1.1,1.1,1.1);transform:scale3d(1.1,1.1,1.1)}100%{opacity:0;-webkit-transform:scale3d(.3,.3,.3);transform:scale3d(.3,.3,.3)}}@keyframes bounceOut{20%{-webkit-transform:scale3d(.9,.9,.9);transform:scale3d(.9,.9,.9)}50%,55%{opacity:1;-webkit-transform:scale3d(1.1,1.1,1.1);transform:scale3d(1.1,1.1,1.1)}100%{opacity:0;-webkit-transform:scale3d(.3,.3,.3);transform:scale3d(.3,.3,.3)}}.bounceOut{-webkit-animation-name:bounceOut;animation-name:bounceOut;-webkit-animation-duration:.75s;animation-duration:.75s}@-webkit-keyframes bounceOutDown{20%{-webkit-transform:translate3d(0,10px,0);transform:translate3d(0,10px,0)}40%,45%{opacity:1;-webkit-transform:translate3d(0,-20px,0);transform:translate3d(0,-20px,0)}100%{opacity:0;-webkit-transform:translate3d(0,2000px,0);transform:translate3d(0,2000px,0)}}@keyframes bounceOutDown{20%{-webkit-transform:translate3d(0,10px,0);transform:translate3d(0,10px,0)}40%,45%{opacity:1;-webkit-transform:translate3d(0,-20px,0);transform:translate3d(0,-20px,0)}100%{opacity:0;-webkit-transform:translate3d(0,2000px,0);transform:translate3d(0,2000px,0)}}.bounceOutDown{-webkit-animation-name:bounceOutDown;animation-name:bounceOutDown}@-webkit-keyframes bounceOutLeft{20%{opacity:1;-webkit-transform:translate3d(20px,0,0);transform:translate3d(20px,0,0)}100%{opacity:0;-webkit-transform:translate3d(-2000px,0,0);transform:translate3d(-2000px,0,0)}}@keyframes bounceOutLeft{20%{opacity:1;-webkit-transform:translate3d(20px,0,0);transform:translate3d(20px,0,0)}100%{opacity:0;-webkit-transform:translate3d(-2000px,0,0);transform:translate3d(-2000px,0,0)}}.bounceOutLeft{-webkit-animation-name:bounceOutLeft;animation-name:bounceOutLeft}@-webkit-keyframes bounceOutRight{20%{opacity:1;-webkit-transform:translate3d(-20px,0,0);transform:translate3d(-20px,0,0)}100%{opacity:0;-webkit-transform:translate3d(2000px,0,0);transform:translate3d(2000px,0,0)}}@keyframes bounceOutRight{20%{opacity:1;-webkit-transform:translate3d(-20px,0,0);transform:translate3d(-20px,0,0)}100%{opacity:0;-webkit-transform:translate3d(2000px,0,0);transform:translate3d(2000px,0,0)}}.bounceOutRight{-webkit-animation-name:bounceOutRight;animation-name:bounceOutRight}@-webkit-keyframes bounceOutUp{20%{-webkit-transform:translate3d(0,-10px,0);transform:translate3d(0,-10px,0)}40%,45%{opacity:1;-webkit-transform:translate3d(0,20px,0);transform:translate3d(0,20px,0)}100%{opacity:0;-webkit-transform:translate3d(0,-2000px,0);transform:translate3d(0,-2000px,0)}}@keyframes bounceOutUp{20%{-webkit-transform:translate3d(0,-10px,0);transform:translate3d(0,-10px,0)}40%,45%{opacity:1;-webkit-transform:translate3d(0,20px,0);transform:translate3d(0,20px,0)}100%{opacity:0;-webkit-transform:translate3d(0,-2000px,0);transform:translate3d(0,-2000px,0)}}.bounceOutUp{-webkit-animation-name:bounceOutUp;animation-name:bounceOutUp}@-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 fadeInDown{0%{opacity:0;-webkit-transform:translate3d(0,-100%,0);transform:translate3d(0,-100%,0)}100%{opacity:1;-webkit-transform:none;transform:none}}@keyframes fadeInDown{0%{opacity:0;-webkit-transform:translate3d(0,-100%,0);transform:translate3d(0,-100%,0)}100%{opacity:1;-webkit-transform:none;transform:none}}.fadeInDown{-webkit-animation-name:fadeInDown;animation-name:fadeInDown}@-webkit-keyframes fadeInDownBig{0%{opacity:0;-webkit-transform:translate3d(0,-2000px,0);transform:translate3d(0,-2000px,0)}100%{opacity:1;-webkit-transform:none;transform:none}}@keyframes fadeInDownBig{0%{opacity:0;-webkit-transform:translate3d(0,-2000px,0);transform:translate3d(0,-2000px,0)}100%{opacity:1;-webkit-transform:none;transform:none}}.fadeInDownBig{-webkit-animation-name:fadeInDownBig;animation-name:fadeInDownBig}@-webkit-keyframes fadeInLeft{0%{opacity:0;-webkit-transform:translate3d(-100%,0,0);transform:translate3d(-100%,0,0)}100%{opacity:1;-webkit-transform:none;transform:none}}@keyframes fadeInLeft{0%{opacity:0;-webkit-transform:translate3d(-100%,0,0);transform:translate3d(-100%,0,0)}100%{opacity:1;-webkit-transform:none;transform:none}}.fadeInLeft{-webkit-animation-name:fadeInLeft;animation-name:fadeInLeft}@-webkit-keyframes fadeInLeftBig{0%{opacity:0;-webkit-transform:translate3d(-2000px,0,0);transform:translate3d(-2000px,0,0)}100%{opacity:1;-webkit-transform:none;transform:none}}@keyframes fadeInLeftBig{0%{opacity:0;-webkit-transform:translate3d(-2000px,0,0);transform:translate3d(-2000px,0,0)}100%{opacity:1;-webkit-transform:none;transform:none}}.fadeInLeftBig{-webkit-animation-name:fadeInLeftBig;animation-name:fadeInLeftBig}@-webkit-keyframes fadeInRight{0%{opacity:0;-webkit-transform:translate3d(100%,0,0);transform:translate3d(100%,0,0)}100%{opacity:1;-webkit-transform:none;transform:none}}@keyframes fadeInRight{0%{opacity:0;-webkit-transform:translate3d(100%,0,0);transform:translate3d(100%,0,0)}100%{opacity:1;-webkit-transform:none;transform:none}}.fadeInRight{-webkit-animation-name:fadeInRight;animation-name:fadeInRight}@-webkit-keyframes fadeInRightBig{0%{opacity:0;-webkit-transform:translate3d(2000px,0,0);transform:translate3d(2000px,0,0)}100%{opacity:1;-webkit-transform:none;transform:none}}@keyframes fadeInRightBig{0%{opacity:0;-webkit-transform:translate3d(2000px,0,0);transform:translate3d(2000px,0,0)}100%{opacity:1;-webkit-transform:none;transform:none}}.fadeInRightBig{-webkit-animation-name:fadeInRightBig;animation-name:fadeInRightBig}@-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 fadeInUpBig{0%{opacity:0;-webkit-transform:translate3d(0,2000px,0);transform:translate3d(0,2000px,0)}100%{opacity:1;-webkit-transform:none;transform:none}}@keyframes fadeInUpBig{0%{opacity:0;-webkit-transform:translate3d(0,2000px,0);transform:translate3d(0,2000px,0)}100%{opacity:1;-webkit-transform:none;transform:none}}.fadeInUpBig{-webkit-animation-name:fadeInUpBig;animation-name:fadeInUpBig}@-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}@-webkit-keyframes fadeOutDown{0%{opacity:1}100%{opacity:0;-webkit-transform:translate3d(0,100%,0);transform:translate3d(0,100%,0)}}@keyframes fadeOutDown{0%{opacity:1}100%{opacity:0;-webkit-transform:translate3d(0,100%,0);transform:translate3d(0,100%,0)}}.fadeOutDown{-webkit-animation-name:fadeOutDown;animation-name:fadeOutDown}@-webkit-keyframes fadeOutDownBig{0%{opacity:1}100%{opacity:0;-webkit-transform:translate3d(0,2000px,0);transform:translate3d(0,2000px,0)}}@keyframes fadeOutDownBig{0%{opacity:1}100%{opacity:0;-webkit-transform:translate3d(0,2000px,0);transform:translate3d(0,2000px,0)}}.fadeOutDownBig{-webkit-animation-name:fadeOutDownBig;animation-name:fadeOutDownBig}@-webkit-keyframes fadeOutLeft{0%{opacity:1}100%{opacity:0;-webkit-transform:translate3d(-100%,0,0);transform:translate3d(-100%,0,0)}}@keyframes fadeOutLeft{0%{opacity:1}100%{opacity:0;-webkit-transform:translate3d(-100%,0,0);transform:translate3d(-100%,0,0)}}.fadeOutLeft{-webkit-animation-name:fadeOutLeft;animation-name:fadeOutLeft}@-webkit-keyframes fadeOutLeftBig{0%{opacity:1}100%{opacity:0;-webkit-transform:translate3d(-2000px,0,0);transform:translate3d(-2000px,0,0)}}@keyframes fadeOutLeftBig{0%{opacity:1}100%{opacity:0;-webkit-transform:translate3d(-2000px,0,0);transform:translate3d(-2000px,0,0)}}.fadeOutLeftBig{-webkit-animation-name:fadeOutLeftBig;animation-name:fadeOutLeftBig}@-webkit-keyframes fadeOutRight{0%{opacity:1}100%{opacity:0;-webkit-transform:translate3d(100%,0,0);transform:translate3d(100%,0,0)}}@keyframes fadeOutRight{0%{opacity:1}100%{opacity:0;-webkit-transform:translate3d(100%,0,0);transform:translate3d(100%,0,0)}}.fadeOutRight{-webkit-animation-name:fadeOutRight;animation-name:fadeOutRight}@-webkit-keyframes fadeOutRightBig{0%{opacity:1}100%{opacity:0;-webkit-transform:translate3d(2000px,0,0);transform:translate3d(2000px,0,0)}}@keyframes fadeOutRightBig{0%{opacity:1}100%{opacity:0;-webkit-transform:translate3d(2000px,0,0);transform:translate3d(2000px,0,0)}}.fadeOutRightBig{-webkit-animation-name:fadeOutRightBig;animation-name:fadeOutRightBig}@-webkit-keyframes fadeOutUp{0%{opacity:1}100%{opacity:0;-webkit-transform:translate3d(0,-100%,0);transform:translate3d(0,-100%,0)}}@keyframes fadeOutUp{0%{opacity:1}100%{opacity:0;-webkit-transform:translate3d(0,-100%,0);transform:translate3d(0,-100%,0)}}.fadeOutUp{-webkit-animation-name:fadeOutUp;animation-name:fadeOutUp}@-webkit-keyframes fadeOutUpBig{0%{opacity:1}100%{opacity:0;-webkit-transform:translate3d(0,-2000px,0);transform:translate3d(0,-2000px,0)}}@keyframes fadeOutUpBig{0%{opacity:1}100%{opacity:0;-webkit-transform:translate3d(0,-2000px,0);transform:translate3d(0,-2000px,0)}}.fadeOutUpBig{-webkit-animation-name:fadeOutUpBig;animation-name:fadeOutUpBig}@-webkit-keyframes flip{0%{-webkit-transform:perspective(400px) rotate3d(0,1,0,-360deg);transform:perspective(400px) rotate3d(0,1,0,-360deg);-webkit-animation-timing-function:ease-out;animation-timing-function:ease-out}40%{-webkit-transform:perspective(400px) translate3d(0,0,150px) rotate3d(0,1,0,-190deg);transform:perspective(400px) translate3d(0,0,150px) rotate3d(0,1,0,-190deg);-webkit-animation-timing-function:ease-out;animation-timing-function:ease-out}50%{-webkit-transform:perspective(400px) translate3d(0,0,150px) rotate3d(0,1,0,-170deg);transform:perspective(400px) translate3d(0,0,150px) rotate3d(0,1,0,-170deg);-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in}80%{-webkit-transform:perspective(400px) scale3d(.95,.95,.95);transform:perspective(400px) scale3d(.95,.95,.95);-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in}100%{-webkit-transform:perspective(400px);transform:perspective(400px);-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in}}@keyframes flip{0%{-webkit-transform:perspective(400px) rotate3d(0,1,0,-360deg);transform:perspective(400px) rotate3d(0,1,0,-360deg);-webkit-animation-timing-function:ease-out;animation-timing-function:ease-out}40%{-webkit-transform:perspective(400px) translate3d(0,0,150px) rotate3d(0,1,0,-190deg);transform:perspective(400px) translate3d(0,0,150px) rotate3d(0,1,0,-190deg);-webkit-animation-timing-function:ease-out;animation-timing-function:ease-out}50%{-webkit-transform:perspective(400px) translate3d(0,0,150px) rotate3d(0,1,0,-170deg);transform:perspective(400px) translate3d(0,0,150px) rotate3d(0,1,0,-170deg);-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in}80%{-webkit-transform:perspective(400px) scale3d(.95,.95,.95);transform:perspective(400px) scale3d(.95,.95,.95);-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in}100%{-webkit-transform:perspective(400px);transform:perspective(400px);-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in}}.animated.flip{-webkit-backface-visibility:visible;backface-visibility:visible;-webkit-animation-name:flip;animation-name:flip}@-webkit-keyframes flipInX{0%{-webkit-transform:perspective(400px) rotate3d(1,0,0,90deg);transform:perspective(400px) rotate3d(1,0,0,90deg);-webkit-transition-timing-function:ease-in;transition-timing-function:ease-in;opacity:0}40%{-webkit-transform:perspective(400px) rotate3d(1,0,0,-20deg);transform:perspective(400px) rotate3d(1,0,0,-20deg);-webkit-transition-timing-function:ease-in;transition-timing-function:ease-in}60%{-webkit-transform:perspective(400px) rotate3d(1,0,0,10deg);transform:perspective(400px) rotate3d(1,0,0,10deg);opacity:1}80%{-webkit-transform:perspective(400px) rotate3d(1,0,0,-5deg);transform:perspective(400px) rotate3d(1,0,0,-5deg)}100%{-webkit-transform:perspective(400px);transform:perspective(400px)}}@keyframes flipInX{0%{-webkit-transform:perspective(400px) rotate3d(1,0,0,90deg);transform:perspective(400px) rotate3d(1,0,0,90deg);-webkit-transition-timing-function:ease-in;transition-timing-function:ease-in;opacity:0}40%{-webkit-transform:perspective(400px) rotate3d(1,0,0,-20deg);transform:perspective(400px) rotate3d(1,0,0,-20deg);-webkit-transition-timing-function:ease-in;transition-timing-function:ease-in}60%{-webkit-transform:perspective(400px) rotate3d(1,0,0,10deg);transform:perspective(400px) rotate3d(1,0,0,10deg);opacity:1}80%{-webkit-transform:perspective(400px) rotate3d(1,0,0,-5deg);transform:perspective(400px) rotate3d(1,0,0,-5deg)}100%{-webkit-transform:perspective(400px);transform:perspective(400px)}}.flipInX{-webkit-backface-visibility:visible!important;backface-visibility:visible!important;-webkit-animation-name:flipInX;animation-name:flipInX}@-webkit-keyframes flipInY{0%{-webkit-transform:perspective(400px) rotate3d(0,1,0,90deg);transform:perspective(400px) rotate3d(0,1,0,90deg);-webkit-transition-timing-function:ease-in;transition-timing-function:ease-in;opacity:0}40%{-webkit-transform:perspective(400px) rotate3d(0,1,0,-20deg);transform:perspective(400px) rotate3d(0,1,0,-20deg);-webkit-transition-timing-function:ease-in;transition-timing-function:ease-in}60%{-webkit-transform:perspective(400px) rotate3d(0,1,0,10deg);transform:perspective(400px) rotate3d(0,1,0,10deg);opacity:1}80%{-webkit-transform:perspective(400px) rotate3d(0,1,0,-5deg);transform:perspective(400px) rotate3d(0,1,0,-5deg)}100%{-webkit-transform:perspective(400px);transform:perspective(400px)}}@keyframes flipInY{0%{-webkit-transform:perspective(400px) rotate3d(0,1,0,90deg);transform:perspective(400px) rotate3d(0,1,0,90deg);-webkit-transition-timing-function:ease-in;transition-timing-function:ease-in;opacity:0}40%{-webkit-transform:perspective(400px) rotate3d(0,1,0,-20deg);transform:perspective(400px) rotate3d(0,1,0,-20deg);-webkit-transition-timing-function:ease-in;transition-timing-function:ease-in}60%{-webkit-transform:perspective(400px) rotate3d(0,1,0,10deg);transform:perspective(400px) rotate3d(0,1,0,10deg);opacity:1}80%{-webkit-transform:perspective(400px) rotate3d(0,1,0,-5deg);transform:perspective(400px) rotate3d(0,1,0,-5deg)}100%{-webkit-transform:perspective(400px);transform:perspective(400px)}}.flipInY{-webkit-backface-visibility:visible!important;backface-visibility:visible!important;-webkit-animation-name:flipInY;animation-name:flipInY}@-webkit-keyframes flipOutX{0%{-webkit-transform:perspective(400px);transform:perspective(400px)}30%{-webkit-transform:perspective(400px) rotate3d(1,0,0,-20deg);transform:perspective(400px) rotate3d(1,0,0,-20deg);opacity:1}100%{-webkit-transform:perspective(400px) rotate3d(1,0,0,90deg);transform:perspective(400px) rotate3d(1,0,0,90deg);opacity:0}}@keyframes flipOutX{0%{-webkit-transform:perspective(400px);transform:perspective(400px)}30%{-webkit-transform:perspective(400px) rotate3d(1,0,0,-20deg);transform:perspective(400px) rotate3d(1,0,0,-20deg);opacity:1}100%{-webkit-transform:perspective(400px) rotate3d(1,0,0,90deg);transform:perspective(400px) rotate3d(1,0,0,90deg);opacity:0}}.flipOutX{-webkit-animation-name:flipOutX;animation-name:flipOutX;-webkit-animation-duration:.75s;animation-duration:.75s;-webkit-backface-visibility:visible!important;backface-visibility:visible!important}@-webkit-keyframes flipOutY{0%{-webkit-transform:perspective(400px);transform:perspective(400px)}30%{-webkit-transform:perspective(400px) rotate3d(0,1,0,-15deg);transform:perspective(400px) rotate3d(0,1,0,-15deg);opacity:1}100%{-webkit-transform:perspective(400px) rotate3d(0,1,0,90deg);transform:perspective(400px) rotate3d(0,1,0,90deg);opacity:0}}@keyframes flipOutY{0%{-webkit-transform:perspective(400px);transform:perspective(400px)}30%{-webkit-transform:perspective(400px) rotate3d(0,1,0,-15deg);transform:perspective(400px) rotate3d(0,1,0,-15deg);opacity:1}100%{-webkit-transform:perspective(400px) rotate3d(0,1,0,90deg);transform:perspective(400px) rotate3d(0,1,0,90deg);opacity:0}}.flipOutY{-webkit-backface-visibility:visible!important;backface-visibility:visible!important;-webkit-animation-name:flipOutY;animation-name:flipOutY;-webkit-animation-duration:.75s;animation-duration:.75s}@-webkit-keyframes lightSpeedIn{0%{-webkit-transform:translate3d(100%,0,0) skewX(-30deg);transform:translate3d(100%,0,0) skewX(-30deg);opacity:0}60%{-webkit-transform:skewX(20deg);transform:skewX(20deg);opacity:1}80%{-webkit-transform:skewX(-5deg);transform:skewX(-5deg);opacity:1}100%{-webkit-transform:none;transform:none;opacity:1}}@keyframes lightSpeedIn{0%{-webkit-transform:translate3d(100%,0,0) skewX(-30deg);transform:translate3d(100%,0,0) skewX(-30deg);opacity:0}60%{-webkit-transform:skewX(20deg);transform:skewX(20deg);opacity:1}80%{-webkit-transform:skewX(-5deg);transform:skewX(-5deg);opacity:1}100%{-webkit-transform:none;transform:none;opacity:1}}.lightSpeedIn{-webkit-animation-name:lightSpeedIn;animation-name:lightSpeedIn;-webkit-animation-timing-function:ease-out;animation-timing-function:ease-out}@-webkit-keyframes lightSpeedOut{0%{opacity:1}100%{-webkit-transform:translate3d(100%,0,0) skewX(30deg);transform:translate3d(100%,0,0) skewX(30deg);opacity:0}}@keyframes lightSpeedOut{0%{opacity:1}100%{-webkit-transform:translate3d(100%,0,0) skewX(30deg);transform:translate3d(100%,0,0) skewX(30deg);opacity:0}}.lightSpeedOut{-webkit-animation-name:lightSpeedOut;animation-name:lightSpeedOut;-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in}@-webkit-keyframes rotateIn{0%{-webkit-transform-origin:center;transform-origin:center;-webkit-transform:rotate3d(0,0,1,-200deg);transform:rotate3d(0,0,1,-200deg);opacity:0}100%{-webkit-transform-origin:center;transform-origin:center;-webkit-transform:none;transform:none;opacity:1}}@keyframes rotateIn{0%{-webkit-transform-origin:center;transform-origin:center;-webkit-transform:rotate3d(0,0,1,-200deg);transform:rotate3d(0,0,1,-200deg);opacity:0}100%{-webkit-transform-origin:center;transform-origin:center;-webkit-transform:none;transform:none;opacity:1}}.rotateIn{-webkit-animation-name:rotateIn;animation-name:rotateIn}@-webkit-keyframes rotateInDownLeft{0%{-webkit-transform-origin:left bottom;transform-origin:left bottom;-webkit-transform:rotate3d(0,0,1,-45deg);transform:rotate3d(0,0,1,-45deg);opacity:0}100%{-webkit-transform-origin:left bottom;transform-origin:left bottom;-webkit-transform:none;transform:none;opacity:1}}@keyframes rotateInDownLeft{0%{-webkit-transform-origin:left bottom;transform-origin:left bottom;-webkit-transform:rotate3d(0,0,1,-45deg);transform:rotate3d(0,0,1,-45deg);opacity:0}100%{-webkit-transform-origin:left bottom;transform-origin:left bottom;-webkit-transform:none;transform:none;opacity:1}}.rotateInDownLeft{-webkit-animation-name:rotateInDownLeft;animation-name:rotateInDownLeft}@-webkit-keyframes rotateInDownRight{0%{-webkit-transform-origin:right bottom;transform-origin:right bottom;-webkit-transform:rotate3d(0,0,1,45deg);transform:rotate3d(0,0,1,45deg);opacity:0}100%{-webkit-transform-origin:right bottom;transform-origin:right bottom;-webkit-transform:none;transform:none;opacity:1}}@keyframes rotateInDownRight{0%{-webkit-transform-origin:right bottom;transform-origin:right bottom;-webkit-transform:rotate3d(0,0,1,45deg);transform:rotate3d(0,0,1,45deg);opacity:0}100%{-webkit-transform-origin:right bottom;transform-origin:right bottom;-webkit-transform:none;transform:none;opacity:1}}.rotateInDownRight{-webkit-animation-name:rotateInDownRight;animation-name:rotateInDownRight}@-webkit-keyframes rotateInUpLeft{0%{-webkit-transform-origin:left bottom;transform-origin:left bottom;-webkit-transform:rotate3d(0,0,1,45deg);transform:rotate3d(0,0,1,45deg);opacity:0}100%{-webkit-transform-origin:left bottom;transform-origin:left bottom;-webkit-transform:none;transform:none;opacity:1}}@keyframes rotateInUpLeft{0%{-webkit-transform-origin:left bottom;transform-origin:left bottom;-webkit-transform:rotate3d(0,0,1,45deg);transform:rotate3d(0,0,1,45deg);opacity:0}100%{-webkit-transform-origin:left bottom;transform-origin:left bottom;-webkit-transform:none;transform:none;opacity:1}}.rotateInUpLeft{-webkit-animation-name:rotateInUpLeft;animation-name:rotateInUpLeft}@-webkit-keyframes rotateInUpRight{0%{-webkit-transform-origin:right bottom;transform-origin:right bottom;-webkit-transform:rotate3d(0,0,1,-90deg);transform:rotate3d(0,0,1,-90deg);opacity:0}100%{-webkit-transform-origin:right bottom;transform-origin:right bottom;-webkit-transform:none;transform:none;opacity:1}}@keyframes rotateInUpRight{0%{-webkit-transform-origin:right bottom;transform-origin:right bottom;-webkit-transform:rotate3d(0,0,1,-90deg);transform:rotate3d(0,0,1,-90deg);opacity:0}100%{-webkit-transform-origin:right bottom;transform-origin:right bottom;-webkit-transform:none;transform:none;opacity:1}}.rotateInUpRight{-webkit-animation-name:rotateInUpRight;animation-name:rotateInUpRight}@-webkit-keyframes rotateOut{0%{-webkit-transform-origin:center;transform-origin:center;opacity:1}100%{-webkit-transform-origin:center;transform-origin:center;-webkit-transform:rotate3d(0,0,1,200deg);transform:rotate3d(0,0,1,200deg);opacity:0}}@keyframes rotateOut{0%{-webkit-transform-origin:center;transform-origin:center;opacity:1}100%{-webkit-transform-origin:center;transform-origin:center;-webkit-transform:rotate3d(0,0,1,200deg);transform:rotate3d(0,0,1,200deg);opacity:0}}.rotateOut{-webkit-animation-name:rotateOut;animation-name:rotateOut}@-webkit-keyframes rotateOutDownLeft{0%{-webkit-transform-origin:left bottom;transform-origin:left bottom;opacity:1}100%{-webkit-transform-origin:left bottom;transform-origin:left bottom;-webkit-transform:rotate3d(0,0,1,45deg);transform:rotate3d(0,0,1,45deg);opacity:0}}@keyframes rotateOutDownLeft{0%{-webkit-transform-origin:left bottom;transform-origin:left bottom;opacity:1}100%{-webkit-transform-origin:left bottom;transform-origin:left bottom;-webkit-transform:rotate3d(0,0,1,45deg);transform:rotate3d(0,0,1,45deg);opacity:0}}.rotateOutDownLeft{-webkit-animation-name:rotateOutDownLeft;animation-name:rotateOutDownLeft}@-webkit-keyframes rotateOutDownRight{0%{-webkit-transform-origin:right bottom;transform-origin:right bottom;opacity:1}100%{-webkit-transform-origin:right bottom;transform-origin:right bottom;-webkit-transform:rotate3d(0,0,1,-45deg);transform:rotate3d(0,0,1,-45deg);opacity:0}}@keyframes rotateOutDownRight{0%{-webkit-transform-origin:right bottom;transform-origin:right bottom;opacity:1}100%{-webkit-transform-origin:right bottom;transform-origin:right bottom;-webkit-transform:rotate3d(0,0,1,-45deg);transform:rotate3d(0,0,1,-45deg);opacity:0}}.rotateOutDownRight{-webkit-animation-name:rotateOutDownRight;animation-name:rotateOutDownRight}@-webkit-keyframes rotateOutUpLeft{0%{-webkit-transform-origin:left bottom;transform-origin:left bottom;opacity:1}100%{-webkit-transform-origin:left bottom;transform-origin:left bottom;-webkit-transform:rotate3d(0,0,1,-45deg);transform:rotate3d(0,0,1,-45deg);opacity:0}}@keyframes rotateOutUpLeft{0%{-webkit-transform-origin:left bottom;transform-origin:left bottom;opacity:1}100%{-webkit-transform-origin:left bottom;transform-origin:left bottom;-webkit-transform:rotate3d(0,0,1,-45deg);transform:rotate3d(0,0,1,-45deg);opacity:0}}.rotateOutUpLeft{-webkit-animation-name:rotateOutUpLeft;animation-name:rotateOutUpLeft}@-webkit-keyframes rotateOutUpRight{0%{-webkit-transform-origin:right bottom;transform-origin:right bottom;opacity:1}100%{-webkit-transform-origin:right bottom;transform-origin:right bottom;-webkit-transform:rotate3d(0,0,1,90deg);transform:rotate3d(0,0,1,90deg);opacity:0}}@keyframes rotateOutUpRight{0%{-webkit-transform-origin:right bottom;transform-origin:right bottom;opacity:1}100%{-webkit-transform-origin:right bottom;transform-origin:right bottom;-webkit-transform:rotate3d(0,0,1,90deg);transform:rotate3d(0,0,1,90deg);opacity:0}}.rotateOutUpRight{-webkit-animation-name:rotateOutUpRight;animation-name:rotateOutUpRight}@-webkit-keyframes hinge{0%{-webkit-transform-origin:top left;transform-origin:top left;-webkit-animation-timing-function:ease-in-out;animation-timing-function:ease-in-out}20%,60%{-webkit-transform:rotate3d(0,0,1,80deg);transform:rotate3d(0,0,1,80deg);-webkit-transform-origin:top left;transform-origin:top left;-webkit-animation-timing-function:ease-in-out;animation-timing-function:ease-in-out}40%,80%{-webkit-transform:rotate3d(0,0,1,60deg);transform:rotate3d(0,0,1,60deg);-webkit-transform-origin:top left;transform-origin:top left;-webkit-animation-timing-function:ease-in-out;animation-timing-function:ease-in-out;opacity:1}100%{-webkit-transform:translate3d(0,700px,0);transform:translate3d(0,700px,0);opacity:0}}@keyframes hinge{0%{-webkit-transform-origin:top left;transform-origin:top left;-webkit-animation-timing-function:ease-in-out;animation-timing-function:ease-in-out}20%,60%{-webkit-transform:rotate3d(0,0,1,80deg);transform:rotate3d(0,0,1,80deg);-webkit-transform-origin:top left;transform-origin:top left;-webkit-animation-timing-function:ease-in-out;animation-timing-function:ease-in-out}40%,80%{-webkit-transform:rotate3d(0,0,1,60deg);transform:rotate3d(0,0,1,60deg);-webkit-transform-origin:top left;transform-origin:top left;-webkit-animation-timing-function:ease-in-out;animation-timing-function:ease-in-out;opacity:1}100%{-webkit-transform:translate3d(0,700px,0);transform:translate3d(0,700px,0);opacity:0}}.hinge{-webkit-animation-name:hinge;animation-name:hinge}@-webkit-keyframes rollIn{0%{opacity:0;-webkit-transform:translate3d(-100%,0,0) rotate3d(0,0,1,-120deg);transform:translate3d(-100%,0,0) rotate3d(0,0,1,-120deg)}100%{opacity:1;-webkit-transform:none;transform:none}}@keyframes rollIn{0%{opacity:0;-webkit-transform:translate3d(-100%,0,0) rotate3d(0,0,1,-120deg);transform:translate3d(-100%,0,0) rotate3d(0,0,1,-120deg)}100%{opacity:1;-webkit-transform:none;transform:none}}.rollIn{-webkit-animation-name:rollIn;animation-name:rollIn}@-webkit-keyframes rollOut{0%{opacity:1}100%{opacity:0;-webkit-transform:translate3d(100%,0,0) rotate3d(0,0,1,120deg);transform:translate3d(100%,0,0) rotate3d(0,0,1,120deg)}}@keyframes rollOut{0%{opacity:1}100%{opacity:0;-webkit-transform:translate3d(100%,0,0) rotate3d(0,0,1,120deg);transform:translate3d(100%,0,0) rotate3d(0,0,1,120deg)}}.rollOut{-webkit-animation-name:rollOut;animation-name:rollOut}@-webkit-keyframes zoomIn{0%{opacity:0;-webkit-transform:scale3d(.3,.3,.3);transform:scale3d(.3,.3,.3)}50%{opacity:1}}@keyframes zoomIn{0%{opacity:0;-webkit-transform:scale3d(.3,.3,.3);transform:scale3d(.3,.3,.3)}50%{opacity:1}}.zoomIn{-webkit-animation-name:zoomIn;animation-name:zoomIn}@-webkit-keyframes zoomInDown{0%{opacity:0;-webkit-transform:scale3d(.1,.1,.1) translate3d(0,-1000px,0);transform:scale3d(.1,.1,.1) translate3d(0,-1000px,0);-webkit-animation-timing-function:cubic-bezier(.55,.055,.675,.19);animation-timing-function:cubic-bezier(.55,.055,.675,.19)}60%{opacity:1;-webkit-transform:scale3d(.475,.475,.475) translate3d(0,60px,0);transform:scale3d(.475,.475,.475) translate3d(0,60px,0);-webkit-animation-timing-function:cubic-bezier(.175,.885,.32,1);animation-timing-function:cubic-bezier(.175,.885,.32,1)}}@keyframes zoomInDown{0%{opacity:0;-webkit-transform:scale3d(.1,.1,.1) translate3d(0,-1000px,0);transform:scale3d(.1,.1,.1) translate3d(0,-1000px,0);-webkit-animation-timing-function:cubic-bezier(.55,.055,.675,.19);animation-timing-function:cubic-bezier(.55,.055,.675,.19)}60%{opacity:1;-webkit-transform:scale3d(.475,.475,.475) translate3d(0,60px,0);transform:scale3d(.475,.475,.475) translate3d(0,60px,0);-webkit-animation-timing-function:cubic-bezier(.175,.885,.32,1);animation-timing-function:cubic-bezier(.175,.885,.32,1)}}.zoomInDown{-webkit-animation-name:zoomInDown;animation-name:zoomInDown}@-webkit-keyframes zoomInLeft{0%{opacity:0;-webkit-transform:scale3d(.1,.1,.1) translate3d(-1000px,0,0);transform:scale3d(.1,.1,.1) translate3d(-1000px,0,0);-webkit-animation-timing-function:cubic-bezier(.55,.055,.675,.19);animation-timing-function:cubic-bezier(.55,.055,.675,.19)}60%{opacity:1;-webkit-transform:scale3d(.475,.475,.475) translate3d(10px,0,0);transform:scale3d(.475,.475,.475) translate3d(10px,0,0);-webkit-animation-timing-function:cubic-bezier(.175,.885,.32,1);animation-timing-function:cubic-bezier(.175,.885,.32,1)}}@keyframes zoomInLeft{0%{opacity:0;-webkit-transform:scale3d(.1,.1,.1) translate3d(-1000px,0,0);transform:scale3d(.1,.1,.1) translate3d(-1000px,0,0);-webkit-animation-timing-function:cubic-bezier(.55,.055,.675,.19);animation-timing-function:cubic-bezier(.55,.055,.675,.19)}60%{opacity:1;-webkit-transform:scale3d(.475,.475,.475) translate3d(10px,0,0);transform:scale3d(.475,.475,.475) translate3d(10px,0,0);-webkit-animation-timing-function:cubic-bezier(.175,.885,.32,1);animation-timing-function:cubic-bezier(.175,.885,.32,1)}}.zoomInLeft{-webkit-animation-name:zoomInLeft;animation-name:zoomInLeft}@-webkit-keyframes zoomInRight{0%{opacity:0;-webkit-transform:scale3d(.1,.1,.1) translate3d(1000px,0,0);transform:scale3d(.1,.1,.1) translate3d(1000px,0,0);-webkit-animation-timing-function:cubic-bezier(.55,.055,.675,.19);animation-timing-function:cubic-bezier(.55,.055,.675,.19)}60%{opacity:1;-webkit-transform:scale3d(.475,.475,.475) translate3d(-10px,0,0);transform:scale3d(.475,.475,.475) translate3d(-10px,0,0);-webkit-animation-timing-function:cubic-bezier(.175,.885,.32,1);animation-timing-function:cubic-bezier(.175,.885,.32,1)}}@keyframes zoomInRight{0%{opacity:0;-webkit-transform:scale3d(.1,.1,.1) translate3d(1000px,0,0);transform:scale3d(.1,.1,.1) translate3d(1000px,0,0);-webkit-animation-timing-function:cubic-bezier(.55,.055,.675,.19);animation-timing-function:cubic-bezier(.55,.055,.675,.19)}60%{opacity:1;-webkit-transform:scale3d(.475,.475,.475) translate3d(-10px,0,0);transform:scale3d(.475,.475,.475) translate3d(-10px,0,0);-webkit-animation-timing-function:cubic-bezier(.175,.885,.32,1);animation-timing-function:cubic-bezier(.175,.885,.32,1)}}.zoomInRight{-webkit-animation-name:zoomInRight;animation-name:zoomInRight}@-webkit-keyframes zoomInUp{0%{opacity:0;-webkit-transform:scale3d(.1,.1,.1) translate3d(0,1000px,0);transform:scale3d(.1,.1,.1) translate3d(0,1000px,0);-webkit-animation-timing-function:cubic-bezier(.55,.055,.675,.19);animation-timing-function:cubic-bezier(.55,.055,.675,.19)}60%{opacity:1;-webkit-transform:scale3d(.475,.475,.475) translate3d(0,-60px,0);transform:scale3d(.475,.475,.475) translate3d(0,-60px,0);-webkit-animation-timing-function:cubic-bezier(.175,.885,.32,1);animation-timing-function:cubic-bezier(.175,.885,.32,1)}}@keyframes zoomInUp{0%{opacity:0;-webkit-transform:scale3d(.1,.1,.1) translate3d(0,1000px,0);transform:scale3d(.1,.1,.1) translate3d(0,1000px,0);-webkit-animation-timing-function:cubic-bezier(.55,.055,.675,.19);animation-timing-function:cubic-bezier(.55,.055,.675,.19)}60%{opacity:1;-webkit-transform:scale3d(.475,.475,.475) translate3d(0,-60px,0);transform:scale3d(.475,.475,.475) translate3d(0,-60px,0);-webkit-animation-timing-function:cubic-bezier(.175,.885,.32,1);animation-timing-function:cubic-bezier(.175,.885,.32,1)}}.zoomInUp{-webkit-animation-name:zoomInUp;animation-name:zoomInUp}@-webkit-keyframes zoomOut{0%{opacity:1}50%{opacity:0;-webkit-transform:scale3d(.3,.3,.3);transform:scale3d(.3,.3,.3)}100%{opacity:0}}@keyframes zoomOut{0%{opacity:1}50%{opacity:0;-webkit-transform:scale3d(.3,.3,.3);transform:scale3d(.3,.3,.3)}100%{opacity:0}}.zoomOut{-webkit-animation-name:zoomOut;animation-name:zoomOut}@-webkit-keyframes zoomOutDown{40%{opacity:1;-webkit-transform:scale3d(.475,.475,.475) translate3d(0,-60px,0);transform:scale3d(.475,.475,.475) translate3d(0,-60px,0);-webkit-animation-timing-function:cubic-bezier(.55,.055,.675,.19);animation-timing-function:cubic-bezier(.55,.055,.675,.19)}100%{opacity:0;-webkit-transform:scale3d(.1,.1,.1) translate3d(0,2000px,0);transform:scale3d(.1,.1,.1) translate3d(0,2000px,0);-webkit-transform-origin:center bottom;transform-origin:center bottom;-webkit-animation-timing-function:cubic-bezier(.175,.885,.32,1);animation-timing-function:cubic-bezier(.175,.885,.32,1)}}@keyframes zoomOutDown{40%{opacity:1;-webkit-transform:scale3d(.475,.475,.475) translate3d(0,-60px,0);transform:scale3d(.475,.475,.475) translate3d(0,-60px,0);-webkit-animation-timing-function:cubic-bezier(.55,.055,.675,.19);animation-timing-function:cubic-bezier(.55,.055,.675,.19)}100%{opacity:0;-webkit-transform:scale3d(.1,.1,.1) translate3d(0,2000px,0);transform:scale3d(.1,.1,.1) translate3d(0,2000px,0);-webkit-transform-origin:center bottom;transform-origin:center bottom;-webkit-animation-timing-function:cubic-bezier(.175,.885,.32,1);animation-timing-function:cubic-bezier(.175,.885,.32,1)}}.zoomOutDown{-webkit-animation-name:zoomOutDown;animation-name:zoomOutDown}@-webkit-keyframes zoomOutLeft{40%{opacity:1;-webkit-transform:scale3d(.475,.475,.475) translate3d(42px,0,0);transform:scale3d(.475,.475,.475) translate3d(42px,0,0)}100%{opacity:0;-webkit-transform:scale(.1) translate3d(-2000px,0,0);transform:scale(.1) translate3d(-2000px,0,0);-webkit-transform-origin:left center;transform-origin:left center}}@keyframes zoomOutLeft{40%{opacity:1;-webkit-transform:scale3d(.475,.475,.475) translate3d(42px,0,0);transform:scale3d(.475,.475,.475) translate3d(42px,0,0)}100%{opacity:0;-webkit-transform:scale(.1) translate3d(-2000px,0,0);transform:scale(.1) translate3d(-2000px,0,0);-webkit-transform-origin:left center;transform-origin:left center}}.zoomOutLeft{-webkit-animation-name:zoomOutLeft;animation-name:zoomOutLeft}@-webkit-keyframes zoomOutRight{40%{opacity:1;-webkit-transform:scale3d(.475,.475,.475) translate3d(-42px,0,0);transform:scale3d(.475,.475,.475) translate3d(-42px,0,0)}100%{opacity:0;-webkit-transform:scale(.1) translate3d(2000px,0,0);transform:scale(.1) translate3d(2000px,0,0);-webkit-transform-origin:right center;transform-origin:right center}}@keyframes zoomOutRight{40%{opacity:1;-webkit-transform:scale3d(.475,.475,.475) translate3d(-42px,0,0);transform:scale3d(.475,.475,.475) translate3d(-42px,0,0)}100%{opacity:0;-webkit-transform:scale(.1) translate3d(2000px,0,0);transform:scale(.1) translate3d(2000px,0,0);-webkit-transform-origin:right center;transform-origin:right center}}.zoomOutRight{-webkit-animation-name:zoomOutRight;animation-name:zoomOutRight}@-webkit-keyframes zoomOutUp{40%{opacity:1;-webkit-transform:scale3d(.475,.475,.475) translate3d(0,60px,0);transform:scale3d(.475,.475,.475) translate3d(0,60px,0);-webkit-animation-timing-function:cubic-bezier(.55,.055,.675,.19);animation-timing-function:cubic-bezier(.55,.055,.675,.19)}100%{opacity:0;-webkit-transform:scale3d(.1,.1,.1) translate3d(0,-2000px,0);transform:scale3d(.1,.1,.1) translate3d(0,-2000px,0);-webkit-transform-origin:center bottom;transform-origin:center bottom;-webkit-animation-timing-function:cubic-bezier(.175,.885,.32,1);animation-timing-function:cubic-bezier(.175,.885,.32,1)}}@keyframes zoomOutUp{40%{opacity:1;-webkit-transform:scale3d(.475,.475,.475) translate3d(0,60px,0);transform:scale3d(.475,.475,.475) translate3d(0,60px,0);-webkit-animation-timing-function:cubic-bezier(.55,.055,.675,.19);animation-timing-function:cubic-bezier(.55,.055,.675,.19)}100%{opacity:0;-webkit-transform:scale3d(.1,.1,.1) translate3d(0,-2000px,0);transform:scale3d(.1,.1,.1) translate3d(0,-2000px,0);-webkit-transform-origin:center bottom;transform-origin:center bottom;-webkit-animation-timing-function:cubic-bezier(.175,.885,.32,1);animation-timing-function:cubic-bezier(.175,.885,.32,1)}}.zoomOutUp{-webkit-animation-name:zoomOutUp;animation-name:zoomOutUp}@-webkit-keyframes slideInDown{0%{-webkit-transform:translateY(-100%);transform:translateY(-100%);visibility:visible}100%{-webkit-transform:translateY(0);transform:translateY(0)}}@keyframes slideInDown{0%{-webkit-transform:translateY(-100%);transform:translateY(-100%);visibility:visible}100%{-webkit-transform:translateY(0);transform:translateY(0)}}.slideInDown{-webkit-animation-name:slideInDown;animation-name:slideInDown}@-webkit-keyframes slideInLeft{0%{-webkit-transform:translateX(-100%);transform:translateX(-100%);visibility:visible}100%{-webkit-transform:translateX(0);transform:translateX(0)}}@keyframes slideInLeft{0%{-webkit-transform:translateX(-100%);transform:translateX(-100%);visibility:visible}100%{-webkit-transform:translateX(0);transform:translateX(0)}}.slideInLeft{-webkit-animation-name:slideInLeft;animation-name:slideInLeft}@-webkit-keyframes slideInRight{0%{-webkit-transform:translateX(100%);transform:translateX(100%);visibility:visible}100%{-webkit-transform:translateX(0);transform:translateX(0)}}@keyframes slideInRight{0%{-webkit-transform:translateX(100%);transform:translateX(100%);visibility:visible}100%{-webkit-transform:translateX(0);transform:translateX(0)}}.slideInRight{-webkit-animation-name:slideInRight;animation-name:slideInRight}@-webkit-keyframes slideInUp{0%{-webkit-transform:translateY(100%);transform:translateY(100%);visibility:visible}100%{-webkit-transform:translateY(0);transform:translateY(0)}}@keyframes slideInUp{0%{-webkit-transform:translateY(100%);transform:translateY(100%);visibility:visible}100%{-webkit-transform:translateY(0);transform:translateY(0)}}.slideInUp{-webkit-animation-name:slideInUp;animation-name:slideInUp}@-webkit-keyframes slideOutDown{0%{-webkit-transform:translateY(0);transform:translateY(0)}100%{visibility:hidden;-webkit-transform:translateY(100%);transform:translateY(100%)}}@keyframes slideOutDown{0%{-webkit-transform:translateY(0);transform:translateY(0)}100%{visibility:hidden;-webkit-transform:translateY(100%);transform:translateY(100%)}}.slideOutDown{-webkit-animation-name:slideOutDown;animation-name:slideOutDown}@-webkit-keyframes slideOutLeft{0%{-webkit-transform:translateX(0);transform:translateX(0)}100%{visibility:hidden;-webkit-transform:translateX(-100%);transform:translateX(-100%)}}@keyframes slideOutLeft{0%{-webkit-transform:translateX(0);transform:translateX(0)}100%{visibility:hidden;-webkit-transform:translateX(-100%);transform:translateX(-100%)}}.slideOutLeft{-webkit-animation-name:slideOutLeft;animation-name:slideOutLeft}@-webkit-keyframes slideOutRight{0%{-webkit-transform:translateX(0);transform:translateX(0)}100%{visibility:hidden;-webkit-transform:translateX(100%);transform:translateX(100%)}}@keyframes slideOutRight{0%{-webkit-transform:translateX(0);transform:translateX(0)}100%{visibility:hidden;-webkit-transform:translateX(100%);transform:translateX(100%)}}.slideOutRight{-webkit-animation-name:slideOutRight;animation-name:slideOutRight}@-webkit-keyframes slideOutUp{0%{-webkit-transform:translateY(0);transform:translateY(0)}100%{visibility:hidden;-webkit-transform:translateY(-100%);transform:translateY(-100%)}}@keyframes slideOutUp{0%{-webkit-transform:translateY(0);transform:translateY(0)}100%{visibility:hidden;-webkit-transform:translateY(-100%);transform:translateY(-100%)}}.slideOutUp{-webkit-animation-name:slideOutUp;animation-name:slideOutUp}


/* ---- Onboard placeholoder svg ---- */


.ci.onboard .placeholder-svg,
.onboard svg,
.placeholder-svg,
.onboard-slide svg {
  background: #585858;
  fill: #777777;
  width: 100%;
    height: 100%;
    max-width: 100%;
    max-height: 100%;
}


/* ---- Accordion ---- */
.c-accordion .dropdown-arrow {
  cursor: pointer;
}

.c-accordion__panel {
  display: block;
  max-height: 0px;
  overflow: hidden;
  -webkit-transition: max-height 0.35s cubic-bezier(0, 1, 0, 1);
  -o-transition: max-height 0.35s cubic-bezier(0, 1, 0, 1);
  transition: max-height 0.35s cubic-bezier(0, 1, 0, 1);
}

.c-accordion__panel.is-active {
  max-height: 99em;
  -webkit-transition: max-height 0.35s ease-in-out;
  -o-transition: max-height 0.35s ease-in-out;
  transition: max-height 0.35s ease-in-out;
}

.c-accordion.c-accordion--mobile-nav {
  list-style: none;
  margin: 0;
}

.c-accordion.c-accordion--mobile-nav:not(.c-accordion--mobile-nav__inner) {
  padding: 10px;
}

.c-accordion.c-accordion--mobile-nav li:not(.c-accordion__panel) {
  padding: 15px 0 15px 10px;
  border-bottom: 1px solid;
}

.c-accordion.c-accordion--collection-sidebar .c-accordion__panel,
.c-accordion.c-accordion--mobile-nav .c-accordion__panel {
  padding: 0 0 0 10px;
}

.c-accordion.c-accordion--mobile-nav .c-accordion__panel.is-active {
  padding: 10px 0 10px 10px;
}

.c-accordion.c-accordion--collection-sidebar .c-accordion__header,
.c-accordion.c-accordion--mobile-nav .c-accordion__header {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}

.c-accordion.c-accordion--collection-sidebar .dropdown-arrow,
.c-accordion.c-accordion--mobile-nav .dropdown-arrow {
  border: none;
  background: transparent;
  display: unset !important;
  margin-bottom: unset;
  line-height: unset;
  height: unset;
  width: unset;
  max-width: unset;
  -webkit-transition: unset;
  -o-transition: unset;
  transition: unset;
  padding-left: 10px;
  padding-right: 10px;
  border-left: 1px solid;
}


.c-accordion.c-accordion--collection-sidebar .dropdown-arrow > svg,
.c-accordion.c-accordion--mobile-nav .dropdown-arrow > svg {
  -webkit-transform: rotate(0);
      -ms-transform: rotate(0);
          transform: rotate(0);
  -webkit-transition: -webkit-transform 0.35s ease;
  transition: -webkit-transform 0.35s ease;
  -o-transition: transform 0.35s ease;
  transition: transform 0.35s ease;
  transition: transform 0.35s ease, -webkit-transform 0.35s ease;
}

.c-accordion.c-accordion--collection-sidebar .dropdown-arrow[aria-expanded="true"] > svg,
.c-accordion.c-accordion--mobile-nav .dropdown-arrow[aria-expanded="true"] > svg {
  -webkit-transform: rotate(180deg);
      -ms-transform: rotate(180deg);
          transform: rotate(180deg);
  -webkit-transition: -webkit-transform 0.35s ease;
  transition: -webkit-transform 0.35s ease;
  -o-transition: transform 0.35s ease;
  transition: transform 0.35s ease;
  transition: transform 0.35s ease, -webkit-transform 0.35s ease;
}

.c-accordion.c-accordion--collection-sidebar .c-accordion__header .dropdown-arrow,
.c-accordion.c-accordion--mobile-nav .c-accordion__header .dropdown-arrow {
  margin-left: auto;
}

.c-accordion.c-accordion--mobile-nav ul {
  margin: 0;
  list-style: none;
}

.c-accordion--mobile-nav {
  line-height: normal !important;
}

.c-accordion.c-accordion--mobile-nav {
  line-height: initial;
}

.c-accordion.c-accordion--collection-sidebar .dropdown-arrow,
.c-accordion.c-accordion--mobile-nav .dropdown-arrow {
  border-left: 1px solid;
  border-radius: 0 !important;
}

.c-accordion--collection-sidebar {
  float: none !important;
  margin-left: unset !important;
  margin-right: unset !important;
  padding: 0 !important;
}
.c-accordion.c-accordion--collection-sidebar .dropdown-arrow {
  border-left: none;
  color: inherit;
}

.c-accordion.c-accordion--collection-sidebar ul ul {
  margin-bottom: 10px;
}

.c-accordion.c-accordion--collection-sidebar li a {
  line-height: 28px;
  min-height: 28px;
}

/* ---- SPI banner ---- */

.spi-banner {
  margin-top: 8px;
  margin-bottom: 12px;
}


/* ---- Video Section ---- */

  /* ---- Video text ---- */
  .video__section .video__text-content {
    text-align: center;
    position: relative;
    width: 100%;
    top: 20px;
    opacity: 1;
    transition: all 0.6s cubic-bezier(0.44, 0.13, 0.48, 0.87);
    transition-delay: 0.3s;
    z-index: 3;
    padding: 40px 0;
  }
  .video__section .video-is-playing .video__text-content {
    display: none;
  }
  .video__section .video-is-loaded .video__text-content,
  .no-js .video__section .video__text-content {
    -ms-transform: translateY(-20px);
    -webkit-transform: translateY(-20px);
    transform: translateY(-20px);
  }
  .video__section .video-is-loaded .video__text-content::after,
  .no-js .video__section .video__text-content::after {
    opacity: 0;
    visibility: hidden;
    content: none;
  }

  .video__section .video__overlay-caption h3 {
    font-size: var(--h3-size);
    color: var(--text-color);
  }
  .video__section .video__overlay-caption .rte p,
  .video__section .video__overlay-caption .rte a {
    font-size: var(--font-size);
    color: var(--text-color);
  }

  /* ---- Video styles ---- */
  .video__section .video {
    display: none;
    position: absolute;
    left: 0;
    top: 0;
    z-index: 2;
  }
  .video__section .video--background {
    position: absolute;
    visibility: hidden;
    opacity: 0;
    transition: all 0.2s ease-in;
  }
  .autoplay .video__section .video-is-loaded .video--background {
    display: block;
    visibility: visible;
    opacity: 1;
  }
  .video__section .video--image_with_play {
    display: none;
    opacity: 0;
    visibility: none;
    width: 100%;
    height: 100%;
    transition: all 0.2s ease-in;
  }
  .video__section .video-is-playing .video--image_with_play,
  .video__section .video-is-paused .video--image_with_play {
    display: block;
    visibility: visible;
    opacity: 1;
  }

  .video__section .video__section-wrapper .video {
      top: 50% !important;
      left: 50% !important;
        -webkit-transform: translate(-500%, -50%);
          -ms-transform: translate(-50%, -50%);
            -moz-transform: translate(-50%, -50%);
            -o-transform: translate(-50%, -50%);
            transform: translate(-50%, -50%);
  }


  /* ---- Video control buttons ---- */
  .video__section .video-control {
    display: none;
    visibility: hidden;
    opacity: 0;
    position: absolute;
    z-index: 4;
    transition: all 0.1s ease-out;
  }
  .video__section .video-control__play-wrapper {
    display: none;
    height: 50px;
  }
  @media only screen and (min-width: 741px) {
    .video__section .video-control__play-wrapper {
      display: block;
    }
  }
  .video__section .video-control__play-wrapper-mobile {
    display: block;
    height: 50px;
    position: absolute;
    top: calc(100% - 50px / 2);
    left: calc(50% - 50px / 2);
  }
  @media only screen and (min-width: 741px) {
    .video__section .video-control__play-wrapper-mobile {
      display: none;
    }
  }
  .video__section .video-control__play-wrapper--with-text {
    margin-top: 30px;
  }
  .video__section .video-control__play {
    display: flex;
    justify-content: center;
    align-items: center;
    visibility: visible;
    opacity: 1;
    width: 50px;
    height: 50px;
    border-radius: 25px;
    position: relative;
    margin: 0 auto;
    padding: 5px;
    pointer-events: none;
    box-shadow: 0px 0px 3px 0px #d2d2d2;
  }
  .video__section .video-background-wrapper .video-control__play {
    top: 50%;
    -ms-transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
  }
  .video__section .video-is-loaded .video-control__play {
    pointer-events: auto;
  }
  .video__section .video-is-playing .video-control__play {
    display: none;
    visibility: hidden;
    opacity: 0;
  }
  .video__section .video-control__play::before {
    content: '';
    display: block;
    width: 2.875rem;
    height: 2.875rem;
    position: absolute;
    margin-left: -1.4375rem;
    border-radius: 50%;
    border: 2px solid white;
    border-top-color: transparent;
    -moz-animation: spin 0.65s infinite linear;
    -o-animation: spin 0.65s infinite linear;
    -webkit-animation: spin 0.65s infinite linear;
    animation: spin 0.65s infinite linear;
    transition: all 0.1s ease-out 0.5s;
    z-index: 5;
    top: 1px;
    left: 50%;
    opacity: 0.5;
  }
  .video__section .video-is-loaded .video-control__play::before,
  .video__section .video-is-playing .video-control__play::before,
  .video__section .video-is-paused .video-control__play::before {
    content: none;
    display: none;
  }
  .video__section .video-control__close-wrapper {
    display: none;
    width: 50px;
    height: 50px;
    border-radius: 25px;
    position: absolute;
    top: 0;
    right: 0;
    outline: none;
    z-index: 3;
    padding: 0;
  }
  .video__section .video-is-playing .video-control__close-wrapper,
  .video__section .video-is-paused .video-control__close-wrapper {
    display: block;
  }
  .video__section .video-control__close {
    position: relative;
    width: 50px;
    height: 50px;
    margin: 0 auto;
    font-size: 18px;
    line-height: 30px;
    border-radius: 25px;
  }
  .video__section .video-is-playing .video-control__close,
  .video__section .video-is-paused .video-control__close {
    display: inline-block;
    visibility: visible;
    opacity: 1;
  }
  .video__section .video__pause {
    position: absolute;
    top: 0;
    right: 0;
    z-index: 3;
    width: 50px;
    height: 50px;
    padding: 0;
    border: none;
    background-color: transparent;
    transition: color 0.2s cubic-bezier(0.44, 0.13, 0.48, 0.87), background-color 0.2s cubic-bezier(0.44, 0.13, 0.48, 0.87);
  }
  .video__section button {
      background: #fff;
      color: #000;
  }
  .video__section button svg {
      fill: var(--direction-color);
  }

  @media only screen and (max-width: 740px) {
    .video__section .video__pause {
      display: none;
      }
  }
  .video__section .video-is-playing .video__pause {
    display: none;
  }

  .video__section .video__pause:hover, .video__pause:focus {
    outline: none;
  }
  .video__section .video__pause-resume,
  .video__section .video__pause-stop {
    height: 34px;
    width: 34px;
    margin: 0 auto;
    justify-content: center;
    background-color: rgba(0, 0, 0, 0.4);
  }
  .video__section .video__pause:hover .video__pause-resume,
  .video__section .video__pause:focus .video__pause-resume,
  .video__section .video__pause:hover .video__pause-stop,
  .video__section .video__pause:focus .video__pause-stop {
    background-color: rgba(0, 0, 0, 0.75);
  }
  .video__section .video__pause:focus .video__pause-resume, .video__pause:focus
  .video__section .video__pause-stop {
    outline: auto 5px -webkit-focus-ring-color;
  }
  .video__section .video__pause-stop {
    display: flex;
  }
  .video__section .is-paused .video__pause-stop {
    display: none;
  }
  .video__section .video__pause-resume {
    display: none;
  }
  .video__section .is-paused .video__pause-resume {
    display: flex;
  }

  /* ---- Overlay ---- */
  .video__section .video__overlay::before {
    content: '';
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    background-color: rgba(0,0,0,0.2);
    z-index: 3;
  }
  .video__section .video-is-playing .video__overlay {
    opacity: 0;
  }
  .video__section .video-is-playing .video__overlay:before {
    content: none;
  }

  /* ---- Fallback images ---- */
  .video__section .video__image {
    transition: opacity 0.8s cubic-bezier(0.44, 0.13, 0.48, 0.87);
    position: absolute;
    top: 0;
    left: 0;
    opacity: 1;
    height: 100%;
    width: 100%;
    background-repeat: no-repeat;
    background-size: cover;
    background-position: top center;
    z-index: 1;
  }
  @media only screen and (min-width: 741px) {
    .video__section .video-background-wrapper .video__image {
      opacity: 0;
    }
  }

  /* ---- Responsive video ---- */
  .video-wrapper {
    position: relative;
    overflow: hidden;
    max-width: 100%;
    padding-bottom: 56.25%;
    height: 0;
    height: auto;
   }
  .video-wrapper iframe {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
  }

  [data-section-type="video-section"] {
    margin-left: auto;
    margin-right: auto;
  }
  @media only screen and (max-width: 740px) {
    [data-section-type="video-section"] {
      transition: width 0.6s cubic-bezier(0.44, 0.13, 0.48, 0.87), height 0.6s cubic-bezier(0.44, 0.13, 0.48, 0.87), padding 0.6s cubic-bezier(0.44, 0.13, 0.48, 0.87);
    }
  }

/* ---- Video container ---- */

.video__section-wrapper {
  position: relative;
  display: flex;
  -ms-flex-align: center;
  -webkit-align-items: center;
  -moz-align-items: center;
  -ms-align-items: center;
  -o-align-items: center;
  align-items: center;
  -webkit-justify-content: center;
  -ms-justify-content: center;
  justify-content: center;
  width: 100%;
  height: 100%;
  transition: height 0.6s cubic-bezier(0.44, 0.13, 0.48, 0.87);
}
@media only screen and (min-width: 741px) {
  .video__section-wrapper {
    overflow: hidden;
  }
}
@media only screen and (max-width: 740px) {
  .video__section-wrapper {
    overflow: visible !important;
  }
  .video__section-wrapper.video-is-playing {
    margin: 0;
  }
  .video__section-wrapper.video-is-loaded {
    transition: height 0.6s cubic-bezier(0.44, 0.13, 0.48, 0.87), margin 0.6s cubic-bezier(0.44, 0.13, 0.48, 0.87);
  }
}
.video__section-wrapper--min-height {
  margin-left: 0 !important;
  margin-right: 0 !important;
}
.video__section-wrapper--small.video__section-wrapper--min-height {
  min-height: 175px;
}
@media only screen and (min-width: 741px) {
  .video__section-wrapper--small.video__section-wrapper--min-height {
    min-height: 475px;
  }
}
.video__section-wrapper--medium.video__section-wrapper--min-height {
  min-height: 270px;
}
@media only screen and (min-width: 741px) {
  .video__section-wrapper--medium.video__section-wrapper--min-height {
    min-height: 650px;
  }
}
.video__section-wrapper--large.video__section-wrapper--min-height {
  min-height: 375px;
}
@media only screen and (min-width: 741px) {
  .video__section-wrapper--large.video__section-wrapper--min-height {
    min-height: 775px;
  }
}
.video__section-wrapper--min-height {
  transition: height 0s, margin 0.6s cubic-bezier(0.44, 0.13, 0.48, 0.87);
}
@media only screen and (max-width: 740px) {
  .video__section-wrapper--min-height.video-is-loaded {
    transition: height 0s, margin 0.6s cubic-bezier(0.44, 0.13, 0.48, 0.87);
  }
}
.video-background-wrapper--no-overlay {
  background-color: rgba(0,0,0,0.2);
}

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

/* ---- Collection page alternate collection list ---- */

.alt__collection-list .section-heading {
  text-align: center;
  margin-bottom: 30px;
}

.alt__collection-list {
    margin-bottom: 40px;
    margin-top: 20px;
}

/* ---- Collection page shared banner section ---- */

.collection__promotion-section {
  margin-bottom: 25px;
}
.collection__promotion-container {
  height: 200px;
  min-height: 200px;
  position: relative;
}
.collection__promotion-image img {
    width: 100%;
    object-fit: cover;
    height: 200px;
}
.collection__promotion-image .box-ratio {
    padding-bottom: 200px !important;
}
.collection__promotion-caption {
  position: absolute;
  top: 50%;
  width: fit-content;
}

.collection__promotion-caption-text p {
  margin-bottom: 0;
}
.collection__promotion-caption-text a.button,
.collection__promotion-caption-text a.button:visited {
  margin-top: 10px;
  margin-bottom: 0;
  width: unset;
}

/* ---- logo list ---- */

.logo__list-section .logo__list-wrapper {
    align-items: center;
    justify-content: center;
}

@media screen and (max-width: 740px) {
  .logo__list-wrapper {
    grid-gap: 10px;
  }
}
.logo__list-image .box-ratio {
  background-color: transparent;
}

/* ---- Story section ---- */
  .story__section-wrapper {
    display: grid;
    grid-template-columns: repeat(6, 1fr);
    grid-gap: 30px;
    align-items: center;
    justify-content: center;
    padding-left: 1.04166667%;
    padding-right: 1.04166667%;
  }

  .story__section-pageContent,
  .story__section-text {
    display: grid;
    justify-content: center;
    align-items: center;
    padding: 30px;
  }
  .story__section-image .onboard {
    height: 100%;
  }

/* ---- Story section ---- */
.template-cart .ajax-cart__drawer-wrapper .or-divider,
.template-cart .ajax-cart__drawer-wrapper .ajax-cart__buttons-additional,
.template-cart .ajax-cart__modal-wrapper .or-divider,
.template-cart .ajax-cart__modal-wrapper .ajax-cart__buttons-additional {
   display: none !important;
}
#dynamic-checkout-cart .shopify-cleanslate ul {
    justify-content: center !important;
}

/* ---- Main h1 ---- */
#MainContent h1 {
  text-align: center;
  margin-bottom: 30px;
}

h1.collection__page-title,
h1.section__page-title {
    padding-top: 20px;
}

/* ---- Main 404 & Search ---- */
.section-main-404 h1,
.section-main-404 p,
.section-main-search h1 {
  text-align: center;
  padding-bottom: 30px;
  border: none !important;
}
.section-main-404 #search-bar {
  text-align: center;
  padding-bottom: 200px;
  padding-top: 50px;
  border: none;
}

.section-main-search #search-bar {
  text-align: center;
  padding-bottom: 30px;
  border: none;
}

.section-main-search {
  padding-bottom: 200px;
}

.search__page_results--img {
  margin-bottom: 10px;
}

.search__page_results--link .search__page_results--text {
  border: 1px solid var(--dotted-color);
  padding: 20px;
  display: block;
  text-align: center;
}

.search__page_results--link:hover .search__page_results--text {
  border-color: var(--link-color);
}

.btn-outlined {
  background: 0 0;
  border: 3px solid var(--button-color);
  color: var(--button-color);
  font-weight: 700;
  text-transform: uppercase;
  font-size: 14px;
  padding: 0 25px;
  border-radius: 30px !important;
  height: 55px;
  line-height: 49px !important;
}

a.button.btn-outlined:hover {
  box-shadow: inset 0 0 0 2em var(--button-hover);
}

/* ----- Sale banner section ---- */
.coupon__code-hr-labeled > h2 {
  font-size: var(--h2-size);
  line-height: auto;
  padding: 0 20px;
  width: auto;
  display: inline-block;
  z-index: 1;
  position: relative;
  margin: 0;
}
.coupon__code-hr-labeled {
  position: relative;
  text-align: center;
}
.coupon__code-hr-labeled .coupon__code-title-border:after {
  content: "";
  left: 0;
  position: absolute;
  width: 100%;
}
.coupon__code-text-container::-webkit-scrollbar {
  width: 0;  /* Remove scrollbar space */
  background: transparent;  /* Optional: just make scrollbar invisible */
}
.coupon__code-text-wrapper {
  width: 1200px;
  display: grid;
  grid-column-gap: 20px;
  grid-row-gap: 1rem;
  grid-template-columns: repeat(12,1fr);
  grid-template-rows: auto;
  padding: 30px 0;
  margin-left: auto;
  margin-right: auto;
}
.coupon__code-text-wrapper > div {
  align-self: center;
  width: 100%;
  word-break: break-word;
}
.coupon__code-text-wrapper a:hover {
  text-decoration: underline;
}
.coupon__code-section .full-width--false .coupon__code-text-wrapper {
  padding-left: 15px;
  padding-right: 15px;
}
@media (max-width: 1199px) {
  .coupon__code-text-container {
    overflow-x: auto;
  }
}
.section-{{ section.id }} .coupon__code-outer-wrapper {
  background-color: var(--section-background);
}
.section-{{ section.id }} .coupon__code-hr-labeled > h2 {
  background-color: var(--section-background);
  color: var(--text-color);
}
.section-{{ section.id }} .coupon__code-text-wrapper > div {
  color: var(--text-color);
}
.section-{{ section.id }} .coupon__code-text-wrapper a {
  color: var(--text-color);
}

/* ---- Accordion section ---- */
.accordion__section-content .c-accordion__header {
  display: flex;
  width: 100%;
  height: unset!important;
  overflow: hidden;
  position: relative;
  margin: 0;
  padding: 15px;
  cursor: pointer;
  font-weight: 600;
  font-size: var(--h4-size);
  line-height: 1;
  background: var(--background);
  color: var(--text-color);
  border-bottom: 3px solid var(--dotted-color);
  border-radius: 0 !important;
}
.accordion__section-content .c-accordion__header:after {
  font-size: var(--h4-size);
  position: absolute;
  right: 15px;
  top: 50%;
  transform: translateY(-50%);
}
.accordion__section-content .c-accordion__header[aria-expanded=false]:after {
  content: '+';
}
.accordion__section-content .c-accordion__header[aria-expanded=true]:after {
  content: '—';
}
.accordion__section-content .c-accordion__header:first-child {
  border-top: 3px solid var(--dotted-color);
}
.accordion__section-content .c-accordion__inner {
  padding: 0 15px;
}
.accordion__section-content .c-accordion__header[aria-expanded=true] {
  border-bottom: 3px solid transparent;
}
.accordion__section-content .c-accordion__panel.is-active {
  border-bottom: 3px solid var(--dotted-color);
}
@media only screen and (min-width: 741px) {
  .accordion__section-title h2 {
    text-align: left;
    border-top: 5px solid var(--dotted-color);
    padding-top: 10px;
    margin-right: 0;
  }
}
@media only screen and (max-width: 740px) {
  .accordion__section-title h2 {
    text-align: center;
    margin-bottom: 20px;
  }
}



/* ---- Predictive search ---- */

form.header-search-form {
  max-width: 1200px;
  margin: 0 auto;
}

input[type="search"]#Search::-webkit-search-decoration,
input[type="search"]#Search::-webkit-search-cancel-button,
input[type="search"]#Search::-webkit-search-results-button,
input[type="search"]#Search::-webkit-search-results-decoration {
  -webkit-appearance:none;
}

#predictive-search {
  line-height: initial;
  --ps-background-color: var(--background);
  --ps-border-color: var(--dotted-color);
  --ps-color: var(--text-color);
  --ps-transition: background-color 100ms ease-in-out;
}
#predictive-search ul {
  margin-bottom: 0;
}
#predictive-search-results {
  width: 100%;
  background: var(--ps-background-color);
  border: 0;
  color: var(--ps-color);
}
#predictive-search-results ul.search__product-loop {
  padding: 1rem;
  list-style: none;
}
.predictive-search__heading {
  margin-left: 1rem;
  margin-right: 1rem;
  margin-bottom: 0;
  padding-top: 1rem;
  padding-bottom: 1rem;
  border-bottom: 1px solid var(--ps-border-color);
  color: var(--ps-color);
}
.predictive-search__list-item,
.predictive-search__results-list > li {
  display: block !important;
  list-style-type: none;
}
.predictive-search__item.button-as-link {
  color: var(--ps-color);
}
.predictive-search__item.button-as-link:hover {
  text-decoration: underline;
}
.predictive-search__image {
  margin-right: 1rem;
}
/*center vertically*/
.predictive-search__item-content {
  display: flex;
  flex-direction: column;
  justify-content: center;
}
#predictive-search-results-list .predictive-search__item {
  display: flex;
  width: 100%;
  padding: 1rem;
  text-align: left;
  background-color: transparent;
  transition: var(--ps-transition);
  font-weight: initial;
  text-transform: initial;
  height: initial;
  line-height: initial;
  color: var(--ps-color);
}
.predictive-search__list-item--search .predictive-search__item {
  width: 100%;
  margin: 0;
  padding: 1rem;
  text-decoration: none;
}
.predictive-search-form {
  position: relative;
}
/*hover effects*/
a.predictive-search__item:hover {
  text-decoration: underline;
}
.predictive-search__list-item--search .predictive-search__item:hover,
.predictive-search__list-item--search .predictive-search__item:focus,
#predictive-search .predictive-search__item:hover,
#predictive-search .predictive-search__item:focus {
  background-color: var(--ps-background-color);
}
.predictive-search__item:hover .predictive-search__item-heading {
  text-decoration: underline;
}
/*increase font weight*/
.predictive-search__item-heading {
  font-weight: 700;
}

/*add border*/
.predictive-search__list-item--search {
  border-top: 1px solid var(--ps-border-color);
}

.template-404 #search-bar #q,
.template-search #search-bar #q {
  margin-bottom: 0;
  width: calc(100% - 48px);
  border: 0;
}

.template-404 .page-wrap,
.template-search .page-wrap {
  overflow: initial;
}

.template-404 #search-bar form,
.template-search #search-bar form {
  max-width: 300px;
  margin-left: auto;
  margin-right: auto;
  border: 1px solid var(--dotted-color);
}

/* ---- Linklist section ---- */

ul.linklist__section-links {
  list-style: none;
  padding: 10px 0;
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  gap: 20px;
  overflow-x: auto !important;
  -webkit-overflow-scrolling: touch;
}

ul.linklist__section-links li {
    flex: 0 0 auto;
}

ul.linklist__section-links li:after {
  content: '';
  display: block;
  width: 0;
  height: 2px;
  transition: width .2s;
}

ul.linklist__section-links li:hover::after {
  width: 100%;
}

ul.linklist__section-links li.bold__type-true a {
  font-weight: bold;
}

.linklist__section .linklist__section-container {
  background: var(--section-background);
}

.linklist__section .linklist__section-container ul.linklist__section-links li a {
  color: var(--text-color);
}

.linklist__section .linklist__section-container ul.linklist__section-links li:after {
  background: var(--section-background);
}

ul.linklist__section-links::-webkit-scrollbar {
  display: none;
  -ms-overflow-style: none;
}

/* ----- Global theme image hover transition ---- */

.theme-features__image-hover-transition--true .gallery__section-image img,
.theme-features__image-hover-transition--true .image__withText-image img,
.theme-features__image-hover-transition--true .editorial__content-item img,
.theme-features__image-hover-transition--true .story__section-image img,
.theme-features__image-hover-transition--true .article-image img  {
    transform: scale(1);
    -webkit-transform: 3s cubic-bezier(0.41, 0.85, 0.6, 0.97);
    -webkit-transition: -webkit-transform 3s cubic-bezier(0.41, 0.85, 0.6, 0.97);
    transition: -webkit-transform 3s cubic-bezier(0.41, 0.85, 0.6, 0.97);
    transition: transform 3s cubic-bezier(0.41, 0.85, 0.6, 0.97);
    transition: transform 3s cubic-bezier(0.41, 0.85, 0.6, 0.97);
    -webkit-transform: 3s cubic-bezier(0.41, 0.85, 0.6, 0.97);
}

.theme-features__image-hover-transition--true .gallery__section-content:hover .gallery__section-image img,
.theme-features__image-hover-transition--true .image__withText-image:hover img,
.theme-features__image-hover-transition--true .editorial__content-item:hover img,
.theme-features__image-hover-transition--true .story__section-image:hover img,
.theme-features__image-hover-transition--true .article-image:hover img   {
    -webkit-transform: scale(1.05);
    transform: scale(1.05);
}

/* ---- Global image overlay caption positions ---- */

.image__caption.top_left {
    align-self: start;
    justify-self: start;
    text-align: left;
    justify-content: start;
}

.image__caption.top_center {
    align-self: start;
    justify-self: center;
    text-align: center;
    justify-content: center;
}

.image__caption.top_right {
    align-self: start;
    justify-self: flex-end;
    text-align:right;
    justify-content: end;
}

.image__caption.middle_left {
    align-self: center;
    justify-self: start;
    text-align: left;
    justify-content: start;
}

.image__caption.middle_center {
    align-self: center;
    justify-self: center;
    text-align: center;
    justify-content: center;
}

.image__caption.middle_right {
    align-self: center;
    justify-self: flex-end;
    text-align:right;
    justify-content: end;
}

.image__caption.bottom_left {
    align-self: end;
    justify-self: start;
    text-align: left;
    justify-content: start;
}

.image__caption.bottom_center {
    align-self: end;
    justify-self: center;
    text-align: center;
    justify-content: center;
}

.image__caption.bottom_right {
    align-self: end;
    justify-self: flex-end;
    text-align:right;
    justify-content: end;
}

/* ---- Contact form ---- */

.contact__form--input {
  position: relative;
  margin-bottom: 10px;
}

.contact__form--input label {
  position: absolute;
  top: calc(50px / 2 - 0.7em);
  margin: 0;
  padding: 0 5px;
  font-weight: var(--main-weight);
  transition: transform .2s ease-in-out;
  transform: translateX(10px);
  transform-origin: top left;
  background: var(--background);
}

.contact__form--input input:focus + label,
.contact__form--input textarea:focus + label,
.contact__form--input select:focus + label,
.contact__form--input .is__filled + label {
  transform: scale(0.8) translateY(calc(-25px - 0.25em)) translateX(10px);
}

/* ---- Rich text section ---- */

.rich__text-section {
  background: var(--section-background);
  color: var(--text-color);
}
.rich__text-section h2.section-heading,
.rich__text-section p,
.rich__text-section .rte a {
  color: var(--text-color);
}
.theme-features__section-title-border--bottom_only_short .rich__text-section h2.section-heading:after {
  border-color: var(--text-color);
}
.rich__text-section .rich__text--content a:hover
.rich__text-section .rich__text--link a:hover {
  text-decoration: underline;
}

/* ---- Cart drawer update v8 over-rides ---- */

.ajax-cart__drawer-wrapper .ajax-cart__item-line-price {
    display: none;
}

.ajax-cart__drawer-wrapper .ajax-cart__item-price {
    order: 4;
    text-align: right;
    grid-column: auto / span 4;
}

.ajax-cart__drawer-wrapper .ajax-cart__item-qty {
    grid-column: auto / span 5;
}

.ajax-cart__drawer-wrapper .ajax-cart__item-image {
    grid-row-end: 3;
    grid-row-start: 1;
}

.ajax-cart__drawer-wrapper .ajax-cart__qty-control--down,
.ajax-cart__drawer-wrapper .ajax-cart__qty-control--up {
    width: 30px;
    height: 30px;
    line-height: 30px;
    background: unset;
    color: var(--text-color);
    padding: unset;
    font-weight: 400;
}

.ajax-cart__drawer-wrapper input[type=number].ajax-cart__qty-input {
    width: 40px !important;
    height: 30px;
    line-height: 30px;
    min-width: 40px;
}

.ajax-cart__drawer-wrapper .ajax-cart__item-quantity {
    text-align: left;
}

/* ---- Captcha page ---- */

.shopify-challenge__container {
    margin-top: 81px !important;
    margin-bottom: 81px !important;
}
.shopify-challenge__container .g-recaptcha { margin-bottom: 20px !important;}

/* ---- Promotion bar section ---- */

.promotion__bar-section {
  background: var(--section-background);
  color: var(--text-color);
}

.promotion__bar--content .rte p {
    margin-bottom: 0;
}

.promotion__bar--content {
    padding: 15px 0;
}

/* ---- Text with icons section ---- */

.textwith__icon-section {
 background: var(--section-background);
 color: var(--text-color);
}

.theme-features__section-title-border--bottom_only_short .global__section.textwith__icon-section h2.section-heading:after {
  border-color: var(--text-color);
}

.textwith__icon--content {
  display: grid;
  grid-auto-flow: column;
  grid-template-columns: none;
  justify-content: space-between;
  grid-column: auto / span 12;
  grid-gap: 40px;
}

@media screen and (max-width: 740px) {
  .textwith__icon--content {
    justify-content: space-between;
    grid-auto-flow: dense;
  }
}

.textwith__icon--content-block {
  max-width: 300px;
}

.textwith__icon--content-block .icon__image-wrapper {
  max-width: 100px;
  margin: 0 auto;
}

.textwith__icon--content-block img {
  margin: 0 auto;
}

.textwith__icon--content .rte {
  margin: 15px auto 0;
}

.textwith__icon-section h2,
.textwith__icon-section .rte p {
 color: var(--text-color);
}

/* ---- Product content section ---- */

.product__content-section {
  background: var(--section-background);
  padding: 40px 0 10px;
}

.product__content-section,
.product__content-section p,
.product__content-section h3 {
  color: var(--text-color);
}

.product__content-section .product__section--desc {
  border: 0;
  padding: 0;
}

.fash--apollo-search {
  pointer-events: none;
}
.collection__page-description .cc-hide {
    display: block !important;
}

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

/* The closing brace above was missing. Because CSS error recovery swallows
   everything until a block closes, that single character silently killed every
   rule that follows it in this file: .no-scroll, the whole .modal video
   lightbox (.modal, .modal-inner, .modal.open, .modal-close, .modal-frame) and
   .thumb / .thumb img. Confirmed against the live storefront — none of those
   eight selectors existed in the parsed CSSOM.

   Note this means `.modal { display: none }` was never in effect, so any .modal
   markup on the page was relying on something else to stay hidden. Worth a look
   on whichever template uses the video lightbox. */

/* Allow page to stop scrolling when modal is open */
.no-scroll { overflow: hidden; }

/* (Optional) make sure clicks reach the iframe */
.modal-inner { position: relative; z-index: 2; }
.modal { position: fixed; inset: 0; background: rgba(0,0,0,.75);
         display: none; align-items: center; justify-content: center;
         padding: 20px; z-index: 999; }
.modal.open { display: flex; }

.modal-inner { background:#000; max-width:960px; width:100%;
               aspect-ratio:16/9; border-radius:12px; overflow:hidden;
               box-shadow: 0 18px 44px rgba(0,0,0,.12); }
.modal-close { position:absolute; top:12px; right:12px; width:44px; height:44px;
               display:grid; place-items:center; border:0; border-radius:999px;
               background:#fff; color:#000; font-size:24px; font-weight:700; cursor:pointer; }
.modal-frame { width:100%; height:100%; border:0; display:block; }

.thumb {
  position: relative;
  width: 100%;
  aspect-ratio: 16 / 9;   /* locks container to video ratio */
  overflow: hidden;
  display: block;         /* make sure it’s a block element */
  border-radius: 8px;     /* optional, matches card style */
}

.thumb img {
  width: 100%;
  height: 100%;
  object-fit: cover;      /* crop to fill box */
  display: block;
}

/* ---------------------------------------------------------------------------
   ConvertCart injected images — reserve layout space

   ConvertCart renders these into containers the theme owns (the header cart
   list, the hero <h1>, and every product tile) after its script boots, and it
   emits them with no width/height and no CSS dimensions. Verified by cloning
   each one and blanking the src: with the bitmap removed the boxes collapse,
   so nothing reserves their space and the surrounding content moves when the
   image finally arrives.

     .cc-since-logo img   34px tall loaded,  17px without  -> header shifts
     .cc-video-btn img    39px tall loaded,  50px without  -> hero <h1> shifts
     img.cc-bst-icon      77px tall loaded,  51px without  -> x16 product tiles

   The pixel values are the sizes ConvertCart actually renders, measured
   identically at 375px and 1280px viewports — these are fixed-size badges, not
   responsive art, so hardcoding is safe. Verified in the browser: applying
   these shifts the painted size by under half a pixel (77.47 -> 77, 39.17 ->
   39). All they do is make the height explicit instead of `auto`, so it is
   known before the bitmap is.

   Only `height` is set on the last two — their widths are already capped by
   max-width, so a width declaration there is dead code. The header badge needs
   the #identity prefix to outrank the theme's own rule,
   `div#identity > :not(#logo) img { max-height: 34px; width: auto; height: auto }`,
   which is what actually leaves that one unsized until it loads. (Note that
   rule's max-height also caps the box irrespective of the cascade, which is why
   the value here must match it rather than fight it.)

   object-fit: contain is the safety valve — if ConvertCart ever swaps in art of
   a different shape it letterboxes inside the reserved box instead of
   stretching. This compensates for a third party's markup and is keyed to their
   class names; if they ship width/height themselves or rename these classes,
   the block becomes inert and can simply be deleted.
   --------------------------------------------------------------------------- */
div#identity .cc-since-logo img {
  width: 43px;
  height: 34px;
  object-fit: contain;
}

.cc-video-btn img {
  height: 39px;
  object-fit: contain;
}

img.cc-bst-icon {
  height: 77px;
  object-fit: contain;
}