/** Shopify CDN: Minification failed

Line 1214:2 Expected identifier but found "*"
Line 1215:2 Expected identifier but found "*"
Line 1396:2 Expected identifier but found "*"
Line 1404:2 Expected identifier but found "*"
Line 1418:2 Expected identifier but found "*"
Line 1428:2 Expected identifier but found "*"
Line 1429:2 Expected identifier but found "*"
Line 11267:0 Unexpected ";"
Line 12994:0 Unexpected "/"

**/
@charset "UTF-8";@font-face {
  font-family: "Open Sans";
  font-weight: 400;
  font-style: normal;
  font-display: swap;
  src: url("//www.modalai.com/cdn/fonts/open_sans/opensans_n4.c32e4d4eca5273f6d4ee95ddf54b5bbb75fc9b61.woff2") format("woff2"),
       url("//www.modalai.com/cdn/fonts/open_sans/opensans_n4.5f3406f8d94162b37bfa232b486ac93ee892406d.woff") format("woff");
}

@font-face {
  font-family: "Open Sans";
  font-weight: 400;
  font-style: italic;
  font-display: swap;
  src: url("//www.modalai.com/cdn/fonts/open_sans/opensans_i4.6f1d45f7a46916cc95c694aab32ecbf7509cbf33.woff2") format("woff2"),
       url("//www.modalai.com/cdn/fonts/open_sans/opensans_i4.4efaa52d5a57aa9a57c1556cc2b7465d18839daa.woff") format("woff");
}

@font-face {
  font-family: "Open Sans";
  font-weight: 700;
  font-style: normal;
  font-display: swap;
  src: url("//www.modalai.com/cdn/fonts/open_sans/opensans_n7.a9393be1574ea8606c68f4441806b2711d0d13e4.woff2") format("woff2"),
       url("//www.modalai.com/cdn/fonts/open_sans/opensans_n7.7b8af34a6ebf52beb1a4c1d8c73ad6910ec2e553.woff") format("woff");
}

  @font-face {
  font-family: "Open Sans";
  font-weight: 700;
  font-style: italic;
  font-display: swap;
  src: url("//www.modalai.com/cdn/fonts/open_sans/opensans_i7.916ced2e2ce15f7fcd95d196601a15e7b89ee9a4.woff2") format("woff2"),
       url("//www.modalai.com/cdn/fonts/open_sans/opensans_i7.99a9cff8c86ea65461de497ade3d515a98f8b32a.woff") format("woff");
}

@font-face {
  font-family: "Open Sans";
  font-weight: 300;
  font-style: normal;
  font-display: swap;
  src: url("//www.modalai.com/cdn/fonts/open_sans/opensans_n3.b10466eda05a6b2d1ef0f6ba490dcecf7588dd78.woff2") format("woff2"),
       url("//www.modalai.com/cdn/fonts/open_sans/opensans_n3.056c4b5dddadba7018747bd50fdaa80430e21710.woff") format("woff");
}

  @font-face {
  font-family: "Open Sans";
  font-weight: 300;
  font-style: italic;
  font-display: swap;
  src: url("//www.modalai.com/cdn/fonts/open_sans/opensans_i3.853ebda1c5f31329bb2a566ea7797548807a48bf.woff2") format("woff2"),
       url("//www.modalai.com/cdn/fonts/open_sans/opensans_i3.3359d7c8c5a869c65cb7df3aa76a8d52237b1b65.woff") format("woff");
}

@font-face {
  font-family: Roboto;
  font-weight: 500;
  font-style: normal;
  font-display: swap;
  src: url("//www.modalai.com/cdn/fonts/roboto/roboto_n5.250d51708d76acbac296b0e21ede8f81de4e37aa.woff2") format("woff2"),
       url("//www.modalai.com/cdn/fonts/roboto/roboto_n5.535e8c56f4cbbdea416167af50ab0ff1360a3949.woff") format("woff");
}

@font-face {
  font-family: Roboto;
  font-weight: 500;
  font-style: italic;
  font-display: swap;
  src: url("//www.modalai.com/cdn/fonts/roboto/roboto_i5.0ae24363bf5844e2ee3295d84078d36c9bd0faf4.woff2") format("woff2"),
       url("//www.modalai.com/cdn/fonts/roboto/roboto_i5.a9cdb6a43048799fe739d389c60b64059e33cf12.woff") format("woff");
}

@font-face {
  font-family: Roboto;
  font-weight: 700;
  font-style: normal;
  font-display: swap;
  src: url("//www.modalai.com/cdn/fonts/roboto/roboto_n7.f38007a10afbbde8976c4056bfe890710d51dec2.woff2") format("woff2"),
       url("//www.modalai.com/cdn/fonts/roboto/roboto_n7.94bfdd3e80c7be00e128703d245c207769d763f9.woff") format("woff");
}

  @font-face {
  font-family: Roboto;
  font-weight: 700;
  font-style: italic;
  font-display: swap;
  src: url("//www.modalai.com/cdn/fonts/roboto/roboto_i7.7ccaf9410746f2c53340607c42c43f90a9005937.woff2") format("woff2"),
       url("//www.modalai.com/cdn/fonts/roboto/roboto_i7.49ec21cdd7148292bffea74c62c0df6e93551516.woff") format("woff");
}

@font-face {
  font-family: Roboto;
  font-weight: 100;
  font-style: normal;
  font-display: swap;
  src: url("//www.modalai.com/cdn/fonts/roboto/roboto_n1.90b4da06f3479773587365491ef23b0675c8d747.woff2") format("woff2"),
       url("//www.modalai.com/cdn/fonts/roboto/roboto_n1.d4e22cf363186df0511ea8d84cdef42b69c37e33.woff") format("woff");
}

  @font-face {
  font-family: Roboto;
  font-weight: 100;
  font-style: italic;
  font-display: swap;
  src: url("//www.modalai.com/cdn/fonts/roboto/roboto_i1.f9eb5e56a99161ca978d604fc9ffbdf8619a8a97.woff2") format("woff2"),
       url("//www.modalai.com/cdn/fonts/roboto/roboto_i1.3a44ccd5fb5b37f478f6eb8a646e1755d3c50a7f.woff") format("woff");
}

@font-face {
  font-family: "Open Sans";
  font-weight: 700;
  font-style: normal;
  font-display: swap;
  src: url("//www.modalai.com/cdn/fonts/open_sans/opensans_n7.a9393be1574ea8606c68f4441806b2711d0d13e4.woff2") format("woff2"),
       url("//www.modalai.com/cdn/fonts/open_sans/opensans_n7.7b8af34a6ebf52beb1a4c1d8c73ad6910ec2e553.woff") format("woff");
}

@font-face {
  font-family: "Open Sans";
  font-weight: 700;
  font-style: italic;
  font-display: swap;
  src: url("//www.modalai.com/cdn/fonts/open_sans/opensans_i7.916ced2e2ce15f7fcd95d196601a15e7b89ee9a4.woff2") format("woff2"),
       url("//www.modalai.com/cdn/fonts/open_sans/opensans_i7.99a9cff8c86ea65461de497ade3d515a98f8b32a.woff") format("woff");
}

@font-face {
  font-family: "Open Sans";
  font-weight: 800;
  font-style: normal;
  font-display: swap;
  src: url("//www.modalai.com/cdn/fonts/open_sans/opensans_n8.8397a8153d7172f9fd2b668340b216c70cae90a5.woff2") format("woff2"),
       url("//www.modalai.com/cdn/fonts/open_sans/opensans_n8.e6b8c8da9a85739da8727944118b210848d95f08.woff") format("woff");
}

  @font-face {
  font-family: "Open Sans";
  font-weight: 800;
  font-style: italic;
  font-display: swap;
  src: url("//www.modalai.com/cdn/fonts/open_sans/opensans_i8.677319af1852e587858f0d12fe49bfe640a8e14c.woff2") format("woff2"),
       url("//www.modalai.com/cdn/fonts/open_sans/opensans_i8.77fafba30cfcb72e4c6963135ff055209eecce0f.woff") format("woff");
}

.shopify-cross-border {
  display: flex;
}

.no-js .selectors-form--no-js-hidden {
  display: none;
}

.disclosure {
  --disclosure-max-height: 300px;
  --disclosure-min-height: 92px;
  --disclosure-toggle-text-color: black;
  --disclosure-toggle-background-color: transparent;
  --disclosure-toggle-border-color: black;
  --disclosure-toggle-svg: url("data:image/svg+xml, %3Csvg xmlns='http://www.w3.org/2000/svg' width='8' height='6' viewBox='0 0 8 6' fill='none'%3E%3Cpath class='icon-chevron-down-left' d='M4 4.5L7 1.5' stroke='black' stroke-width='1.25' stroke-linecap='square'/%3E%3Cpath class='icon-chevron-down-right' d='M4 4.5L1 1.5' stroke='black' stroke-width='1.25' stroke-linecap='square'/%3E%3C/svg%3E");
  --disclosure-toggle-svg-color: black;
  --disclosure-text-color: black;
  --disclosure-background-color: white;
  --disclosure-border-color: black;
  position: relative;
  display: inline-block;
}
.disclosure > summary {
  list-style: none;
}
.disclosure > summary::-webkit-details-marker {
  display: none;
}

.disclosure__toggle {
  width: auto;
  padding: 5px 32px 4px 11px;
  color: black;
  background-color: transparent;
  border: 1px solid black;
  -webkit-appearance: none;
          appearance: none;
}
@supports (color: var(--disclosure-toggle-text-color)) {
  .disclosure__toggle {
    color: var(--disclosure-toggle-text-color);
    background-color: var(--disclosure-toggle-background-color);
    border: 1px solid var(--disclosure-toggle-border-color);
  }
}
.disclosure__toggle:hover {
  cursor: pointer;
}
.disclosure__toggle::after {
  position: absolute;
  top: 50%;
  right: 11px;
  width: 10px;
  height: 7.5px;
  background-image: url("data:image/svg+xml, %3Csvg xmlns='http://www.w3.org/2000/svg' width='8' height='6' viewBox='0 0 8 6' fill='none'%3E%3Cpath class='icon-chevron-down-left' d='M4 4.5L7 1.5' stroke='black' stroke-width='1.25' stroke-linecap='square'/%3E%3Cpath class='icon-chevron-down-right' d='M4 4.5L1 1.5' stroke='black' stroke-width='1.25' stroke-linecap='square'/%3E%3C/svg%3E");
  content: "";
  transform: translateY(-50%);
}
@supports ((-webkit-mask-image: var(--disclosure-toggle-svg)) or (mask-image: var(--disclosure-toggle-svg))) {
  .disclosure__toggle::after {
    background-color: var(--disclosure-toggle-svg-color);
    background-image: none;
    -webkit-mask-image: var(--disclosure-toggle-svg);
            mask-image: var(--disclosure-toggle-svg);
    -webkit-mask-size: cover;
            mask-size: cover;
  }
}

.disclosure-list {
  position: absolute;
  bottom: 115%;
  display: none;
  max-height: 300px;
  min-height: 92px;
  max-width: 250px;
  min-width: 200px;
  padding: 11px 0;
  margin: 0;
  overflow-y: auto;
  list-style: outside none;
  background-color: white;
  border: 1px solid black;
  border-radius: 0;
}
@supports (max-height: var(--disclosure-max-height)) {
  .disclosure-list {
    max-height: var(--disclosure-max-height);
    min-height: var(--disclosure-min-height);
    background-color: var(--disclosure-background-color);
    border: 1px solid var(--disclosure-border-color);
  }
}
noscript .disclosure-list {
  width: max-content;
}

.disclosure-list--visible {
  display: block;
}

.disclosure-list--alternate-drop {
  right: 0;
}

.disclosure-list__item-wrapper {
  display: flex;
  align-items: center;
  margin-top: 1rem;
}
.disclosure-list__item-wrapper:first-child {
  margin-top: 0;
}

.disclosure-list__item--label {
  word-break: keep-all;
  margin-left: 5px;
}

.disclosure__submit {
  margin-top: 1rem;
}

.disclosure-list__item {
  display: block;
  padding: 5px 25px 4px 15px;
  text-align: left;
  text-decoration: none;
  border-bottom: 1px solid transparent;
}
.disclosure-list__item.disclosure-list__item-wrapper {
  display: flex;
}
.disclosure-list__item:focus, .disclosure-list__item:hover {
  color: black;
  text-decoration: underline;
}
@supports (color: var(--disclosure-text-color)) {
  .disclosure-list__item:focus, .disclosure-list__item:hover {
    color: var(--disclosure-text-color);
  }
}

.disclosure-list__item--current {
  text-decoration: underline;
}

.disclosure-list__option {
  color: inherit;
  text-decoration: inherit;
}

.disclosure-list__option-code {
  white-space: nowrap;
}

.show-sm {
  display: none;
}
@media screen and (max-width: 1020px) {
  .show-sm {
    display: inline-block;
  }
}

.clearfix::before, .main-header::before, .template-password .password-subscribe-form::before,
.template-password .password-form-wrapper::before, .cart-totals::before, .clearfix::after, .main-header::after, .template-password .password-subscribe-form::after,
.template-password .password-form-wrapper::after, .cart-totals::after {
  display: table;
  content: " ";
}
.clearfix::after, .main-header::after, .template-password .password-subscribe-form::after,
.template-password .password-form-wrapper::after, .cart-totals::after {
  clear: both;
}

.product-slideshow-navigation, .shopify-payment-button .shopify-payment-button__more-options {
  font-family: "Open Sans",sans-serif;
  font-style: normal;
  font-weight: 400;
  display: inline-block;
  padding: 0;
  vertical-align: middle;
  cursor: pointer;
  background: transparent;
  border: 0;
  -webkit-appearance: normal;
          appearance: normal;
}

.full-width .slide-image, .article-intro-image, .list-image {
  display: block;
  overflow: hidden;
}
.full-window .slide-image, .collection-alternating-image, .list-item-aspected .list-image {
  position: absolute;
  top: 0;
  left: 0;
  display: block;
  width: 1px;
  height: 1px;
  overflow: hidden;
}
.full-window .slide-image, .collection-alternating-image, .list-item-aspected .list-image {
  opacity: 0;
}
.full-width [data-rimg=noscript].slide-image, [data-rimg=noscript].article-intro-image, [data-rimg=noscript].list-image, .full-window [data-rimg=noscript].slide-image, [data-rimg=noscript].collection-alternating-image {
  position: relative;
  width: 100%;
  height: 100%;
  opacity: 1;
  object-fit: cover;
}

.age-gate__select-label,
.visually-hidden {
  position: absolute;
  width: 1px;
  height: 1px;
  padding: 0;
  margin: -1px;
  overflow: hidden;
  clip: rect(0 0 0 0);
  border: 0;
  -webkit-clip-path: inset(1px);
          clip-path: inset(1px);
}

.complementary-product__name-link, .list-title {
  font-family: Roboto,sans-serif;
  font-style: normal;
  font-weight: 500;
  display: block;
  font-size: 22px;
  line-height: 1.5;
  color: #30323d;
}
@media screen and (max-width: 1020px) {
  .complementary-product__name-link, .list-title {
    font-size: 16px;
  }
}

* {
  box-sizing: border-box;
}

html {
  height: 100%;
}

html::before {
  display: none;
  content: "S,M,L,XL";
}
html::after {
  display: none;
  content: "XL";
}
@media screen and (max-width: 1200px) {
  html::after {
    content: "L";
  }
}
@media screen and (max-width: 1020px) {
  html::after {
    content: "M";
  }
}
@media screen and (max-width: 720px) {
  html::after {
    content: "S";
  }
}

body {
  background: #ffffff;
}
body.showing-drawer {
  height: 100%;
  overflow: hidden;
  background-color: rgba(25, 25, 25, 0.98) !important;
}
body.scroll-locked {
  overflow: hidden;
}

.main-content {
  position: relative;
}

.main-content-space {
  margin-bottom: 120px;
}
@media screen and (max-width: 1020px) {
  .main-content-space {
    margin-bottom: 25px;
  }
}

.pxs-video-header, .pxs-rich-text,
.module {
  /* Was a hardcoded 1215px. Pointed at the token so the theme's own sections
     and the brand bands share one content width — they were 1215 and 1280, so
     a band sat 33px proud of the description above it at every viewport. */
  max-width: var(--ma-container, 1440px);
  padding: 90px 30px;
  margin: 0 auto;
  text-align: center;
}
@media screen and (max-width: 720px) {
  .pxs-video-header, .pxs-rich-text,
  .module {
    padding-top: 60px;
    padding-bottom: 60px;
  }
}
.page.pxs-video-header, .page.pxs-rich-text,
.module.page {
  padding-top: 60px;
}
@media screen and (max-width: 720px) {
  .page.pxs-video-header, .page.pxs-rich-text,
  .module.page {
    padding-top: 30px;
  }
  .page.no-content.pxs-video-header, .page.no-content.pxs-rich-text,
  .module.page.no-content {
    padding-bottom: 30px;
  }
}
.left-right.pxs-video-header, .left-right.pxs-rich-text,
.module.left-right {
  max-width: 100%;
  padding: 90px 0;
}
.left-right.collection.pxs-video-header, .left-right.collection.pxs-rich-text,
.module.left-right.collection {
  padding-bottom: 0;
}
.full-width.pxs-video-header, .full-width.pxs-rich-text,
.module.full-width {
  max-width: 100%;
  padding: 0;
}

.pxs-map-section, .pxs-rich-text-section, .border.pxs-rich-text-section,
.module-wrapper.border {
  border-bottom: 1px solid #e2e5e4;
}

.pxs-rich-text-section,
.module-wrapper {
  position: relative;
  display: block;
}
.border.style-color.pxs-rich-text-section, .border.style-gradient.pxs-rich-text-section,
.module-wrapper.border.style-color,
.module-wrapper.border.style-gradient {
  border-bottom: 1px solid #fff;
}

@media screen and (min-width: 1021px) {
  .module-wrapper--breadcrumbs + .shopify-section {
    margin-top: 60px;
  }
  .module-wrapper--breadcrumbs + .shopify-section .module-wrapper.style-default > .module,
  .module-wrapper--breadcrumbs + .shopify-section .module-wrapper > .module.module-product,
  .module-wrapper--breadcrumbs + .shopify-section .module-wrapper > .module.custom-liquid,
  .module-wrapper--breadcrumbs + .shopify-section .module-wrapper > .module.app-wrapper,
  .module-wrapper--breadcrumbs + .shopify-section .module-wrapper > .module.collections,
  .module-wrapper--breadcrumbs + .shopify-section .module-wrapper > .module.page,
  .module-wrapper--breadcrumbs + .shopify-section .module-wrapper > .module.blog,
  .module-wrapper--breadcrumbs + .shopify-section .module-wrapper > .module.cart,
  .module-wrapper--breadcrumbs + .shopify-section .module-wrapper > .module.module-404,
  .module-wrapper--breadcrumbs + .shopify-section .pxs-rich-text,
  .module-wrapper--breadcrumbs + .shopify-section .pxs-video-header {
    padding-top: 0;
  }
}

/* Removing margin due to featured product using vertical-align: middle for product-wrap which causes extra space */
@media screen and (min-width: 1021px) {
  .module-wrapper--breadcrumbs + .shopify-section.dynamic-featured-product {
    margin-top: 0;
  }
}

.module-header {
  position: relative;
  z-index: 1;
  padding-right: 30px;
  padding-bottom: 70px;
  padding-left: 30px;
}
@media screen and (max-width: 720px) {
  .module-header {
    padding-bottom: 60px;
  }
}
.module-header:only-child {
  padding-bottom: 0;
}

.module-body {
  position: relative;
  z-index: 1;
}
@media screen and (max-width: 720px) {
  .module-body.has-header {
    padding: 30px 0 0;
  }
}

.style-color .list-title, .style-gradient .list-title, .style-image .list-title,
.style-color .list-meta,
.style-gradient .list-meta,
.style-image .list-meta,
.style-color .list-text,
.style-gradient .list-text,
.style-image .list-text,
.style-color .list-link,
.style-gradient .list-link,
.style-image .list-link,
.style-color .module-title,
.style-gradient .module-title,
.style-image .module-title,
.style-color .module-subtitle,
.style-gradient .module-subtitle,
.style-image .module-subtitle,
.style-color .module-content,
.style-gradient .module-content,
.style-image .module-content {
  color: #fff;
}
.style-color .list-title a, .style-gradient .list-title a, .style-image .list-title a,
.style-color .list-meta a,
.style-gradient .list-meta a,
.style-image .list-meta a,
.style-color .list-text a,
.style-gradient .list-text a,
.style-image .list-text a,
.style-color .list-link a,
.style-gradient .list-link a,
.style-image .list-link a,
.style-color .module-title a,
.style-gradient .module-title a,
.style-image .module-title a,
.style-color .module-subtitle a,
.style-gradient .module-subtitle a,
.style-image .module-subtitle a,
.style-color .module-content a,
.style-gradient .module-content a,
.style-image .module-content a {
  color: currentColor;
  border-bottom: 1px solid currentColor;
}
.style-color .list-title a:hover, .style-gradient .list-title a:hover, .style-image .list-title a:hover,
.style-color .list-meta a:hover,
.style-gradient .list-meta a:hover,
.style-image .list-meta a:hover,
.style-color .list-text a:hover,
.style-gradient .list-text a:hover,
.style-image .list-text a:hover,
.style-color .list-link a:hover,
.style-gradient .list-link a:hover,
.style-image .list-link a:hover,
.style-color .module-title a:hover,
.style-gradient .module-title a:hover,
.style-image .module-title a:hover,
.style-color .module-subtitle a:hover,
.style-gradient .module-subtitle a:hover,
.style-image .module-subtitle a:hover,
.style-color .module-content a:hover,
.style-gradient .module-content a:hover,
.style-image .module-content a:hover {
  border-bottom-color: transparent;
}
.light-overlay .list-title,
.light-overlay .list-meta,
.light-overlay .list-text,
.light-overlay .list-link,
.light-overlay .module-title,
.light-overlay .module-subtitle,
.light-overlay .module-content {
  color: #30323d;
}

.video-overlay-heading, .pxs-video-heading, .age-gate__heading, .module-title {
  font-family: Roboto,sans-serif;
  font-style: normal;
  font-weight: 500;
  font-size: 36px;
  line-height: 46px;
  color: #30323d;
}
@media screen and (max-width: 720px) {
  .video-overlay-heading, .pxs-video-heading, .age-gate__heading, .module-title {
    font-size: 26px;
    line-height: 36px;
  }
}

.module-title {
  display: block;
  padding: 0;
  margin: 0;
  color: #30323d;
}

.module-subtitle {
  font-family: "Open Sans",sans-serif;
  font-style: normal;
  font-weight: 400;
  display: block;
  max-width: 900px;
  padding: 15px 0 0;
  margin: 0 auto;
  color: #30323d;
  font-size: 18px;
  line-height: 28px;
}
.module-subtitle:first-child {
  padding-top: 0;
}
@media screen and (max-width: 720px) {
  .module-subtitle {
    font-size: 16px;
    line-height: 26px;
  }
}

.module-content {
  display: block;
  font-size: 16px;
  line-height: 26px;
  color: #30323d;
}

.module-cta {
  display: block;
  padding: 30px 0 0;
}

.module-cta-subline {
  display: block;
  font-size: 16px;
  line-height: 26px;
  padding: 15px 0 0;
}

.module-footer {
  position: relative;
  padding: 30px 0 0;
  z-index: 1;
}

.list {
  position: relative;
  display: block;
  text-align: center;
  font-size: 0;
  padding-right: 15px;
  padding-left: 15px;
}

.list-item {
  position: relative;
  display: inline-block;
  vertical-align: top;
  text-align: center;
  padding: 0 15px;
  margin-bottom: 30px;
}
.column-1 .list-item {
  width: 100%;
  max-width: 600px;
  margin: 0 auto;
}
.column-2 .list-item {
  width: 50%;
}
@media (max-width: 480px) {
  .column-2 .list-item {
    width: 100%;
  }
}
.column-3 .list-item {
  width: 33.33%;
}
@media screen and (max-width: 720px) {
  .column-3 .list-item {
    width: 50%;
  }
}
@media (max-width: 480px) {
  .column-3 .list-item {
    width: 100%;
  }
}
.column-4 .list-item {
  width: 25%;
}
@media screen and (max-width: 1020px) {
  .column-4 .list-item {
    width: 50%;
  }
}
@media screen and (max-width: 480px) {
  .column-4 .list-item {
    width: 100%;
  }
}

.list-item-random {
  width: 100%;
}
@media screen and (min-width: 721px) {
  .list-item-random {
    display: block;
    float: left;
    width: 50%;
  }
}
@media screen and (min-width: 1021px) {
  .list-item-random:nth-child(1) .list-cover {
    padding-bottom: calc(100% + 15px);
  }
  .list-item-random:nth-child(2) .list-cover {
    padding-bottom: 50%;
  }
  .list-item-random:nth-child(3n), .list-item-random:nth-child(4n) {
    width: 25%;
  }
}
.list-row:nth-child(2n) .list-item-random.list-item {
  float: left;
}
@media screen and (min-width: 1021px) {
  .list-row:nth-child(2n) .list-item-random.list-item:nth-child(1) .list-cover {
    padding-bottom: 50%;
  }
  .list-row:nth-child(2n) .list-item-random.list-item:nth-child(2) {
    float: right;
  }
  .list-row:nth-child(2n) .list-item-random.list-item:nth-child(2) .list-cover {
    padding-bottom: calc(100% + 15px);
  }
  .list-row:nth-child(2n) .list-item-random.list-item:nth-child(3), .list-row:nth-child(2n) .list-item-random.list-item:nth-child(4) {
    width: 25%;
  }
}

@media screen and (max-width: 1020px) {
  .list-item-inline {
    padding: 30px 15px;
  }
}

.list-row {
  float: left;
  width: 100%;
}
.list-row:nth-child(2n) .list-item {
  float: right;
}
@media screen and (max-width: 720px) {
  .list-row:nth-child(2n) .list-item {
    float: none;
  }
}
@media screen and (max-width: 720px) {
  .list-row {
    float: none;
    display: block;
  }
}

.list-container {
  position: relative;
  display: block;
  max-width: 100%;
  overflow: hidden;
  color: inherit;
  text-align: center;
}

.list-image-wrapper {
  position: relative;
  display: block;
  max-width: 100%;
  overflow: hidden;
  text-align: center;
}

.list-overlay {
  transition: all 0.2s cubic-bezier(0.25, 0.46, 0.45, 0.94);
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: #30323d;
  opacity: 0;
}
.list-container:focus .list-overlay, .list-container:hover .list-overlay {
  opacity: 0.85;
}
.style-gradient .list-overlay, .style-color .list-overlay {
  background-color: #fff;
}

.list-icon {
  border-radius: 100%;
  transition: all 0.2s cubic-bezier(0.25, 0.46, 0.45, 0.94);
  position: absolute;
  top: 50%;
  left: 50%;
  width: 60px;
  height: 60px;
  margin-top: -20px;
  margin-left: -30px;
  font-size: 28px;
  line-height: 68px;
  color: #30323d;
  background-color: #fff;
  opacity: 0;
}
.list-container:focus .list-icon, .list-container:hover .list-icon {
  margin-top: -30px;
  opacity: 1;
}
.style-color .list-icon {
  color: #fff;
  background-color: #30323d;
}
.style-gradient .list-icon {
  background-image: linear-gradient(to right, #30323d 0%, #2e6837 100%);
  background-repeat: repeat-x;
  color: #fff;
}

.list-cover {
  position: relative;
}
.list-item-aspected .list-cover {
  overflow: hidden;
  display: block;
  width: 100%;
  height: 0;
  padding-bottom: 100%;
  background-position: 50% 50%;
  background-repeat: no-repeat;
  background-size: cover;
}

.list-cover-placeholder {
  background-color: #f1f2f2;
}

.list-image {
  height: auto;
  width: 100%;
}
.list-text-wrapper {
  position: absolute;
  top: 50%;
  left: 0;
  display: block;
  width: 100%;
  padding: 30px;
  text-align: center;
  word-break: break-word;
  background: rgba(255, 255, 255, 0.9);
  opacity: 0;
  transform: translateY(-50%);
  transition: all 0.2s cubic-bezier(0.25, 0.46, 0.45, 0.94);
}
@media screen and (max-width: 1020px) {
  .list-text-wrapper {
    top: auto;
    bottom: 0;
    padding: 15px;
    opacity: 1;
    transform: translateY(0);
  }
}
@media screen and (max-width: 1020px) and (min-width: 769px) {
  .list-text-wrapper {
    padding: 15px;
  }
}
.list-item-inline .list-text-wrapper, .list-text-wrapper-below .list-text-wrapper {
  position: relative;
  top: auto;
  bottom: 0;
  padding: 15px;
  opacity: 1;
  transform: translateY(0);
}
.list-item-inline .list-text-wrapper {
  padding: 15px 30px;
  background-color: transparent;
}
.column-3 .list-text-wrapper, .column-4 .list-text-wrapper {
  padding: 30px 15px;
}
@media screen and (max-width: 1020px) {
  .column-3 .list-text-wrapper, .column-4 .list-text-wrapper {
    padding: 50px 15px;
  }
}
.list-container:focus .list-text-wrapper, .list-container:hover .list-text-wrapper {
  opacity: 1;
}

.list-meta {
  display: block;
  margin-top: 5px;
  font-size: 16px;
  line-height: 1.5;
  color: #30323d;
  text-transform: uppercase;
}
.list-meta .dynamic-products, .dynamic-collections .list-meta, .collection-list .list-meta {
  font-weight: 700;
  font-style: normal;
  color: #2e6837;
}
@media screen and (max-width: 1020px) {
  .list-meta {
    font-size: 14px;
  }
}

.list-text {
  display: block;
  margin-top: 15px;
  font-size: 16px;
  line-height: 26px;
  color: #30323d;
}
.list-text:first-child {
  margin-top: 0;
}

.list-cta {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  position: relative;
  display: block;
  margin-top: 15px;
}
.list-cta:first-child {
  margin-top: 0;
}

.list-link {
  position: relative;
  display: inline-block;
  font-size: 14px;
  line-height: 24px;
  color: #30323d;
  text-transform: uppercase;
  vertical-align: top;
}
.list-link:focus, .list-link:hover {
  color: #30323d;
}
.style-color .list-link:focus, .style-gradient .list-link:focus, .style-image .list-link:focus, .style-color .list-link:hover, .style-gradient .list-link:hover, .style-image .list-link:hover {
  color: #fff;
}
.list-link:after {
  transition: all 0.2s cubic-bezier(0.25, 0.46, 0.45, 0.94);
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 1px;
  background: #30323d;
  content: "";
}
.style-color .list-link:after, .style-gradient .list-link:after, .style-image .list-link:after {
  background: #fff;
}

.list-button {
  max-width: 100%;
}

.side {
  width: 100%;
  max-width: 100%;
  margin: 0;
  padding: 0;
}

.side-body {
  border-top: 1px solid #e2e5e4;
  border-bottom: 1px solid #e2e5e4;
}

.side-wrapper {
  font-size: 0;
  width: 100%;
}

.side-section {
  display: inline-block;
  width: 50%;
  vertical-align: middle;
  text-align: center;
}
@media screen and (max-width: 1020px) {
  .side-section {
    width: 100%;
    display: block;
  }
}
.one-child .side-section {
  width: 100%;
}
@media screen and (max-width: 720px) {
  .one-child .side-section {
    max-width: 100%;
  }
}

.side-text-wrapper {
  position: relative;
  display: inline-block;
  width: 100%;
  max-width: 600px;
  padding: 90px 60px;
  text-align: left;
}
@media screen and (max-width: 1200px) {
  .side-text-wrapper {
    padding: 30px 30px;
  }
}
@media screen and (max-width: 1020px) {
  .side-text-wrapper {
    max-width: 700px;
    padding: 90px 30px;
    text-align: center;
  }
}
@media screen and (max-width: 720px) {
  .side-text-wrapper {
    max-width: 100%;
    padding: 30px 15px;
  }
}
.one-child .side-text-wrapper {
  max-width: 700px;
  padding: 90px 0;
}
@media screen and (max-width: 720px) {
  .one-child .side-text-wrapper {
    max-width: 100%;
    padding: 30px 15px;
  }
}

.side-media-wrapper {
  display: block;
}

.side-title {
  font-size: 22px;
  line-height: 32px;
}
@media screen and (max-width: 720px) {
  .side-title {
    font-size: 18px;
    line-height: 28px;
  }
}
.one-child .side-title {
  text-align: center;
}

.side-meta {
  font-size: 20px;
  line-height: 30px;
  text-transform: uppercase;
}

.side-text {
  font-size: 16px;
  line-height: 26px;
  padding-top: 30px;
}

.side-cta {
  padding-top: 30px;
}
@media screen and (max-width: 1020px) {
  .side-cta {
    padding-top: 30px;
  }
}

.side-media-wrapper {
  text-align: center;
}

.side-image {
  display: inline-block;
  vertical-align: top;
  max-width: 100%;
}
.crop .side-image {
  display: none;
}
@media screen and (max-width: 1020px) {
  .crop .side-image {
    display: block;
  }
}

.side-cover {
  background-size: cover;
  position: absolute;
  top: 0;
  display: none;
  width: 50%;
  height: 100%;
  background-position: center;
  background-repeat: no-repeat;
}
.left .side-cover {
  left: 0;
}
.right .side-cover {
  right: 0;
}
.crop .side-cover {
  display: block;
}
@media screen and (max-width: 1020px) {
  .crop .side-cover {
    display: none;
  }
}

/*! normalize.css v1.1.0 | MIT License | git.io/normalize */
/*! normalize.css v1.1.0 | HTML5 Display Definitions | MIT License | git.io/normalize */
article, aside, details, figcaption, figure, footer, header, hgroup, main, nav, section, summary {
  display: block;
}

audio, canvas, video {
  display: inline-block;
  *display: inline;
  *zoom: 1;
}

audio:not([controls]) {
  display: none;
  height: 0;
}

[hidden] {
  display: none;
}

/*! normalize.css v1.1.0 | Base | MIT License | git.io/normalize */
html {
  font-size: 100%;
  font-family: sans-serif;
  -webkit-text-size-adjust: 100%;
  -ms-text-size-adjust: 100%;
}

html, button, input, select, textarea {
  font-family: sans-serif;
}

body {
  margin: 0;
}

/*! normalize.css v1.1.0 | Links | MIT License | git.io/normalize */
a:active, a:hover {
  outline: 0;
}

/*! normalize.css v1.1.0 | Typography | MIT License | git.io/normalize */
h1 {
  font-size: 2em;
  margin: 0.67em 0;
}

h2 {
  font-size: 1.5em;
  margin: 0.83em 0;
}

h3 {
  font-size: 1.17em;
  margin: 1em 0;
}

h4 {
  font-size: 1em;
  margin: 1.33em 0;
}

h5 {
  font-size: 0.83em;
  margin: 1.67em 0;
}

h6 {
  font-size: 0.67em;
  margin: 2.33em 0;
}

abbr[title] {
  border-bottom: 1px dotted;
}

blockquote {
  margin: 1em 40px;
}

dfn {
  font-style: italic;
}

hr {
  box-sizing: content-box;
  height: 0;
}

mark {
  background: #ff0;
  color: #000;
}

p, pre {
  margin: 1em 0;
}

code, kbd, pre, samp {
  font-family: monospace, serif;
  _font-family: "courier new", monospace;
  font-size: 1em;
}

pre {
  white-space: pre;
  white-space: pre-wrap;
  word-wrap: break-word;
}

q {
  quotes: "“" "”" "‘" "’";
}

q {
  quotes: none;
}

q:before, q:after {
  content: "";
  content: none;
}

small {
  font-size: 80%;
}

sub, sup {
  font-size: 75%;
  line-height: 0;
  position: relative;
  vertical-align: baseline;
}

sup {
  top: -0.5em;
}

sub {
  bottom: -0.25em;
}

dl, menu, ol, ul {
  margin: 1em 0;
}

dd {
  margin: 0 0 0 40px;
}

menu, ol, ul {
  padding: 0 0 0 40px;
}

nav ul, nav ol {
  list-style: none;
  list-style-image: none;
}

/*! normalize.css v1.1.0 | Embedded Content | MIT License | git.io/normalize */
img {
  border: 0;
  -ms-interpolation-mode: bicubic;
}

svg:not(:root) {
  overflow: hidden;
}

/*! normalize.css v1.1.0 | Figures | MIT License | git.io/normalize */
figure {
  margin: 0;
}

/*! normalize.css v1.1.0 | Forms | MIT License | git.io/normalize */
form {
  margin: 0;
}

fieldset {
  border: 1px solid #c0c0c0;
  margin: 0 2px;
  padding: 0.35em 0.625em 0.75em;
}

legend {
  border: 0;
  padding: 0;
  white-space: normal;
  *margin-left: -7px;
}

button, input, select, textarea {
  font-family: inherit;
  font-size: 100%;
  margin: 0;
  vertical-align: baseline;
  *vertical-align: middle;
}

button, input {
  line-height: normal;
}

button, select {
  text-transform: none;
}

button, html input[type=button], input[type=reset], input[type=submit] {
  -webkit-appearance: button;
  cursor: pointer;
  *overflow: visible;
}

button[disabled], html input[disabled] {
  cursor: default;
}

input[type=checkbox], input[type=radio] {
  box-sizing: border-box;
  padding: 0;
  *height: 13px;
  *width: 13px;
}

input[type=search] {
  -webkit-appearance: textfield;
  box-sizing: content-box;
}

input[type=search]::-webkit-search-cancel-button, input[type=search]::-webkit-search-decoration {
  -webkit-appearance: none;
}

button::-moz-focus-inner, input::-moz-focus-inner {
  border: 0;
  padding: 0;
}

textarea {
  overflow: auto;
  vertical-align: top;
}

/*! normalize.css v1.1.0 | Tables | MIT License | git.io/normalize */
table {
  border-collapse: collapse;
  border-spacing: 0;
}

/* Icons
-------------------------------- */
/**
  Used for:
    - sharing buttons
    - payment icons
    - header icons (non drawer)
    - product information icons
    - Shoppad
 */
@font-face {
  font-family: "Launch Icons";
  src: url("//www.modalai.com/cdn/shop/t/91/assets/launch-icons.eot?v=52932610827707193361789848665?qtb6cv");
  src: url("//www.modalai.com/cdn/shop/t/91/assets/launch-icons.eot?v=52932610827707193361789848665?qtb6cv#iefix") format("embedded-opentype"), url("//www.modalai.com/cdn/shop/t/91/assets/launch-icons.ttf?v=171499718755973611871789848665?qtb6cv") format("truetype"), url("//www.modalai.com/cdn/shop/t/91/assets/launch-icons.woff?v=173076160658908374851789848665?qtb6cv") format("woff"), url("//www.modalai.com/cdn/shop/t/91/assets/launch-icons.svg?v=106367079402714244011789848665?qtb6cv#launch-icons") format("svg");
  font-weight: normal;
  font-style: normal;
  font-display: swap;
}
/* General
-------------------------------- */
body {
  font-family: "Open Sans",sans-serif;
  font-style: normal;
  font-weight: 400;
  font-size: 16px;
  line-height: 1.625;
  color: #30323d;
}

.icon {
  font-family: "Launch Icons", sans-serif;
  speak: none;
  font-size: 16px;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
}

/* Links */
a,
.product-cart-message__checkout-button {
  color: #30323d;
  text-decoration: none;
  transition: all 0.2s cubic-bezier(0.25, 0.46, 0.45, 0.94);
}
a:focus, a:hover,
.product-cart-message__checkout-button:focus,
.product-cart-message__checkout-button:hover {
  color: #30323d;
}
a.disabled,
.disabled.product-cart-message__checkout-button {
  color: #30323d;
  cursor: default;
}
a.disabled:focus, a.disabled:hover,
.disabled.product-cart-message__checkout-button:focus,
.disabled.product-cart-message__checkout-button:hover {
  color: #30323d;
  cursor: default;
}

/* Headers */
h1,
h2,
h3,
h4,
h5,
h6 {
  font-family: Roboto,sans-serif;
  font-style: normal;
  font-weight: 500;
  padding: 0;
  margin: 0;
  font-size: inherit;
  -webkit-font-smoothing: initial;
}
h1 b,
h1 strong,
h2 b,
h2 strong,
h3 b,
h3 strong,
h4 b,
h4 strong,
h5 b,
h5 strong,
h6 b,
h6 strong {
  font-weight: 700;
}
h1 em,
h2 em,
h3 em,
h4 em,
h5 em,
h6 em {
  font-style: italic;
}
h1 b em,
h1 strong em,
h1 em b,
h1 em strong,
h2 b em,
h2 strong em,
h2 em b,
h2 em strong,
h3 b em,
h3 strong em,
h3 em b,
h3 em strong,
h4 b em,
h4 strong em,
h4 em b,
h4 em strong,
h5 b em,
h5 strong em,
h5 em b,
h5 em strong,
h6 b em,
h6 strong em,
h6 em b,
h6 em strong {
  font-style: italic;
}

/* Basic text */
img {
  max-width: 100%;
  height: auto;
  display: inline-block;
  vertical-align: top;
}

ul, ol, dl {
  padding: 0;
  margin: 23px 0;
}

ul {
  list-style: outside none;
}

ol {
  list-style: outside decimal;
}

li {
  margin: 12px 0;
}

hr {
  height: 2px;
  background: #e2e5e4;
  border: 0;
}

p {
  margin: 0;
  padding: 15px 0;
}

th,
b,
strong {
  font-weight: 700;
}

em {
  font-style: italic;
}

th em,
b em,
strong em,
em b,
em strong {
  font-style: italic;
}

/* Tables */
table {
  color: #30323d;
  border: 1px solid #e2e5e4;
  border-top: none;
  font-size: 14px;
  border-collapse: separate;
  margin: 30px 0;
  background: transparent;
}
table.clean {
  border: 0;
  border-radius: 0;
  font-size: 16px;
}
table .column-title {
  display: none;
}

th {
  color: #30323d;
  text-align: center;
  background: #e2e5e4;
}
.clean th {
  background: none;
}

tr td,
tr th {
  border-top: 1px solid #e2e5e4;
  padding: 20px;
}

tr td {
  border-left: 1px solid #e2e5e4;
}
tr td:first-child {
  border-left: none;
}

table.mobile-layout {
  border-bottom: none;
}
table.mobile-layout .column-title {
  font-weight: 700;
  width: 114px;
  padding-right: 23px;
  display: inline-block;
}
table.mobile-layout thead {
  display: none;
}
table.mobile-layout tr td {
  width: 100%;
  display: block;
  text-align: left;
  border-top: 1px solid #e2e5e4 !important;
  border-left: none;
  /* Fix for IE 10 and earlier */
  float: left;
  clear: left;
}
table.mobile-layout tr:nth-child(even) td {
  background: #e2e5e4;
}

/* Buttons */
.button, .age-gate__confirm_btn, .disclosure__submit,
.submit {
  font-family: "Open Sans",sans-serif;
  font-style: normal;
  font-weight: 700;
  border-radius: 27.5px;
  box-sizing: border-box;
  transition: all 0.2s cubic-bezier(0.25, 0.46, 0.45, 0.94);
  -moz-osx-font-smoothing: auto;
  -webkit-font-smoothing: subpixel-antialiased;
  position: relative;
  display: inline-block;
  padding: 15px 30px;
  font-size: 12px;
  line-height: 22px;
  letter-spacing: 2px;
  color: #30323d;
  text-align: center;
  text-transform: uppercase;
  vertical-align: top;
  cursor: pointer;
  background-color: transparent;
  border: 1px solid #30323d;
}
@media screen and (max-width: 720px) {
  .button, .age-gate__confirm_btn, .disclosure__submit,
  .submit {
    text-align: center;
  }
}
.button:hover, .age-gate__confirm_btn:hover, .disclosure__submit:hover,
.submit:hover {
  background: #30323d;
  border-color: #30323d;
  color: #fff;
}
.button.secondary, .secondary.age-gate__confirm_btn, .secondary.disclosure__submit,
.submit.secondary {
  background: transparent;
  border-color: #2e6837;
  color: #2e6837;
}
.button.secondary:hover, .secondary.age-gate__confirm_btn:hover, .secondary.disclosure__submit:hover,
.submit.secondary:hover {
  background: #2e6837;
  border-color: #2e6837;
  color: #fff;
}
.button.secondary.inverse, .secondary.inverse.age-gate__confirm_btn, .secondary.inverse.disclosure__submit,
.submit.secondary.inverse {
  background: #2e6837;
  border-color: #2e6837;
  color: #fff;
}
.button.secondary.inverse:hover, .secondary.inverse.age-gate__confirm_btn:hover, .secondary.inverse.disclosure__submit:hover,
.submit.secondary.inverse:hover {
  background: transparent;
  border-color: #2e6837;
  color: #2e6837;
}
.button.inverse, .inverse.age-gate__confirm_btn, .inverse.disclosure__submit,
.submit.inverse {
  background: #30323d;
  color: #fff;
}
.button.inverse:hover, .inverse.age-gate__confirm_btn:hover, .inverse.disclosure__submit:hover,
.submit.inverse:hover {
  background: #292b34;
  border-color: #292b34;
}
.button.disabled, .disabled.age-gate__confirm_btn, .disabled.disclosure__submit,
.submit.disabled {
  background: #e2e5e4;
  color: #30323d;
  border-color: #e2e5e4;
  opacity: 1;
  cursor: default;
}
.button.disabled:hover, .disabled.age-gate__confirm_btn:hover, .disabled.disclosure__submit:hover,
.submit.disabled:hover {
  background: #e2e5e4;
  color: #30323d;
  border-color: #e2e5e4;
  opacity: 1;
  cursor: default;
}
.style-color .button, .style-color .age-gate__confirm_btn, .style-color .disclosure__submit, .style-gradient .button, .style-gradient .age-gate__confirm_btn, .style-gradient .disclosure__submit, .overlay-none .button, .overlay-none .age-gate__confirm_btn, .overlay-none .disclosure__submit, .overlay-black .button, .overlay-black .age-gate__confirm_btn, .overlay-black .disclosure__submit, .overlay-color .button, .overlay-color .age-gate__confirm_btn, .overlay-color .disclosure__submit, .overlay-gradient .button, .overlay-gradient .age-gate__confirm_btn, .overlay-gradient .disclosure__submit, .overlay-primary .button, .overlay-primary .age-gate__confirm_btn, .overlay-primary .disclosure__submit,
.style-color .submit,
.style-gradient .submit,
.overlay-none .submit,
.overlay-black .submit,
.overlay-color .submit,
.overlay-gradient .submit,
.overlay-primary .submit {
  background: #fff;
  border-color: #fff;
  color: #30323d;
}
.style-color .button:focus, .style-color .age-gate__confirm_btn:focus, .style-color .disclosure__submit:focus, .style-color .button:hover, .style-color .age-gate__confirm_btn:hover, .style-color .disclosure__submit:hover, .style-gradient .button:focus, .style-gradient .age-gate__confirm_btn:focus, .style-gradient .disclosure__submit:focus, .style-gradient .button:hover, .style-gradient .age-gate__confirm_btn:hover, .style-gradient .disclosure__submit:hover, .overlay-none .button:focus, .overlay-none .age-gate__confirm_btn:focus, .overlay-none .disclosure__submit:focus, .overlay-none .button:hover, .overlay-none .age-gate__confirm_btn:hover, .overlay-none .disclosure__submit:hover, .overlay-black .button:focus, .overlay-black .age-gate__confirm_btn:focus, .overlay-black .disclosure__submit:focus, .overlay-black .button:hover, .overlay-black .age-gate__confirm_btn:hover, .overlay-black .disclosure__submit:hover, .overlay-color .button:focus, .overlay-color .age-gate__confirm_btn:focus, .overlay-color .disclosure__submit:focus, .overlay-color .button:hover, .overlay-color .age-gate__confirm_btn:hover, .overlay-color .disclosure__submit:hover, .overlay-gradient .button:focus, .overlay-gradient .age-gate__confirm_btn:focus, .overlay-gradient .disclosure__submit:focus, .overlay-gradient .button:hover, .overlay-gradient .age-gate__confirm_btn:hover, .overlay-gradient .disclosure__submit:hover, .overlay-primary .button:focus, .overlay-primary .age-gate__confirm_btn:focus, .overlay-primary .disclosure__submit:focus, .overlay-primary .button:hover, .overlay-primary .age-gate__confirm_btn:hover, .overlay-primary .disclosure__submit:hover,
.style-color .submit:focus,
.style-color .submit:hover,
.style-gradient .submit:focus,
.style-gradient .submit:hover,
.overlay-none .submit:focus,
.overlay-none .submit:hover,
.overlay-black .submit:focus,
.overlay-black .submit:hover,
.overlay-color .submit:focus,
.overlay-color .submit:hover,
.overlay-gradient .submit:focus,
.overlay-gradient .submit:hover,
.overlay-primary .submit:focus,
.overlay-primary .submit:hover {
  background: #30323d;
  border-color: #30323d;
  color: #fff;
}
.overlay-secondary .button, .overlay-secondary .age-gate__confirm_btn, .overlay-secondary .disclosure__submit,
.overlay-secondary .submit {
  background: #fff;
  border-color: #fff;
  color: #2e6837;
}
.overlay-secondary .button:focus, .overlay-secondary .age-gate__confirm_btn:focus, .overlay-secondary .disclosure__submit:focus, .overlay-secondary .button:hover, .overlay-secondary .age-gate__confirm_btn:hover, .overlay-secondary .disclosure__submit:hover,
.overlay-secondary .submit:focus,
.overlay-secondary .submit:hover {
  background: #2e6837;
  border-color: #fff;
  color: #fff;
}
.button .icon, .age-gate__confirm_btn .icon, .disclosure__submit .icon,
.submit .icon {
  font-family: "Launch Icons", sans-serif;
  speak: none;
  font-size: 18px;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  display: inline-block;
  color: inherit;
  vertical-align: top;
}
.button .icon-arrow-right, .age-gate__confirm_btn .icon-arrow-right, .disclosure__submit .icon-arrow-right,
.submit .icon-arrow-right {
  font-size: 13px;
}

/* Forms & buttons */
form {
  font-size: 14px;
}

label:hover {
  cursor: pointer;
}
.inline-input-wrapper label {
  font-family: "Open Sans",sans-serif;
  font-style: normal;
  font-weight: 400;
  font-size: 14px;
  margin-left: 5px;
  display: inline-block;
  vertical-align: middle;
}

.input-wrapper {
  margin: 30px 0;
}
.input-wrapper:last-child {
  margin-bottom: 0;
}

.inline-input-wrapper {
  margin: 10px 0;
}
.inline-input-wrapper input + .inline-label {
  margin-left: 7.5px;
}

input, textarea {
  border-radius: 0;
}
label ~ input, label ~ textarea {
  margin-top: 10px;
}

input[type=text],
input[type=email],
input[type=password],
input[type=search],
input[type=telephone],
input[type=tel],
input[type=number],
textarea {
  font-family: "Open Sans",sans-serif;
  font-style: normal;
  font-weight: 400;
  display: block;
  width: 100%;
  color: #30323d;
  border: 1px solid #e2e5e4;
  border-radius: 5px;
  -webkit-appearance: none;
}
input[type=text]::-webkit-input-placeholder,
input[type=email]::-webkit-input-placeholder,
input[type=password]::-webkit-input-placeholder,
input[type=search]::-webkit-input-placeholder,
input[type=telephone]::-webkit-input-placeholder,
input[type=tel]::-webkit-input-placeholder,
input[type=number]::-webkit-input-placeholder,
textarea::-webkit-input-placeholder {
  color: #30323d;
  opacity: 0.7;
}
input[type=text]::-moz-input-placeholder,
input[type=email]::-moz-input-placeholder,
input[type=password]::-moz-input-placeholder,
input[type=search]::-moz-input-placeholder,
input[type=telephone]::-moz-input-placeholder,
input[type=tel]::-moz-input-placeholder,
input[type=number]::-moz-input-placeholder,
textarea::-moz-input-placeholder {
  color: #30323d;
  opacity: 0.7;
}
input[type=text]:-ms-input-placeholder,
input[type=email]:-ms-input-placeholder,
input[type=password]:-ms-input-placeholder,
input[type=search]:-ms-input-placeholder,
input[type=telephone]:-ms-input-placeholder,
input[type=tel]:-ms-input-placeholder,
input[type=number]:-ms-input-placeholder,
textarea:-ms-input-placeholder {
  color: #30323d;
  opacity: 0.7;
}
input[type=text].error,
input[type=email].error,
input[type=password].error,
input[type=search].error,
input[type=telephone].error,
input[type=tel].error,
input[type=number].error,
textarea.error {
  color: #e13333;
}
input[type=text].error::-webkit-input-placeholder,
input[type=email].error::-webkit-input-placeholder,
input[type=password].error::-webkit-input-placeholder,
input[type=search].error::-webkit-input-placeholder,
input[type=telephone].error::-webkit-input-placeholder,
input[type=tel].error::-webkit-input-placeholder,
input[type=number].error::-webkit-input-placeholder,
textarea.error::-webkit-input-placeholder {
  color: #e13333;
  opacity: 0.7;
}
input[type=text].error::-moz-input-placeholder,
input[type=email].error::-moz-input-placeholder,
input[type=password].error::-moz-input-placeholder,
input[type=search].error::-moz-input-placeholder,
input[type=telephone].error::-moz-input-placeholder,
input[type=tel].error::-moz-input-placeholder,
input[type=number].error::-moz-input-placeholder,
textarea.error::-moz-input-placeholder {
  color: #e13333;
  opacity: 0.7;
}
input[type=text].error:-ms-input-placeholder,
input[type=email].error:-ms-input-placeholder,
input[type=password].error:-ms-input-placeholder,
input[type=search].error:-ms-input-placeholder,
input[type=telephone].error:-ms-input-placeholder,
input[type=tel].error:-ms-input-placeholder,
input[type=number].error:-ms-input-placeholder,
textarea.error:-ms-input-placeholder {
  color: #e13333;
  opacity: 0.7;
}

.error-message .errors {
  color: #e13333;
}

input[type=text],
input[type=email],
input[type=password],
input[type=search],
input[type=telephone],
input[type=tel],
input[type=number] {
  height: 50px;
  line-height: 50px;
  padding: 0 15px;
}

input[type=checkbox]:focus {
  outline: 4px auto #30323d;
}

input[type=number] {
  border-radius: 0;
  margin: 0;
  padding: 0;
  border: 0;
  color: #30323d;
  -moz-appearance: textfield;
}
input[type=number]::-webkit-outer-spin-button, input[type=number]::-webkit-inner-spin-button {
  -webkit-appearance: none;
}
.no-js input[type=number]::-webkit-outer-spin-button, .no-js input[type=number]::-webkit-inner-spin-button {
  -webkit-appearance: number;
  -moz-appearance: number;
}
.no-js input[type=number] {
  height: auto;
  line-height: 1;
  padding: 5px 0;
  color: #000;
  -webkit-appearance: number;
  -moz-appearance: number;
}

.number-input-wrapper {
  border-radius: 5px;
  position: relative;
  display: inline-block;
  border: 1px solid #e2e5e4;
  overflow: hidden;
}

.number-input-field {
  float: left;
  width: 50px;
  height: 53px;
  background-color: #fff;
  line-height: 53px;
}
@media screen and (max-width: 720px) {
  .number-input-field {
    text-align: center;
    width: 100%;
  }
}
@media screen and (max-width: 1020px) {
  .cart-item-td .number-input-field {
    text-align: center;
    width: 100%;
  }
}
@media screen and (max-width: 1020px) {
  .cart-item-td .number-input-field input[type=number] {
    position: absolute;
    left: 25%;
    width: 50%;
    z-index: 1;
  }
}
.number-input-field input[type=number] {
  float: left;
  width: 100%;
  height: 100%;
  text-align: center;
  border: 0;
}
@media screen and (max-width: 720px) {
  .number-input-field input[type=number] {
    position: absolute;
    left: 25%;
    width: 50%;
    z-index: 1;
  }
}
.no-js .number-input-field {
  height: auto;
  line-height: 1;
}

.number-input-label {
  display: none;
}

.number-input-nav {
  float: left;
  height: 53px;
  width: 25px;
  border-left: 1px solid #e2e5e4;
}
@media screen and (max-width: 720px) {
  .number-input-nav {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    border: 0;
  }
}
@media screen and (max-width: 1020px) {
  .cart-item-td .number-input-nav {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    border: 0;
  }
}
.no-js .number-input-nav {
  display: none;
}

.number-input-nav-item {
  float: left;
  height: 26.5px;
  line-height: 26.5px;
  width: 25px;
  color: #30323d;
  background-color: #fff;
  text-align: center;
  cursor: pointer;
}
@media screen and (max-width: 720px) {
  .number-input-nav-item {
    position: absolute;
    height: 53px;
    width: 53px;
    line-height: 53px;
  }
}
@media screen and (max-width: 1020px) {
  .cart-item-td .number-input-nav-item {
    position: absolute;
    height: 53px;
    width: 53px;
    line-height: 53px;
  }
}
.number-input-nav-item:focus, .number-input-nav-item:hover {
  color: #30323d;
}
.number-input-nav-item:first-child {
  border-bottom: 1px solid #e2e5e4;
}
@media screen and (max-width: 720px) {
  .number-input-nav-item:first-child {
    right: 0;
    border-left: 1px solid #e2e5e4;
    border-bottom: none;
  }
}
@media screen and (max-width: 1020px) {
  .cart-item-td .number-input-nav-item:first-child {
    right: 0;
    border-left: 1px solid #e2e5e4;
    border-bottom: none;
  }
}
@media screen and (max-width: 720px) {
  .number-input-nav-item:last-child {
    left: 0;
    border-right: 1px solid #e2e5e4;
  }
}
@media screen and (max-width: 1020px) {
  .cart-item-td .number-input-nav-item:last-child {
    left: 0;
    border-right: 1px solid #e2e5e4;
  }
}

.select-wrapper {
  border-radius: 5px;
  transition: border-color 0.4s cubic-bezier(0.25, 0.46, 0.45, 0.94);
  position: relative;
  height: 55px;
  line-height: 55px;
  border: 1px solid #e2e5e4;
  color: #30323d;
  background-color: #fff;
  padding: 0 30px 0 0;
  margin: 0;
  font-size: 14px;
  text-align: left;
  cursor: pointer;
  z-index: 55;
}
.select-wrapper.active {
  border-color: #30323d;
}
.customer-address-edit-form .select-wrapper {
  width: 100% !important;
}
.no-js .select-wrapper {
  padding: 0 !important;
  margin-bottom: -2px;
}
.select-wrapper:after {
  font-family: "Launch Icons", sans-serif;
  speak: none;
  font-size: 24px;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  position: absolute;
  top: 0;
  right: 15px;
  height: 100%;
  line-height: inherit;
  color: #30323d;
  content: "\f107";
}
.no-js .select-wrapper:after {
  display: none;
}
.select-wrapper select {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 2;
  width: 100%;
  height: 100%;
  padding: 0;
  text-transform: none;
  cursor: pointer;
  opacity: 0;
  -webkit-appearance: none;
  appearance: none;
}
.select-wrapper .selected-text {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  padding: 0 15px;
  height: 55px;
  line-height: 55px;
  width: 100%;
  z-index: 2;
}
.no-js .module-addresses .select-wrapper .selected-text {
  display: none;
}

textarea {
  padding: 15px;
  max-width: 100%;
}

/* IFRAMES */
iframe {
  border: 0;
  max-width: 100%;
}

.rte ul {
  list-style-type: disc;
}
.rte ul li,
.rte ol li {
  list-style-position: inside;
}
.rte h1 {
  margin: 0.67em 0;
  font-size: 2em;
}
.rte h2 {
  margin: 0.83em 0;
  font-size: 1.5em;
}
.rte h3 {
  margin: 1em 0;
  font-size: 1.17em;
}
.rte h4 {
  margin: 1.33em 0;
  font-size: 1em;
}
.rte h5 {
  margin: 1.67em 0;
  font-size: 0.83em;
}
.rte h6 {
  margin: 2.33em 0;
  font-size: 0.67em;
}

.show-for-sr {
  position: absolute !important;
  top: -9999px;
  left: -9999px;
  width: 1px;
  height: 1px;
  padding: 0;
  margin: -1px;
  overflow: hidden;
  clip: rect(0 0 0 0);
  border: 0;
}

* {
  -moz-osx-font-smoothing: grayscale;
  -webkit-font-smoothing: antialiased;
  -webkit-text-size-adjust: none;
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
}

.overlay:after {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  content: "";
}

.overlay-light:after {
  background: #fff;
}

.overlay-black:after {
  background: #000;
}

.overlay-color:after {
  background: #30323d;
}

.overlay-gradient:after {
  background-image: linear-gradient(to right, #30323d 0%, #2e6837 100%);
  background-repeat: repeat-x;
}

.overlay-primary:after {
  background: #30323d;
}

.overlay-secondary:after {
  background: #2e6837;
}

.overlay-opacity-0:after {
  opacity: 0;
}

.overlay-opacity-1:after {
  opacity: 0.1;
}

.overlay-opacity-2:after {
  opacity: 0.2;
}

.overlay-opacity-3:after {
  opacity: 0.3;
}

.overlay-opacity-4:after {
  opacity: 0.4;
}

.overlay-opacity-5:after {
  opacity: 0.5;
}

.overlay-opacity-6:after {
  opacity: 0.6;
}

.overlay-opacity-7:after {
  opacity: 0.7;
}

.overlay-opacity-8:after {
  opacity: 0.8;
}

.overlay-opacity-9:after {
  opacity: 0.9;
}

.style-default {
  color: #30323d;
  background: #ffffff;
}

.style-light {
  color: #30323d;
  background: #fafafa;
}

.style-color {
  color: #fff;
  background: #30323d;
}

.style-secondary-color {
  color: #fff;
  background: #2e6837;
}

.style-gradient {
  background-image: linear-gradient(to right, #30323d 0%, #2e6837 100%);
  background-repeat: repeat-x;
  color: #fff;
}

.style-dark {
  color: #fff;
  background-color: #191919;
}

.style-image {
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center;
  background-color: #000;
}

.icon-size-1x {
  font-size: 1em;
}

.icon-size-2x {
  font-size: 2em;
}

.icon-size-3x {
  font-size: 3em;
}

.icon-size-4x {
  font-size: 3em;
}

.icon-arrow-left:before {
  content: "\e905";
}

.icon-arrow-right:before {
  content: "\e906";
}

.icon-search:before {
  content: "\e036";
}

.icon-cart:before {
  content: "\e600";
}

.icon-head:before {
  content: "\e074";
}

.icon-menu:before {
  content: "\f125";
}

.icon-cross:before {
  content: "\e117";
}

.icon-mail:before {
  content: "\e907";
}

.icon-star:before {
  content: "\e093";
}

.icon-star-full:before {
  content: "\e904";
}

.icon-angle-left:before {
  content: "\f104";
}

.icon-angle-right:before {
  content: "\f105";
}

.icon-angle-down:before {
  content: "\f107";
}

.icon-plus:before {
  content: "\e114";
}

.icon-minus:before {
  content: "\e115";
}

.icon-check:before {
  content: "\e116";
}

.modal-wrapper {
  position: fixed;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 4000;
  display: none;
  align-items: center;
  justify-content: center;
  padding: 20px;
  text-align: left;
  visibility: hidden;
  background: rgba(0, 0, 0, 0.8);
  opacity: 0;
  transition: all 0.2s cubic-bezier(0.25, 0.46, 0.45, 0.94);
}

.modal-opened {
  display: flex;
}

.modal-visible {
  visibility: visible;
  opacity: 1;
}

.modal-inner {
  position: relative;
  top: 0;
  left: 0;
  z-index: 1000;
  width: max-content;
  max-width: 500px;
  max-height: 100%;
  padding-top: 26px;
  padding-right: 26px;
  padding-bottom: 26px;
  padding-left: 26px;
  overflow-y: scroll;
  background: #ffffff;
  opacity: 0;
  transition: opacity 0.2s cubic-bezier(0.25, 0.46, 0.45, 0.94);
}
.modal-active .modal-inner {
  opacity: 1;
  transition: all 0.2s cubic-bezier(0.25, 0.46, 0.45, 0.94);
}
@media (max-width: s-up) {
  .modal-inner {
    padding: 70px;
  }
}

.modal-header {
  padding-right: 80px;
  padding-bottom: 16px;
  border-bottom: 1px solid #e2e5e4;
}
.modal-header:empty {
  display: none;
}

.modal-close {
  position: absolute;
  top: 28px;
  right: 28px;
  width: 16px;
  height: 16px;
  padding: 0;
  cursor: pointer;
  background: transparent;
  border: 0;
}
.modal-close svg {
  display: inline-block;
  max-width: 100%;
  max-height: 100%;
  padding: 0;
}
@media (max-width: s-up) {
  .modal-close {
    top: 26px;
    right: 26px;
  }
  .modal-close svg {
    padding: 0;
  }
}

.placeholder-svg {
  display: block;
  background-color: #f1f2f2;
  border: 1px solid #f1f2f2;
  fill: #30323d;
}

[data-rimg=lazy],
[data-rimg=loading],
[data-rimg=loaded] {
  transition: opacity 100ms linear;
}

img[data-rimg=lazy],
img[data-rimg=loading] {
  opacity: 0;
}

img[data-rimg=loaded] {
  opacity: 1;
}

[data-rimg-noscript] {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
}
.article-intro-image-container [data-rimg-noscript], .product-focus-hero-image [data-rimg-noscript], .collection-alternating-product [data-rimg-noscript], .pxs-video [data-rimg-noscript], .list-item [data-rimg-noscript] {
  height: 100%;
}
.no-js [data-rimg-noscript] + img {
  opacity: 0;
}
.js [data-rimg-noscript] {
  display: none;
}

.template-404 .main-content {
  text-align: center;
}

@media screen and (max-width: 720px) {
  .about {
    padding: 30px 15px;
  }
}

.about-content .no-content {
  padding-bottom: 60px;
}

.blog {
  padding-bottom: 0;
}
@media screen and (max-width: 720px) {
  .blog {
    padding: 30px 0 0;
  }
}

.blog-header {
  margin: 0;
  padding-bottom: 60px;
}
@media screen and (max-width: 720px) {
  .blog-header {
    padding: 0;
  }
}

.blog-rss {
  font-family: "Launch Icons", sans-serif;
  speak: none;
  font-size: 16px;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  margin-left: 10px;
}

@media screen and (max-width: 720px) {
  .blog-menu {
    padding: 15px 0;
    background: #eeeeee;
  }
}

.blog-subtitle-button {
  font-family: "Open Sans",sans-serif;
  font-style: normal;
  font-weight: 300;
  width: auto;
  height: 40px;
  padding: 0 30px;
  margin: 0 10px;
  line-height: 40px;
  color: #30323d;
  border-color: transparent;
}
@media screen and (max-width: 720px) {
  .blog-subtitle-button {
    display: block;
    margin: auto;
  }
}
.blog-subtitle-button:hover {
  border-color: transparent;
  background: transparent;
  color: #30323d;
}
.blog-subtitle-button.active {
  font-style: normal;
  font-weight: 700;
  color: #30323d;
  border-color: #e2e5e4;
}
@media screen and (max-width: 720px) {
  .blog-subtitle-button.active {
    border-color: transparent;
  }
}

.blog-tags-wrapper {
  display: block;
  max-width: 700px;
  margin: 0 auto 60px;
  font-size: 14px;
  text-align: center;
}
@media screen and (max-width: 720px) {
  .blog-tags-wrapper {
    margin: 30px auto 0;
  }
}

.blog-tags-list {
  display: inline-block;
  vertical-align: top;
}

.blog-tags-list-item {
  display: inline-block;
  vertical-align: top;
}
.blog-tags-list-item a:after {
  display: inline-block;
  content: ",";
  color: #30323d;
}
.blog-tags-list-item:last-child a:after {
  display: none;
}

.blog-tags-current p {
  padding: 0;
  font-size: 12px;
  color: #30323d;
}

.post-wrapper {
  display: block;
  text-align: center;
  max-width: 700px;
  margin: auto;
}

.post {
  display: block;
  padding-top: 60px;
  margin-top: 60px;
  text-align: left;
  border-top: 1px solid #e2e5e4;
}
@media screen and (max-width: 720px) {
  .post {
    padding-top: 15px;
    padding-bottom: 15px;
    margin-top: 15px;
  }
}
.post:first-child {
  padding-top: 0;
  margin-top: 0;
  border: 0;
}
.post:last-child {
  padding-bottom: 60px;
}

.post-title {
  height: auto;
  font-size: 36px;
  line-height: 46px;
}
@media screen and (max-width: 720px) {
  .post-title {
    padding: 30px 15px 0;
    font-size: 26px;
    line-height: 36px;
  }
}
.post-title * {
  color: #30323d;
}
.style-gradient .post-title *, .style-color .post-title * {
  color: #fff;
}

.post-subtitle {
  color: #30323d;
}
.post-subtitle span {
  padding: 0;
  margin: 0;
}
.post-subtitle span:after {
  border-radius: 100%;
  transform: translateY(-2px);
  display: inline-block;
  margin: 0 6px 0 10px;
  width: 6px;
  height: 6px;
  line-height: inherit;
  background-color: #30323d;
  content: "";
}
.post-subtitle span:last-child:after {
  display: none;
}
.style-gradient .post-subtitle, .style-color .post-subtitle {
  color: #fff;
}

.post-meta {
  padding: 10px 0 0;
  text-transform: uppercase;
  letter-spacing: 1px;
  color: #30323d;
  font-size: 14px;
}
@media screen and (max-width: 720px) {
  .post-meta {
    padding: 0 15px;
  }
}
.post-meta span {
  display: inline-block;
  padding: 0;
  margin: 0;
  font-size: inherit;
}
.post-meta .post-tags {
  color: #30323d;
}
.post-meta .post-tags:hover {
  color: #30323d;
}

.post-content {
  padding: 30px 0 0;
}
@media screen and (max-width: 720px) {
  .post-content {
    padding: 30px 15px;
  }
}
.post-content p:first-child {
  padding-top: 0;
}
.post-content p:last-child {
  padding-bottom: 0;
}

.post-image-container {
  position: relative;
  width: 100%;
  margin: 30px 0 0;
}

.post-image {
  display: block;
  width: 100%;
}

.post-button {
  min-width: 220px;
  margin: 50px 0 0;
}
@media screen and (max-width: 720px) {
  .post-button {
    margin: 0;
  }
}

.article-intro {
  margin-top: 60px;
}
@media screen and (max-width: 720px) {
  .article-intro {
    margin-top: 0;
  }
}

.article-intro-image-container {
  position: relative;
  display: block;
  height: 500px;
  overflow: hidden;
  background-position: 50% 50%;
  background-repeat: no-repeat;
  background-size: cover;
}
@media screen and (max-width: 720px) {
  .article-intro-image-container {
    height: auto;
    background-image: none !important;
  }
}

.article-intro-image {
  margin-right: auto;
  margin-left: auto;
}
@media screen and (min-width: 721px) {
  .article-intro-image {
    position: absolute;
  }
  .article-intro-image[data-rimg=loaded] {
    opacity: 0;
  }
  .article-intro-image[data-rimg=noscript] {
    object-position: 50% 50%;
  }
}

.article {
  display: block;
}

.article-title {
  height: auto;
  line-height: 44px;
  font-size: 34px;
}
@media screen and (max-width: 720px) {
  .article-title {
    padding: 0 15px;
  }
}

.article-subtitle {
  padding: 15px 0 0;
  margin: 0 0 90px;
}
@media screen and (max-width: 720px) {
  .article-subtitle {
    padding: 0 15px;
    margin: 0 0 30px;
  }
}
.article-subtitle p {
  display: inline-block;
  padding: 0 7.5px;
  text-transform: uppercase;
  color: #30323d;
  font-size: 14px;
}

.article-content {
  text-align: left;
}
@media screen and (max-width: 720px) {
  .article-content {
    padding: 0 15px;
  }
}
.article-content p:first-child {
  padding-top: 0;
}
.article-content p:last-child {
  padding-bottom: 0;
}
.article-content img {
  width: 800px;
  max-width: 800px;
  margin-left: -50px;
}
@media screen and (max-width: 1020px) {
  .article-content img {
    width: 100%;
    max-width: 100%;
    margin-left: 0;
  }
}
@media screen and (max-width: 720px) {
  .article-content img {
    width: 320px;
    max-width: 320px;
    margin-left: -15px;
    margin-right: -15px;
  }
}

.module-post-comments .module-header {
  padding-bottom: 60px;
}
@media screen and (max-width: 720px) {
  .module-post-comments .module-header {
    padding-bottom: 30px;
  }
}
.module-post-comments .module-header:only-child {
  padding-bottom: 0;
}

.module-header:only-child .post-comments-title {
  padding-bottom: 0;
}

.post-comments-form-container {
  display: inline-block;
  width: 100%;
  max-width: 700px;
  margin: auto;
  vertical-align: top;
}
@media screen and (max-width: 720px) {
  .post-comments-form-container {
    padding: 0 15px 30px;
  }
}

.post-comments {
  display: inline-block;
  vertical-align: top;
  width: 100%;
  max-width: 700px;
  text-align: left;
}
@media screen and (max-width: 720px) {
  .post-comments {
    padding: 0 15px 30px;
  }
}

.post-comment {
  display: block;
  margin: 0 0 60px;
  padding: 0 0 60px;
  border-bottom: 1px solid #30323d;
}
@media screen and (max-width: 720px) {
  .post-comment {
    margin: 0 0 30px;
    padding: 0 0 30px;
  }
  .post-comment:last-child {
    margin: 0;
    padding: 0;
  }
}
.post-comment:last-child {
  margin: 0;
  padding: 0;
  border: 0;
}

.post-comment-message {
  display: block;
  font-size: 18px;
}
@media screen and (max-width: 720px) {
  .post-comment-message {
    font-size: 16px;
  }
}
.post-comment-error-message .post-comment-message {
  color: #e13333;
}

.post-comment-success-message {
  position: fixed;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 1000;
  width: 100%;
  padding: 15px;
  text-align: center;
  background-color: #5bef6b;
}
.post-comment-success-message a {
  display: inline-block;
}
.post-comment-success-message .post-comment-message {
  color: #fff;
}

.static-cart .empty {
  text-align: center;
}

.cart {
  padding-left: 30px;
  padding-right: 30px;
}
@media screen and (max-width: 1020px) {
  .cart {
    padding-right: 15px;
    padding-left: 15px;
  }
}
@media screen and (max-width: 720px) {
  .cart {
    padding: 0 0 30px;
  }
}

@media screen and (max-width: 720px) {
  .cart-header {
    margin-top: 60px;
  }
}

.cart-items-container {
  display: block;
  padding: 0 80px 0 0;
}
@media screen and (max-width: 1020px) {
  .cart-items-container {
    width: 520px;
    padding: 0;
    margin: auto;
  }
}
@media screen and (max-width: 720px) {
  .cart-items-container {
    width: 100%;
  }
}
.order .cart-items-container {
  padding: 0;
}

.cart-items {
  width: 100%;
  margin-top: 0;
  border-collapse: collapse;
  border: 0;
  transition: height 0.2s cubic-bezier(0.25, 0.46, 0.45, 0.94);
}
.cart-items.empty {
  height: 0;
  overflow: hidden;
}
@media screen and (max-width: 1020px) {
  .cart-items thead {
    display: none;
  }
}
.cart-items th {
  font-family: "Open Sans",sans-serif;
  font-style: normal;
  font-weight: 300;
  padding: 20px 0;
  color: #30323d;
  text-align: left;
  border-top: 0;
  border-bottom: 1px solid #e2e5e4;
}
.cart-items th.first {
  padding-left: 0;
}
.cart-items th.last {
  padding-right: 0;
  text-align: right;
}
@media screen and (max-width: 1020px) {
  .cart-items tr:nth-child(odd) {
    background-color: #fafafa;
  }
}
@media screen and (max-width: 1020px) {
  .cart-items tr:nth-child(even) {
    background-color: #eeeeee;
  }
}
.cart-items .mobile-only {
  display: none;
}
@media screen and (max-width: 1020px) {
  .cart-items .mobile-only {
    display: inline-block;
  }
}
.cart-items .cart-mobile-line-title {
  font-weight: 700;
}
.cart-items .icon-sale-tag {
  width: 11px;
  height: 11px;
  margin-right: 0.15rem;
}
.cart-items .cart-price-header,
.cart-items .cart-item-price {
  text-align: right;
}
.cart-items .cart-quantity-header,
.cart-items .cart-item-quantity {
  text-align: center;
}
.cart-items .hidden {
  display: none;
}
.cart-items .cart-item-warning {
  position: absolute;
  left: 0;
  bottom: 0;
  padding: 0.5em;
  color: #e13333;
}
@media screen and (max-width: 1020px) {
  .cart-items .cart-item-warning {
    position: static;
  }
}

.cart-item {
  position: relative;
  transition: opacity 0.3s ease-in, height 0.3s ease-in;
}
.cart-item.removing {
  opacity: 0;
}
.cart-item [data-cart-action] * {
  pointer-events: none;
}
.cart-item [data-cart-action]::before {
  pointer-events: none;
}

.cart-item-td {
  width: 15%;
  padding: 40px 0;
  line-height: 1;
  text-align: left;
  color: #30323d;
  vertical-align: middle;
  border: 0;
  border-bottom: 1px solid #e2e5e4;
}
@media screen and (max-width: 1020px) {
  .cart-item-td {
    float: left;
    width: 520px;
    padding: 15px 15px 0;
    margin: 0;
    border: 0;
    color: #30323d;
    text-align: center;
  }
  .cart-item-td:first-child {
    padding-top: 30px;
  }
  .cart-item-td:last-child {
    padding-bottom: 15px;
  }
}
@media screen and (max-width: 720px) {
  .cart-item-td {
    width: 100%;
  }
}

@media screen and (max-width: 1020px) {
  .cart-item-quantity-wrapper {
    width: 100%;
    margin: auto;
  }
}
@media screen and (max-width: 720px) {
  .cart-item-quantity-wrapper {
    width: 100%;
  }
}

.cart-title a {
  font-size: 14px;
  font-style: normal;
  font-weight: 700;
  letter-spacing: 2px;
  color: #2e6837;
  text-transform: uppercase;
}

@media screen and (max-width: 1020px) {
  .cart-item-unit-price {
    text-align: right;
  }
}

.cart-item-product {
  width: 55%;
}
@media screen and (max-width: 1020px) {
  .cart-item-product {
    width: 100%;
    text-align: center;
  }
}

@media screen and (max-width: 1020px) {
  .cart-item-price,
  .cart-item-total {
    display: flex;
    justify-content: space-between;
  }
}
.cart-item-price .money,
.cart-item-total .money {
  display: block;
}
.cart-item-price .money:not(:first-child),
.cart-item-total .money:not(:first-child) {
  margin-top: 5px;
}

.cart-item-product-wrap {
  display: inline-block;
  max-width: calc(100% - 100px);
  margin-left: 15px;
  vertical-align: middle;
}
@media screen and (max-width: 1020px) {
  .cart-item-product-wrap {
    width: 100%;
    max-width: 100%;
    margin: 0;
  }
}
.cart-item-product-wrap span {
  display: block;
  padding: 5px 0 0;
}

.cart-item-image-container {
  position: relative;
  display: inline-block;
  vertical-align: middle;
  width: 80px;
}
@media screen and (max-width: 1020px) {
  .cart-item-image-container {
    display: block;
    width: 100%;
    padding-bottom: 15px;
    text-align: center;
  }
}

.cart-item-total-container {
  position: relative;
  display: block;
  text-align: right;
}
@media screen and (max-width: 1020px) {
  .cart-item-total-container {
    text-align: right;
    padding-bottom: 15px;
  }
}

.cart-image {
  display: inline-block;
  width: 100%;
  vertical-align: middle;
}
@media screen and (max-width: 720px) {
  .cart-image {
    display: block;
    width: 100px;
    margin: 0 auto 15px;
  }
}

.cart-item-image {
  display: block;
  max-width: 100%;
  margin: 0 auto;
}

.cart-item-remove {
  position: absolute;
  left: 100%;
  top: 50%;
  width: 40px;
  height: 40px;
  margin: -20px 0 0 30px;
  vertical-align: middle;
  color: #30323d;
  text-align: center;
  cursor: pointer;
}
@media screen and (max-width: 1020px) {
  .cart-item-remove {
    left: auto;
    top: -25px;
    right: -10px;
    margin: 0;
    display: none;
  }
}
.cart-item-remove .icon {
  width: 100%;
  height: 100%;
  line-height: 40px;
  font-size: 28px;
}
.cart-item-remove.mobile-only {
  display: none;
}
@media screen and (max-width: 1020px) {
  .cart-item-remove.mobile-only {
    display: block;
  }
}
.cart-item-remove:hover {
  color: #30323d;
}

.cart-tools {
  position: relative;
  display: block;
  text-align: right;
}

.cart-totals {
  display: block;
  margin: 0;
  padding: 0 80px 0 0;
  text-align: right;
}
@media screen and (max-width: 1020px) {
  .cart-totals {
    padding: 0;
    text-align: center;
  }
}

.cart-price-info {
  color: #30323d;
}
@media screen and (max-width: 1020px) {
  .cart-price-info {
    text-align: center;
  }
}

.sub-total,
.cart-price {
  padding: 0;
}

.cart-message {
  display: block;
  padding: 0;
  line-height: 1.4;
  font-size: 13px;
  font-style: italic;
  color: #30323d;
  text-align: right;
}
@media screen and (max-width: 1020px) {
  .cart-message {
    display: block;
    margin: auto;
    max-width: 320px;
    text-align: center;
  }
}

.cart-price {
  font-size: 36px;
  line-height: 46px;
  color: #30323d;
}

.cart-cta {
  display: inline-flex;
  flex-direction: column;
  align-items: flex-end;
  margin-top: 30px;
  margin-left: auto;
}
@media screen and (max-width: 1020px) {
  .cart-cta {
    padding: 0 15px;
    margin-right: auto;
    max-width: 520px;
    align-items: stretch;
  }
}
.no-js .cart-cta {
  flex-direction: row;
  align-items: flex-start;
}
@media screen and (max-width: 1020px) {
  .no-js .cart-cta {
    flex-direction: column;
  }
}

.cart-button {
  display: inline-flex;
  align-items: center;
  align-self: flex-end;
  justify-content: center;
  min-width: 220px;
  margin-bottom: 20px;
}
@media screen and (max-width: 1020px) {
  .cart-button {
    width: 100%;
    padding-right: 0;
    padding-left: 0;
    margin-top: 15px;
    text-align: center;
  }
}
@media screen and (min-width: 1021px) {
  .cart-button.cart-update-button {
    margin-right: 15px;
  }
}
.cart-button svg {
  margin-right: 10px;
}

.cart-update-button {
  margin-bottom: 0;
}

.cart-instructions {
  display: block;
  font-size: 16px;
  padding: 60px 80px 0 0;
  text-align: left;
}
@media screen and (max-width: 1020px) {
  .cart-instructions {
    width: 100%;
    padding-right: 30px;
    padding-left: 30px;
  }
}
.cart-instructions p {
  text-align: left;
  padding: 0 0 15px;
}
.cart-instructions textarea {
  font-size: 14px;
}

.cart-checkout {
  margin-top: 30px;
}

@media screen and (max-width: 720px) {
  .cart-item-undo {
    text-align: center;
  }
}

.cart-undo {
  cursor: pointer;
  color: #30323d;
}
.cart-undo:hover {
  color: #30323d;
}

.cart-shipping-calculator-wrapper {
  font-size: 0;
  margin-top: 60px;
}
@media screen and (max-width: 1020px) {
  .cart-shipping-calculator-wrapper {
    padding-right: 30px;
    padding-left: 30px;
  }
}

.no-js .cart-shipping-calculator-wrapper {
  display: none;
}

.cart-shipping-calculator {
  width: 60%;
  display: inline-block;
  vertical-align: top;
  font-size: 16px;
  text-align: left;
}
@media screen and (max-width: 1020px) {
  .cart-shipping-calculator {
    width: 100%;
  }
}

.cart-shipping-calculator-response {
  width: 40%;
  display: inline-block;
  vertical-align: top;
  font-size: 14px;
  padding: 39px 0 0 30px;
  text-align: right;
}
@media screen and (max-width: 720px) {
  .cart-shipping-calculator-response {
    width: 100%;
    text-align: center;
    padding: 0;
  }
}

.shipping-country-wrapper, .shipping-province-wrapper {
  margin-top: 15px;
}
.shipping-country-wrapper .select-wrapper, .shipping-province-wrapper .select-wrapper {
  margin: 0;
}

@media screen and (max-width: 1020px) {
  .cart-shipping-zip-code {
    margin-top: 15px;
  }
}

.cart-shipping-zip-code input {
  display: inline-block;
  width: auto;
  font-size: 14px;
  min-width: 270px;
}
@media screen and (max-width: 1020px) {
  .cart-shipping-zip-code input {
    width: 100%;
    margin: 0;
  }
}
.cart-shipping-zip-code input[type=text] {
  margin-right: 15px;
  margin-bottom: 15px;
}

@media screen and (max-width: 720px) {
  input[type=button].cart-shipping-calculate {
    margin: 15px 0 0 0;
  }
}

.cart-item-discounts {
  margin: 5px 0 0;
  line-height: 1.4;
  color: #2e6837;
}
@media screen and (max-width: 1020px) {
  .cart-item-discounts {
    display: none;
  }
}
.cart-item-discounts .money {
  display: inline;
}
.cart-item-discounts li {
  margin: 0 0 5px;
}

.cart-item-original-price + .cart-item-final-price {
  color: #2e6837;
}

.cart-discounts {
  margin: 0 0 15px;
  font-size: 16px;
  line-height: 1.4;
  color: #2e6837;
}
@media screen and (max-width: 1020px) {
  .cart-discounts {
    width: 100%;
    max-width: 520px;
    padding: 0 15px;
    margin-right: auto;
    margin-left: auto;
  }
}
.cart-discounts .icon-sale-tag {
  width: 12px;
  height: 12px;
  margin-right: 0.15rem;
}

.cart-discount {
  display: flex;
  justify-content: flex-end;
  margin: 0;
}
@media screen and (max-width: 1020px) {
  .cart-discount {
    justify-content: center;
  }
}

.cart-discount-price {
  margin-left: 30px;
  white-space: nowrap;
}

.additional-checkout-buttons {
  width: 100%;
}
.no-js .additional-checkout-buttons {
  display: none;
}

[data-shopify-buttoncontainer] {
  justify-content: flex-end;
}
@media screen and (max-width: 1020px) {
  [data-shopify-buttoncontainer] {
    justify-content: center;
  }
}

.cart-item__unit-price {
  margin-top: 5px;
  font-size: 14px;
  opacity: 0.8;
}

.collection {
  width: 100%;
  padding: 90px 0;
}
@media screen and (max-width: 720px) {
  .collection {
    padding: 30px 0 0;
  }
}
.style-light .collection, .style-color .collection, .style-gradient .collection {
  margin-top: 60px;
}
.collection.collection--banner-true {
  padding-top: 2.5rem;
}
@media screen and (max-width: 720px) {
  .collection.collection--random.collection--banner-true {
    padding-top: 0;
  }
}
.collection.collection--alternating.collection--banner-true {
  padding-top: 0;
}

/* Collection header */
.collection-header {
  margin-top: 30px;
  position: relative;
}
@media screen and (max-width: 720px) {
  .collection-header {
    margin-top: 0;
  }
}

.collection-image {
  width: 100%;
}

.collection-details {
  position: absolute;
  top: 50%;
  left: 25%;
  width: 50%;
  text-align: center;
  transform: translateY(-50%);
}
@media screen and (max-width: 720px) {
  .collection-details {
    position: relative;
    top: auto;
    left: auto;
    width: 100%;
    margin-top: 30px;
    transform: translateY(0);
  }
}
.collection-details .module-header {
  padding: 0;
}
.collection-details .module-title,
.collection-details .module-subtitle {
  color: #fff;
  text-shadow: 0px 0px 10px rgba(0, 0, 0, 0.3);
}
@media screen and (max-width: 720px) {
  .collection-details .module-title,
  .collection-details .module-subtitle {
    text-shadow: none;
    color: #30323d;
  }
}

/* Filters */
.filter-container {
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  padding: 0 15px;
}
@media screen and (max-width: 720px) {
  .filter-container {
    flex-direction: column-reverse;
    justify-content: center;
    padding-bottom: 15px;
  }
}

.collection__sort-wrapper {
  margin-left: 10px;
}
.collection__sort-wrapper:only-child {
  margin-right: 0;
  margin-left: auto;
}
@media screen and (max-width: 720px) {
  .collection__sort-wrapper {
    margin-left: 0;
  }
  .collection__sort-wrapper:only-child {
    margin-left: 0;
  }
}
.collection__sort-wrapper .collection__sort-title {
  display: none;
}
@media screen and (max-width: 720px) {
  .collection__sort-wrapper .collection__sort-title {
    display: block;
    margin-bottom: 10px;
  }
}
.collection__sort-wrapper .select-wrapper {
  width: -moz-fit-content;
  width: fit-content;
  margin: 0 auto;
}
@media screen and (max-width: 720px) {
  .collection__sort-wrapper .select-wrapper {
    width: 100%;
  }
}
.collection__sort-wrapper .selected-text {
  width: auto;
}
@media screen and (max-width: 720px) {
  .collection__sort-wrapper .selected-text {
    width: 100%;
  }
}

@media screen and (max-width: 720px) {
  .collection-button {
    width: 290px;
    padding-right: 0;
    padding-left: 0;
    text-align: center;
  }
}

.collection-list {
  width: 100%;
  margin-top: 30px;
}

.collection-subtitle {
  padding: 30px 30px 0;
}
@media screen and (max-width: 720px) {
  .collection-subtitle {
    padding: 30px 15px 0;
  }
}

.collection--alternating {
  max-width: 100%;
  padding-bottom: 0;
}

.collection-alternating-product {
  position: relative;
  overflow: hidden;
  font-size: 0;
}
.collection-alternating-product:first-child {
  margin-top: 0;
  padding-top: 0;
  border-top: none;
}

.collection-alternating-section {
  display: inline-block;
  width: 50%;
  vertical-align: middle;
}
@media screen and (max-width: 1020px) {
  .collection-alternating-section {
    position: relative;
    width: 100%;
    display: block;
    overflow: hidden;
  }
}

.collection-alternating-media {
  position: relative;
  padding: 0;
  overflow: hidden;
}
.media-aligned-right .collection-alternating-media {
  right: -50%;
}
@media screen and (max-width: 1020px) {
  .media-aligned-right .collection-alternating-media {
    right: auto;
  }
}

@media screen and (max-width: 1020px) {
  .collection-alternating-content {
    width: 100%;
    text-align: center;
  }
}
.media-aligned-right .collection-alternating-content {
  position: relative;
  left: -50%;
}
@media screen and (max-width: 1020px) {
  .media-aligned-right .collection-alternating-content {
    left: auto;
  }
}

.collection-alternating-cover {
  overflow: hidden;
  display: block;
  width: 100%;
  height: 0;
  padding-bottom: 80%;
  background-position: 50% 50%;
  background-repeat: no-repeat;
  background-size: cover;
}

.collection-alternating-cover-placeholder {
  background-color: #f1f2f2;
}

.collection-alternating-text-wrapper {
  padding: 90px 60px;
  text-align: left;
}
@media screen and (max-width: 1200px) {
  .collection-alternating-text-wrapper {
    padding: 30px;
  }
}
@media screen and (max-width: 1020px) {
  .collection-alternating-text-wrapper {
    display: inline-block;
    max-width: 700px;
    padding: 90px 30px;
    text-align: center;
  }
}
@media screen and (max-width: 720px) {
  .collection-alternating-text-wrapper {
    max-width: 100%;
    padding: 30px;
  }
}

.collection-alternating-title {
  font-size: 36px;
  line-height: 46px;
}
@media screen and (max-width: 720px) {
  .collection-alternating-title {
    font-size: 26px;
    line-height: 36px;
  }
}

.collection-alternating-meta {
  font-size: 20px;
  line-height: 30px;
  text-transform: uppercase;
}
.collection-alternating-meta .saving {
  margin-left: 0.5rem;
}

.collection-alternating-text {
  font-size: 16px;
  line-height: 26px;
  padding-top: 30px;
}
@media screen and (max-width: 1020px) {
  .collection-alternating-text {
    margin: 30px auto 0;
    padding: 0;
  }
}

.collection-alternating-cta {
  padding-top: 30px;
}
@media screen and (max-width: 1020px) {
  .collection-alternating-cta {
    padding-top: 30px;
  }
}

.original.money {
  text-decoration: line-through;
}

.list-meta .saving {
  display: block;
}

.sale-badge {
  font-family: Roboto,sans-serif;
  font-style: normal;
  font-weight: 100;
  position: absolute;
  top: 20px;
  right: 20px;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 65px;
  height: 65px;
  font-size: 14px;
  letter-spacing: 0.1em;
  color: #fff;
  text-align: center;
  text-transform: uppercase;
  background: #2e6837;
  border-radius: 100%;
}
@media screen and (max-width: 768px) {
  .sale-badge {
    width: 45px;
    height: 45px;
    font-size: 12px;
    line-height: 45px;
  }
}
.collection-alternating-section.right .sale-badge {
  right: 50%;
  margin-right: 20px;
}
@media screen and (max-width: 1020px) {
  .collection-alternating-section.right .sale-badge {
    right: 0;
  }
}

.stock-badge {
  font-family: Roboto,sans-serif;
  font-style: normal;
  font-weight: 100;
  transform: rotate(-45deg);
  position: absolute;
  top: 28px;
  left: -32px;
  width: 150px;
  padding: 7px 0;
  font-size: 14px;
  line-height: 1;
  letter-spacing: 0.1em;
  color: #fff;
  text-align: center;
  text-transform: uppercase;
  background: #2e6837;
}
.collection-alternating-section.left .stock-badge {
  left: 50%;
}
@media screen and (max-width: 1020px) {
  .collection-alternating-section.left .stock-badge {
    left: 0;
  }
}

.product-item__unit-price {
  margin-top: 5px;
  font-size: 13px;
  line-height: 1.4;
  opacity: 0.8;
}
.collection-alternating .product-item__unit-price {
  margin-top: 5px;
}

.contact-form {
  position: relative;
  width: 100%;
}
.contact-form .input-wrapper {
  margin: 15px 0;
}
.contact-form .input-wrapper.first {
  margin-top: 0;
}
.contact-form .input-wrapper.last {
  margin-bottom: 0;
}

.contact-form-button {
  margin-top: 30px;
}
@media screen and (max-width: 720px) {
  .contact-form-button {
    margin-top: 15px;
  }
}

.contact-form-success {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: rgba(255, 255, 255, 0.6);
}

.contact-form-success-icon {
  border-radius: 100%;
  position: absolute;
  top: 50%;
  left: 50%;
  height: 160px;
  width: 160px;
  margin-left: -80px;
  margin-top: -80px;
  line-height: 160px;
  text-align: center;
  font-size: 42px;
  color: #fff;
  background-color: rgba(48, 50, 61, 0.8);
}

.contact-form-error-message {
  display: block;
  margin-bottom: 30px;
  color: #e13333;
}

@media screen and (max-width: 720px) {
  .faq {
    padding: 30px 15px;
  }
}

.faq-module.style-default .module {
  padding-top: 0;
}

.faq-content .module {
  padding-bottom: 0;
}
.faq-content .module.no-content {
  padding-bottom: 60px;
}
@media screen and (max-width: 720px) {
  .faq-content .module.no-content {
    padding-bottom: 30px;
  }
}
.faq-content .module-body {
  padding-bottom: 60px;
}

.template-index .main-content {
  width: 100%;
  max-width: 100%;
  padding: 0;
}
.template-index.has-slideshow-full-window .sticky-header ~ .main-content,
.template-index .sticky-header.lower-than-slideshow ~ .main-content {
  padding-top: 0;
}

.collections {
  padding: 90px 0;
}
@media screen and (max-width: 1020px) {
  .collections {
    padding: 0;
  }
}

.collections-header {
  padding-bottom: 90px;
}
@media screen and (max-width: 1020px) {
  .collections-header {
    padding: 90px 30px;
  }
}
@media screen and (max-width: 720px) {
  .collections-header {
    padding: 30px 15px;
  }
}

.page-header {
  padding-bottom: 30px;
  margin: 0 30px 30px;
}
@media screen and (max-width: 720px) {
  .page-header {
    padding-bottom: 15px;
    margin: 30px 15px;
  }
}
.page-header:only-child {
  padding-bottom: 0;
  margin-bottom: 0;
}

.page-body {
  max-width: 700px;
  width: 100%;
  text-align: left;
  margin: auto;
}
@media screen and (max-width: 720px) {
  .page-body {
    max-width: 100%;
    padding: 0 15px;
  }
}
.page-body p:first-child {
  padding-top: 0;
}
.page-body p:last-child {
  padding-bottom: 0;
}

.template-password .main-header {
  display: flex;
  align-items: center;
  justify-content: center;
}
.template-password .main-content {
  width: 100%;
  max-width: 600px;
  padding: 40px 10px;
  margin-right: auto;
  margin-left: auto;
  text-align: center;
}
.template-password .module-title {
  margin-bottom: 30px;
}
.template-password .password-subscribe-wrapper,
.template-password .password-form-wrapper {
  display: none;
  margin-top: 1em;
}
.template-password .password-subscribe-wrapper.visible,
.template-password .password-form-wrapper.visible {
  display: block;
}
.template-password .newsletter-input,
.template-password .password-input,
.template-password .password-button {
  float: left;
}
.template-password .newsletter-input,
.template-password .password-input {
  width: 68%;
  margin-right: 2%;
}
@media screen and (max-width: 480px) {
  .template-password .newsletter-input,
  .template-password .password-input {
    width: 100%;
    margin-right: 0;
  }
}
.template-password .password-button {
  width: 30%;
  height: 49px;
  padding-right: 16px;
  padding-left: 15px;
  margin-top: 1px;
  line-height: 1;
  text-align: center;
}
@media screen and (max-width: 480px) {
  .template-password .password-button {
    float: none;
    width: auto;
    margin-top: 10px;
  }
}
.template-password .password-entry {
  display: block;
  margin-top: 10px;
  outline: none;
}
.template-password .errors ul {
  padding-left: 0;
  margin-top: 0;
  list-style: none;
}
.template-password .footer-wrapper {
  position: fixed;
  bottom: 0;
  width: 100%;
  height: 40px;
  background-color: #ffffff;
  z-index: 99;
}
.template-password .main-footer {
  text-align: center;
}
.template-password .hidden {
  display: none;
}

.password-page-header {
  margin-bottom: 30px;
  padding-bottom: 30px;
  border-bottom: 1px solid #e2e5e4;
}

.password-page-newsletter-title {
  margin-bottom: 0;
  font-size: 1.2em;
}

.password-page-subheader {
  padding: 0;
}

.password-page {
  padding-bottom: 40px;
}

@media screen and (max-width: 720px) {
  .template-product .page-title {
    margin-bottom: 30px;
  }
}

.template-product-slideshow .main-content {
  width: 100%;
  max-width: 100%;
  padding: 0;
}
@media screen and (max-width: 720px) {
  .template-product-slideshow .static-slideshow-wrapper + div {
    padding: 0 30px;
  }
}
.template-product-slideshow .page-title {
  margin: 60px 0 45px;
}
@media screen and (max-width: 720px) {
  .template-product-slideshow .page-title {
    margin: 30px 0;
  }
}

.product-gallery, .product-wrap {
  display: inline-block;
  width: 50%;
  font-size: 16px;
  vertical-align: top;
}
.dynamic-featured-product .product-gallery, .dynamic-featured-product .product-wrap {
  vertical-align: middle;
}
@media screen and (max-width: 720px) {
  .product-gallery, .product-wrap {
    display: block;
    width: 100%;
    padding: 0;
  }
}

.no-js .dynamic-featured-product .product-wrap {
  vertical-align: top;
}

.module-product {
  padding: 60px 0 90px;
  font-size: 0;
}
@media screen and (max-width: 720px) {
  .module-product .product-gallery {
    margin-top: 0;
  }
}
@media screen and (max-width: 1200px) {
  .module-product {
    padding: 60px 30px 90px;
  }
}
@media screen and (max-width: 720px) {
  .module-product {
    padding: 0 0 30px 0;
  }
}

.product-wrap {
  padding-left: 30px;
  text-align: left;
}
@media screen and (max-width: 720px) {
  .product-wrap {
    padding: 0 15px;
    text-align: center;
  }
  .product-wrap .product-goal {
    padding-right: 20px;
    padding-left: 20px;
  }
}

.product-block {
  margin-top: 5px;
}
.product-block.product-block--first {
  margin-top: 0;
}
.product-block.product-block--first .product-tabs {
  margin-top: 0;
}

.product-goal {
  margin-top: 12px;
}
@media screen and (max-width: 720px) {
  .product-goal {
    margin-top: 0;
  }
}

.product-header {
  display: block;
  margin: 0 0 5px;
}
@media screen and (max-width: 720px) {
  .product-header {
    margin-top: 2rem;
  }
}

.product-title {
  padding: 0;
  margin: 0;
  font-size: 34px;
  line-height: 44px;
  color: #30323d;
}
.product-title a {
  color: inherit;
}

.product-vendor {
  color: #30323d;
  line-height: 1.5;
}

.product-price {
  display: block;
  font-size: 28px;
  line-height: 38px;
  color: #30323d;
}
.product-price .price {
  display: flex;
  align-items: flex-end;
}
@media screen and (max-width: 720px) {
  .product-price .price {
    justify-content: center;
  }
}

.product-price__final {
  margin-bottom: 4px;
}

.product-price-compare {
  display: inline-block;
  margin-left: 16px;
  color: #30323d;
  font-size: 14px;
}
.product-price-compare .original {
  text-decoration: line-through;
}
.product-price-compare span {
  display: inline-block;
  vertical-align: top;
}
.product-price-compare.hidden {
  display: none;
}

.add-to-cart-button {
  position: relative;
  opacity: 1;
  transition: all 0.2s cubic-bezier(0.25, 0.46, 0.45, 0.94);
}
.loading .add-to-cart-button {
  z-index: -1;
  opacity: 0;
}
.add-to-cart-button:focus {
  outline: auto 5px Highlight;
  outline: auto 5px -webkit-focus-ring-color;
}

.product-form {
  display: block;
  margin: 30px 0 0;
}

.product-form-nav {
  display: block;
}

@media screen and (max-width: 720px) {
  .product-options,
  .product-quantity {
    width: 100%;
  }
}

.product-options .selector-wrapper {
  float: left;
  width: 45%;
  margin: 0 15px 15px 0;
}
.product-options .selector-wrapper.no-js-required {
  float: none;
  margin: 0;
}
@media screen and (max-width: 1020px) {
  .product-options .selector-wrapper {
    width: 100%;
    margin: 0 0 15px;
  }
}
.product-options .select-wrapper {
  display: flex;
  overflow: hidden;
}
.product-options .selected-text {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  flex: 0 0 auto;
  width: auto;
  padding-right: 0.5rem;
  font-weight: bold;
}
.product-options .selected-option {
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}
.product-options .js-required {
  display: none;
}
.js .product-options .js-required {
  display: block;
}
.js .product-options .no-js-required {
  display: none;
}

.add-to-cart {
  margin: 15px 0 0;
}
@media screen and (max-width: 720px) {
  .add-to-cart {
    text-align: center;
  }
}
@media screen and (max-width: 720px) {
  .add-to-cart input {
    padding-right: 0;
    padding-left: 0;
    width: 290px;
  }
}

.product-form-submit-wrap {
  position: relative;
  display: inline-block;
}
@media screen and (max-width: 1160px) {
  .product-form-submit-wrap:not(:last-child) {
    margin-bottom: 15px;
  }
}
@media screen and (max-width: 720px) {
  .product-form-submit-wrap {
    text-align: center;
  }
}
.product-form-submit-wrap .button.outline:not(:hover), .product-form-submit-wrap .outline.age-gate__confirm_btn:not(:hover), .product-form-submit-wrap .outline.disclosure__submit:not(:hover) {
  background-color: #fff;
}
.product-form-submit-wrap input {
  position: relative;
  z-index: 2;
  white-space: normal;
}
.product-form-has-spb .product-form-submit-wrap {
  width: 100%;
}
@media screen and (min-width: 1161px) {
  .product-form-has-spb .product-form-submit-wrap {
    width: 49%;
  }
}
.product-form-has-spb .product-form-submit-wrap input {
  width: 100%;
}

.product-form-has-spb .product-form-add-to-cart {
  display: flex;
  justify-content: space-between;
  align-items: flex-start;
}
@media screen and (max-width: 1160px) {
  .product-form-has-spb .product-form-add-to-cart {
    display: block;
  }
}

@keyframes rotation {
  from {
    transform: rotate(0deg);
  }
  to {
    transform: rotate(359deg);
  }
}
.add-to-cart-loader, .static-slideshow-loader {
  position: absolute;
  top: 50%;
  left: 50%;
  z-index: 1;
  width: 30px;
  height: 30px;
  margin-top: -15px;
  margin-left: -15px;
  border-top: 3px solid rgba(48, 50, 61, 0.8);
  border-right: 3px solid rgba(48, 50, 61, 0.15);
  border-bottom: 3px solid rgba(48, 50, 61, 0.15);
  border-left: 3px solid rgba(48, 50, 61, 0.15);
  border-radius: 100%;
  transition: right 0.2s cubic-bezier(0.25, 0.46, 0.45, 0.94);
  animation: rotation 0.6s infinite linear;
}
.loading .add-to-cart-loader, .loading .static-slideshow-loader {
  right: -45px;
}

.product-cart-message {
  display: none;
  margin-top: 30px;
  color: #30323d;
  font-size: 14px;
}
.added-error .product-cart-message {
  color: #e13333;
}
.added-success .product-cart-message, .added-error .product-cart-message {
  display: block;
}
.product-cart-message em {
  color: #30323d;
}

.product-cart-message__checkout-form {
  display: inline;
  font-size: inherit;
}

.product-cart-message__checkout-button {
  padding: 0;
  font-family: inherit;
  font-size: inherit;
  font-weight: inherit;
  background: transparent;
  border: 0;
}

@media screen and (max-width: 720px) {
  .product-more-info {
    text-align: center;
  }
}

.product-info-link {
  position: relative;
  display: block;
  margin: 5px 0 0;
  padding: 0;
  line-height: 1.5;
}
.product-info-link:first-child {
  margin: 0 auto;
}
.product-info-link:before {
  font-family: "Launch Icons", sans-serif;
  speak: none;
  font-size: 16px;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  position: relative;
  display: inline-block;
  color: #30323d;
}
.product-info-link:hover:before {
  color: #30323d;
}
.product-info-link.info:before {
  content: "\e101";
}
.product-info-link.question-mark:before {
  content: "\e102";
}
.product-info-link.ruler:before {
  content: "\e105";
}
.product-info-link.envelope:before {
  content: "\e104";
}
.product-info-link.pencil:before {
  content: "\e103";
}
.product-info-link.shirt:before {
  content: "\e106";
}
.product-info-link a {
  display: inline-block;
  margin-left: 5px;
}

.product-view-details {
  font-family: "Open Sans",sans-serif;
  font-style: normal;
  font-weight: 700;
  display: inline-block;
  margin-top: 30px;
  font-size: 12px;
  line-height: 1.2;
  color: #30323d;
  text-transform: uppercase;
}
@media screen and (max-width: 720px) {
  .product-view-details {
    margin-right: auto;
    margin-left: auto;
  }
}
.product-view-details .icon {
  margin-left: 5px;
  font-size: 10px;
  line-height: 12px;
}

.product__unit-price {
  font-size: 14px;
  line-height: 1.6;
}

.product__tax {
  margin-top: 2px;
  margin-bottom: 5px;
  font-size: 13px;
  line-height: 1.6;
}

.product__tax--hidden,
.product__unit-price--hidden {
  display: none;
}

:root {
  --color-body-text: #30323d;
  --color-body: #ffffff;
  --color-bg: #ffffff;
}

shopify-payment-terms {
  display: block;
  margin-top: 8px;
  font-size: 15px;
  line-height: 1.625;
}

.product-app--container {
  font-size: initial;
}
.product-app--container .module {
  text-align: inherit;
}
@media screen and (min-width: 1021px) {
  .product-app--container .module {
    padding-left: 0;
    padding-right: 0;
  }
}

.search {
  margin-top: 60px;
}
@media screen and (max-width: 720px) {
  .search {
    margin: 0;
  }
}
.search .list-text-wrapper {
  text-align: center;
}
.search .filter-container {
  justify-content: center;
  margin-top: 30px;
}
.search .active-filter-group {
  justify-content: center;
  margin-bottom: 0;
}

.search-header {
  z-index: 2;
  padding: 0 0 60px;
}
@media screen and (max-width: 720px) {
  .search-header {
    padding: 30px 15px;
  }
}

.search-form {
  position: relative;
  text-align: center;
  font-size: 0;
  max-width: 450px;
  margin: 30px auto 0;
}
@media screen and (max-width: 720px) {
  .search-form {
    margin: 15px auto 0;
  }
}

.search-input {
  display: block;
  width: 100%;
  font-size: 16px;
}

.search-submit {
  position: absolute;
  display: block;
  right: 0;
  top: 0;
  width: 50px;
  height: 50px;
  background: #30323d;
  border-radius: 0 4px 4px 0;
}
.search-submit:hover {
  background: #30323d;
}
.search-submit input[type=submit] {
  position: absolute;
  left: 0;
  right: 0;
  width: 50px;
  height: 50px;
  padding: 0;
  font-size: 0;
  background: transparent;
  border: transparent;
  border-radius: 0;
}
.search-submit input[type=submit]:hover {
  background: transparent;
  border: transparent;
}

.search-submit-icon {
  position: absolute;
  left: 0;
  right: 0;
  width: 50px;
  height: 50px;
  line-height: 50px;
  font-size: 24px;
  color: #fff;
}

.search-results-wrapper {
  margin: 30px auto 0;
}

.search-results-count {
  text-align: center;
  margin: 30px 0 60px;
}
.search-results-count ul {
  list-style: none;
  padding: 0;
}

@media screen and (max-width: 720px) {
  .module-login .module-title,
  .module-register .module-title,
  .module-account .module-title,
  .module-reset-password .module-title,
  .module-addresses .module-title,
  .module-activate-account .module-title {
    padding-top: 30px;
  }
}
.module-login .module-subtitle,
.module-register .module-subtitle,
.module-account .module-subtitle,
.module-reset-password .module-subtitle,
.module-addresses .module-subtitle,
.module-activate-account .module-subtitle {
  max-width: 600px;
  margin: 0 auto;
}
.module-login .module-content,
.module-register .module-content,
.module-account .module-content,
.module-reset-password .module-content,
.module-addresses .module-content,
.module-activate-account .module-content {
  border-radius: 5px;
  max-width: 600px;
  margin: 30px auto 0;
  padding: 30px;
  background-color: #fff;
  border: 1px solid #e2e5e4;
  text-align: left;
}
@media screen and (max-width: 720px) {
  .module-login .module-content,
  .module-register .module-content,
  .module-account .module-content,
  .module-reset-password .module-content,
  .module-addresses .module-content,
  .module-activate-account .module-content {
    border-radius: 0;
  }
}

.account-info {
  margin-bottom: 30px;
}
.account-info > span {
  display: block;
}

.view-addresses-link {
  font-size: 14px;
}

.orders {
  width: 100%;
  margin: 30px 0;
}
.orders td {
  text-align: left;
}

.decline-activation {
  margin-left: 10px;
}
@media screen and (max-width: 720px) {
  .decline-activation {
    display: block;
    margin: 10px 0 0 0;
  }
}

.customer-address-name {
  font-weight: 700;
}

@media screen and (max-width: 720px) {
  .cta-container {
    text-align: center;
  }
}
.cta-container .button, .cta-container .age-gate__confirm_btn, .cta-container .disclosure__submit {
  margin-right: 15px;
}
@media screen and (max-width: 720px) {
  .cta-container .button, .cta-container .age-gate__confirm_btn, .cta-container .disclosure__submit {
    margin-right: 7.5px;
    margin-left: 7.5px;
    margin-bottom: 15px;
  }
  .module-register .cta-container .button, .module-register .cta-container .age-gate__confirm_btn, .module-register .cta-container .disclosure__submit {
    margin-right: 15px;
  }
  .cta-container .button:last-child, .cta-container .age-gate__confirm_btn:last-child, .cta-container .disclosure__submit:last-child {
    margin-bottom: 0;
  }
}
@media screen and (max-width: 480px) {
  .cta-container .button, .cta-container .age-gate__confirm_btn, .cta-container .disclosure__submit {
    margin-right: 0;
    margin-left: 0;
  }
}

.customer-address-edit-form, .customer-new-address {
  display: none;
}
.customer-address-edit-form.show, .customer-new-address.show {
  display: block;
}
.customer-address-edit-form label ~ .select-wrapper, .customer-new-address label ~ .select-wrapper {
  margin-top: 15px;
}

.customer-address-edit-form .input-wrapper:first-of-type {
  margin-top: 0;
}

.customer-address.editing {
  display: none;
}

.customer-address-wrap {
  display: inline-block;
  width: 100%;
  margin-top: 30px;
  padding-top: 30px;
  vertical-align: top;
  border-top: 1px solid #e2e5e4;
}
@media screen and (max-width: 720px) {
  .customer-address-wrap {
    width: 100%;
    margin: 30px 0;
  }
}
.customer-address-wrap:first-child {
  margin: 0;
  padding: 0;
  border-top: 0;
}
@media screen and (max-width: 720px) {
  .customer-address-wrap:first-child {
    margin-top: 0;
  }
}

.customer-address {
  position: relative;
  font-size: 16px;
}
.customer-address p:first-child {
  padding-bottom: 0;
  margin-top: 0;
}
.customer-address p:last-child {
  margin-bottom: 0;
}

.edit-address, .delete-address {
  color: #30323d;
  cursor: pointer;
  font-size: 14px;
}
.edit-address:hover, .delete-address:hover {
  color: #30323d;
}

.add-new-address-wrapper {
  padding-top: 60px;
  margin-top: 30px;
  border-top: 1px solid #e2e5e4;
}
.add-new-address-wrapper.no-border {
  padding-top: 0;
  border-top: none;
}
.add-new-address-wrapper .input-wrapper:first-of-type {
  margin-top: 0;
}

.default-address-marker {
  border-radius: 5px;
  display: block;
  padding: 10px 15px;
  margin-bottom: 15px;
  font-size: 14px;
  letter-spacing: 0.1em;
  color: #fff;
  text-transform: uppercase;
  background-color: #2e6837;
}

.customer-address-wrap .pagination {
  padding: 0;
}

.recover-password {
  display: none;
}
.recover-password .reset-button {
  display: inline-block;
  margin: 0;
}

.successful-reset {
  display: none;
}

.toggle-forgetfulness {
  display: inline-block;
  vertical-align: top;
  line-height: 55px;
  padding: 0 15px;
  cursor: pointer;
}
@media screen and (max-width: 720px) {
  .toggle-forgetfulness {
    padding: 0;
    display: block;
  }
}
.toggle-forgetfulness:hover {
  color: #30323d;
}

.guest-checkout, .new-customer {
  margin-top: 60px;
}

.module-register .already-customer {
  display: inline-block;
  padding: 15px 0;
}

.template-customers-order .cart-item-quantity {
  font-size: 16px;
}
@media screen and (max-width: 1020px) {
  .template-customers-order .cart-item-quantity {
    display: flex;
    justify-content: space-between;
  }
}

.order-totals {
  text-align: right;
  width: 33%;
  float: right;
  margin-top: 30px;
}
@media screen and (max-width: 1020px) {
  .order-totals {
    float: none;
    width: 520px;
    padding-bottom: 20px;
    margin: 30px auto 0;
  }
}
@media screen and (max-width: 720px) {
  .order-totals {
    width: 100%;
  }
}
.order-totals td {
  padding: 2px 0 2px 10px;
  text-align: right;
}
@media screen and (max-width: 720px) {
  .order-totals td {
    width: 50%;
  }
}
.order-totals td:first-child {
  padding: 2px 10px 2px 0;
}
@media screen and (max-width: 1020px) {
  .order-totals td:first-child {
    width: 60%;
  }
}
@media screen and (max-width: 720px) {
  .order-totals td:first-child {
    width: 50%;
  }
}
@media screen and (max-width: 720px) {
  .order-totals td:last-child {
    text-align: left;
  }
}

.order-total {
  color: #30323d;
  font-style: normal;
  font-weight: 700;
}

.shipping-info {
  width: 66%;
  font-size: 0;
  margin-top: 60px;
}
@media screen and (max-width: 1020px) {
  .shipping-info {
    width: 520px;
    margin-right: auto;
    margin-left: auto;
  }
}
@media screen and (max-width: 720px) {
  .shipping-info {
    width: 100%;
  }
}
.shipping-info > div {
  display: inline-block;
  width: 50%;
  vertical-align: top;
  font-size: 16px;
}
@media screen and (max-width: 720px) {
  .shipping-info > div {
    text-align: center;
    width: 100%;
  }
  .shipping-info > div:last-child {
    margin-top: 30px;
  }
}
.shipping-info h2 {
  font-size: 24px;
  margin-top: 0;
}

.order-history {
  overflow-y: auto;
}
.order-history tbody {
  font-weight: normal;
}
.order-history tr th,
.order-history tr td,
.order-history table {
  border: none;
}
.order-history tr td {
  border-top: 1px solid #e2e5e4;
}
.order-history th {
  background-color: transparent;
  text-align: left;
}
@media screen and (max-width: 768px) {
  .order-history .orders {
    border: none;
  }
  .order-history thead,
  .order-history .mobile-hidden {
    display: none;
  }
  .order-history tr {
    display: block;
    margin-bottom: 15px;
    padding-bottom: 15px;
    border-bottom: 1px solid #e2e5e4;
  }
  .order-history tr td {
    border-top: none;
  }
  .order-history td {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 0;
    border: none;
  }
  .order-history td:before {
    content: attr(data-label);
    color: #000000;
    z-index: 1;
    width: calc(50% - 6px);
    text-align: left;
    word-break: break-word;
  }
  .order-history .order-number-container {
    display: flex;
    flex-direction: column;
    align-items: flex-end;
  }
  .order-history .order-number.first {
    align-items: flex-start;
    font-size: 16px;
    padding-bottom: 15px;
  }
  .order-history .order-number.first .date {
    font-size: 12px;
    line-height: 1.1;
  }
}

.order-discount {
  color: #2e6837;
  vertical-align: top;
}
.order-discount .icon-sale-tag {
  width: 12px;
  height: 12px;
  margin-right: 0.15rem;
}

.cart-order-notes {
  text-align: left;
}
@media screen and (max-width: 1020px) {
  .cart-order-notes {
    text-align: center;
  }
}

.cart-order-notes-header {
  padding: 0;
}

.template-page .rte img {
  height: auto;
}

.module-breadcrumbs {
  position: relative;
  max-width: 1260px;
  padding: 60px 30px 0;
  text-align: left;
  font-size: 14px;
  color: #30323d;
}
@media screen and (max-width: 1200px) {
  .module-breadcrumbs {
    padding: 60px 30px 0;
  }
}
@media screen and (max-width: 720px) {
  .module-breadcrumbs {
    display: none;
  }
}

.module-breadcrumbs-divider {
  color: #30323d;
}

.module-breadcrumbs-link {
  color: #30323d;
}
.module-breadcrumbs-link:focus, .module-breadcrumbs-link:hover {
  color: #30323d;
}

.module-map {
  position: relative;
  display: block;
  padding: 0;
  margin: 0;
  width: 100%;
  max-width: 100%;
  transition: height 0.4s cubic-bezier(0.25, 0.46, 0.45, 0.94);
}
.has-map .module-map {
  height: 500px;
}

.module-map-body {
  display: block;
  width: 100%;
  height: 100%;
  transition: background-color 0.4s cubic-bezier(0.25, 0.46, 0.45, 0.94);
}
.has-map .module-map-body {
  background-color: #30323d;
}

.module-map-canvas {
  display: block;
  width: 100%;
  height: 100%;
  transition: height 0.4s cubic-bezier(0.25, 0.46, 0.45, 0.94), background-color 0.4s cubic-bezier(0.25, 0.46, 0.45, 0.94);
}

.module-map-error {
  padding: 30px;
  color: #e13333;
}

.info-box-container {
  border-radius: 5px;
  position: absolute;
  top: 0;
  left: 0;
  background: #30323d;
  padding: 15px;
  color: #fff;
  width: 280px;
  margin-left: -140px;
  left: 50%;
  font-size: 16px;
}
.info-box-container:after {
  position: absolute;
  top: 100%;
  left: 50%;
  margin-left: -20px;
  width: 0;
  height: 0;
  border-left: 20px solid transparent;
  border-right: 20px solid transparent;
  border-top: 20px solid #30323d;
  content: "";
}
.info-box-container img {
  display: none;
}

.disclosure {
  --disclosure-toggle-text-color: #30323d;
  --disclosure-toggle-background-color: #ffffff;
  --disclosure-toggle-border-color: #e2e5e4;
  --disclosure-toggle-svg-color: #30323d;
  --disclosure-text-color: #30323d;
  --disclosure-background-color: #ffffff;
  --disclosure-border-color: #e2e5e4;
  --disclosure-min-height: 50px;
}

.style-dark .disclosure {
  --disclosure-toggle-text-color: #fff;
  --disclosure-toggle-background-color: #191919;
  --disclosure-toggle-border-color: rgba(255, 255, 255, 0.5);
  --disclosure-toggle-svg-color: #fff;
  --disclosure-border-color: rgba(25, 25, 25, 0.2);
}

.shopify-cross-border {
  flex-direction: row;
}
@media screen and (max-width: 720px) {
  .shopify-cross-border {
    flex-direction: column;
  }
}

.disclosure__toggle {
  font-family: "Open Sans",sans-serif;
  font-style: normal;
  font-weight: 400;
  padding: 8px 29px 7px 10px;
  line-height: 1.4;
  border-radius: 5px;
}
.disclosure__toggle:focus {
  border-color: #30323d;
  outline: 0;
}
.style-dark .disclosure__toggle:focus {
  border-color: #fff;
}

.selectors-form__item {
  margin: 0 7.5px 15px;
}

.disclosure-list {
  bottom: 140%;
  z-index: 5;
  padding-top: 6px;
  padding-bottom: 6px;
  border-radius: 5px;
}
.disclosure-list li {
  margin: 0;
}
noscript .disclosure-list {
  padding-right: 11px;
  padding-left: 11px;
}

.disclosure-list__item {
  padding: 4px 45px 4px 15px;
  color: #30323d;
  text-decoration: none;
  transition: background-color 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94);
}
.disclosure-list__item:hover {
  color: #30323d;
  background-color: rgba(48, 50, 61, 0.05);
}
.disclosure-list__item:hover .disclosure-list__option {
  border-bottom-color: transparent;
}

.disclosure-list__item--current .disclosure-list__option,
.disclosure-list__item--current .disclosure-list__option-code {
  color: #30323d;
  border-bottom-color: #30323d;
}
.disclosure-list__item--current:hover .disclosure-list__option,
.disclosure-list__item--current:hover .disclosure-list__option-code {
  color: #30323d;
  border-bottom-color: #30323d;
}

.disclosure__submit {
  padding: 7.5px 15px;
}

.filter-form {
  display: flex;
}

.faceted__filters {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  grid-gap: unset;
  justify-content: flex-start;
}
@media screen and (max-width: 720px) {
  .faceted__filters {
    display: grid;
    grid-template-columns: repeat(2, 50%);
    grid-gap: 10px;
    justify-content: center;
    width: 100%;
  }
}

.faceted__filters-title {
  display: none;
}
@media screen and (max-width: 720px) {
  .faceted__filters-title {
    display: block;
    margin-bottom: 10px;
  }
}

.faceted-filters {
  display: block;
}

.faceted-dropdown--filter {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  width: 100%;
  margin-top: 10px;
}
.faceted-dropdown--filter:only-child {
  width: auto;
}

.faceted__filters-wrapper {
  position: relative;
  width: 100%;  
  /*display: flex;
  flex-direction: column;
  align-items: flex-start;
  margin-top: 0;*/
}
@media screen and (max-width: 720px) {
  .faceted__filters-wrapper {
    align-items: center;
    width: 100%;
  }
  .faceted__filters-wrapper:not(:only-child) {
    margin-top: 30px;
  }
}

.faceted-filters__filters {
  display: flex;
}

.faceted-filters__filter {
  position: absolute;
  right: auto;
  left: 0;
  z-index: 1;
  box-sizing: border-box;
  display: none;
  width: max-content;
  min-width: max-content;
  max-height: 500px;
  padding: 12px;
  margin-top: 4px;
  overflow-y: auto;
  list-style-type: none;
  background-color: #ffffff;
  border: 1px solid #e2e5e4;
  opacity: 0;
}
.faceted-filters__filter[data-animation] {
  display: block;
}
.faceted-filters__filter[data-animation="closed=>open"] {
  transition: opacity 200ms, height 300ms;
}
.faceted-filters__filter[data-animation="open=>closed"] {
  transition: opacity 150ms, height 150ms;
}
.faceted-filters__filter[data-animation-state=open] {
  z-index: 2001;
  display: block;
  height: var(--open-height);
  opacity: 1;
}
@media screen and (min-width: 721px) {
  .faceted-filters__filter.filters--overflow-right {
    right: 0;
    left: auto;
  }
}
@media screen and (max-width: 720px) {
  .faceted-filters__filter {
    width: var(--mobile-width);
  }
}

.faceted-filters__details-wrapper {
  position: relative;
  height: auto;
  margin: 0 10px 10px 0;
  overflow: visible;
}
.faceted-filters__details-wrapper:last-child {
  margin-right: 0;
}
@media screen and (max-width: 720px) {
  .faceted-filters__details-wrapper {
    position: unset;
    margin: 0;
  }
}

.faceted-filters__filter-group::after {
  display: none;
}
.faceted-filters__filter-group .faceted-filters__filter-group-title::-webkit-details-marker {
  display: none;
}

.faceted-filters__filter-group-title {
  font-family: "Open Sans",sans-serif;
  font-style: normal;
  font-weight: 400;
  display: flex;
  align-items: center;
  width: auto;
  margin-top: 0;
  margin-bottom: 0;
  color: #30323d;
  list-style: none;
}
.faceted-filters__filter-group-title::after {
  transform: rotate(0);
}
.faceted-filters__filter-group[open] .faceted-filters__filter-group-title::after {
  transform: rotate(180deg);
}
.faceted-filters__filter-group-title:focus {
  outline: auto 5px -webkit-focus-ring-color;
}
@media screen and (max-width: 720px) {
  .faceted-filters__filter-group-title:focus-within {
    border: none;
  }
}

.faceted-filters__active-filter-indicator {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 1rem;
  height: 1rem;
  padding: 2px;
  margin-left: 1rem;
  border-radius: 50%;
}

.faceted-filters__active-filter-price-inner {
  width: 0.15rem;
  height: 0.15rem;
  border-radius: 50%;
}

.faceted-filters__filter-checkbox {
  position: relative;
  width: 12px;
  height: 12px;
  margin-right: 4px;
  cursor: pointer;
  border: 1px solid currentColor;
  position: relative;
  top: 2px;
}
.faceted-filters__filter-checkbox svg {
  display: none;
}
.faceted-filters__filter-checkbox[data-checked] svg {
  position: absolute;
  top: -1px;
  left: -1px;
  display: block;
  width: 12px;
  height: 12px;
  color: #30323d;
}
[data-disabled] .faceted-filters__filter-checkbox {
  cursor: default;
}

.faceted-filters__filter-range {
  display: flex;
  flex-direction: row;
  justify-content: center;
  margin: 1rem 0;
}
@media screen and (max-width: 720px) {
  .faceted-filters__filter-range {
    flex-direction: column;
  }
}

.faceted-filters__filter-range--from,
.faceted-filters__filter-range--to {
  position: relative;
  display: grid;
  grid-template-rows: auto auto;
  grid-template-columns: min-content auto;
  align-items: center;
  width: 100%;
  margin: 4px 0;
}
.faceted-filters__filter-range--from .faceted-filters__filter-range-input,
.faceted-filters__filter-range--to .faceted-filters__filter-range-input {
  font-family: "Open Sans",sans-serif;
  font-style: normal;
  font-weight: 400;
  display: block;
  min-width: 10rem;
  padding: 15px;
  color: #30323d;
  border: 1px solid #e2e5e4;
  border-radius: 5px;
  -webkit-appearance: none;
}
.faceted-filters__filter-range--from .faceted-filters__filter-range-input::-webkit-input-placeholder,
.faceted-filters__filter-range--to .faceted-filters__filter-range-input::-webkit-input-placeholder {
  color: #30323d;
  opacity: 0.7;
}
.faceted-filters__filter-range--from .faceted-filters__filter-range-input::-moz-input-placeholder,
.faceted-filters__filter-range--to .faceted-filters__filter-range-input::-moz-input-placeholder {
  color: #30323d;
  opacity: 0.7;
}
.faceted-filters__filter-range--from .faceted-filters__filter-range-input:-ms-input-placeholder,
.faceted-filters__filter-range--to .faceted-filters__filter-range-input:-ms-input-placeholder {
  color: #30323d;
  opacity: 0.7;
}

.faceted-filters__filter-range--to {
  margin-right: 0;
  margin-left: 1rem;
}
@media screen and (max-width: 720px) {
  .faceted-filters__filter-range--to {
    margin-top: 1rem;
    margin-left: 0;
  }
}

.faceted-filters__filter-range-currency {
  font-family: "Open Sans",sans-serif;
  font-style: normal;
  font-weight: 400;
  margin-right: 4px;
}

.faceted-filters__filter-title {
  margin: 0;
  text-transform: none;
  letter-spacing: 0;
  pointer-events: none;
}

.faceted-filters__filter-list-item {
  display: flex;
  align-items: center;
  margin-top: 12px;
  font-size: 1rem;
}
.faceted-filters__filter-list-item:first-child {
  margin-top: 0;
}

.faceted-filters__filter-link {
  display: flex;
  align-items: center;
  padding: 0.1875rem;
  margin: 0;
  line-height: 1.15;
  color: currentColor;
  text-decoration: none;
}
.faceted-filters__filter-link[data-filter-active] {
  color: #30323d;
}
.faceted-filters__filter-link[data-filter-active]:hover {
  color: #30323d;
}
.faceted-filters__filter-link[data-disabled] {
  cursor: default;
  opacity: 50%;
}
.faceted-filters__filter-link[data-disabled]:hover {
  color: currentColor;
}

.faceted-filters__filter-list-item-text {
  display: inline-block;
  padding: 0.1875rem;
  margin: 0;
  line-height: 1.15;
  color: currentColor;
  text-decoration: none;
  white-space: nowrap;
  vertical-align: middle;
  cursor: pointer;
}
[data-disabled] .faceted-filters__filter-list-item-text {
  cursor: default;
}

.faceted-page__filters--active {
  margin-top: 20px;
}

.active-filter-group {
  display: flex;
  flex-wrap: wrap;
  gap: 4px;
  align-items: center;
  justify-content: flex-start;
  width: 100%;
  padding: 0 15px;
  margin-top: 15px;
  list-style-type: none;
}
@media screen and (max-width: 720px) {
  .active-filter-group {
    justify-content: center;
  }
}

.active-filter-group__item-wrapper {
  display: inline-block;
  margin: 0;
}
.active-filter-group__item-wrapper .active-filter-group__item {
  font-family: "Open Sans",sans-serif;
  font-style: normal;
  font-weight: 400;
  position: relative;
  display: flex;
  flex-wrap: nowrap;
  align-items: center;
  margin: 0 12px 6px 0;
  cursor: pointer;
  border-bottom: 1px solid currentColor;
}
.active-filter-group__item-wrapper .active-filter-group__item--clear {
  font-size: 14px;
}
.active-filter-group__item-wrapper .filter-icon--remove {
  font-family: "Launch Icons", sans-serif;
  speak: none;
  font-size: 14px;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  margin-left: 0.25rem;
  color: #30323d;
}

.filter-text,
.filter-icon--checkbox {
  display: inline-block;
  vertical-align: middle;
}

.active-filter-text {
  margin-bottom: 0;
}

.module-list-item-content-toggle {
  max-width: 700px;
  margin: auto;
}
@media screen and (max-width: 1020px) {
  .module-list-item-content-toggle {
    max-width: 100%;
  }
}
@media screen and (max-width: 720px) {
  .module-list-item-content-toggle {
    padding: 30px 15px;
  }
}

.accordion-item {
  margin-bottom: 30px;
}
.accordion-item:last-child {
  margin-bottom: 0;
}

.accordion-item-title {
  font-size: 22px;
  line-height: 32px;
  text-align: left;
}
@media screen and (max-width: 720px) {
  .accordion-item-title {
    font-size: 18px;
    line-height: 28px;
  }
}
.accordion-item-title a {
  position: relative;
  display: block;
  padding-left: 40px;
  color: currentColor;
}
.style-default .accordion-item-title, .style-light .accordion-item-title {
  color: #30323d;
}

.accordion-item-icon {
  transition: transform 0.4s cubic-bezier(0.25, 0.46, 0.45, 0.94);
  position: absolute;
  top: 0;
  left: 0;
  width: 30px;
  height: 36px;
  font-size: 21px;
  line-height: 36px;
  text-align: center;
}
.accordion-active .accordion-item-icon {
  transform: rotate(180deg);
}
.style-default .accordion-item-icon, .style-light .accordion-item-icon {
  color: #30323d;
}

.accordion-item-content {
  padding-left: 40px;
  margin: 30px 0;
  text-align: left;
}
.accordion-item-content p {
  padding-top: 0;
  padding-bottom: 0;
}

.header-tools .navigation {
  position: relative;
  z-index: 1;
  display: inline-block;
  text-align: left;
  vertical-align: top;
}
@media screen and (max-width: 720px) {
  .header-tools .navigation {
    display: none;
  }
}
.header-tools .navigation details > summary::-webkit-details-marker {
  display: none;
}
.header-tools .navigation summary {
  display: flex;
  align-items: center;
  list-style: none;
  cursor: pointer;
}
.collapsed-navigation .header-tools .navigation {
  display: none;
}
.header-tools .navigation .has-dropdown.open .secondary-list,
.header-tools .navigation .has-dropdown:active .secondary-list,
.header-tools .navigation .has-dropdown:hover details .secondary-list,
.header-tools .navigation .has-dropdown details[open] .secondary-list,
.header-tools .navigation .has-dropdown details[open] .tertiary-list {
  display: block;
}
.header-tools .navigation .secondary-list-item.open .tertiary-list,
.header-tools .navigation .secondary-list-item:active .tertiary-list,
.header-tools .navigation .secondary-list-item:hover .tertiary-list,
.header-tools .navigation .has-dropdown details[open] .tertiary-list {
  top: -15px;
  left: 100%;
  display: inline-block;
  margin: 0;
}

.header-navigation {
  position: relative;
  z-index: 1000;
  background: #30323d;
}
.header-navigation.sticky-header {
  top: 120px;
  border-bottom: 0;
}
.touch .header-navigation.sticky-header {
  top: auto;
}
@media screen and (max-width: 720px) {
  .header-navigation {
    display: none;
  }
}

.header-navigation-list {
  display: flex;
  flex-wrap: wrap;
  padding: 0;
  margin: 0;
  vertical-align: middle;
}
@media screen and (max-width: 920px) {
  .header-navigation-list {
    margin-left: -15px;
  }
}
.header-drawer .header-navigation-list {
  padding: 75px 0;
}
@media screen and (max-width: 720px) {
  .header-drawer .header-navigation-list {
    padding: 60px 0;
  }
}

.header-navigation-list-item {
  position: relative;
  float: left;
  padding: 20px 0;
  margin: 0;
}
.header-navigation-list-item.has-dropdown {
  cursor: pointer;
}
.header-drawer .header-navigation-list-item {
  width: 100%;
  padding: 15px 15px 0;
}
.header-drawer .header-navigation-list-item:first-child {
  padding: 0;
}

.main-header .primary-list-item {
  padding-right: 15px;
  padding-left: 15px;
}

.primary-link {
  height: 20px;
  padding: 0;
}
.slide-color-dark .primary-link::after {
  background-color: #000;
}
.slide-color-light .primary-link::after {
  background-color: #fff;
}
.slide-color-light .primary-link, .slide-color-dark .primary-link {
  position: relative;
}
.slide-color-light .primary-link:focus::after, .slide-color-light .primary-link:hover::after, .slide-color-dark .primary-link:focus::after, .slide-color-dark .primary-link:hover::after {
  position: absolute;
  bottom: -20px;
  left: 0;
  z-index: -1;
  display: block;
  width: 100%;
  height: 1px;
  content: "";
}

.header-navigation-link {
  position: relative;
  float: left;
  font-size: 12px;
  line-height: 20px;
  color: #30323d;
  letter-spacing: 1px;
}
.header-navigation-link:focus, .header-navigation-link:hover {
  color: #30323d;
}
@media (min-width: 721px) {
  .has-slideshow-full-window.slide-color-dark .header:not(.scrolled) .main-header:not(.collapsed-navigation) .header-navigation-link.primary-link, .has-slideshow-full-window.slide-color-dark .header:not(.scrolled) .main-header:not(.collapsed-navigation) .header-navigation-link.primary-link + .header-navigation-list-arrow {
    color: #000;
  }
  .has-slideshow-full-window.slide-color-light .header:not(.scrolled) .main-header:not(.collapsed-navigation) .header-navigation-link.primary-link, .has-slideshow-full-window.slide-color-light .header:not(.scrolled) .main-header:not(.collapsed-navigation) .header-navigation-link.primary-link + .header-navigation-list-arrow {
    color: #fff;
  }
}
.slide-color-light .header-navigation-link, .slide-color-dark .header-navigation-link {
  position: relative;
}
.slide-color-light .header-navigation-link:focus, .slide-color-light .header-navigation-link:hover, .slide-color-dark .header-navigation-link:focus, .slide-color-dark .header-navigation-link:hover {
  opacity: 1;
}
.slide-color-light .header-navigation-link.header-navigation-current::after, .slide-color-dark .header-navigation-link.header-navigation-current::after {
  display: none;
}
.slide-color-light .scrolled .header-navigation-link, .slide-color-dark .scrolled .header-navigation-link {
  color: #30323d;
  opacity: 1;
}
.header-navigation-link.header-navigation-current {
  position: relative;
  color: #30323d;
}
.header-navigation-link.header-navigation-current:focus, .header-navigation-link.header-navigation-current:hover {
  color: #30323d;
}
.header-navigation-link.header-navigation-current::after {
  position: absolute;
  bottom: -20px;
  left: 0;
  z-index: -1;
  width: 100%;
  height: 1px;
  content: "";
  background-color: #30323d;
}
.header-drawer .header-navigation-link.header-navigation-current::after {
  display: none;
}
.header-bleed-light-colors .header-navigation-link.header-navigation-current {
  font-style: normal;
  font-weight: 700;
  color: #fff;
  opacity: 1;
}
.header-bleed-light-colors .header-navigation-link.header-navigation-current:focus, .header-bleed-light-colors .header-navigation-link.header-navigation-current:hover {
  color: #fff;
}
.header-bleed-light-colors .header-navigation-link.header-navigation-current::after {
  background: #fff;
}
.header-bleed-dark-colors .header-navigation-link.header-navigation-current {
  font-style: normal;
  font-weight: 700;
  color: #000;
  opacity: 1;
}
.header-bleed-dark-colors .header-navigation-link.header-navigation-current:focus, .header-bleed-dark-colors .header-navigation-link.header-navigation-current:hover {
  color: #000;
}
.header-bleed-dark-colors .header-navigation-link.header-navigation-current::after {
  background: #000;
}
.showing-drawer .header-navigation-link.header-navigation-current {
  font-weight: inherit;
  color: #fff;
}
.showing-drawer .header-navigation-link.header-navigation-current:focus, .showing-drawer .header-navigation-link.header-navigation-current:hover {
  color: #fff;
}
.header-drawer .header-navigation-link {
  font-family: Roboto,sans-serif;
  font-style: normal;
  font-weight: 500;
  display: inline-block;
  float: none;
  height: auto;
  margin: 0;
  font-size: 26px;
  line-height: 36px;
  color: #fff;
  text-align: center;
  vertical-align: top;
}
.header-drawer .header-navigation-link:hover {
  color: #30323d;
}
.header-drawer .header-navigation-link::after {
  display: none !important;
}

.tertiary-list,
.secondary-list {
  position: absolute;
  display: none;
  width: 160px;
  padding: 15px;
  z-index: 1;
  margin: 0 0 0 50%;
  text-align: center;
  background-color: #fff;
  border: 1px solid #e2e5e4;
  border-radius: 5px;
}
.header-drawer .tertiary-list,
.header-drawer .secondary-list {
  position: relative;
  top: auto;
  left: auto;
  display: none;
  float: left;
  width: 100%;
  padding: 15px 0 0;
  margin: 0;
  background-color: transparent;
  border: 0;
  border-radius: 0;
}
.header-drawer .tertiary-list::after, .header-drawer .tertiary-list::before,
.header-drawer .secondary-list::after,
.header-drawer .secondary-list::before {
  display: none;
}

.secondary-list {
  top: 30px;
  left: -80px;
}
.secondary-list::after, .secondary-list::before {
  position: absolute;
  bottom: 100%;
  left: 50%;
  width: 0;
  height: 0;
  pointer-events: none;
  content: "";
  border: solid transparent;
  border-color: rgba(136, 183, 213, 0);
}
.secondary-list::before {
  margin-left: -8px;
  border-width: 8px;
  border-bottom-color: #e2e5e4;
}
@media (min-width: 721px) {
  .header-bleed-light-colors .secondary-list::before {
    border-bottom-color: #fff;
  }
  .header-bleed-dark-colors .secondary-list::before {
    border-bottom-color: #000;
  }
}
.secondary-list::after {
  margin-left: -7px;
  border-width: 7px;
  border-bottom-color: #fff;
}
@media (min-width: 721px) {
  .header-bleed-light-colors .secondary-list::after {
    border-bottom-color: #fff;
  }
  .header-bleed-dark-colors .secondary-list::after {
    border-bottom-color: #000;
  }
}
.primary-list-item.open .secondary-list {
  display: block;
}
.secondary-list .header-navigation-link {
  position: static;
}

.header-drawer .tertiary-list {
  padding-bottom: 15px;
  margin-top: 10px;
  background-color: rgba(255, 255, 255, 0.05);
}
.secondary-list-item.open .tertiary-list {
  display: block;
}

.secondary-list-item,
.tertiary-list-item {
  display: block;
  width: 100%;
  padding: 0 0 10px 0;
  margin: 0;
}
.secondary-list-item:last-child,
.tertiary-list-item:last-child {
  padding-bottom: 0;
}

.tertiary-link,
.secondary-link {
  display: block;
  width: 100%;
  height: auto;
  padding: 0;
  margin: 0;
  color: #30323d;
  text-align: left;
  opacity: 1;
}
.tertiary-link:focus, .tertiary-link:hover,
.secondary-link:focus,
.secondary-link:hover {
  color: #30323d;
}
.header-drawer .tertiary-link:focus, .header-drawer .tertiary-link:hover,
.header-drawer .secondary-link:focus,
.header-drawer .secondary-link:hover {
  color: #fff;
}
.header-bleed-dark-colors .tertiary-link, .header-bleed-light-colors .tertiary-link,
.header-bleed-dark-colors .secondary-link,
.header-bleed-light-colors .secondary-link {
  color: #30323d;
}
.header-bleed-dark-colors .tertiary-link:focus, .header-bleed-dark-colors .tertiary-link:hover, .header-bleed-light-colors .tertiary-link:focus, .header-bleed-light-colors .tertiary-link:hover,
.header-bleed-dark-colors .secondary-link:focus,
.header-bleed-dark-colors .secondary-link:hover,
.header-bleed-light-colors .secondary-link:focus,
.header-bleed-light-colors .secondary-link:hover {
  color: #30323d;
}
.header-drawer .tertiary-link,
.header-drawer .secondary-link {
  font-family: "Open Sans",sans-serif;
  font-style: normal;
  font-weight: 400;
  width: auto;
  font-size: 20px;
  line-height: 30px;
  color: #fff;
  vertical-align: middle;
  opacity: 0.6;
}
.header-drawer .tertiary-link:hover,
.header-drawer .secondary-link:hover {
  color: #fff;
}
.main-header .has-dropdown > .tertiary-link,
.main-header .has-dropdown > .secondary-link {
  padding-right: 5px;
}
.tertiary-link .header-navigation-list-arrow,
.secondary-link .header-navigation-list-arrow {
  transform: rotate(-90deg);
}

.header-drawer .tertiary-link {
  font-size: 16px;
  line-height: 30px;
  vertical-align: middle;
  opacity: 0.6;
}

.header-navigation-list-arrow {
  display: inline-block;
  margin-left: 5px;
  color: inherit;
  cursor: pointer;
}
.header-navigation-list-arrow:hover, .header-navigation-list-arrow:focus {
  color: inherit;
}
.header-drawer .header-navigation-list-arrow {
  margin-left: 10px;
  font-size: 24px;
  color: #fff;
}
.header-drawer .secondary-link + .header-navigation-list-arrow {
  font-size: 18px;
  vertical-align: middle;
  opacity: 0.6;
}

.pagination {
  padding: 60px 0;
  max-width: 100%;
  width: 100%;
}
.pagination.border {
  border-top: 1px solid #e2e5e4;
}
.template-blog .pagination {
  padding-top: 0;
}

.pagination-body {
  display: inline-block;
  margin: auto;
}

.pagination-button {
  display: inline-block;
  vertical-align: top;
}

.pagination-button-icon {
  display: block;
  width: 50px;
  height: 50px;
  line-height: 50px;
  font-size: 32px;
}

.pagination-position {
  display: inline-block;
  padding: 0 60px;
  font-size: 14px;
  line-height: 50px;
  text-align: center;
}
@media screen and (max-width: 720px) {
  .pagination-position {
    padding: 0 30px;
  }
}

.pagination-article {
  width: 100%;
  position: relative;
  height: 140px;
  padding: 0;
}
@media screen and (max-width: 720px) {
  .pagination-article {
    height: auto;
    padding: 15px 0;
  }
}

.article-pagination-body {
  transform: translateY(-50%);
  position: absolute;
  top: 50%;
  width: 100%;
}
@media screen and (max-width: 720px) {
  .article-pagination-body {
    transform: translateY(0);
    position: relative;
    top: auto;
  }
}

.pagination-article-previous {
  float: left;
  width: 50%;
}

.pagination-article-next {
  float: right;
  width: 50%;
}

.pagination-article-button-link {
  position: relative;
  float: left;
  max-width: 100%;
  padding: 0;
  color: #fff;
}
.pagination-article-button-link:hover {
  color: #fff;
}
.pagination-article-button-link:hover .pagination-article-title {
  text-decoration: underline;
}

.pagination-article-previous-link {
  float: right;
  padding-right: 90px;
  padding-left: 65px;
}

.pagination-article-next-link {
  float: left;
  padding-right: 65px;
  padding-left: 90px;
}

.pagination-article-button-icon {
  position: absolute;
  top: 0;
  right: 0;
  width: 50px;
  text-align: center;
}
@media screen and (max-width: 720px) {
  .pagination-article-button-icon {
    position: relative;
    top: auto;
    right: auto;
    float: right;
  }
}
.pagination-article-button-icon.icon-arrow-left {
  right: auto;
  left: 0;
}
@media screen and (max-width: 720px) {
  .pagination-article-button-icon.icon-arrow-left {
    left: auto;
    float: left;
  }
}

.pagination-article-title {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  position: relative;
  display: block;
  width: 100%;
  height: 30px;
  font-size: 20px;
  font-style: normal;
  font-weight: 700;
  line-height: 30px;
  text-align: left;
}
@media screen and (max-width: 720px) {
  .pagination-article-title {
    display: none;
  }
}
.pagination-previous .pagination-article-title {
  text-align: right;
}

.pagination-article-date {
  font-family: "Open Sans",sans-serif;
  font-style: normal;
  font-weight: 300;
  display: block;
  float: left;
  width: 100%;
  height: 22px;
  font-size: 12px;
  line-height: 22px;
  text-align: left;
  text-transform: uppercase;
  opacity: 0.6;
}
@media screen and (max-width: 720px) {
  .pagination-article-date {
    display: none;
  }
}
.pagination-previous .pagination-article-date {
  float: right;
  text-align: right;
}

.rating {
  display: flex;
  align-items: center;
}
@media screen and (max-width: 1020px) {
  .rating {
    justify-content: center;
  }
}

.rating__star-wrapper {
  display: flex;
  margin-bottom: 3px;
}

.icon-star-background {
  transform: scaleX(var(--rating-scale, 0));
}

.icon-star-reference {
  position: absolute;
  left: -9999;
  width: 0;
  height: 0;
}

.rating__star {
  width: 20px;
  height: auto;
}

.rating__star-1 {
  --rating-scale: calc(var(--rating-value));
}

.rating__star-2 {
  --rating-scale: calc(var(--rating-value) - 1);
}

.rating__star-3 {
  --rating-scale: calc(var(--rating-value) - 2);
}

.rating__star-4 {
  --rating-scale: calc(var(--rating-value) - 3);
}

.rating__star-5 {
  --rating-scale: calc(var(--rating-value) - 4);
}

.rating__text {
  display: none;
}

.rating__count {
  margin: 0 0 0 5px;
}

@media (forced-colors: active) {
  .rating__star-wrapper {
    display: none;
  }
  .rating__text {
    display: block;
  }
}
.contact-quote,
.about-quote {
  position: relative;
}
.contact-quote:after,
.about-quote:after {
  position: absolute;
  right: 0;
  top: 0;
  width: 50%;
  height: 100%;
  content: "";
  background: #000;
  opacity: 0.25;
}
.one-child .contact-quote:after,
.one-child .about-quote:after {
  display: none;
}
@media screen and (max-width: 1020px) {
  .contact-quote:after,
  .about-quote:after {
    display: none;
  }
}
.contact-quote .side-section,
.about-quote .side-section {
  padding: 90px;
  font-size: 0;
}
@media (max-width: 1300px) {
  .contact-quote .side-section,
  .about-quote .side-section {
    padding-right: 60px;
    padding-left: 60px;
  }
}
@media screen and (max-width: 720px) {
  .contact-quote .side-section,
  .about-quote .side-section {
    padding: 60px 30px;
  }
}
.contact-quote .side-section.right,
.about-quote .side-section.right {
  position: relative;
  background-color: #3d7345;
}

.contact-quote-text-wrapper,
.about-quote-text-wrapper {
  position: relative;
  width: calc(100% - 80px);
  padding: 0 0 0 60px;
  z-index: 1;
  vertical-align: middle;
}
@media (max-width: 1300px) {
  .contact-quote-text-wrapper,
  .about-quote-text-wrapper {
    width: calc(100% - 60px);
    padding-left: 30px;
  }
}
@media screen and (max-width: 1020px) {
  .contact-quote-text-wrapper,
  .about-quote-text-wrapper {
    width: calc(100% - 80px);
    padding-left: 60px;
    text-align: left;
  }
}
@media screen and (max-width: 720px) {
  .contact-quote-text-wrapper,
  .about-quote-text-wrapper {
    width: 100%;
    padding-left: 0;
    text-align: center;
  }
}
.one-child .contact-quote-text-wrapper,
.one-child .about-quote-text-wrapper {
  display: block;
  padding: 30px 30px 0;
  margin-right: auto;
  margin-left: auto;
  text-align: center;
}
@media screen and (max-width: 720px) {
  .one-child .contact-quote-text-wrapper,
  .one-child .about-quote-text-wrapper {
    max-width: 100%;
  }
}

.contact-quote-thumbnail-container,
.about-quote-thumbnail-container {
  display: inline-block;
  margin-right: auto;
  margin-left: auto;
  vertical-align: middle;
  max-width: 80px;
}
@media (max-width: 1300px) {
  .contact-quote-thumbnail-container,
  .about-quote-thumbnail-container {
    max-width: 60px;
  }
}
@media screen and (max-width: 1020px) {
  .contact-quote-thumbnail-container,
  .about-quote-thumbnail-container {
    max-width: 80px;
  }
}
@media screen and (max-width: 720px) {
  .contact-quote-thumbnail-container,
  .about-quote-thumbnail-container {
    display: block;
    max-width: 60px;
    margin-bottom: 30px;
  }
  .one-child .contact-quote-thumbnail-container,
  .one-child .about-quote-thumbnail-container {
    margin-bottom: 0;
  }
}

.contact-quote-title,
.about-quote-title {
  font-size: 36px;
}
@media (max-width: 1300px) {
  .contact-quote-title,
  .about-quote-title {
    font-size: 30px;
  }
}

.contact-quote-text,
.about-quote-text {
  padding-top: 15px;
}
@media screen and (max-width: 720px) {
  .contact-quote-text,
  .about-quote-text {
    max-width: 100%;
    padding: 20px 0 0;
  }
}

.rte .tabs {
  position: relative;
  z-index: 10;
  display: flex;
  width: 100%;
  height: auto;
  padding: 0;
  margin: 30px 0 0;
  line-height: 30px;
  border-bottom: 1px solid #e2e5e4;
  overflow-x: auto;
}
.rte .tabs:first-child {
  margin-top: 0;
}
.rte .tabs li {
  position: relative;
  display: inline-block;
  padding: 0;
  margin: 0 0 0 10px;
  font-size: 13px;
  letter-spacing: 2px;
  text-transform: uppercase;
  cursor: pointer;
  opacity: 0.8;
}
.rte .tabs li:first-child {
  margin-left: 0;
}
@media screen and (max-width: 720px) {
  .rte .tabs li {
    font-size: 12px;
  }
}
.rte .tabs li a {
  color: inherit;
}
.rte .tabs li.active {
  font-style: normal;
  font-weight: 700;
  color: #30323d;
  cursor: default;
}
.rte .tabs li.active:after {
  position: absolute;
  bottom: 1px;
  left: 0;
  width: 100%;
  height: 1px;
  background: #30323d;
  content: "";
}
.rte .tabs-content {
  position: relative;
  top: -1px;
  z-index: 5;
  display: block;
  width: 100%;
  padding: 15px 0 0;
  margin: 0;
  overflow: hidden;
}
.rte .tabs-content > li {
  display: none;
  margin: 0;
}
.rte .tabs-content > li.active {
  display: block;
}
.rte .tabs-content > li ul,
.rte .tabs-content > li ol {
  padding-left: 20px;
}
.rte .tabs-content > li > *:first-child {
  margin-top: 0;
}
.rte .tabs-content > li > *:last-child {
  margin-bottom: 0;
}

.module-share {
  padding: 0;
  max-width: 100%;
  background-color: #fff;
}

.share-buttons {
  position: relative;
  display: block;
}
.dynamic-featured-product .share-buttons {
  margin: 1.5rem 0;
  font-size: 0;
}

.share-buttons-item {
  position: relative;
  float: left;
  width: 25%;
  font-size: 0;
  color: #30323d;
  text-align: center;
  border: 1px solid #e2e5e4;
  border-left-width: 0;
}
.dynamic-featured-product .share-buttons-item {
  float: none;
  border: 0;
}
.dynamic-featured-product .share-buttons-item:not(:first-child) {
  margin-left: 30px;
}
.share-buttons-item:last-child {
  border-right-width: 0;
}
.share-buttons-item:before {
  font-family: "Launch Icons", sans-serif;
  speak: none;
  font-size: 16px;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  transition: color 0.3s cubic-bezier(0.25, 0.46, 0.45, 0.94);
  font-size: 32px;
  line-height: 100px;
}
.dynamic-featured-product .share-buttons-item:before {
  font-size: 24px;
  line-height: 1;
}
@media screen and (max-width: 720px) {
  .share-buttons-item:before {
    font-size: 24px;
    line-height: 60px;
  }
  .dynamic-featured-product .share-buttons-item:before {
    font-size: 20px;
    line-height: 1;
  }
}
.share-buttons-item:hover {
  color: white;
}
.share-buttons-item:hover:before {
  color: white;
}
.share-buttons-item.disabled {
  position: relative;
}
.share-buttons-item.disabled:hover {
  background-color: transparent;
  border-color: #e2e5e4;
  cursor: default;
}
.share-buttons-item.disabled:before {
  color: inherit;
}

.share-facebook:hover {
  background-color: #49659d;
  border-color: #49659d;
}
.share-facebook:before {
  color: #49659d;
  content: "\ea91";
}

.share-twitter:hover {
  background-color: #09aeec;
  border-color: #09aeec;
}
.share-twitter:before {
  color: #09aeec;
  content: "\ea96";
}

.share-pinterest:hover {
  background-color: #cb1f2a;
  border-color: #cb1f2a;
}
.share-pinterest:before {
  color: #cb1f2a;
  content: "\ead1";
}

.share-email:hover {
  background-color: #404754;
  border-color: #404754;
}
.share-email:before {
  color: #404754;
  content: "\e104";
}

/* * * * * * * * * * * * * * * * * * * * * * * * * * *
ShopPad App: Infinite Options
https://apps.shopify.com/custom-options
* * * * * * * * * * * * * * * * * * * * * * * * * * */
#infiniteoptions-container:empty {
  display: none !important;
}
#infiniteoptions-container > div {
  margin-bottom: 15px;
  display: inline-block;
  width: 100%;
}
#infiniteoptions-container > div:last-child {
  margin-bottom: 0;
}
#infiniteoptions-container > div > label {
  width: 100%;
  display: inline-block;
  margin: 0;
}
#infiniteoptions-container > div > span {
  width: 100%;
  display: inline-block;
}
#infiniteoptions-container > div > span label {
  /* radio button labels */
  margin: 0;
  margin-bottom: 5px;
  width: 100%;
  display: inline-block;
  vertical-align: middle;
  cursor: pointer;
  position: relative;
}
#infiniteoptions-container > div > span label input[type=radio] {
  font-family: "Open Sans",sans-serif;
  font-style: normal;
  font-weight: 400;
  float: left;
  margin: 0;
  margin-right: 10px;
  display: inline-block;
  border: 1px solid #e2e5e4;
  color: #30323d;
  width: 20px;
  height: 20px;
  border-radius: 10px;
  -webkit-appearance: none;
  -o-appearance: none;
  appearance: none;
  outline: none;
}
#infiniteoptions-container > div > span label input[type=radio]:checked:after {
  content: "";
  position: absolute;
  width: 10px;
  height: 10px;
  background-color: #30323d;
  border-radius: 10px;
  top: 5px;
  left: 5px;
}
#infiniteoptions-container input[type=number] {
  border: 1px solid #e2e5e4 !important;
  border-radius: 5px !important;
  padding: 0 15px;
}
#infiniteoptions-container .spb-select {
  position: relative;
}
#infiniteoptions-container .spb-select:after {
  font-family: "Launch Icons", sans-serif;
  speak: none;
  font-size: 24px;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  position: absolute;
  top: 5px;
  right: 10px;
  height: 100%;
  line-height: inherit;
  color: #30323d;
  pointer-events: none;
  content: "\f107";
}
#infiniteoptions-container .spb-select select {
  font-family: "Open Sans",sans-serif;
  font-style: normal;
  font-weight: 400;
  background-color: transparent;
  width: 100%;
  height: 50px;
  line-height: 50px;
  padding: 0 30px 0 15px;
  border: 1px solid #e2e5e4;
  color: #30323d;
  border-radius: 5px;
  -webkit-appearance: none;
}
#infiniteoptions-container fieldset {
  border: 0;
  margin: 0;
  padding: 0;
}
#infiniteoptions-container fieldset label {
  margin-bottom: 5px;
  width: 100%;
  display: inline-block;
  margin: 0;
}
#infiniteoptions-container fieldset input[type=checkbox] {
  font-family: "Open Sans",sans-serif;
  font-style: normal;
  font-weight: 400;
  float: left;
  margin: 0;
  margin-right: 10px;
  display: inline-block;
  border: 1px solid #e2e5e4;
  color: #30323d;
  width: 20px;
  height: 20px;
  border-radius: 4px;
  -webkit-appearance: none;
  -o-appearance: none;
  appearance: none;
  outline: none;
}
#infiniteoptions-container fieldset input[type=checkbox]:checked:after {
  font-family: arial;
  content: "✓";
  position: absolute;
  width: 20px;
  height: 20px;
  color: #30323d;
  top: 0;
  left: 0;
  text-align: center;
  line-height: 20px;
}

/* * * * * * * * * * * * * * * * * * * * * * * * * * *
ShopPad App: Uploadery
https://apps.shopify.com/uploadery
* * * * * * * * * * * * * * * * * * * * * * * * * * */
#uploadery-container:empty {
  display: none !important;
}
#uploadery-container form {
  display: inline-block;
  width: 100%;
  background-color: inherit;
  margin: 15px 0 0 0;
}
#uploadery-container form:last-child {
  margin-bottom: 30px;
}
#uploadery-container label {
  position: relative;
  line-height: 1.6;
  width: 100%;
  display: inline-block;
  margin: 0;
  overflow: hidden;
}
#uploadery-container label .spb-fileupload {
  margin-top: 5px;
}
#uploadery-container input[type=file] {
  -webkit-appearance: none;
  -o-appearance: none;
  appearance: none;
  outline: none;
  font-size: 14px;
  padding: 0;
  border: 0;
}
#uploadery-container input[type=file]::-webkit-file-upload-button {
  font-family: "Open Sans",sans-serif;
  font-style: normal;
  font-weight: 400;
  border: 1px solid #e2e5e4;
  background: transparent;
  margin: 0;
  padding: 0 7px;
  font-size: 1em;
  color: #30323d;
  line-height: 30px;
  border-radius: 3px;
  box-sizing: border-box;
  outline: none;
}

/* * * * * * * * * * * * * * * * * * * * * * * * * * *
ShopPad App: Bouncer
https://apps.shopify.com/bouncer
* * * * * * * * * * * * * * * * * * * * * * * * * * */
#bouncer_modal_heading {
  font-size: 2em !important;
  margin: 0.67em 0 !important;
}

#bouncer_modal_datepicker span {
  position: relative;
  display: inline-block;
  width: auto;
}
#bouncer_modal_datepicker span:after {
  font-family: "Launch Icons", sans-serif;
  speak: none;
  font-size: 24px;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  position: absolute;
  top: 5px;
  right: 10px;
  height: 100%;
  line-height: inherit;
  color: #30323d;
  content: "\f107";
}
#bouncer_modal_datepicker span select {
  font-family: "Open Sans",sans-serif;
  font-style: normal;
  font-weight: 400;
  background-color: transparent;
  width: auto;
  height: 50px;
  line-height: 50px;
  padding: 0 15px;
  border: 1px solid #e2e5e4;
  color: #30323d;
  border-radius: 5px;
  padding-right: 30px;
  -webkit-appearance: none;
  -o-appearance: none;
  appearance: none;
}

/* * * * * * * * * * * * * * * * * * * * * * * * * * *
ShopPad App: Tracktor
https://apps.shopify.com/tracktor-2
* * * * * * * * * * * * * * * * * * * * * * * * * * */
#tracktor {
  padding: 20px;
}

body.template-tracktor .module-breadcrumbs {
  display: none;
}

#tracktorContainer {
  max-width: 1200px;
  margin: 0 auto;
}

#tracktor h1 {
  font-size: 2em;
  margin: 0.67em 0;
}

#tracktor .signedby {
  margin-bottom: 20px;
}

@media screen and (max-width: 797px) {
  #tracktorOrderStatus div {
    height: auto !important;
    background-color: rgba(0, 0, 0, 0) !important;
  }
}

.video-wrapper {
  background-size: cover;
  position: relative;
  display: block;
  background-position: center;
  background-repeat: no-repeat;
}
.video-wrapper:hover .video-wrapper-button {
  background-color: #30323d;
}

.video-wrapper-overlay {
  transition: opacity 0.2s linear;
  position: absolute;
  top: 0;
  left: 0;
  z-index: 100;
  width: 100%;
  height: 100%;
  background-color: rgba(0, 0, 0, 0.7);
}
.video-wrapper-overlay.inactive {
  opacity: 0;
}

.video-wrapper-text-container {
  transform: translateY(-50%);
  position: relative;
  top: 50%;
  display: inline-block;
  vertical-align: middle;
  max-width: 700px;
  margin: auto;
  padding: 0;
  color: #fff;
}

.video-wrapper-button {
  transition: all 0.2s cubic-bezier(0.25, 0.46, 0.45, 0.94);
  border-radius: 100%;
  display: inline-block;
  width: 100px;
  height: 100px;
  margin: 30px 0 0;
  line-height: 100px;
  text-align: center;
  background-color: #30323d;
}
@media screen and (max-width: 720px) {
  .video-wrapper-button {
    width: 60px;
    height: 60px;
    margin-top: 15px;
    line-height: 60px;
  }
}
.video-wrapper-button:first-child {
  margin-top: 0;
}

.video-wrapper-triangle {
  display: inline-block;
  vertical-align: middle;
  width: 0;
  height: 0;
  margin: -2px -6px 0 0;
  border-top: 20px solid transparent;
  border-bottom: 20px solid transparent;
  border-left: 30px solid #fff;
}
@media screen and (max-width: 720px) {
  .video-wrapper-triangle {
    margin: -1px -3px 0 0;
    border-top: 10px solid transparent;
    border-bottom: 10px solid transparent;
    border-left: 15px solid #fff;
  }
}

.fluid-width-video-wrapper iframe {
  background-color: #191919;
  opacity: 1;
}
.video-wrapper .fluid-width-video-wrapper iframe {
  opacity: 0;
}
.video-wrapper.no-image .fluid-width-video-wrapper iframe {
  opacity: 1;
}
.active .fluid-width-video-wrapper iframe {
  opacity: 1;
}

.full-width-video {
  position: relative;
  z-index: 1;
}
.full-width-video.active {
  z-index: 1000;
}

.fluid-width-video-wrapper {
  position: relative;
  z-index: 1;
  width: 100%;
  padding: 0;
  cursor: pointer;
}
.fluid-width-video-wrapper iframe, .fluid-width-video-wrapper object, .fluid-width-video-wrapper embed {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}

.about-full-screen {
  max-width: 100%;
  width: 100%;
  padding: 0;
  margin: 0;
}

.about-full-screen-header {
  padding: 90px 30px;
}
@media screen and (max-width: 720px) {
  .about-full-screen-header {
    padding: 30px 15px;
  }
}

.about-full-width-image {
  width: 100%;
}

.team {
  margin-top: 1.5rem;
  padding-top: 90px;
  padding-bottom: 90px;
}
@media screen and (max-width: 1020px) {
  .team {
    padding-top: 60px;
    padding-bottom: 60px;
  }
}
@media screen and (max-width: 720px) {
  .team {
    padding-top: 45px;
    padding-bottom: 45px;
  }
}
.style-default .team {
  padding-top: 0;
}

.team-header {
  padding: 0 30px 90px;
}
@media screen and (max-width: 1020px) {
  .team-header {
    padding-bottom: 60px;
  }
}
@media screen and (max-width: 720px) {
  .team-header {
    padding-bottom: 45px;
  }
}

.team-list-image.placeholder-svg {
  width: 100%;
}

.list-title.team-list-title {
  font-family: "Open Sans",sans-serif;
  font-style: normal;
  font-weight: 400;
  width: 100%;
  line-height: 20px;
  letter-spacing: 1px;
  color: #30323d;
}

.list-meta.team-list-meta {
  font-family: Roboto,sans-serif;
  font-style: normal;
  font-weight: 500;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  width: 100%;
  height: 16px;
  margin-top: 7px;
  font-size: 12px;
  line-height: 16px;
  letter-spacing: 2px;
  color: #2e6837;
  text-transform: uppercase;
}

.team-list .list-item:last-child {
  margin-bottom: 0;
}

.team-list .team-text-wrapper {
  transform: translateY(0);
  top: auto;
  bottom: 0;
  padding: 10px;
  opacity: 1;
}

.footer-wrapper {
  position: relative;
  display: block;
  padding-right: 30px;
  padding-left: 30px;
}
.footer-wrapper.has-borders {
  padding-top: 60px;
}
@media screen and (max-width: 720px) {
  .footer-wrapper.has-borders {
    padding-top: 30px;
  }
}

.main-footer {
  position: relative;
  max-width: 1200px;
  margin: 0 auto;
  font-size: 14px;
  line-height: 26px;
}
.has-borders .main-footer {
  border-top: 1px solid #e2e5e4;
}

.footer-row {
  position: relative;
  padding-top: 60px;
  padding-bottom: 60px;
}
.footer-row.footer-columns {
  padding-top: 30px;
  margin-right: -15px;
  margin-left: -15px;
}

.footer-title {
  display: block;
  padding: 0;
  margin: 0;
  font-size: 12px;
  font-style: normal;
  font-weight: 700;
  line-height: 1.1;
  color: #30323d;
  text-transform: uppercase;
}
.style-dark .footer-title {
  color: #fff;
}

.footer-column {
  float: left;
  padding: 30px 15px;
}
@media screen and (max-width: 720px) and (min-width: 481px) {
  .footer-column:nth-child(4n+1) {
    clear: left;
  }
}

.footer-logo {
  width: 20%;
}
@media screen and (max-width: 920px) {
  .footer-logo {
    width: 100%;
  }
}
.footer-logo .branding-logo {
  word-break: break-word;
}

.footer-menu {
  width: 16.6666666667%;
}
@media screen and (max-width: 920px) and (min-width: 721px) {
  .footer-menu {
    width: 23%;
  }
}
@media screen and (max-width: 720px) and (min-width: 481px) {
  .footer-menu {
    width: 33.3333333333%;
  }
}
@media screen and (max-width: 480px) {
  .footer-menu {
    width: 100%;
  }
}

.footer-content {
  width: 30%;
}
@media screen and (max-width: 920px) and (min-width: 721px) {
  .footer-content {
    width: 31%;
  }
}
@media screen and (max-width: 720px) {
  .footer-content {
    width: 100%;
  }
}

.footer-logo-link {
  display: inline-block;
  width: 100%;
  vertical-align: top;
}

.footer-logo-image {
  display: block;
  max-width: 100%;
}
@media screen and (min-width: 1201px) {
  .footer-logo-image {
    width: auto;
    height: auto;
    max-width: 200px;
    max-height: 100px;
  }
}

.branding-logo {
  margin: 0;
  font-size: 28px;
  line-height: inherit;
  color: #30323d;
}

.footer-menu-title {
  letter-spacing: 1px;
}

.footer-menu-list {
  display: block;
  padding: 10px 0 0;
  margin: 0;
}

.footer-menu-list-item {
  display: block;
  padding: 5px 0;
  margin: 0;
}

.footer-menu-list-item-anchor {
  display: inline-block;
  vertical-align: top;
  color: #30323d;
}
.style-dark .footer-menu-list-item-anchor:focus, .style-dark .footer-menu-list-item-anchor:hover {
  color: #fff;
}
.style-dark .footer-menu-list-item-anchor {
  color: #fff;
}

.footer-content-text:first-child,
.footer-content-text p ~ p {
  padding-top: 0;
}

.footer-information {
  display: block;
  margin-right: auto;
  color: #30323d;
  text-align: left;
}
@media screen and (max-width: 720px) {
  .footer-information {
    margin-right: 0;
    text-align: center;
  }
}
.style-dark .footer-information,
.style-dark .footer-information a,
.style-dark .footer-information a:hover,
.style-dark .footer-information a:focus {
  color: #fff;
}
.footer-information p {
  margin-top: 0;
  margin-bottom: 0;
}

.footer-copyright {
  padding-top: 0;
}

.payment-icons {
  display: inline-block;
  padding: 0;
  margin: 10px -3px 0;
  text-align: center;
  vertical-align: middle;
}
.payment-icons li {
  font-family: "Launch Icons", sans-serif;
  speak: none;
  font-size: 30px;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  display: inline-block;
  margin: 0 3px;
}
.payment-icons li:last-child {
  margin-left: 0;
}
.payment-icons .payment-icon svg {
  width: 40px;
  height: 25px;
}

.sub-footer {
  display: flex;
  flex-direction: row-reverse;
  justify-content: space-between;
  padding: 35px 0;
}
@media screen and (max-width: 720px) {
  .sub-footer {
    align-items: center;
    flex-direction: column;
    padding: 42px 0;
  }
}
.has-borders .sub-footer {
  border-top: 1px solid #e2e5e4;
}

.shopify-cross-border {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  margin: 0 -7.5px-15px;
}
@media screen and (max-width: 720px) {
  .shopify-cross-border {
    margin-bottom: 27px;
  }
}

.shopify-localization-form {
  display: flex;
  justify-content: center;
}

.newsletter-form {
  padding-top: 60px;
  padding-bottom: 60px;
}
@media screen and (max-width: 720px) {
  .newsletter-form {
    padding: 30px 0;
  }
}
.newsletter-form .module-header {
  padding-bottom: 45px;
}

.newsletter-form-container {
  display: block;
  max-width: 450px;
  margin: 0 auto;
}
@media screen and (max-width: 720px) {
  .newsletter-form-container {
    padding: 0 15px;
  }
}
.has-header .newsletter-form-container {
  margin: 30px auto 0;
}

.newsletter-field-wrapper {
  position: relative;
}

.newsletter-form-field {
  position: relative;
  display: block;
}

.newsletter-form-field-icon {
  position: absolute;
  left: 0;
  top: 0;
  width: 50px;
  height: 50px;
  line-height: 50px;
  font-size: 18px;
  text-align: center;
  color: #30323d;
  opacity: 0.7;
}

.newsletter-form-email {
  padding: 0 60px 0 45px !important;
}
.newsletter-form-email:focus {
  outline: auto 5px Highlight;
  outline: auto 5px -webkit-focus-ring-color;
}

.newsletter-form-cta {
  border-radius: 0 3px 3px 0;
  position: absolute;
  top: 0;
  right: 0;
  height: 50px;
  width: 50px;
  line-height: 50px;
  text-align: center;
  background: #30323d;
}
.newsletter-form-cta:focus, .newsletter-form-cta:hover {
  background: #30323d;
}
.style-color .newsletter-form-cta, .style-gradient .newsletter-form-cta {
  background: #e2e5e4;
}
.style-color .newsletter-form-cta:focus, .style-color .newsletter-form-cta:hover, .style-gradient .newsletter-form-cta:focus, .style-gradient .newsletter-form-cta:hover {
  background: #e2e5e4;
}
.style-color .newsletter-form-cta:focus .newsletter-form-submit-icon, .style-color .newsletter-form-cta:hover .newsletter-form-submit-icon, .style-gradient .newsletter-form-cta:focus .newsletter-form-submit-icon, .style-gradient .newsletter-form-cta:hover .newsletter-form-submit-icon {
  color: #30323d;
}

.newsletter-form-submit {
  border-radius: 0;
  position: absolute;
  top: 0;
  right: 0;
  width: 100%;
  height: 100%;
  display: block;
  padding: 0;
  font-size: 0;
  border: 0;
  background: transparent;
}
.newsletter-form-submit:hover {
  background: transparent;
}
.newsletter-form-submit:focus {
  background: transparent;
  outline: auto 5px Highlight;
  outline: auto 5px -webkit-focus-ring-color;
}

.newsletter-form-submit-icon {
  display: inline-block;
  font-size: 21px;
  color: #fff;
}
.style-color .newsletter-form-submit-icon, .style-gradient .newsletter-form-submit-icon {
  color: #30323d;
}

.newsletter-form-message {
  display: block;
  margin-bottom: 30px;
  color: #e13333;
}
.newsletter-form-message ul,
.newsletter-form-message li {
  padding: 0;
  margin: 0;
}

.has-sticky-header .module-header-goal-wrapper {
  position: fixed;
  top: 0;
  left: 0;
  z-index: 99;
  width: 100%;
}
@media screen and (max-width: 720px) {
  .has-sticky-header .module-header-goal-wrapper {
    position: relative;
  }
}

.module-header-goal {
  position: relative;
  height: 0;
  padding: 0;
  overflow: hidden;
  text-align: center;
  opacity: 0;
  transition: height 0.1s cubic-bezier(0.25, 0.46, 0.45, 0.94), opacity 0.1s cubic-bezier(0.25, 0.46, 0.45, 0.94);
}
.module-header-goal-wrapper.active .module-header-goal {
  height: auto;
  padding: 15px 30px;
  opacity: 1;
}
.showing-drawer .module-header-goal {
  height: 0;
  padding: 0;
  opacity: 0;
}
.template-index .module-header-goal {
  display: none;
}
.style-color .module-header-goal .module-header-body, .style-gradient .module-header-goal .module-header-body, .style-image .module-header-goal .module-header-body {
  color: #fff;
}

.module-header-goal-item {
  display: inline-block;
  vertical-align: top;
  line-height: 24px;
  font-size: 14px;
}

.module-header-goal-countdown.hidden,
.module-header-goal-time-up.hidden {
  display: none;
}
@media screen and (max-width: 720px) {
  .module-header-goal-countdown,
  .module-header-goal-time-up {
    display: none;
  }
}

.module-header-goal-item-icon {
  padding: 0 10px;
  font-size: 18px;
}
@media screen and (max-width: 720px) {
  .module-header-goal-item-icon.icon-arrow-right {
    display: none;
  }
}

.branding {
  max-width: 50%;
}
@media screen and (max-width: 720px) {
  .branding {
    max-width: initial;
    padding-right: 80px;
    padding-left: 80px;
    margin: 0 auto;
    text-align: center;
  }
}

.branding-logo-link {
  position: relative;
  display: block;
  height: 120px;
  padding-top: 10px;
  padding-bottom: 10px;
  line-height: 100px;
  color: #30323d;
}
.has-logo .branding-logo-link {
  max-width: 200px;
}
@media screen and (max-width: 720px) {
  .branding-logo-link {
    height: 80px;
    max-width: 100%;
    margin-right: auto;
    margin-left: auto;
    line-height: 80px;
  }
  .has-logo .branding-logo-link {
    line-height: 60px;
  }
}
.showing-drawer .branding-logo-link {
  color: #fff;
}
@media (min-width: 721px) {
  .has-slideshow-full-window.slide-color-dark:not(.drawer-visible) .header:not(.scrolled) .branding-logo-link {
    color: #000;
  }
  .has-slideshow-full-window.slide-color-light:not(.drawer-visible) .header:not(.scrolled) .branding-logo-link {
    color: #fff;
  }
}

.branding-logo-heading {
  font-family: Roboto,sans-serif;
  font-style: normal;
  font-weight: 500;
  height: 100px;
  margin: 0;
  overflow: hidden;
  font-size: 28px;
  line-height: 100px;
  color: inherit;
  text-overflow: ellipsis;
  white-space: nowrap;
}
@media screen and (max-width: 720px) {
  .branding-logo-heading {
    display: block;
    height: 80px;
    max-width: 100%;
    padding-right: 10px;
    padding-left: 10px;
    margin: -10px auto;
    line-height: 80px;
  }
}
@media screen and (max-width: 480px) {
  .branding-logo-heading {
    font-size: 20px;
  }
}

.branding-logo-image {
  width: initial;
  max-width: 200px;
  max-height: 100px;
  margin: -2px auto 0;
  vertical-align: middle;
  transition: opacity 0.2s ease;
}
@media screen and (max-width: 720px) {
  .branding-logo-image {
    max-width: 100%;
    max-height: 60px;
  }
}

.logo-regular {
  display: inline-block;
}
.has-slideshow-full-window.slide-color-light .header:not(.scrolled) .alternate-logo-in-drawer .logo-regular {
  display: none;
}
@media screen and (max-width: 720px) {
  .has-slideshow-full-window.slide-color-light .header:not(.scrolled) .alternate-logo-in-drawer .logo-regular {
    display: inline-block;
  }
}
.slide-color-light.showing-drawer .header:not(.scrolled) .alternate-logo-in-drawer .logo-regular, .showing-drawer .alternate-logo-in-drawer .logo-regular {
  display: none;
}
.regular-logo-in-drawer .logo-regular {
  display: inline-block;
}

.logo-alternate {
  display: none;
}
.has-slideshow-full-window.slide-color-light .header:not(.scrolled) .logo-alternate {
  display: inline-block;
}
@media screen and (max-width: 720px) {
  .has-slideshow-full-window.slide-color-light .header:not(.scrolled) .logo-alternate {
    display: none;
  }
}
.showing-drawer .regular-logo-in-drawer .logo-alternate {
  display: none;
}
.slide-color-light.showing-drawer .header:not(.scrolled) .logo-alternate, .showing-drawer .alternate-logo-in-drawer .logo-alternate {
  display: inline-block;
}

body.has-sticky-header {
  padding-top: 120px;
}
@media screen and (max-width: 720px) {
  body.has-sticky-header {
    padding-top: 0;
  }
}
body.has-sticky-header.has-goal-enabled {
  padding-top: 176px;
}
@media screen and (max-width: 720px) {
  body.has-sticky-header.has-goal-enabled {
    padding-top: 0;
  }
}
.no-js body.has-sticky-header.has-goal-enabled {
  padding-top: 120px;
}
@media screen and (max-width: 720px) {
  .no-js body.has-sticky-header.has-goal-enabled {
    padding-top: 0;
  }
}
body.has-sticky-header.has-goal-enabled.has-goal-expired {
  padding-top: 120px;
}
body.has-sticky-header.has-slideshow-full-window {
  padding-top: 0;
}

.header {
  transition: background 0.2s cubic-bezier(0.25, 0.46, 0.45, 0.94);
  position: relative;
  display: block;
  width: 100%;
}
.has-slideshow-full-window .header {
  top: 0;
  right: 0;
  left: 0;
  position: absolute;
  box-shadow: none;
  background: none;
}
@media screen and (max-width: 720px) {
  .has-slideshow-full-window .header {
    position: relative;
  }
}
.showing-drawer.has-slideshow-full-window .header {
  position: relative;
}
.showing-drawer .header {
  height: 100vh;
  overflow-y: auto;
  background-color: rgba(25, 25, 25, 0.98) !important;
}
.header.sticky-header {
  position: fixed;
  top: 0;
  left: 0;
  z-index: 999;
  width: 100%;
  transition: top 0.1s cubic-bezier(0.25, 0.46, 0.45, 0.94), background-color 0.2s cubic-bezier(0.25, 0.46, 0.45, 0.94);
}
@media screen and (min-width: 721px) {
  .header.sticky-header {
    transition: background-color 0.2s cubic-bezier(0.25, 0.46, 0.45, 0.94);
  }
  .header.sticky-header.scrolled {
    background-color: rgba(255, 255, 255, 0.9);
  }
  .header.sticky-header.header-bleed-light-colors {
    background-color: rgba(0, 0, 0, 0.4);
  }
  .header.sticky-header.lower-than-slideshow {
    background-color: rgba(255, 255, 255, 0.9);
  }
  .header.sticky-header.lower-than-slideshow.header-bleed-light-colors {
    background-color: rgba(0, 0, 0, 0.4);
  }
}
.showing-drawer .header.sticky-header {
  position: fixed;
}
@media screen and (max-width: 720px) {
  .header.sticky-header {
    position: relative;
    top: auto;
    left: auto;
  }
}
.has-goal-enabled .header.sticky-header {
  top: 56px;
}
@media screen and (max-width: 720px) {
  .has-goal-enabled .header.sticky-header {
    top: auto;
  }
}
.has-goal-expired .header.sticky-header {
  top: 0;
}
.no-js .has-goal-enabled .header.sticky-header, .showing-drawer .header.sticky-header, .template-index .header.sticky-header {
  top: 0;
}

.main-header-wrapper {
  position: relative;
  max-width: 1260px;
  padding-right: 30px;
  padding-left: 30px;
  margin: 0 auto;
  z-index: 110;
}
@media screen and (max-width: 1200px) {
  .main-header-wrapper {
    padding-right: 0;
    padding-left: 0;
  }
}

.main-header {
  position: relative;
  padding: 0;
  z-index: 3;
  border-bottom: 1px solid #e2e5e4;
  display: flex;
  justify-content: space-between;
}
.main-header:after, .main-header:before {
  transition: border-bottom-color 0.2s cubic-bezier(0.25, 0.46, 0.45, 0.94);
  position: absolute;
  top: 119px;
  left: 100%;
  width: 0;
  height: 1px;
  border-bottom: 1px solid #e2e5e4;
  content: "";
}
.showing-drawer .main-header:after, .showing-drawer .main-header:before {
  border-bottom-color: rgba(255, 255, 255, 0.25);
}
.main-header:after {
  right: 100%;
  left: auto;
}
.scrolled .main-header:after, .scrolled .main-header:before {
  width: 100%;
}
.no-border .main-header {
  border: 0;
}
.higher-than-slideshow .main-header {
  background: none;
  border-color: rgba(226, 229, 228, 0.25);
}
.showing-drawer .main-header {
  border-color: rgba(255, 255, 255, 0.25);
}
@media screen and (max-width: 1200px) {
  .main-header {
    padding: 0 30px;
  }
}
@media screen and (max-width: 920px) {
  .main-header {
    flex-wrap: wrap;
  }
}
@media screen and (max-width: 720px) {
  .main-header {
    height: 80px;
    padding: 0;
    text-align: center;
    overflow: hidden;
  }
}

.header-tools {
  display: flex;
  align-items: center;
  margin-left: 100px;
}
.header-search-wrapper.active + .header-tools {
  opacity: 0;
}
@media screen and (max-width: 720px) {
  .header-tools {
    float: none;
  }
}
@media screen and (max-width: 920px) {
  .header-tools {
    margin-left: 0;
  }
}

.header-actions {
  position: relative;
  display: inline-block;
  align-items: center;
  vertical-align: top;
  text-align: left;
}
.header-actions:before {
  transition: background-color 0.2s cubic-bezier(0.25, 0.46, 0.45, 0.94);
  display: inline-block;
  width: 1px;
  height: 16px;
  margin: 0 10px;
  vertical-align: middle;
  background-color: #e2e5e4;
  position: absolute;
  bottom: 0;
  content: "";
}
.showing-drawer .header-actions:before {
  background-color: rgba(255, 255, 255, 0.25);
}
.higher-than-slideshow .header-actions:before {
  background-color: rgba(226, 229, 228, 0.25);
}
.lower-than-slideshow .header-actions:before {
  background-color: #30323d;
}
@media screen and (max-width: 720px) {
  .header-actions {
    position: static;
    display: block;
    height: auto;
    text-align: center;
  }
}

.header-actions-list {
  vertical-align: middle;
  display: flex;
}

.header-actions-list-item {
  font-family: "Launch Icons", sans-serif;
  speak: none;
  font-size: 21px;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  transition: color 0.2s cubic-bezier(0.25, 0.46, 0.45, 0.94);
  position: relative;
  float: left;
  padding: 0;
  margin-left: 30px;
  line-height: 21px;
  color: #30323d;
  cursor: pointer;
}
@media (min-width: 721px) {
  .has-slideshow-full-window.slide-color-dark:not(.drawer-visible) .header:not(.scrolled) .header-actions-list-item {
    color: #000;
  }
  .has-slideshow-full-window.slide-color-light:not(.drawer-visible) .header:not(.scrolled) .header-actions-list-item {
    color: #fff;
  }
}
.slide-color-light .scrolled .header-actions-list-item, .slide-color-dark .scrolled .header-actions-list-item {
  color: #30323d;
}
@media screen and (max-width: 720px) {
  .header-actions-list-item {
    padding: 0;
  }
}
.header-actions-list-item:hover {
  color: #30323d;
}
@media (min-width: 721px) {
  .header-bleed-light-colors .header-actions-list-item:hover {
    color: #fff;
  }
  .header-bleed-dark-colors .header-actions-list-item:hover {
    color: #000;
  }
}
.header-actions-list-item.icon-cart:before, .header-actions-list-item.icon-head:before {
  min-width: 1em;
}

.collapsed-navigation .header-actions:before {
  display: none;
}

.showing-drawer .header-search-toggle {
  color: #fff;
}
.showing-drawer .header-search-toggle:hover {
  color: #fff;
}
@media screen and (max-width: 720px) {
  .header-search-toggle {
    display: none;
  }
}

.header-search-wrapper {
  position: absolute;
  top: 0;
  right: 0;
  width: 400px;
  height: 100%;
  overflow: hidden;
}
@media screen and (max-width: 720px) {
  .header-search-wrapper {
    display: none;
  }
}

.header-search-form {
  transition: all 0.2s cubic-bezier(0.25, 0.46, 0.45, 0.94);
  width: 300px;
  position: absolute;
  bottom: 100%;
  right: 0;
  z-index: 99;
  background: #e2e5e4;
  color: #30323d;
  padding: 0 15px;
  line-height: 36px;
}
@media screen and (max-width: 1200px) {
  .header-search-form {
    right: 30px;
  }
}
@media (min-width: 721px) {
  .header-bleed-light-colors .header-search-form {
    color: #fff;
    background-color: rgba(255, 255, 255, 0.1);
  }
  .header-bleed-dark-colors .header-search-form {
    color: #000;
    background-color: rgba(255, 255, 255, 0.1);
  }
}
.active .header-search-form {
  bottom: 40px;
}
.header-search-form:before {
  font-family: "Launch Icons", sans-serif;
  speak: none;
  font-size: 24px;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  position: absolute;
  top: 2px;
  left: 10px;
  color: #30323d;
  content: "\e036";
}
@media (min-width: 721px) {
  .header-bleed-light-colors .header-search-form:before {
    color: #fff;
  }
  .header-bleed-dark-colors .header-search-form:before {
    color: #000;
  }
}

input.header-search-input {
  transition: all 0.2s cubic-bezier(0.25, 0.46, 0.45, 0.94);
  display: inline-block;
  vertical-align: top;
  width: 100%;
  height: 42px;
  padding: 0;
  background: none;
  border: 0;
  border-radius: 0;
  text-indent: 30px;
  color: #30323d;
}
@media (min-width: 721px) {
  .header-bleed-light-colors input.header-search-input {
    color: #fff;
  }
  .header-bleed-dark-colors input.header-search-input {
    color: #000;
  }
}
input.header-search-input::-webkit-input-placeholder {
  color: #30323d;
  opacity: 0.7;
}
@media (min-width: 721px) {
  .header-bleed-light-colors input.header-search-input::-webkit-input-placeholder {
    color: #fff;
    opacity: 0.7;
  }
  .header-bleed-dark-colors input.header-search-input::-webkit-input-placeholder {
    color: #000;
    opacity: 0.7;
  }
}
input.header-search-input::-moz-input-placeholder {
  color: #30323d;
  opacity: 0.7;
}
@media (min-width: 721px) {
  .header-bleed-light-colors input.header-search-input::-moz-input-placeholder {
    color: #fff;
    opacity: 0.7;
  }
  .header-bleed-dark-colors input.header-search-input::-moz-input-placeholder {
    color: #000;
    opacity: 0.7;
  }
}
input.header-search-input:-ms-input-placeholder {
  color: #30323d;
  opacity: 0.7;
}
@media (min-width: 721px) {
  .header-bleed-light-colors input.header-search-input:-ms-input-placeholder {
    color: #fff;
    opacity: 0.7;
  }
  .header-bleed-dark-colors input.header-search-input:-ms-input-placeholder {
    color: #000;
    opacity: 0.7;
  }
}

.collapsed-navigation .header-account-link {
  display: none;
}
@media screen and (max-width: 720px) {
  .header-account-link {
    display: none;
  }
}

@media screen and (max-width: 720px) {
  .header-cart-link,
  .drawer-toggle {
    position: absolute;
    top: 10px;
    display: block;
    width: 60px;
    height: 60px;
    margin: 0;
    line-height: 60px;
  }
}

.header-cart-link {
  font-size: 22px;
}
.header-cart-link:hover .header-cart-count {
  color: #fff;
}
@media screen and (max-width: 720px) {
  .header-cart-link {
    left: 10px;
  }
}
.showing-drawer .header-cart-link {
  color: #fff;
}
.showing-drawer .header-cart-link:hover {
  color: #fff;
}
.header-cart-link .header-cart-count {
  text-align: center;
  line-height: inherit;
  font-size: 12px;
  border-radius: 100%;
  position: absolute;
  top: -10px;
  right: -15px;
  height: 26px;
  width: 26px;
  margin: 0;
  padding: 0;
  font-family: "Open Sans", sans-serif;
  background-color: #2e6837;
  color: white;
  border: 2px solid #fff;
  z-index: 10;
  display: none;
}
@media screen and (max-width: 720px) {
  .header-cart-link .header-cart-count {
    right: 5px;
    top: 10px;
    line-height: 1.8;
  }
}
.header-cart-link .header-cart-count.active {
  display: block;
}

.header-drawer {
  display: block;
  width: 100%;
  height: 0;
  max-width: 1200px;
  margin: 0 auto;
  text-align: center;
  overflow: hidden;
  visibility: hidden;
}
.showing-drawer .header-drawer {
  height: auto;
  visibility: visible;
}

.drawer-toggle {
  position: relative;
}
@media screen and (min-width: 721px) {
  .drawer-toggle {
    display: none;
  }
}
.showing-drawer .drawer-toggle span {
  color: #fff;
}
.drawer-toggle:hover {
  color: #30323d;
}
.drawer-toggle:before {
  float: left;
  height: 16px;
  width: 1px;
  margin: 3px 25px 0 0px;
  background-color: #e2e5e4;
  content: "";
}
.header-bleed-light-colors .drawer-toggle:before {
  background-color: rgba(255, 255, 255, 0.25);
}
.header-bleed-dark-colors .drawer-toggle:before {
  background-color: rgba(0, 0, 0, 0.25);
}
.showing-drawer .drawer-toggle {
  display: inline-block;
}
.showing-drawer .drawer-toggle:before {
  background-color: rgba(255, 255, 255, 0.1);
}
.collapsed-navigation .drawer-toggle {
  display: inline-block;
}
@media screen and (max-width: 720px) {
  .drawer-toggle {
    position: absolute;
    right: 10px;
  }
  .drawer-toggle:before {
    display: none;
  }
}
.drawer-toggle .icon-cross {
  display: none;
}
.showing-drawer .drawer-toggle .icon-cross {
  display: inline-block;
}
.drawer-toggle .icon-menu {
  display: inline-block;
}
.showing-drawer .drawer-toggle .icon-menu {
  display: none;
}

.drawer-account-link {
  margin-bottom: 30px;
  background: #fff;
  border-color: #fff;
  color: #30323d;
}
.drawer-account-link:hover {
  background: transparent;
  border-color: #fff;
  color: #fff;
}

.drawer-social-icons {
  text-align: center;
  margin-bottom: 75px;
}
@media screen and (max-width: 720px) {
  .drawer-social-icons {
    margin-bottom: 60px;
  }
}
.drawer-social-icons a {
  position: relative;
  padding: 0 5px;
  font-size: 0;
  display: inline-block;
  vertical-align: top;
}
.drawer-social-icons a:before {
  font-family: "Launch Icons", sans-serif;
  speak: none;
  font-size: 25px;
  line-height: 1;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  position: relative;
  color: #fff;
}
.drawer-social-icons .drawer-social-icon-facebook:before {
  content: "\e041";
}
.drawer-social-icons .drawer-social-icon-twitter:before {
  content: "\e040";
}
.drawer-social-icons .drawer-social-icon-pinterest:before {
  content: "\e043";
}
.drawer-social-icons .drawer-social-icon-instagram:before {
  content: "\e057";
}
.drawer-social-icons .drawer-social-icon-vimeo:before {
  content: "\e052";
}
.drawer-social-icons .drawer-social-icon-youtube:before {
  content: "\e051";
}
.drawer-social-icons .drawer-social-icon-rss:before {
  content: "\e00b";
}

@media screen and (min-width: 721px) {
  .no-js .sticky-header {
    background-color: white;
  }
  .no-js .navigation,
  .no-js .main-header,
  .no-js .header-tools,
  .no-js .header-actions {
    height: auto;
  }
  .no-js .main-header,
  .no-js .header-tools,
  .no-js .header-actions,
  .no-js .header-actions-list {
    display: flex;
  }
  .no-js .main-header {
    align-items: center;
    justify-content: space-between;
  }
  .no-js .header-tools {
    padding-left: 15px;
  }
  .no-js .header-navigation-link.header-navigation-current::after {
    display: none;
  }
}

.dynamic-blog {
  padding-right: 0;
  padding-left: 0;
}
.dynamic-blog .list-container {
  width: 100%;
}
.dynamic-blog .list-cover {
  background-position: 50% 50%;
}
.dynamic-blog .list-cover.onboarding {
  border: 1px solid currentColor;
}
.dynamic-blog .list-cover .list-image {
  display: inline-block;
}
.dynamic-blog .list-item:last-child {
  margin-bottom: 0;
}
.dynamic-blog .list-title {
  height: auto;
  margin-bottom: 10px;
  overflow: visible;
  line-height: 27px;
  text-overflow: initial;
  white-space: normal;
}
@media screen and (max-width: 1200px) {
  .dynamic-blog .list-text-wrapper {
    position: relative;
    opacity: 1;
    transform: translateY(0);
  }
}
.dynamic-blog .list-text-wrapper:first-child {
  padding-top: 0;
}

.dynamic-blog-cta {
  display: none;
}
@media screen and (max-width: 1020px) {
  .dynamic-blog-cta {
    display: block;
  }
}

.dynamic-blog-footer {
  padding: 45px 30px 0;
}

.dynamic-blog-button {
  width: 220px;
}
@media screen and (max-width: 720px) {
  .dynamic-blog-button {
    width: 290px;
  }
}

.dynamic-collections {
  padding-right: 0;
  padding-left: 0;
}
.dynamic-collections .placeholder-svg {
  border: 0;
}

.product-details-slideshow {
  display: block;
  max-width: 100%;
  padding: 0;
}

.product-details-slideshow-header {
  padding: 90px 0;
}
@media screen and (max-width: 720px) {
  .product-details-slideshow-header {
    padding: 30px 0;
  }
}
.style-default .product-details-slideshow-header, .style-light .product-details-slideshow-header {
  background: rgba(0, 0, 0, 0.01);
}
@media screen and (max-width: 1020px) {
  .style-default .product-details-slideshow-header, .style-light .product-details-slideshow-header {
    background: transparent;
  }
}

.product-details-slideshow-nav-list {
  padding: 0 0 30px;
  margin: 0;
}
@media screen and (max-width: 1020px) {
  .product-details-slideshow-nav-list {
    padding-top: 30px;
  }
}
.product-details-slideshow-nav-container:only-child .product-details-slideshow-nav-list {
  padding-bottom: 0;
}
.product-details-slideshow-nav-list li {
  display: inline-block;
  margin: 0 10px 0 0;
}

.product-details-slideshow-nav-list-item {
  border-radius: 100%;
  position: relative;
  z-index: 9;
  display: block;
  width: 40px;
  height: 40px;
  padding: 0;
  margin: 0;
  font-size: 14px;
  line-height: 38px;
  text-align: center;
  vertical-align: top;
  cursor: pointer;
}
.product-details-slideshow-nav-list-item.active {
  cursor: default;
}
.style-color .product-details-slideshow-nav-list-item, .style-gradient .product-details-slideshow-nav-list-item {
  box-shadow: "inset 0 0 0 1px #fff";
  color: #fff;
  background: transparent;
}
.style-color .product-details-slideshow-nav-list-item.active, .style-gradient .product-details-slideshow-nav-list-item.active {
  box-shadow: 'inset 0 0 0 0 #30323d';
  color: #fff;
  background: #30323d;
}
.style-color .product-details-slideshow-nav-list-item:hover, .style-gradient .product-details-slideshow-nav-list-item:hover {
  box-shadow: "inset 0 0 0 2px #fff";
}
.style-default .product-details-slideshow-nav-list-item, .style-light .product-details-slideshow-nav-list-item {
  box-shadow: 'inset 0 0 0 1px #2e6837';
  color: #2e6837;
  background: transparent;
}
.style-default .product-details-slideshow-nav-list-item.active, .style-light .product-details-slideshow-nav-list-item.active {
  box-shadow: 'inset 0 0 0 0 #2e6837';
  color: #fff;
  background: #2e6837;
}
.style-default .product-details-slideshow-nav-list-item:hover, .style-light .product-details-slideshow-nav-list-item:hover {
  box-shadow: 'inset 0 0 0 2px #2e6837';
}

.product-details-slideshow-list-container {
  height: -moz-fit-content;
  height: fit-content;
}

.product-details-slideshow-list {
  transition: height 0.2s cubic-bezier(0.25, 0.46, 0.45, 0.94);
  position: relative;
  width: 100%;
  margin: 0;
  padding: 0;
  overflow: hidden;
}

.product-details-slideshow-list-item {
  transition: opacity 0.2s cubic-bezier(0.25, 0.46, 0.45, 0.94);
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  display: block;
  margin: 0;
  padding: 0;
  opacity: 0;
}
.product-details-slideshow-list-item.active {
  position: relative;
  z-index: 10;
  opacity: 1;
}

.product-details-slideshow-list-item-container {
  position: relative;
  font-size: 0;
}

.product-details-slideshow-content {
  display: inline-block;
  width: 50%;
  vertical-align: middle;
  text-align: left;
}
@media screen and (max-width: 1020px) {
  .product-details-slideshow-content {
    display: block;
    width: 100%;
    margin: auto;
    text-align: center;
  }
}
.align-left .product-details-slideshow-content {
  position: relative;
  right: -50%;
  text-align: left;
}
@media screen and (max-width: 1020px) {
  .align-left .product-details-slideshow-content {
    right: auto;
    text-align: center;
  }
}
.align-right .product-details-slideshow-content {
  text-align: right;
}
@media screen and (max-width: 1020px) {
  .align-right .product-details-slideshow-content {
    text-align: center;
  }
}

.product-details-slideshow-content-wrapper {
  display: inline-block;
  width: 100%;
  max-width: 600px;
  padding: 0 60px;
  text-align: left;
}
@media screen and (max-width: 1200px) {
  .product-details-slideshow-content-wrapper {
    padding: 30px;
  }
}
@media screen and (max-width: 1020px) {
  .product-details-slideshow-content-wrapper {
    width: 100%;
    padding: 0;
    text-align: center;
  }
}

.product-details-slideshow-title {
  display: block;
  margin: 0;
  padding: 0;
  font-size: 36px;
  line-height: 46px;
}
@media screen and (max-width: 1200px) {
  .product-details-slideshow-title {
    font-size: 26px;
    line-height: 36px;
  }
}
@media screen and (max-width: 1020px) {
  .product-details-slideshow-title {
    margin: auto;
  }
}

.product-details-slideshow-text {
  padding: 15px 0 0;
}
@media screen and (max-width: 1200px) {
  .product-details-slideshow-text {
    padding: 15px 0 0;
  }
}
@media screen and (max-width: 1020px) {
  .product-details-slideshow-text {
    padding: 15px 15px 0;
    margin: auto;
  }
}
.product-details-slideshow-text p:first-child {
  padding-top: 0;
}
.product-details-slideshow-text p:last-child {
  padding-bottom: 0;
}

.product-details-slideshow-image-container {
  display: inline-block;
  width: 50%;
  vertical-align: middle;
}
.align-left .product-details-slideshow-image-container {
  position: relative;
  left: -50%;
}
@media screen and (max-width: 1020px) {
  .align-left .product-details-slideshow-image-container {
    left: auto;
  }
}
@media screen and (max-width: 1020px) {
  .product-details-slideshow-image-container {
    display: block;
    width: 100%;
  }
}

.product-details-slideshow-image {
  display: inline-block;
  width: 100%;
  vertical-align: top;
}
@media screen and (max-width: 1020px) {
  .product-details-slideshow-image {
    margin-top: 90px;
  }
}
@media screen and (max-width: 720px) {
  .product-details-slideshow-image {
    margin-top: 30px;
  }
}
.product-details-slideshow-image.placeholder-svg {
  border: 0;
}

.dynamic-goal-container {
  display: inline-block;
  max-width: 900px;
  vertical-align: top;
}
@media screen and (max-width: 720px) {
  .dynamic-goal-container {
    padding: 30px 0 45px;
  }
}

.dynamic-goal-text-heading,
.dynamic-goal-text-subheading,
.dynamic-goal-text-delivery-date {
  font-family: Roboto,sans-serif;
  font-style: normal;
  font-weight: 500;
}

.dynamic-goal-text-heading {
  font-size: 48px;
  line-height: 58px;
}
@media screen and (max-width: 1020px) {
  .dynamic-goal-text-heading {
    font-size: 36px;
    line-height: 46px;
  }
}
@media screen and (max-width: 720px) {
  .dynamic-goal-text-heading {
    font-size: 26px;
    line-height: 36px;
  }
}

.dynamic-goal-text-subheading {
  padding-top: 15px;
  font-size: 18px;
  line-height: 28px;
}
@media screen and (max-width: 1020px) {
  .dynamic-goal-text-subheading {
    padding-top: 0;
  }
}

.dynamic-goal-text-delivery-date {
  display: block;
  padding-top: 7.5px;
  font-size: 16px;
  line-height: 26px;
}

.dynamic-goal-icon {
  display: inline-block;
  vertical-align: top;
  padding: 0 0 30px;
  margin: 0;
  font-size: 36px;
  line-height: 46px;
  opacity: 0.8;
}
@media screen and (max-width: 720px) {
  .dynamic-goal-icon {
    padding: 0;
    font-size: 26px;
    line-height: 36px;
  }
}
.style-color .dynamic-goal-icon, .style-gradient .dynamic-goal-icon {
  color: #fff;
}
.style-default .dynamic-goal-icon, .style-light .dynamic-goal-icon {
  color: #30323d;
}

.dynamic-goal-button {
  margin-top: 45px;
}
@media screen and (max-width: 720px) {
  .dynamic-goal-button {
    margin-top: 30px;
  }
}

.dynamic-inline .list {
  padding-right: 0;
  padding-left: 0;
  margin-right: -15px;
  margin-left: -15px;
}
.dynamic-inline .list-image-wrapper {
  max-width: 80px;
  margin-right: auto;
  margin-left: auto;
  font-size: 16px;
}
.dynamic-inline .list-text-wrapper {
  padding: 0 30px;
  text-align: center;
}
@media screen and (max-width: 1020px) {
  .dynamic-inline .list-text-wrapper {
    max-width: 450px;
    margin: auto;
    padding-right: 15px;
    padding-left: 15px;
  }
}
.dynamic-inline .has-icon .list-text-wrapper {
  padding-top: 15px;
}
.dynamic-inline .list-item-icon,
.dynamic-inline .list-title {
  color: #30323d;
}
.style-gradient .dynamic-inline .list-item-icon, .style-color .dynamic-inline .list-item-icon,
.style-gradient .dynamic-inline .list-title,
.style-color .dynamic-inline .list-title,
.style-gradient .dynamic-inline .list-text,
.style-color .dynamic-inline .list-text {
  color: #fff;
}
.dynamic-inline .list-cta {
  margin-top: 30px;
}

.dynamic-left-right-features {
  max-width: 100%;
  padding: 0;
}
.dynamic-left-right-features img {
  display: block;
}

.dynamic-left-right-feature {
  font-size: 0;
  margin-top: 100px;
}
.dynamic-left-right-feature:first-child {
  margin-top: 0;
  padding-top: 0;
  border-top: none;
}
.borders .dynamic-left-right-feature {
  padding-top: 60px;
  margin-top: 60px;
  border-top: 1px solid #e2e5e4;
}

.dynamic-left-right-section {
  display: inline-block;
  width: 50%;
  vertical-align: middle;
}
@media screen and (max-width: 1020px) {
  .dynamic-left-right-section {
    width: 100%;
    display: block;
  }
}

.dynamic-left-right-media {
  position: relative;
  display: inline-block;
  padding: 0;
}
.media-aligned-left .dynamic-left-right-media {
  left: -50%;
}
@media screen and (max-width: 1020px) {
  .media-aligned-left .dynamic-left-right-media {
    left: auto;
  }
}
.dynamic-left-right-media img {
  width: 100%;
}

.dynamic-left-right-text {
  padding: 30px 60px 45px;
  text-align: left;
}
@media screen and (max-width: 1200px) {
  .dynamic-left-right-text {
    padding: 30px;
  }
}
@media screen and (max-width: 1020px) {
  .dynamic-left-right-text {
    padding: 90px 30px;
    text-align: center;
  }
}
@media screen and (max-width: 720px) {
  .dynamic-left-right-text {
    padding: 30px 15px;
  }
}
.media-aligned-left .dynamic-left-right-text {
  position: relative;
  right: -50%;
}
@media screen and (max-width: 1020px) {
  .media-aligned-left .dynamic-left-right-text {
    right: auto;
  }
}

.dynamic-left-right-titles {
  font-size: 36px;
  line-height: 46px;
}
@media screen and (max-width: 1200px) {
  .dynamic-left-right-titles {
    font-size: 26px;
    line-height: 36px;
  }
}
@media screen and (max-width: 1020px) {
  .dynamic-left-right-titles {
    max-width: 700px;
    margin: 0 auto;
    font-size: 36px;
    line-height: 46px;
  }
}

.dynamic-left-right-content {
  margin-top: 15px;
}
@media screen and (max-width: 1020px) {
  .dynamic-left-right-content {
    max-width: 700px;
    margin: 30px auto 0;
  }
}

.dynamic-left-right-cta {
  padding-top: 30px;
}

.dynamic-left-right-image.placeholder-svg {
  border: 0;
}
@media screen and (max-width: 1020px) {
  .dynamic-left-right-image {
    width: 100%;
  }
}

.dynamic-products {
  padding-right: 0;
  padding-left: 0;
}

.dynamic-products-footer {
  padding: 45px 30px 0;
}

.static-slideshow-wrapper {
  position: relative;
  overflow: hidden;
}
.static-slideshow-wrapper.transition-fade {
  transition: height 0.7s cubic-bezier(0.25, 0.46, 0.45, 0.94);
}
.static-slideshow-wrapper.transition-slide {
  transition: height 0.7s ease;
}
.static-slideshow-wrapper.full-window {
  height: 100vh;
}
.static-slideshow-wrapper.content-width {
  max-width: 1140px;
  padding: 0 30px;
  margin: 60px auto;
}
.static-slideshow-wrapper.full-width {
  width: 100%;
}
.static-slideshow-wrapper * {
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
}

.static-slideshow-loader {
  right: auto;
  left: 50%;
  z-index: 1;
}
.slides-ready .static-slideshow-loader {
  display: none;
}

.static-slideshow {
  z-index: 2;
}
.full-window .static-slideshow {
  position: relative;
  height: 100%;
  width: 100%;
}

.static-slideshow-navigation {
  position: absolute;
  top: 50%;
  z-index: 5;
  display: block;
  width: 70px;
  font-size: 32px;
  text-align: center;
  cursor: pointer;
  visibility: hidden;
  transition: all 0.7s cubic-bezier(0.25, 0.46, 0.45, 0.94);
  -webkit-user-select: none;
          user-select: none;
  transform: translateY(-50%);
}
.static-slideshow-wrapper.slide-color-light .static-slideshow-navigation {
  color: #fff;
}
.static-slideshow-wrapper.slide-color-dark .static-slideshow-navigation {
  color: #000;
}
@media screen and (max-width: 720px) {
  .static-slideshow-navigation {
    width: 30px;
  }
}
.slides-ready .static-slideshow-navigation {
  visibility: visible;
}
.static-slideshow-navigation span {
  position: absolute;
  top: 0;
  display: block;
  height: 100%;
  width: 100%;
  outline: none;
}

.static-slideshow-previous {
  left: 0;
}

.static-slideshow-next {
  right: 0;
}

.static-slideshow-pagination {
  position: absolute;
  bottom: 0;
  left: 50%;
  z-index: 5;
  text-align: center;
  line-height: 50px;
  font-size: 0;
  visibility: hidden;
  transform: translateX(-50%);
  transition: color 0.7s cubic-bezier(0.25, 0.46, 0.45, 0.94);
}
.static-slideshow-wrapper.slide-color-light .static-slideshow-pagination {
  color: #fff;
}
.static-slideshow-wrapper.slide-color-dark .static-slideshow-pagination {
  color: #000;
}
.slides-ready .static-slideshow-pagination {
  visibility: visible;
}
.static-slideshow-pagination .pagination-list-item {
  width: 12px;
  height: 12px;
  margin: 0 3px;
  display: inline-block;
  cursor: pointer;
}
.static-slideshow-pagination .pagination-list-item span {
  border-radius: 100%;
  width: 100%;
  height: 100%;
  display: block;
  background: transparent;
  border: 1px solid;
}
.static-slideshow-wrapper.slide-color-light .static-slideshow-pagination .pagination-list-item span {
  border-color: #fff;
}
.static-slideshow-wrapper.slide-color-dark .static-slideshow-pagination .pagination-list-item span {
  border-color: #000;
}
.static-slideshow-pagination .pagination-list-item span:hover {
  border-width: 2px;
}
.static-slideshow-pagination .active span {
  background-color: #30323d;
}
.static-slideshow-wrapper.light .static-slideshow-pagination .active span {
  background-color: #fff;
}
.static-slideshow-wrapper.slide-color-dark .static-slideshow-pagination .active span {
  background-color: #000;
}

.dynamic-slide {
  position: absolute;
  width: 100%;
}
.dynamic-slide:first-child {
  position: relative;
}
.slides-ready .dynamic-slide:first-child {
  position: absolute;
}
.full-window .dynamic-slide {
  height: 100%;
  background-repeat: no-repeat;
  background-position: center center;
  background-size: cover;
}
@media screen and (max-width: 720px) {
  .full-window .dynamic-slide {
    background: none !important;
  }
}

.transition-fade .dynamic-slide {
  opacity: 0;
}
.transition-fade .dynamic-slide.active {
  z-index: 1;
  opacity: 1;
}
.transition-fade .dynamic-slide.next.left, .transition-fade .dynamic-slide.prev.right, .transition-fade .dynamic-slide.active.left, .transition-fade .dynamic-slide.active.right {
  transition: opacity 0.7s cubic-bezier(0.25, 0.46, 0.45, 0.94);
}
.transition-fade .dynamic-slide.next.left, .transition-fade .dynamic-slide.prev.right {
  opacity: 1;
}
.transition-fade .dynamic-slide.active.left[class^=overlay-opacity-]:after, .transition-fade .dynamic-slide.active.left {
  opacity: 0;
}
.transition-fade .dynamic-slide.active.right[class^=overlay-opacity-]:after, .transition-fade .dynamic-slide.active.right {
  opacity: 0;
}

.transition-slide .dynamic-slide {
  z-index: 1;
  visibility: hidden;
  -webkit-backface-visibility: hidden;
          backface-visibility: hidden;
  opacity: 0;
}
.transition-slide .dynamic-slide.active {
  z-index: 2;
  visibility: visible;
  transform: translateX(0) translate3d(0, 0, 0);
  opacity: 1;
}
.transition-slide .dynamic-slide.next {
  transform: translateX(100%) translate3d(0, 0, 0);
  opacity: 1;
}
.transition-slide .dynamic-slide.prev {
  transform: translateX(-100%) translate3d(0, 0, 0);
  opacity: 1;
}
.transition-slide .dynamic-slide.next.left, .transition-slide .dynamic-slide.prev.right, .transition-slide .dynamic-slide.active.left, .transition-slide .dynamic-slide.active.right {
  transition: transform 0.7s ease, height 0.7s ease;
}
.transition-slide .dynamic-slide.next.left, .transition-slide .dynamic-slide.prev.right {
  z-index: 10;
  visibility: visible;
  transform: translateX(0) translate3d(0, 0, 0);
}
.transition-slide .dynamic-slide.active.left {
  transform: translateX(-100%) translate3d(0, 0, 0);
}
.transition-slide .dynamic-slide.active.right {
  transform: translateX(100%) translate3d(0, 0, 0);
}

.slide-image-container {
  background-size: cover;
  background-color: transparent;
  background-position: center;
  background-repeat: no-repeat;
}
.slide-image-container,
.slide-image-container .slide-image-link {
  display: block;
  position: relative;
  width: 100%;
  height: 100%;
}

.slide-image-container,
.slide-image-link {
  visibility: visible;
}

.slide-image {
  display: block;
  max-width: 100%;
  -webkit-user-select: none;
          user-select: none;
}
.slide-image.placeholder-svg, .slide-image[data-rimg=loaded] {
  opacity: 0;
}
.full-width .slide-image {
  width: 100%;
  height: auto;
}
.full-window .slide-image {
  width: 100%;
  height: 100%;
}
@media screen and (max-width: 720px) {
  .slide-image {
    max-width: none;
  }
  .full-width .slide-image {
    max-width: 100%;
  }
}

.slide-text {
  transform: translate(-50%, -50%);
  position: absolute;
  top: 50%;
  left: 50%;
  z-index: 1;
  width: 100%;
  max-width: 1000px;
}
@media screen and (max-width: 1020px) {
  .slide-text {
    max-width: 700px;
  }
}
.text-aligned-center .slide-text {
  padding: 0 60px;
  text-align: center;
}
@media screen and (max-width: 720px) {
  .text-aligned-center .slide-text {
    padding: 0 30px;
  }
}
.text-aligned-left .slide-text {
  padding-right: 30%;
  padding-left: 30px;
}
@media (max-width: 1370px) {
  .text-aligned-left .slide-text {
    transform: translate(0, -50%);
    padding-left: 0;
    left: 100px;
  }
}
@media screen and (max-width: 720px) {
  .text-aligned-left .slide-text {
    transform: 0;
    left: 0;
    padding: 0 30px;
    text-align: center;
  }
}
.content-width .text-aligned-left .slide-text {
  transform: translate(0, -50%);
  left: 100px;
  padding-left: 0;
}
.text-aligned-right .slide-text {
  padding-left: 30%;
  padding-right: 30px;
  text-align: right;
}
@media (max-width: 1370px) {
  .text-aligned-right .slide-text {
    transform: translate(0, -50%);
    padding-right: 0;
    right: 100px;
    left: auto;
  }
}
@media screen and (max-width: 720px) {
  .text-aligned-right .slide-text {
    transform: 0;
    left: 0;
    padding: 0 30px;
    text-align: center;
  }
}
.content-width .text-aligned-right .slide-text {
  transform: translate(0, -50%);
  padding-right: 0;
  right: 100px;
  left: auto;
}
.slide-text.light .slide-text-heading,
.slide-text.light .slide-text-subheading {
  color: #fff;
}
.slide-text.dark .slide-text-heading,
.slide-text.dark .slide-text-subheading {
  color: #000;
}
.slide-text .slide-text-heading:first-child,
.slide-text .slide-text-subheading:first-child {
  margin-top: 0;
}
@media screen and (max-width: 720px) {
  .slide-text .slide-text-heading,
  .slide-text .slide-text-subheading {
    margin: 0;
  }
}
.slide-text .slide-text-heading:last-child,
.slide-text .slide-text-subheading:last-child,
.slide-text .button:last-child,
.slide-text .age-gate__confirm_btn:last-child,
.slide-text .disclosure__submit:last-child {
  margin-bottom: 0;
}
.slide-text .button, .slide-text .age-gate__confirm_btn, .slide-text .disclosure__submit {
  min-width: 220px;
  margin: 60px 0 0;
  visibility: visible;
}
@media screen and (max-width: 1020px) {
  .slide-text .button, .slide-text .age-gate__confirm_btn, .slide-text .disclosure__submit {
    margin: 30px 0 0;
  }
}

.slide-text-heading {
  font-size: 48px;
  line-height: 58px;
}
@media screen and (max-width: 1020px) {
  .slide-text-heading {
    font-size: 36px;
    line-height: 46px;
  }
}
@media screen and (max-width: 720px) {
  .slide-text-heading {
    font-size: 26px;
    line-height: 36px;
  }
}

.slide-text-subheading {
  font-family: "Open Sans",sans-serif;
  font-style: normal;
  font-weight: 400;
  padding-top: 0;
  padding-bottom: 0;
  font-size: 18px;
  line-height: 28px;
}
.slide-text-subheading:not(:first-child) {
  margin-top: 15px;
}
@media screen and (max-width: 1020px) {
  .slide-text-subheading {
    margin-top: 0;
  }
}

.dynamic-testimonials {
  transition: all 0.2s cubic-bezier(0.25, 0.46, 0.45, 0.94);
  position: relative;
  display: block;
  height: auto;
  width: 100%;
  max-width: 100%;
  overflow: hidden;
  opacity: 1;
}
@media screen and (max-width: 720px) {
  .dynamic-testimonials {
    padding: 30px 0;
  }
}
.dynamic-testimonials .module-header {
  padding-bottom: 45px;
}

.dynamic-testimonials-container {
  position: relative;
  display: block;
  width: 50vw;
  margin: 0 auto;
}
@media screen and (max-width: 1020px) {
  .dynamic-testimonials-container {
    width: 70vw;
  }
}
@media screen and (max-width: 720px) {
  .dynamic-testimonials-container {
    width: 100vw;
  }
}

.dynamic-testimonials-slides {
  position: relative;
  display: block;
  width: 100%;
}

.dynamic-testimonials-slides-list {
  transition: all 0.2s cubic-bezier(0.25, 0.46, 0.45, 0.94);
  float: left;
}

.dynamic-testimonials-slides-list-item {
  float: left;
  opacity: 0.4;
}
.dynamic-testimonials-slides-list-item.active {
  transition: all 0.2s cubic-bezier(0.25, 0.46, 0.45, 0.94);
  opacity: 1;
}

.dynamic-testimonials-slides-list-item-container {
  display: block;
  padding: 30px;
  font-size: 16px;
}
@media screen and (max-width: 720px) {
  .dynamic-testimonials-slides-list-item-container {
    padding: 0 15px;
  }
}

.dynamic-testimonials-slides-list-item-body {
  display: block;
  padding: 0 0 30px;
}
@media screen and (max-width: 720px) {
  .dynamic-testimonials-slides-list-item-body {
    padding: 0 0 15px;
  }
}

.dynamic-testimonials-slides-list-item-footer {
  display: block;
  text-align: center;
}

.dynamic-testimonials-slides-list-item-footer-container {
  display: inline-block;
  vertical-align: top;
}

.dynamic-testimonials-slides-list-item-footer-text {
  float: left;
  text-align: left;
  padding-top: 10px;
}
.dynamic-testimonials-slides-list-item-footer-text p {
  display: block;
  font-size: 14px;
  padding: 0;
  margin: 0;
}

.dynamic-testimonials-slides-list-item-footer-image {
  float: left;
  margin-right: 30px;
}

.dynamic-testimonial-avatar {
  display: block;
  width: 60px;
  height: auto;
  margin: 0;
  border-radius: 100%;
}

.dynamic-testimonial-quote {
  display: block;
  max-width: 650px;
  margin: 0 auto;
}
.dynamic-testimonial-quote p {
  padding: 0;
}
@media screen and (max-width: 720px) {
  .dynamic-testimonial-quote {
    margin: 0 0 30px;
  }
}

.dynamic-testimonial-source {
  font-family: Roboto,sans-serif;
  font-style: normal;
  font-weight: 500;
  letter-spacing: 1px;
  color: #2e6837;
  text-transform: uppercase;
}

.dynamic-testimonial-city {
  line-height: 18px;
  opacity: 0.8;
}

.dynamic-testimonials-pagination {
  display: block;
  float: left;
  width: 100%;
  padding: 0;
  margin: 60px 0 0;
  font-size: 0;
  text-align: center;
}
.static .dynamic-testimonials-pagination {
  display: none;
}
@media screen and (max-width: 720px) {
  .dynamic-testimonials-pagination {
    margin: 30px 0 0;
  }
}

.dynamic-testimonials-pagination-list {
  position: relative;
  display: inline-block;
  vertical-align: top;
}

.dynamic-testimonials-pagination-list-item {
  float: left;
  margin: 0 2.5px;
  background-color: transparent;
}
@media screen and (max-width: 720px) {
  .dynamic-testimonials-pagination-list-item {
    padding: 4px;
    margin-right: 1.5px;
    margin-left: 1.5px;
  }
}

.dynamic-testimonials-pagination-list-item-dot {
  transition: all 0.2s cubic-bezier(0.25, 0.46, 0.45, 0.94);
  display: inline-block;
  width: 12px;
  height: 12px;
  border: 1px solid #30323d;
  border-radius: 100%;
}
.style-color .dynamic-testimonials-pagination-list-item-dot, .style-gradient .dynamic-testimonials-pagination-list-item-dot {
  border-color: #e2e5e4;
  opacity: 0.6;
}
.active .dynamic-testimonials-pagination-list-item-dot {
  background-color: #2e6837;
  border-color: #2e6837;
  opacity: 1;
}
.style-color .active .dynamic-testimonials-pagination-list-item-dot, .style-gradient .active .dynamic-testimonials-pagination-list-item-dot {
  background-color: #fff;
  border-color: #fff;
  opacity: 1;
}
.dynamic-testimonials-pagination-list-item:hover .dynamic-testimonials-pagination-list-item-dot {
  border-width: 2px;
}

.dynamic-testimonials-navigation-item {
  position: absolute;
  top: 0;
  width: 50px;
  height: 100%;
  color: #30323d;
  cursor: pointer;
}
.static .dynamic-testimonials-navigation-item {
  display: none;
}
.dynamic-testimonials-navigation-item.previous-slide {
  left: -50px;
}
@media screen and (max-width: 720px) {
  .dynamic-testimonials-navigation-item.previous-slide {
    left: 25px;
  }
}
.dynamic-testimonials-navigation-item.next-slide {
  right: -50px;
}
@media screen and (max-width: 720px) {
  .dynamic-testimonials-navigation-item.next-slide {
    right: 25px;
  }
}

.dynamic-testimonials-navigation-icon {
  position: absolute;
  top: 50%;
  height: 40px;
  padding: 0 20px;
  margin-top: -20px;
  font-size: 28px;
  line-height: 40px;
  color: #30323d;
}
.dynamic-testimonials-navigation-icon:hover {
  color: #30323d;
}
.style-color .dynamic-testimonials-navigation-icon, .style-gradient .dynamic-testimonials-navigation-icon {
  color: #e2e5e4;
  opacity: 0.6;
}
.style-color .dynamic-testimonials-navigation-icon:hover, .style-gradient .dynamic-testimonials-navigation-icon:hover {
  color: #fff;
  opacity: 1;
}
.previous-slide .dynamic-testimonials-navigation-icon {
  right: 0;
}
.next-slide .dynamic-testimonials-navigation-icon {
  left: 0;
}

.complementary-products {
  --slide-item-padding: 1rem;
  --slide-item-outer-gap: 1rem;
  --slide-item-inner-gap: 1rem;
  --slide-item-border-color: black;
  --slide-item-border-thickness: 1px;
  --slider-dot-gap: 0.5rem;
  --slider-dot-size: 0.5rem;
  --slider-dot-color: #cacaca;
  --slider-active-dot-color: #787878;
}

.complementary-products__slider [data-slide] {
  position: absolute;
  display: flex;
  flex-direction: column;
  margin: 0 1rem;
  gap: var(--slide-item-outer-gap);
  width: 100%;
  height: auto;
}
.complementary-products__slider .flickity-page-dots {
  list-style-type: none;
  display: flex;
  justify-content: center;
  gap: var(--slider-dot-gap);
}
.complementary-products__slider .flickity-page-dots .dot {
  margin: 0;
  border-radius: 50%;
  background: var(--slider-dot-color);
  height: var(--slider-dot-size);
  width: var(--slider-dot-size);
}
.complementary-products__slider .flickity-page-dots .dot.is-selected {
  background: var(--slider-active-dot-color);
}

.complementary-products__grid {
  display: flex;
  flex-direction: column;
  gap: var(--slide-item-outer-gap);
}

.complementary-product {
  display: flex;
  flex-direction: row;
  gap: var(--slide-item-inner-gap);
  padding: var(--slide-item-padding);
  border: var(--slide-item-border-thickness) solid var(--slide-item-border-color);
}

.complementary-product__name,
.complementary-product__price-text {
  margin: 0;
}

.complementary-product__price-text {
  display: inline-block;
}

.complementary-product__image-link {
  display: block;
  position: relative;
  line-height: 0;
}

.complementary-products {
  --slider-dot-color: transparent;
  --slider-dot-gap: 5px;
  --slider-active-dot-color: #2e6837;
  --slider-dot-size: 0.75rem;
  --slide-item-inner-gap: 15px;
  --slide-item-outer-gap: 1.125rem;
  width: 100%;
}
.complementary-products.complementary-products--no-heading {
  margin-top: 30px;
}
.product-block--first .complementary-products.complementary-products--no-heading {
  margin-top: 0;
}
.complementary-products .flickity-enabled:focus {
  outline: none;
}
.complementary-products .flickity-viewport {
  position: relative;
  height: 100%;
  overflow: hidden;
}
.complementary-products .flickity-prev-next-button {
  font-family: "Launch Icons", sans-serif;
  speak: none;
  font-size: 21px;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  position: absolute;
  top: 50%;
  padding: 0;
  color: #30323d;
  background: transparent;
  border: none;
}
@media screen and (max-width: 920px) {
  .complementary-products .flickity-prev-next-button {
    display: none;
  }
}
.complementary-products .flickity-prev-next-button.previous {
  left: 0;
  transform: translate(0, -50%);
}
.complementary-products .flickity-prev-next-button.previous::before {
  content: "\e905";
}
.complementary-products .flickity-prev-next-button.next {
  right: 0;
  transform: translate(0, -50%);
}
.complementary-products .flickity-prev-next-button.next::before {
  content: "\e906";
}
.complementary-products .flickity-prev-next-button .flickity-button-icon {
  display: none;
}
.complementary-products .flickity-page-dots {
  position: absolute;
  left: 50%;
  margin: 24px 0 30px;
  transform: translateX(-50%);
}
.complementary-products .flickity-page-dots .dot {
  cursor: pointer;
  border: 1px solid #30323d;
  transition: all 0.2s cubic-bezier(0.25, 0.46, 0.45, 0.94);
}
.complementary-products .flickity-page-dots .dot.is-selected {
  border: 1px solid #2e6837;
}

.complementary-products__grid {
  margin-bottom: 30px;
}

.complementary-products__title {
  font-family: "Open Sans",sans-serif;
  font-style: normal;
  font-weight: 400;
  position: relative;
  margin: 30px 0 16px;
  font-size: 13px;
  font-style: normal;
  font-weight: 400;
  color: #30323d;
  text-align: left;
  text-transform: uppercase;
  letter-spacing: 2px;
}
@media screen and (max-width: 720px) {
  .complementary-products__title {
    font-size: 12px;
  }
}
.product-block--first .complementary-products__title {
  margin-top: 0;
}

.complementary-products__container {
  position: relative;
}
.complementary-products__container.complementary-products__container--slider {
  padding: 0 40px;
  margin-bottom: calc(0.75rem + 24px + 30px);
}
@media screen and (max-width: 920px) {
  .complementary-products__container.complementary-products__container--slider {
    padding: 0;
  }
}
.complementary-products__container.complementary-products__container--grid {
  padding: 0;
  margin-bottom: 30px;
}

.complementary-product {
  padding: 0;
  text-align: left;
  border: none;
}

.complementary-product__image {
  flex: 0 0 25%;
}
@media screen and (min-width: 481px) {
  .complementary-product__image {
    flex: 0 0 20%;
  }
}
@media screen and (min-width: 721px) {
  .complementary-product__image {
    flex: 0 0 30%;
  }
}
@media screen and (min-width: 1021px) {
  .complementary-products__container--slider .complementary-product__image {
    flex: 0 0 25%;
  }
}
@media screen and (min-width: 921px) {
  .complementary-products__container--grid .complementary-product__image {
    flex: 0 0 20%;
  }
}
@media screen and (min-width: 1201px) {
  .complementary-products__container--grid .complementary-product__image {
    flex: 0 0 15%;
  }
}
.complementary-product__image img {
  width: 100%;
  height: auto;
}

.complementary-product__name-link {
  font-size: 16px;
}

.complementary-product__price-wrapper {
  display: block;
  margin: 5px 0;
  font-size: 16px;
  line-height: 1.5;
  color: #30323d;
  text-transform: uppercase;
}

.complementary-product__price-compare {
  text-decoration: line-through;
}

.complementary-product__price-text {
  padding: 0;
}

.complementary-product__price-text--now {
  display: none;
}

.complementary-product__unit-price {
  margin-top: 5px;
  font-size: 13px;
  line-height: 1.4;
  opacity: 0.8;
}

.complementary-product__link {
  display: block;
  margin-top: 12px;
}

@media screen and (max-width: 920px) {
  .product-focus-wrapper {
    text-align: center;
  }
}
.product-focus-wrapper.align-image-to-section {
  padding-bottom: 0;
}

.product-focus-has-content .product-focus-hero-image-container {
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 100%;
  overflow: hidden;
  text-align: center;
}
@media screen and (max-width: 920px) {
  .product-focus-has-content .product-focus-hero-image-container {
    position: relative;
    bottom: auto;
    left: auto;
    display: block;
    margin: 0 0 30px 0;
    padding: 0;
  }
}
.align-image-to-section .product-focus-has-content .product-focus-hero-image-container {
  padding: 30px 0 0;
}
.product-focus-has-content .product-focus-hero-image {
  position: relative;
  display: inline-block;
  height: 100%;
  width: 100%;
  max-width: 380px;
  margin: auto;
}
@media screen and (max-width: 920px) {
  .product-focus-has-content .product-focus-hero-image {
    display: block;
    max-width: 100%;
  }
}
.product-focus-has-content .product-focus-hero-image img,
.product-focus-has-content .product-focus-hero-image svg {
  transform: translate(-50%, -50%);
  position: absolute;
  top: 50%;
  left: 50%;
  max-width: 100%;
  max-height: 100%;
}
.align-image-to-section .product-focus-has-content .product-focus-hero-image img,
.align-image-to-section .product-focus-has-content .product-focus-hero-image svg {
  transform: translateX(-50%);
  top: auto;
  bottom: 0;
}
@media screen and (max-width: 920px) {
  .align-image-to-section .product-focus-has-content .product-focus-hero-image img,
  .align-image-to-section .product-focus-has-content .product-focus-hero-image svg {
    transform: translateX(0%);
  }
}
@media screen and (max-width: 920px) {
  .product-focus-has-content .product-focus-hero-image img,
  .product-focus-has-content .product-focus-hero-image svg {
    transform: translate(0, 0);
    position: static;
    display: block;
    margin-right: auto;
    margin-left: auto;
  }
}
.product-focus-has-content .product-focus-hero-image svg {
  min-width: 380px;
}
@media screen and (max-width: 920px) {
  .product-focus-has-content .product-focus-hero-image svg {
    min-width: auto;
  }
}

.product-focus-list-container {
  position: relative;
  display: block;
  margin: 0 auto;
  padding-right: 30px;
  padding-left: 30px;
}
.align-image-to-section .product-focus-list-container {
  padding-bottom: 90px;
}
@media screen and (max-width: 920px) {
  .align-image-to-section .product-focus-list-container {
    padding-bottom: 60px;
  }
}

.product-focus-list {
  position: relative;
  width: 100%;
  min-height: 380px;
  margin: 0;
  font-size: 0;
  text-align: left;
}

.product-focus-list-item {
  display: inline-block;
  width: 50%;
  padding: 0 0 0 260px;
  margin: 30px 0;
  font-size: 16px;
  text-align: left;
  vertical-align: top;
}
@media screen and (max-width: 920px) {
  .product-focus-list-item {
    display: block;
    width: 100%;
    padding: 0;
    text-align: center;
  }
}
.product-focus-list-item.list-item-1, .product-focus-list-item.list-item-3 {
  padding: 0 260px 0 0;
  text-align: right;
}
@media screen and (max-width: 920px) {
  .product-focus-list-item.list-item-1, .product-focus-list-item.list-item-3 {
    display: block;
    float: none;
    width: 100%;
    padding: 0 15px;
    text-align: center;
  }
}
.no-image .product-focus-list-item {
  padding: 30px 60px;
  text-align: center;
}
@media screen and (max-width: 920px) {
  .no-image .product-focus-list-item {
    display: block;
    float: none;
    width: 100%;
    padding: 0;
    text-align: center;
  }
}

.product-focus-list-item-icon {
  margin-bottom: 15px;
  color: #2e6837;
}

.product-focus-list-item-title {
  margin: 0 0 10px;
  font-size: 22px;
  line-height: 32px;
  color: #2e6837;
}

.product-focus-list-item-text {
  padding: 0;
}
@media screen and (max-width: 920px) {
  .product-focus-list-item-text {
    margin: 15px auto 0;
    max-width: 450px;
  }
}

.product-featured-goal {
  position: relative;
  display: block;
  font-size: 14px;
}
@media screen and (max-width: 720px) {
  .product-featured-goal {
    padding: 30px 0 0;
  }
}
.no-js .product-featured-goal {
  display: none;
}

.product-featured-goal-graph {
  position: relative;
  display: block;
  padding: 50px 0 0;
}

.product-featured-goal-bar-container {
  border-radius: 5px;
  display: block;
  width: 100%;
  max-width: 100%;
  height: 10px;
  background: #e2e5e4;
}

.product-featured-goal-bar-complete {
  background-image: linear-gradient(to right, #30323d 0%, #2e6837 100%);
  background-repeat: repeat-x;
  border-radius: 5px;
  position: relative;
  height: 100%;
  max-width: 100%;
}

.product-featured-goal-tooltip {
  position: absolute;
  bottom: 20px;
  right: -25px;
  width: 50px;
  height: 40px;
  display: block;
  color: #fff;
  font-size: 16px;
  font-style: normal;
  font-weight: 700;
  line-height: 40px;
  text-align: center;
  background-color: #30323d;
  border-radius: 5px;
}

.product-featured-goal-tooltip-arrow {
  position: absolute;
  top: 100%;
  left: 50%;
  width: 0;
  height: 0;
  border-width: 6px;
  border-style: solid;
  border-color: transparent;
  border-top-color: #30323d;
  margin-left: -6px;
}

.product-featured-goal-blurb {
  margin: 15px 0;
  color: #30323d;
}

.product-featured-goal-delivery-date {
  display: inline-block;
  margin-top: 15px;
  color: #30323d;
}
@media screen and (max-width: 720px) {
  .product-featured-goal-delivery-date {
    display: block;
    text-align: center;
  }
}

.recommended-products {
  padding: 90px 30px 60px;
}
@media screen and (max-width: 720px) {
  .recommended-products {
    padding-top: 45px;
    padding-right: 15px;
    padding-left: 15px;
  }
}
.recommended-products .list-item {
  margin-bottom: 30px;
}
@media screen and (max-width: 1020px) {
  .recommended-products .column-3 .list-item {
    padding-right: 15px;
    padding-left: 15px;
  }
}

.recommended-products-header {
  padding-bottom: 90px;
}
@media screen and (max-width: 720px) {
  .recommended-products-header {
    padding-right: 15px;
    padding-bottom: 45px;
    padding-left: 15px;
  }
}

.recommended-products-body {
  margin-right: -15px;
  margin-left: -15px;
}

.style-color .recommended-products .list-title,
.style-gradient .recommended-products .list-title {
  color: #30323d;
}
.style-color .recommended-products .list-meta,
.style-gradient .recommended-products .list-meta {
  color: #30323d;
}

.product-form-outofstock .shopify-payment-button {
  display: none;
}
@media screen and (max-width: 1160px) {
  .shopify-payment-button:not(:last-child) {
    margin-bottom: 15px;
  }
}
@media screen and (min-width: 1161px) {
  .shopify-payment-button {
    width: 49%;
  }
}
.shopify-payment-button .shopify-payment-button__button {
  margin-right: auto;
  margin-left: auto;
}
.shopify-payment-button .shopify-payment-button__button--unbranded {
  font-family: "Open Sans",sans-serif;
  font-style: normal;
  font-weight: 700;
  padding: 15px 30px;
  overflow: hidden;
  font-size: 12px;
  line-height: 22px;
  letter-spacing: 2px;
  color: #fff;
  text-transform: uppercase;
  background-color: #30323d;
  border: 1px solid #30323d;
  border-radius: 27.5px;
}
.shopify-payment-button .shopify-payment-button__button--unbranded:hover {
  background-color: #292b34 !important;
}
.shopify-payment-button .shopify-payment-button__button--branded {
  min-height: 54px;
  overflow: hidden;
  border-radius: 27.5px;
}
.shopify-payment-button .shopify-payment-button__button--hidden {
  height: 0;
  padding: 0;
  margin: 0;
}
.shopify-payment-button .shopify-payment-button__more-options {
  font-family: "Open Sans",sans-serif;
  font-style: normal;
  font-weight: 400;
  font-size: 14px;
  line-height: 1.625;
  letter-spacing: 0;
  color: #30323d;
  text-align: center;
  text-transform: none;
  vertical-align: top;
  border-radius: 0;
}
.shopify-payment-button .shopify-payment-button__more-options:hover {
  text-decoration: none;
}
.shopify-payment-button .shopify-payment-button__more-options[aria-hidden=true] {
  display: none;
}

.product-specification {
  display: block;
  max-width: 100%;
  padding: 0;
}
@media screen and (max-width: 1020px) {
  .product-specification {
    text-align: center;
  }
}
@media screen and (max-width: 720px) {
  .product-specification {
    padding: 30px 0;
  }
}

.product-specification-header {
  padding: 90px 30px 30px;
}
@media screen and (max-width: 920px) {
  .product-specification-header {
    padding: 30px;
  }
}

.product-specification-body {
  padding: 30px 0;
}
@media screen and (max-width: 920px) {
  .product-specification-body {
    padding: 0;
  }
  .product-specification-body:last-child {
    padding-bottom: 30px;
  }
}

.product-specification-footer {
  padding: 30px 30px 90px 30px;
}
@media screen and (max-width: 920px) {
  .product-specification-footer {
    padding: 30px;
  }
}

.product-specification-cta {
  padding: 0;
  margin: 0;
}

.product-specification-list-container {
  width: 100%;
}
@media screen and (max-width: 720px) {
  .product-specification-list-container {
    padding: 0 30px;
  }
}

.product-specification-list {
  position: relative;
  width: 100%;
}
.product-specification-list:before {
  position: absolute;
  left: 25%;
  top: 0;
  content: "";
  width: 1px;
  height: 100%;
  background: #E6E8E9;
}
@media screen and (max-width: 720px) {
  .product-specification-list:before {
    display: none;
  }
}
.style-color .product-specification-list:before, .style-gradient .product-specification-list:before {
  background: #fff;
}
.style-light .product-specification-list:before {
  background: #e2e5e4;
}

.product-specification-list-item {
  position: relative;
  display: block;
  padding: 0;
  margin: 0;
  text-align: left;
  border-bottom: 1px solid #E6E8E9;
  font-size: 0;
}
@media screen and (max-width: 720px) {
  .product-specification-list-item {
    border-bottom: none;
  }
}
.product-specification-list-item:last-child {
  border: 0;
}
.style-color .product-specification-list-item, .style-gradient .product-specification-list-item {
  border-color: #fff;
}
.style-light .product-specification-list-item {
  border-color: #e2e5e4;
}

.product-specification-list-item-left {
  display: inline-block;
  width: 25%;
  padding: 15px;
  font-size: 16px;
  text-align: center;
  vertical-align: middle;
}
@media screen and (max-width: 720px) {
  .product-specification-list-item-left {
    width: 100%;
    padding: 15px 0;
  }
}

.product-specification-list-item-right {
  display: inline-block;
  width: 75%;
  padding: 30px;
  vertical-align: middle;
}
@media screen and (max-width: 720px) {
  .product-specification-list-item-right {
    width: 100%;
    text-align: center;
    padding: 0 0 15px;
  }
}

.product-specification-list-item-icon {
  max-width: 40px;
}
.product-specification-list-item-icon.icon-size-custom {
  font-size: 2.5em;
}

.product-specification-list-item-title {
  font-family: "Open Sans",sans-serif;
  font-style: normal;
  font-weight: 400;
  padding: 6px 0;
  margin: 0;
  font-size: 16px;
  line-height: 26px;
}
@media screen and (max-width: 720px) {
  .product-specification-list-item-title {
    padding: 0;
  }
}

.product-specification-list-item-icon,
.product-specification-list-item-title {
  color: #2e6837;
}
.style-color .product-specification-list-item-icon, .style-gradient .product-specification-list-item-icon,
.style-color .product-specification-list-item-title,
.style-gradient .product-specification-list-item-title {
  color: #fff;
}

.product-specification-list-item-text {
  padding: 0;
  margin: 0;
  color: #30323d;
  font-size: 14px;
  line-height: 24px;
}

@media screen and (max-width: 720px) {
  .product-specification-button {
    width: 290px;
    padding-right: 0;
    padding-left: 0;
  }
}

.product-specification-left-right-features {
  max-width: 100%;
  padding: 0;
}

.product-specification-left-right-feature {
  font-size: 0;
  margin-top: 100px;
}
.product-specification-left-right-feature:first-child {
  margin-top: 0;
  padding-top: 0;
  border-top: none;
}
.borders .product-specification-left-right-feature {
  padding-top: 60px;
  margin-top: 60px;
  border-top: 1px solid #e2e5e4;
}

.product-specification-left-right-section {
  display: inline-block;
  width: 50%;
  vertical-align: middle;
}
@media screen and (max-width: 1020px) {
  .product-specification-left-right-section {
    width: 60%;
  }
}
@media screen and (max-width: 920px) {
  .product-specification-left-right-section {
    display: block;
    width: 100%;
  }
}

.product-specification-left-right-media {
  display: inline-block;
  padding: 0;
}
@media screen and (max-width: 1020px) {
  .product-specification-left-right-media {
    width: 40%;
  }
}
@media screen and (max-width: 920px) {
  .product-specification-left-right-media {
    text-align: center;
  }
}

.product-specification-left-right-text {
  padding: 0 60px;
  text-align: left;
}
@media screen and (max-width: 1200px) {
  .product-specification-left-right-text {
    padding: 0 30px;
  }
}
@media screen and (max-width: 920px) {
  .product-specification-left-right-text {
    padding: 0 30px;
    text-align: center;
  }
}
@media screen and (max-width: 720px) {
  .product-specification-left-right-text {
    padding: 0 15px;
  }
}

.product-specification-left-right-titles {
  font-size: 36px;
  line-height: 46px;
}
@media screen and (max-width: 1200px) {
  .product-specification-left-right-titles {
    font-size: 26px;
    line-height: 36px;
  }
}
@media screen and (max-width: 920px) {
  .product-specification-left-right-titles {
    max-width: 700px;
    margin: 0 auto;
    font-size: 36px;
    line-height: 46px;
  }
}

.product-specification-left-right-content {
  margin-top: 15px;
}
@media screen and (max-width: 920px) {
  .product-specification-left-right-content {
    max-width: 700px;
    margin: 30px auto 0;
  }
}

.product-specification-left-right-cta {
  padding-top: 15px;
}
@media screen and (max-width: 920px) {
  .product-specification-left-right-cta {
    padding-top: 30px;
  }
}

.product-specification-left-right-image {
  max-width: 100%;
}

.product-tabs {
  display: block;
  margin: 30px 0 0;
  overflow-y: auto;
}
.product-tabs.using-tabs .product-tabs-body {
  padding: 0;
}
.product-tabs.using-tabs :not(:first-child).grouped-content-layout-tabs {
  margin: 30px 0 0;
}

.product-tabs-header {
  height: 30px;
  line-height: 30px;
  border-bottom: 1px solid #e2e5e4;
}

.product-tabs-header-item {
  position: relative;
  float: left;
  margin-right: 15px;
  color: #30323d;
  text-transform: uppercase;
  font-size: 13px;
  letter-spacing: 2px;
  cursor: pointer;
  opacity: 0.8;
}
@media screen and (max-width: 720px) {
  .product-tabs-header-item {
    font-size: 12px;
  }
}
.product-tabs-header-item:hover {
  opacity: 1;
}
.product-tabs-header-item.active {
  font-style: normal;
  font-weight: 700;
  color: #30323d;
  cursor: default;
}
.product-tabs-header-item.active:after {
  position: absolute;
  left: 0;
  bottom: 0px;
  height: 1px;
  width: 100%;
  content: "";
  background: #30323d;
}

.product-tabs-body {
  padding: 15px 0 0;
}

.product-tabs-body-item {
  display: none;
}
.product-tabs-body-item.active {
  display: block;
}
.product-tabs-body-item * {
  max-width: 100%;
}
.product-tabs-body-item ul,
.product-tabs-body-item ol {
  padding-left: 20px;
}


  
.shopify-model-viewer-ui {
  --progress-bar-color: #30323d;
  --progress-bar-height: 2px;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}
.shopify-model-viewer-ui:not(.shopify-model-viewer-ui--fullscreen) .shopify-model-viewer-ui__control-icon.shopify-model-viewer-ui__control-icon--exit-fullscreen {
  display: none;
}
.shopify-model-viewer-ui.shopify-model-viewer-ui--fullscreen .shopify-model-viewer-ui__control-icon.shopify-model-viewer-ui__control-icon--enter-fullscreen {
  display: none;
}
.shopify-model-viewer-ui model-viewer {
  position: absolute;
  top: 0;
  left: 0;
  z-index: 1;
  width: 100%;
  height: 100%;
}
.shopify-model-viewer-ui model-viewer.shopify-model-viewer-ui__disabled {
  pointer-events: none;
}
.shopify-model-viewer-ui .shopify-model-viewer-ui__controls-overlay {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  cursor: pointer;
}
.shopify-model-viewer-ui .shopify-model-viewer-ui__controls-area {
  position: absolute;
  right: 10px;
  bottom: 10px;
  z-index: 1;
  display: flex;
  flex-direction: column;
  width: 46px;
  height: auto;
  opacity: 0;
  transition: opacity 150ms cubic-bezier(0.25, 0.46, 0.45, 0.94);
}
.shopify-model-viewer-ui .shopify-model-viewer-ui__controls-area:not(.shopify-model-viewer-ui__controls-area--playing) {
  display: none;
}
.shopify-model-viewer-ui .shopify-model-viewer-ui__controls-area:focus-within {
  opacity: 1;
}
.shopify-model-viewer-ui:hover .shopify-model-viewer-ui__controls-area {
  opacity: 1;
}
.shopify-model-viewer-ui .shopify-model-viewer-ui__button:focus {
  z-index: 1;
}
.shopify-model-viewer-ui .shopify-model-viewer-ui__button--zoom-out,
.shopify-model-viewer-ui .shopify-model-viewer-ui__button--zoom-in,
.shopify-model-viewer-ui .shopify-model-viewer-ui__button--fullscreen {
  cursor: pointer;
}
.shopify-model-viewer-ui .shopify-model-viewer-ui__button--poster,
.shopify-model-viewer-ui .shopify-model-viewer-ui__button--control {
  width: 46px;
  height: 46px;
  padding: 0;
  color: #30323d;
  background-color: #ffffff;
  border: 1px solid rgba(48, 50, 61, 0.05);
  transition: background-color 150ms cubic-bezier(0.25, 0.46, 0.45, 0.94);
}
body:not(.user-is-tabbing) .shopify-model-viewer-ui .shopify-model-viewer-ui__button--poster,
body:not(.user-is-tabbing) .shopify-model-viewer-ui .shopify-model-viewer-ui__button--control {
  outline: none;
}
.shopify-model-viewer-ui .shopify-model-viewer-ui__button--poster svg,
.shopify-model-viewer-ui .shopify-model-viewer-ui__button--control svg {
  width: 46px;
  height: 46px;
  opacity: 1;
  transition: opacity 150ms cubic-bezier(0.25, 0.46, 0.45, 0.94);
}
.shopify-model-viewer-ui .shopify-model-viewer-ui__button--poster:hover svg,
.shopify-model-viewer-ui .shopify-model-viewer-ui__button--control:hover svg {
  opacity: 0.55;
}
.shopify-model-viewer-ui .shopify-model-viewer-ui__button--poster:active,
.shopify-model-viewer-ui .shopify-model-viewer-ui__button--control:active {
  background-color: #f5f5f5;
}
.shopify-model-viewer-ui .shopify-model-viewer-ui__button--poster {
  position: absolute;
  top: calc(50% - 60px/2);
  left: calc(50% - 60px/2);
  z-index: 1;
  width: 60px;
  height: 60px;
  background-color: #ffffff;
  border: none;
  box-shadow: 0 0 0 1px rgba(48, 50, 61, 0.05);
}
.shopify-model-viewer-ui .shopify-model-viewer-ui__button--poster:hover svg {
  opacity: 0.55;
}
.shopify-model-viewer-ui .shopify-model-viewer-ui__button--poster svg {
  width: 100%;
  height: 100%;
  border: none;
  opacity: 1;
  transition: opacity 150ms cubic-bezier(0.25, 0.46, 0.45, 0.94);
}
.shopify-model-viewer-ui .shopify-model-viewer-ui__button--control:first-child {
  border-bottom: 0;
}
.shopify-model-viewer-ui .shopify-model-viewer-ui__button--control:last-child {
  border-top: 0;
}

.plyr.plyr--video {
  color: #30323d;
  background-color: #ffffff;
}
.plyr.plyr--video .plyr__control {
  color: #30323d;
  background: #ffffff;
  border: 0;
}
.plyr.plyr--video > .plyr__control {
  width: 60px;
  height: 60px;
  padding: 0;
  background: #ffffff;
  box-shadow: 0 0 0 1px rgba(48, 50, 61, 0.05);
}
.plyr.plyr--video > .plyr__control > svg {
  width: 100%;
  height: 100%;
  margin: 0;
  border: 0;
  transition: opacity 150ms cubic-bezier(0.25, 0.46, 0.45, 0.94);
}
.plyr.plyr--video > .plyr__control:hover > svg {
  opacity: 0.55;
}
.plyr.plyr--video > .plyr__control:active {
  opacity: 0.7;
}
.plyr.plyr--video .plyr__progress__buffer {
  background: rgba(48, 50, 61, 0.6);
  opacity: 0.6;
}
.plyr.plyr--video .plyr__control--overlaid.plyr__tab-focus,
.plyr.plyr--video .plyr__control--overlaid:hover {
  color: #30323d;
}
.plyr.plyr--video .plyr__video-wrapper,
.plyr.plyr--video .plyr__poster {
  background-color: #ffffff;
}
.plyr.plyr--video .plyr__controls {
  background: #ffffff;
  border: 0;
  box-shadow: 0 0 0 1px rgba(48, 50, 61, 0.05);
}
.plyr.plyr--video .plyr__tooltip {
  color: #ffffff;
  background: #30323d;
}
.plyr.plyr--video .plyr__tooltip:before {
  border-top: 4px solid #30323d;
}
.plyr.plyr--video.plyr--full-ui input[type=range]::-webkit-slider-runnable-track {
  background-image: linear-gradient(to right, #30323d var(--value, 0%), rgba(48, 50, 61, 0.6) var(--value, 0%));
}
.plyr.plyr--video.plyr--full-ui input[type=range].plyr__tab-focus::-webkit-slider-runnable-track {
  box-shadow: 0 0 0 4px rgba(48, 50, 61, 0.25);
}
.plyr.plyr--video.plyr--full-ui input[type=range].plyr__tab-focus::-moz-range-track {
  box-shadow: 0 0 0 4px rgba(48, 50, 61, 0.25);
}
.plyr.plyr--video.plyr--full-ui input[type=range].plyr__tab-focus::-ms-track {
  box-shadow: 0 0 0 4px rgba(48, 50, 61, 0.25);
}
.plyr.plyr--video.plyr--full-ui input[type=range]::-webkit-slider-thumb {
  box-shadow: 2px 0 0 0 #ffffff;
}
.plyr.plyr--video.plyr--full-ui input[type=range]::-moz-range-track {
  box-shadow: 2px 0 0 0 #ffffff;
}
.plyr.plyr--video.plyr--full-ui input[type=range]::-ms-thumb {
  box-shadow: 2px 0 0 0 #ffffff;
}
.plyr.plyr--video.plyr--full-ui input[type=range]:active::-webkit-slider-thumb {
  box-shadow: 0 0 0 3px rgba(48, 50, 61, 0.25);
}
.plyr.plyr--video.plyr--full-ui input[type=range]:active::-moz-range-track {
  box-shadow: 0 0 0 3px rgba(48, 50, 61, 0.25);
}
.plyr.plyr--video.plyr--full-ui input[type=range]:active::-ms-thumb {
  box-shadow: 0 0 0 3px rgba(48, 50, 61, 0.25);
}
.plyr.plyr--video.plyr--full-ui .plyr__volume {
  background-color: #30323d;
}
.plyr.plyr--video.plyr--full-ui .plyr__volume input[type=range]::-webkit-slider-runnable-track {
  background-image: linear-gradient(to right, #ffffff var(--value, 0%), rgba(255, 255, 255, 0.6) var(--value, 0%));
}
.plyr.plyr--video.plyr--full-ui .plyr__volume input[type=range].plyr__tab-focus::-webkit-slider-runnable-track {
  box-shadow: 0 0 0 4px rgba(255, 255, 255, 0.25);
}
.plyr.plyr--video.plyr--full-ui .plyr__volume input[type=range].plyr__tab-focus::-moz-range-track {
  box-shadow: 0 0 0 4px rgba(255, 255, 255, 0.25);
}
.plyr.plyr--video.plyr--full-ui .plyr__volume input[type=range].plyr__tab-focus::-ms-track {
  box-shadow: 0 0 0 4px rgba(255, 255, 255, 0.25);
}
.plyr.plyr--video.plyr--full-ui .plyr__volume input[type=range]::-webkit-slider-thumb {
  color: #ffffff;
  box-shadow: 2px 0 0 0 #30323d;
}
.plyr.plyr--video.plyr--full-ui .plyr__volume input[type=range]::-moz-range-track {
  color: #ffffff;
  box-shadow: 2px 0 0 0 #30323d;
}
.plyr.plyr--video.plyr--full-ui .plyr__volume input[type=range]::-ms-thumb {
  color: #ffffff;
  box-shadow: 2px 0 0 0 #30323d;
}
.plyr.plyr--video.plyr--full-ui .plyr__volume input[type=range]:active::-webkit-slider-thumb {
  box-shadow: 0 0 0 3px rgba(255, 255, 255, 0.25);
}
.plyr.plyr--video.plyr--full-ui .plyr__volume input[type=range]:active::-moz-range-track {
  box-shadow: 0 0 0 3px rgba(255, 255, 255, 0.25);
}
.plyr.plyr--video.plyr--full-ui .plyr__volume input[type=range]:active::-ms-thumb {
  box-shadow: 0 0 0 3px rgba(255, 255, 255, 0.25);
}

;
.product-gallery {
  text-align: left;
  padding-right: 20px;
}
@media screen and (max-width: 720px) {
  .product-gallery {
    margin-top: 30px;
    padding-right: 0;
  }
}
.product-gallery .flickity-viewport {
  position: relative;
  overflow: hidden;
  transition: height 0.66s cubic-bezier(0.25, 0.46, 0.45, 0.94);
}
.product-gallery .flickity-slider {
  position: absolute;
  width: 100%;
  height: 100%;
}

.product-gallery--viewport {
  margin-bottom: 20px;
}

.product-gallery--navigation {
  position: relative;
  padding-right: 75px;
  padding-left: 75px;
  margin-top: 30px;
  margin-right: auto;
  margin-bottom: 20px;
  margin-left: auto;
}
@media screen and (max-width: 720px) {
  .product-gallery--navigation {
    padding-right: 55px;
    padding-left: 55px;
  }
}
.product-gallery--navigation .flickity-viewport {
  height: 80px;
}

.product-gallery--viewport--figure {
  position: relative;
  width: 100%;
  opacity: 0;
  visibility: hidden;
  transition: opacity 0.2s cubic-bezier(0.25, 0.46, 0.45, 0.94);
}
body:not(.user-is-tabbing) .product-gallery--viewport--figure {
  outline: none;
}
.flickity-viewport .product-gallery--viewport--figure[data-product-gallery-selected=false] .plyr__control--overlaid {
  visibility: hidden;
}
.product-gallery--viewport--figure[data-product-gallery-selected=true] {
  z-index: 100;
  opacity: 1;
  visibility: visible;
}
.product-gallery--viewport--figure img {
  display: block;
  width: 100%;
  height: auto;
}
.product-gallery--viewport--figure video {
  display: block;
  max-width: 100%;
}
.product-gallery--viewport--figure.zoom-enabled {
  cursor: pointer;
  cursor: zoom-in;
}
.product-gallery--viewport--figure .product-gallery--media-wrapper {
  position: relative;
}
.product-gallery--viewport--figure[data-media-type=model] .product-gallery--media-wrapper {
  height: 0;
  padding-bottom: 100%;
}
.product-gallery--viewport--figure[data-media-type=model] .product-gallery--media-wrapper model-viewer {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}
.no-js .product-gallery--viewport--figure {
  display: none;
}
.no-js .product-gallery--viewport--figure + noscript .image-no-js {
  display: block;
}
.product-gallery--viewport--figure[data-media-type=video] .product-gallery--media-wrapper > video {
  visibility: hidden;
}
.product-gallery--viewport--figure[data-media-type=external_video] .product-gallery--media-wrapper {
  width: 100%;
  height: 0;
  padding-bottom: 56.25%;
}
.product-gallery--viewport--figure[data-media-type=external_video] .product-gallery--media-wrapper > iframe {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}

.product-gallery--media-thumbnail {
  position: relative;
  display: inline-block;
  min-width: 80px;
  max-width: 80px;
  margin-top: 2px;
  margin-bottom: 2px;
  margin-right: 12px;
  padding: 2px;
  opacity: 0.5;
  border: 0;
  background-color: transparent;
}
.product-gallery--media-thumbnail .product-gallery--media-thumbnail-img-wrapper {
  pointer-events: none;
}
@media screen and (max-width: 720px) {
  .product-gallery--media-thumbnail {
    margin-right: 5px;
  }
}
.product-gallery--media-thumbnail .product-gallery--media-thumbnail-img-wrapper {
  position: relative;
  display: block;
  height: 100%;
}
body:not(.user-is-tabbing) .product-gallery--media-thumbnail .product-gallery--media-thumbnail-img-wrapper:focus {
  outline: none;
}
body:not(.user-is-tabbing) .product-gallery--media-thumbnail:focus {
  outline: none;
}
.product-gallery--media-thumbnail[data-product-gallery-selected=true] {
  opacity: 1;
  border: 1px solid #30323d;
}
.product-gallery--media-thumbnail svg {
  position: absolute;
  top: 3px;
  right: 3px;
  width: 20px;
  height: 20px;
  color: #30323d;
  background-color: #ffffff;
  box-shadow: 0 0 0 1px rgba(48, 50, 61, 0.05);
  opacity: 1;
  z-index: 1;
}

.product-gallery--image-zoom-container {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 10;
  display: none;
  cursor: pointer;
  cursor: zoom-out;
  background-color: #fff;
  background-repeat: no-repeat;
}
.product-gallery--image-zoom-container.active {
  display: block;
}

.product-gallery--viewinyourspace {
  font-family: "Open Sans",sans-serif;
  font-style: normal;
  font-weight: 400;
  bottom: 0;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 100%;
  height: auto;
  padding: 5px 0;
  color: #30323d;
  background-color: rgba(48, 50, 61, 0.08);
  border: 0;
}
.product-gallery--viewinyourspace[data-shopify-xr-hidden] {
  visibility: hidden;
}
@media screen and (min-width: 721px) {
  .product-gallery--viewinyourspace[data-shopify-xr-hidden] {
    display: none;
  }
}
.product-gallery--viewinyourspace svg {
  width: 44px;
  height: 44px;
  pointer-events: none;
}

.product-slideshow-navigation {
  position: absolute;
  top: 0;
  z-index: 2;
  width: 75px;
  height: 100%;
  font-size: 21px;
  line-height: 60px;
  color: #30323d;
  text-align: center;
  cursor: pointer;
  background-color: #ffffff;
}
@media screen and (max-width: 720px) {
  .product-slideshow-navigation {
    width: 55px;
  }
}
.product-slideshow-navigation.product-slideshow-previous {
  left: 0;
}
.product-slideshow-navigation.product-slideshow-next {
  right: 0;
}
body:not(.user-is-tabbing) .product-slideshow-navigation:focus {
  outline: none;
}
.no-js .product-slideshow-navigation {
  cursor: initial;
}

.surface-pick-up-embed {
  --surface-pick-up-embed-theme-success-color: rgb(50, 205, 50);
  --surface-pick-up-embed-theme-error-color: rgb(179, 58, 58);
  --surface-pick-up-embed-theme-paragraph-font-size: 16px;
  --surface-pick-up-embed-theme-paragraph-smaller-font-size: calc(var(--surface-pick-up-embed-theme-paragraph-font-size) - 4px);
  --surface-pick-up-embed-theme-body-font-weight-bold: 600;
  --surface-pick-up-embed-theme-body-text-color: #808080;
  --surface-pick-up-embed-theme-link-text-decoration: underline;
  --surface-pick-up-embed-row-gap: 10px;
  --surface-pick-up-embed-column-gap: 10px;
  display: grid;
  grid-template-columns: min-content auto;
  row-gap: var(--surface-pick-up-embed-row-gap);
  column-gap: var(--surface-pick-up-embed-column-gap);
  justify-content: flex-start;
  text-align: left;
}

.surface-pick-up-embed__in-stock-icon,
.surface-pick-up-embed__out-of-stock-icon {
  grid-column-start: 1;
  grid-column-end: 2;
  margin-top: 3px;
}

.surface-pick-up-embed__in-stock-icon {
  fill: var(--surface-pick-up-embed-theme-success-color);
}

.surface-pick-up-embed__out-of-stock-icon {
  fill: var(--surface-pick-up-embed-theme-error-color);
}

.surface-pick-up-embed__location-info,
.surface-pick-up-embed__modal-btn {
  grid-column-start: 2;
  grid-column-end: 3;
}

.surface-pick-up-embed__location-info {
  grid-row-start: 1;
  grid-row-end: 2;
}

.surface-pick-up-embed__location-availability {
  margin-top: 0;
  margin-bottom: 0;
  font-family: inherit;
  font-size: var(--surface-pick-up-embed-theme-paragraph-font-size);
  font-weight: inherit;
  color: var(--surface-pick-up-embed-theme-body-text-color);
}
.surface-pick-up-embed__location-availability b {
  font-weight: var(--surface-pick-up-embed-theme-body-font-weight-bold);
}

.surface-pick-up-embed__location-pick-up-time {
  font-size: var(--surface-pick-up-embed-theme-paragraph-smaller-font-size);
  color: var(--surface-pick-up-embed-theme-body-text-color);
}

.surface-pick-up-embed__modal-btn {
  grid-row-start: 2;
  grid-row-end: 3;
  justify-self: start;
  padding: 0;
  font-size: var(--surface-pick-up-embed-theme-paragraph-smaller-font-size);
  color: var(--surface-pick-up-theme-embed-body-text-color);
  text-align: left;
  -webkit-text-decoration: var(--surface-pick-up-embed-theme-link-text-decoration);
          text-decoration: var(--surface-pick-up-embed-theme-link-text-decoration);
  cursor: pointer;
  background-color: initial;
  border: 0;
}

.surface-pick-up-items {
  padding: 0;
  margin: 0;
}

.surface-pick-up-item {
  --surface-pick-up-item-theme-success-color: rgb(50, 205, 50);
  --surface-pick-up-item-theme-error-color: rgb(179, 58, 58);
  --surface-pick-up-item-theme-paragraph-font-size: 16px;
  --surface-pick-up-item-theme-paragraph-smaller-font-size: calc(var(--surface-pick-up-item-theme-paragraph-font-size) - 4px);
  --surface-pick-up-item-theme-body-font-weight-bold: 600;
  --surface-pick-up-item-theme-body-text-color: #808080;
  --surface-pick-up-item-theme-border-color: #d9d9d9;
  --surface-pick-up-item-theme-link-text-decoration: underline;
  --surface-pick-up-item-row-gap: 10px;
  --surface-pick-up-item-column-gap: 5px;
  --surface-pick-up-item-gap: 28px;
  display: grid;
  grid-template-columns: repeat(2, auto) 1fr;
  row-gap: var(--surface-pick-up-item-row-gap);
  column-gap: var(--surface-pick-up-item-column-gap);
  justify-content: flex-start;
  padding-bottom: var(--surface-pick-up-item-gap);
  margin: var(--surface-pick-up-item-gap) 0 0;
  text-align: left;
  border-bottom: 1px solid var(--surface-pick-up-item-theme-border-color);
}
.surface-pick-up-item:last-child {
  padding-bottom: 0;
  border-bottom: none;
}

.surface-pick-up-item__header {
  display: flex;
  grid-column: span 3;
  align-items: flex-end;
}

.surface-pick-up-item__pick-up-location {
  margin-top: 0;
  margin-bottom: 0;
  font-family: inherit;
  font-size: var(--surface-pick-up-item-theme-paragraph-font-size);
  font-weight: var(--surface-pick-up-item-theme-body-font-weight-bold);
  color: var(--surface-pick-up-item-theme-body-text-color);
}

.surface-pick-up-item__pick-up-distance {
  padding-left: 2rem;
  margin: 0 0 0 auto;
}

.surface-pick-up-item__in-stock-icon,
.surface-pick-up-item__out-of-stock-icon {
  grid-row-start: 2;
  grid-row-end: 3;
  grid-column-start: 1;
  grid-column-end: 2;
  margin-top: 1px;
}

.surface-pick-up-item__in-stock-icon {
  fill: var(--surface-pick-up-item-theme-success-color);
}

.surface-pick-up-item__out-of-stock-icon {
  fill: var(--surface-pick-up-item-theme-error-color);
}

.surface-pick-up-item__availability {
  grid-row-start: 2;
  grid-row-end: 3;
  grid-column-start: 2;
  grid-column-end: 3;
  font-size: var(--surface-pick-up-item-theme-paragraph-smaller-font-size);
  color: var(--surface-pick-up-item-theme-body-text-color);
}

.surface-pick-up-item__address-info {
  grid-row-start: 3;
  grid-row-end: 4;
  grid-column-start: 1;
  grid-column-end: 3;
  font-size: var(--surface-pick-up-item-theme-paragraph-smaller-font-size);
  font-style: normal;
  line-height: 1.4;
  color: var(--surface-pick-up-item-theme-body-text-color);
}
.surface-pick-up-item__address-info p {
  margin: 0;
}
.surface-pick-up-item__address-info a,
.surface-pick-up-item__address-info a:visited {
  color: inherit;
  text-decoration: none;
}
.surface-pick-up-item__address-info a:focus,
.surface-pick-up-item__address-info a:active,
.surface-pick-up-item__address-info a:hover {
  color: inherit;
}

.surface-pick-up-item__confirm-address {
  margin-top: var(--surface-pick-up-item-row-gap);
}

.surface-pick-up-item__confirm-address-icon {
  display: inline-block;
  width: 10px;
  height: 10px;
  margin-right: 5px;
}

.surface-pick-up-embed {
  --surface-pick-up-embed-theme-success-color: #5bef6b;
  --surface-pick-up-embed-theme-error-color: #e13333;
  --surface-pick-up-embed-theme-paragraph-font-size: 16px;
  --surface-pick-up-embed-theme-paragraph-smaller-font-size: calc(var(--surface-pick-up-embed-theme-paragraph-font-size) - 1px);
  --surface-pick-up-embed-theme-body-font-weight-bold: 700;
  --surface-pick-up-embed-theme-body-text-color: #30323d;
  --surface-pick-up-embed-theme-link-text-decoration: underline;
  --surface-pick-up-embed-row-gap: 10px;
  --surface-pick-up-embed-column-gap: 10px;
  margin-top: 15px;
  padding: 15px 0;
}
@media screen and (max-width: 1020px) {
  .surface-pick-up-embed {
    justify-content: center;
    text-align: center;
  }
}

.surface-pick-up-item {
  --surface-pick-up-item-theme-success-color: #5bef6b;
  --surface-pick-up-item-theme-error-color: #e13333;
  --surface-pick-up-item-theme-paragraph-font-size: 16px;
  --surface-pick-up-item-theme-paragraph-smaller-font-size: calc(var(--surface-pick-up-item-theme-paragraph-font-size) - 1px);
  --surface-pick-up-item-theme-body-font-weight-bold: 700;
  --surface-pick-up-item-theme-body-text-color: #30323d;
  --surface-pick-up-item-theme-border-color: #e2e5e4;
  --surface-pick-up-item-theme-link-text-decoration: underline;
  --surface-pick-up-item-row-gap: 10px;
  --surface-pick-up-item-column-gap: 5px;
  --surface-pick-up-item-gap: 16px;
}

@media screen and (max-width: 1020px) {
  .surface-pick-up-embed__modal-btn {
    justify-self: center;
  }
}

.surface-pick-up-embed__location-availability {
  text-align: left;
}

.surface-pick-up-item__pick-up-distance {
  padding-top: 0;
  padding-bottom: 0;
}

.surface-pick-up-item__address-info p {
  padding: 0;
}

.surface-pick-up-modal__header {
  font-size: 24px;
  font-weight: bold;
  line-height: 1.25;
}

.surface-pick-up-modal__subtitle {
  display: block;
  margin-top: 8px;
}

.surface-pick-up-embed__in-stock-icon,
.surface-pick-up-embed__out-of-stock-icon,
.surface-pick-up-item__in-stock-icon,
.surface-pick-up-item__out-of-stock-icon {
  /*
   * Align SVG with middle of first line of text
   *
   * (text height midpoint)[line-height * font-size / 2]
   * - (svg height midpoint)[svg-height / 2]
   * - (relative offset to align at visually weighted centered)[-2px]
   */
  margin-top: 4.5px;
}

.surface-pick-up-item__header {
  align-items: flex-start;
}

.surface-pick-up-item__pick-up-location {
  line-height: 1.5;
}

.age-gate {
  position: fixed;
  top: 0;
  left: 0;
  z-index: 999;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 100%;
  height: 100%;
  text-align: center;
}
.age-gate::before {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: var(--background-color, #ffffff);
  content: "";
}

.age-gate__header {
  margin-bottom: 32px;
}

.age-gate__logo-wrapper {
  position: relative;
  display: block;
  max-width: 100px;
  margin: 0 auto;
}
.age-gate__logo-wrapper + .age-gate__heading,
.age-gate__logo-wrapper + .age-gate__description {
  margin-top: 32px;
}

.age-gate__logo {
  width: auto;
  height: auto;
  max-width: 100%;
}

.age-gate__heading {
  margin-top: 0;
  margin-bottom: 0;
}
.age-gate__heading + .age-gate__description {
  margin-top: 12px;
}

.age-gate__description {
  margin-top: 0;
  margin-bottom: 0;
}

.age-gate__content {
  position: relative;
  z-index: 1;
  /* Extra small devices (phones, 768px and down) */
  max-width: 75%;
  /* Medium devices (landscape tablets, 768px and up) */
}
@media only screen and (min-width: 768px) {
  .age-gate__content {
    max-width: 50%;
  }
}

.age-gate__form {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 16px;
}

.age-gate__select-wrapper {
  /* Extra small devices (phones, 768px and down) */
  grid-column: 1/4;
  /* Medium devices (landscape tablets, 768px and up) */
}
@media only screen and (min-width: 768px) {
  .age-gate__select-wrapper {
    grid-column: unset;
  }
}

.age-gate__select {
  margin-top: 0;
  margin-bottom: 0;
  /* Medium devices (landscape tablets, 768px and up) */
}
@media only screen and (min-width: 768px) {
  .age-gate__select {
    margin-top: inherit;
    margin-bottom: inherit;
  }
}

.age-gate__confirm_btn {
  grid-column: 1/4;
}

.age-gate__error {
  grid-column: 1/4;
  margin-top: 10px;
  color: var(--color-error, #ea555c);
}

.age-gate__heading {
  padding: 0;
}

.age-gate__description {
  padding: 0;
}

.pxs-announcement-bar {
  display: block;
  padding: 16px 15px;
  font-size: 14px;
  line-height: 1.5;
  text-align: center;
  text-decoration: none;
}
@media (min-width: 720px) {
  .pxs-announcement-bar {
    padding-right: 30px;
    padding-left: 30px;
  }
}

.pxs-announcement-bar-text-mobile + .pxs-announcement-bar-text-desktop {
  display: none;
}
@media (min-width: 720px) {
  .pxs-announcement-bar-text-mobile + .pxs-announcement-bar-text-desktop {
    display: block;
  }
}

@media (min-width: 720px) {
  .pxs-announcement-bar-text-mobile {
    display: none;
  }
}

.pxs-announcement-bar {
  top: 0;
  right: 0;
  left: 0;
  z-index: 98;
  width: 100%;
}
.has-slideshow-full-window .pxs-announcement-bar, .has-sticky-header .pxs-announcement-bar {
  position: absolute;
}

.image-with-text {
  max-width: 100%;
  text-align: center;
}
.image-with-text.has-media {
  padding-bottom: 0;
}
.image-with-text.has-media.has-content {
  padding-right: 0;
  padding-left: 0;
}
.image-with-text.has-media.no-content {
  padding: 0;
}

.image-with-text-header {
  max-width: 1200px;
  padding-bottom: 30px;
  margin-right: auto;
  margin-left: auto;
}

.image-with-text-body {
  max-width: 800px;
  margin: 0 auto;
}

.image-with-text-body-item {
  max-width: 1200px;
  margin: auto;
}

.image-with-text-media {
  display: block;
  width: auto;
  max-width: 100%;
  margin: 0 auto;
}
.has-content .image-with-text-media {
  margin-top: 90px;
}
@media screen and (max-width: 720px) {
  .has-content .image-with-text-media {
    margin-top: 60px;
  }
}

.image-with-text-module-title {
  max-width: 700px;
  margin: auto;
}

.image-with-text-content {
  max-width: 700px;
  margin: auto;
}

.pxs-rich-text {
  max-width: 100%;
  padding: 60px 30px;
  margin: 0 auto;
}
@media (min-width: 720px) {
  .pxs-rich-text {
    padding-top: 90px;
    padding-bottom: 90px;
  }
  .pxs-rich-text.pxs-rich-text-width-regular {
    width: 700px;
  }
  .pxs-rich-text.pxs-rich-text-width-wide {
    width: 900px;
  }
  .pxs-rich-text.pxs-rich-text-width-full-width {
    width: 100%;
  }
}

.pxs-rich-text-block {
  margin-bottom: 40px;
  text-align: left;
}
.pxs-rich-text-block:last-child {
  margin-bottom: 0;
}
.pxs-rich-text-block:nth-child(n+2) {
  padding-top: 60px;
  border-top: 1px solid #e2e5e4;
}
@media (min-width: 720px) {
  .pxs-rich-text-block {
    margin-bottom: 60px;
  }
  .pxs-rich-text-block:nth-child(n+2) {
    padding-top: 60px;
  }
}

.pxs-rich-text-alignment-center {
  text-align: center;
}

.pxs-rich-text-alignment-right {
  text-align: right;
}

.pxs-rich-text-heading {
  margin-top: 0;
  margin-bottom: 20px;
}
.pxs-rich-text-heading:last-child {
  margin-bottom: 0;
}
@media (min-width: 720px) {
  .pxs-rich-text-heading {
    margin-bottom: 30px;
  }
}

.pxs-rich-text {
  max-width: 100%;
}

.pxs-rich-text-heading {
  font-family: Roboto,sans-serif;
  font-style: normal;
  font-weight: 500;
  font-size: 26px;
  line-height: 1.3;
  color: #30323d;
}
.pxs-rich-text-heading:last-child {
  margin-bottom: 0;
}
@media screen and (min-width: 721px) {
  .pxs-rich-text-heading-medium .pxs-rich-text-heading {
    font-size: 30px;
  }
  .pxs-rich-text-heading-large .pxs-rich-text-heading {
    font-size: 36px;
  }
}

.pxs-rich-text-content p:first-child {
  padding-top: 0;
}
.pxs-rich-text-content p:last-child {
  padding-bottom: 0;
}

.pxs-map {
  position: relative;
  display: flex;
  justify-content: space-between;
  margin-top: 50px;
}
@media (max-width: 720px) {
  .pxs-map {
    flex-wrap: wrap;
  }
}

.pxs-map-wrapper {
  position: relative;
  width: 100%;
  height: 350px;
  padding: 0;
  background-size: cover;
}
@media (min-width: 720px) {
  .pxs-map-wrapper {
    height: 500px;
  }
  .pxs-map-section-layout-x-outside-left .pxs-map-wrapper, .pxs-map-section-layout-x-outside-right .pxs-map-wrapper {
    width: 50%;
  }
}
.pxs-map-wrapper.pxs-map-wrapper-height-medium {
  height: 448px;
}
@media (min-width: 720px) {
  .pxs-map-wrapper.pxs-map-wrapper-height-medium {
    height: 640px;
  }
}
.pxs-map-wrapper.pxs-map-wrapper-height-large {
  height: 504px;
}
@media (min-width: 720px) {
  .pxs-map-wrapper.pxs-map-wrapper-height-large {
    height: 720px;
  }
}
.pxs-map-wrapper .pxs-map-image {
  position: absolute;
  width: 1px;
  height: 1px;
  overflow: hidden;
  opacity: 0;
}
.pxs-map-wrapper .pxs-map-image[data-rimg=noscript] {
  position: relative;
  width: 100%;
  height: 100%;
  opacity: 1;
  object-fit: cover;
}

.pxs-map-overlay {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
}
.pxs-map-section-layout-x-outside-left .pxs-map-overlay, .pxs-map-section-layout-x-outside-right .pxs-map-overlay {
  display: none;
}
@media (max-width: 720px) {
  .pxs-map-overlay {
    display: none;
  }
}

.pxs-map-container {
  position: relative;
  width: 100%;
  height: 100%;
}

.pxs-map-error-message {
  display: flex;
  align-items: center;
  flex-direction: column;
  justify-content: center;
  width: 100%;
  height: 100%;
  padding: 20px;
}
.pxs-map-error-message p {
  margin: 0;
  text-align: center;
}
.pxs-map-error-message a {
  color: inherit;
}

.pxs-map-card-wrapper {
  width: 100%;
}
@media (max-width: 720px) {
  .pxs-map-section-layout-mobile-above .pxs-map-card-wrapper {
    order: -1;
    margin-bottom: 20px;
  }
  .pxs-map-section-layout-mobile-below .pxs-map-card-wrapper {
    margin-top: 20px;
  }
}
@media (min-width: 720px) {
  .pxs-map-card-wrapper {
    position: absolute;
    top: 20px;
    right: 20px;
    bottom: 20px;
    left: 0;
    display: flex;
    align-items: flex-start;
    justify-content: flex-start;
    padding: 0 20px;
  }
  .pxs-map-section-layout-x-outside-left .pxs-map-card-wrapper, .pxs-map-section-layout-x-outside-right .pxs-map-card-wrapper {
    position: static;
    width: calc(50% - 10px);
    padding: 0;
    background-color: #fff;
  }
  .pxs-map-section-layout-x-outside-left .pxs-map-card-wrapper {
    order: -1;
  }
  .pxs-map-section-layout-y-outside-center .pxs-map-card-wrapper, .pxs-map-section-layout-y-overlay-center .pxs-map-card-wrapper {
    align-items: center;
  }
  .pxs-map-section-layout-y-outside-bottom .pxs-map-card-wrapper, .pxs-map-section-layout-y-overlay-bottom .pxs-map-card-wrapper {
    align-items: flex-end;
  }
  .pxs-map-section-layout-x-overlay-center .pxs-map-card-wrapper {
    justify-content: center;
  }
  .pxs-map-section-layout-x-overlay-right .pxs-map-card-wrapper {
    justify-content: flex-end;
  }
}
@media (min-width: 1020px) {
  .pxs-map-card-wrapper {
    top: 30px;
    bottom: 30px;
    padding: 0 30px;
  }
}

.pxs-map-card {
  width: 100%;
  padding: 30px;
  background-color: #fff;
}
@media (max-width: 720px) {
  .pxs-map-card {
    max-width: 100%;
  }
}
@media (min-width: 720px) {
  .pxs-map-card {
    right: auto;
    bottom: 30px;
    left: 30px;
    width: auto;
    max-width: 40%;
    min-width: 280px;
  }
  .pxs-map-section-layout-x-outside-left .pxs-map-card, .pxs-map-section-layout-x-outside-right .pxs-map-card {
    width: 100%;
    max-width: 100%;
  }
}

.pxs-map-card-text-alignment-left {
  text-align: left;
}

.pxs-map-card-text-alignment-center {
  text-align: center;
}

.pxs-map-card-text-alignment-right {
  text-align: right;
}

.pxs-map-card-heading {
  margin: 0 0 20px;
}

.pxs-map-card-content p:last-child {
  margin-bottom: 0;
}

.pxs-map {
  margin-top: 0;
}

.pxs-map-wrapper [data-rimg-noscript] {
  position: relative;
}

@media screen and (min-width: 721px) {
  .pxs-map-card-wrapper {
    top: 30px;
    right: 30px;
    bottom: 30px;
    padding: 0 30px;
  }
}
@media screen and (min-width: 1201px) {
  .pxs-map-card-wrapper {
    top: 60px;
    right: 60px;
    bottom: 60px;
    padding: 0 60px;
  }
}
.pxs-map-section-layout-mobile-above .pxs-map-card-wrapper {
  margin-bottom: 0;
}
.pxs-map-section-layout-mobile-below .pxs-map-card-wrapper {
  margin-top: 0;
}

.pxs-map-card-heading {
  font-family: Roboto,sans-serif;
  font-style: normal;
  font-weight: 500;
  font-size: 26px;
  line-height: 1.3;
  color: #30323d;
}
@media screen and (min-width: 1201px) {
  .pxs-map-section-layout-x-outside-left .pxs-map-card-heading, .pxs-map-section-layout-x-outside-right .pxs-map-card-heading {
    font-size: 36px;
  }
}

.pxs-map-card {
  padding: 60px 30px;
}
@media screen and (min-width: 721px) {
  .pxs-map-card {
    padding-top: 30px;
    padding-bottom: 30px;
  }
  .pxs-map-section-layout-x-outside-left .pxs-map-card, .pxs-map-section-layout-x-outside-right .pxs-map-card {
    padding-top: 60px;
    padding-bottom: 60px;
  }
}

.pxs-map-card-content p:first-child {
  padding-top: 0;
}
.pxs-map-card-content p:last-child {
  padding-bottom: 0;
}

@keyframes loading-opacity {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
.pxs-video-heading {
  font-size: 36px;
}

.pxs-video-text {
  font-size: 16px;
}

.video-container {
  position: relative;
  width: 100%;
  height: 0;
}
.video-container.video-aspect-ratio-16-9 {
  padding-bottom: 56.25%;
}
.video-container.video-aspect-ratio-21-9 {
  padding-bottom: 42.8571428571%;
}
.video-container .video {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}
.video-container .video iframe {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}

.video-overlay {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 1;
  display: flex;
  align-items: center;
  flex-direction: column;
  justify-content: center;
  width: 100%;
  height: 100%;
  background-position: center;
  background-size: cover;
  opacity: 1;
}
.video-overlay::after {
  position: absolute;
  top: 0;
  left: 0;
  z-index: -1;
  width: 100%;
  height: 100%;
  background-color: inherit;
  content: "";
}
.video-transitioning .video-overlay, .video-playing .video-overlay {
  pointer-events: none;
  opacity: 0;
  transition: opacity 200ms ease-in-out;
}
.video-playing .video-overlay {
  z-index: 0;
}
.video-overlay img {
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  opacity: 0;
  object-fit: cover;
}
.video-overlay img[data-rimg=noscript] {
  opacity: 1;
}

.video-overlay-header {
  display: flex;
  flex-direction: column;
}
.video-overlay-header-position-below-button .video-overlay-header {
  order: 2;
}

.video-overlay-heading {
  font-size: 26px;
}

.video-overlay-text {
  font-size: 18px;
}

.video-play-button {
  position: relative;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 50px;
  height: 50px;
  padding: 0;
  margin: 0;
  cursor: pointer;
  background-color: #30323d;
  border: 0;
  border-radius: 25px;
  outline: none;
}
.video-overlay-button-primary .video-play-button {
  background-color: #30323d;
}
.video-overlay-button-secondary .video-play-button {
  background-color: #2e6837;
}

.video-play-icon {
  position: absolute;
  top: 50%;
  left: 50%;
  display: block;
  width: 10px;
  height: auto;
  margin-left: 2px;
  color: #2e6837;
  opacity: 1;
  transform: translate(-50%, -50%);
}
.video-overlay-button-primary .video-play-icon {
  color: #2e6837;
}
.video-overlay-button-secondary .video-play-icon {
  color: #30323d;
}
.video-loading .video-play-icon {
  opacity: 0;
  transition: opacity 200ms ease-in-out;
}

.video-loading-icon {
  position: absolute;
  top: 50%;
  left: 50%;
  display: block;
  opacity: 0;
  transform: translate(-50%, -50%);
}
.video-overlay-button-primary .video-loading-icon {
  color: #2e6837;
}
.video-overlay-button-secondary .video-loading-icon {
  color: #30323d;
}
.video-loading .video-loading-icon {
  opacity: 1;
  transition: opacity 200ms ease-in-out;
}

.video-loading-icon-phalange {
  animation: loading-opacity 800ms linear infinite;
}
.video-loading-icon-phalange:nth-child(2) {
  animation-delay: 100ms;
}
.video-loading-icon-phalange:nth-child(3) {
  animation-delay: 200ms;
}
.video-loading-icon-phalange:nth-child(4) {
  animation-delay: 300ms;
}
.video-loading-icon-phalange:nth-child(5) {
  animation-delay: 400ms;
}
.video-loading-icon-phalange:nth-child(6) {
  animation-delay: 500ms;
}
.video-loading-icon-phalange:nth-child(7) {
  animation-delay: 600ms;
}
.video-loading-icon-phalange:nth-child(8) {
  animation-delay: 700ms;
}

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

.pxs-video-text:not(:first-child),
.video-overlay-text:not(:first-child) {
  margin-top: 15px;
}
.pxs-video-text p:first-child,
.video-overlay-text p:first-child {
  padding-top: 0;
}
.pxs-video-text p:last-child,
.video-overlay-text p:last-child {
  padding-bottom: 0;
}

.video-overlay-header {
  z-index: 30;
  max-width: 1260px;
  padding-right: 15px;
  padding-left: 15px;
  margin: 0 auto;
}
.video-overlay-header-position-above-button .video-overlay-header {
  margin-bottom: 15px;
}
.video-overlay-header-position-below-button .video-overlay-header {
  margin-top: 15px;
}
@media screen and (min-width: 721px) {
  .video-overlay-header {
    padding-right: 30px;
    padding-left: 30px;
  }
  .video-overlay-header-position-above-button .video-overlay-header {
    margin-bottom: 30px;
  }
  .video-overlay-header-position-below-button .video-overlay-header {
    margin-top: 30px;
  }
}

.video-overlay-heading {
  padding-top: 0;
  padding-bottom: 0;
  color: currentColor;
}
@media screen and (min-width: 721px) {
  .video-overlay-heading {
    font-size: 36px;
  }
}

.video-overlay-text {
  color: currentColor;
}
@media screen and (max-width: 720px) {
  .video-overlay-text {
    display: none;
  }
}

.video-overlay-button-primary .video-loading-icon,
.video-overlay-button-primary .video-play-icon {
  color: #fff;
}
.video-overlay-button-secondary .video-loading-icon,
.video-overlay-button-secondary .video-play-icon {
  color: #fff;
}



/*==============================___020_==========================*/

@media screen and (min-width: 921px) {
  .collection-body{
    display: flex;
  }
  .filter-container {
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    padding: 0 15px;
    width: 25%;
  }
  .collection-list {
    width: 75%;
    margin-top: 50px;
  }
  .collection__sort-wrapper{
    position: absolute;
    right: 10px;
  }
  .faceted-filters__details-wrapper {
    width: 100%;
  }
  .faceted-filters__filter-list-item-text {
    white-space: unset;
    text-align: left;
    font-size: 14px;
    padding-left: 5px;
  }
  .active-filter-group {
    position: absolute;
    top: -60px;
  }
  .faceted-filters__filter-checkbox{
    display: inline-block;
    min-width: 12px;
  }
  .faceted-filters__filter-group-title::after {    
    display: none;
  }

  .active-filter-group{
    display: none;               
  }
  .faceted-filters__filter-list-item-text {
    line-height: 1.5;
  }
  .faceted-filters__filter-group-title{
  
  }

  .faceted-filters__details-wrapper .select-wrapper{
    height: unset;
    line-height: unset;
    border: unset;
    font-size: 16px;
  }

  .faceted-filters__details-wrapper .select-wrapper .selected-text {
    padding: unset;
    height: unset;
    line-height: unset;
    font-weight: bold;
  }
  .faceted-filters__details-wrapper ul{
    margin-top: 5px;
  }
  .faceted-filters__filter-list-item{
    margin: 0px;
  }

  .faceted__filters-title {
    display: block;
    text-align: left;
    width: 100%;
    font-size: 20px;
    font-weight: bold;
    margin-bottom: 30px;
  }
  .filters_resert_container{
    background: #2E6837;
    color: #000;
    padding: 5px 10px;
    font-weight: bold;
    cursor: pointer;
    max-width: 120px;
  }
  .faceted__filters-title svg{
    display: none;
  }
  .s-modal {
    display: none;
  }  
}
/*-------mobile---------*/
@media screen and (max-width: 920px) {
  .filter-container {
    flex-direction: row;
  }
  .faceted__filters-wrapper{
    width: 30%;
    margin-top: 15px !important;
  }
  .collection__sort-wrapper{
    width: 70%;
  }
  .collection__sort-title{
    display: none !important;
  }
  .filters_resert_container{
    display:none;
  }
  .mobile_faceted__filters{
    display:none !important;
  }
  .faceted__filters-title {
    text-align: left;  
  }

  .s-modal {
    display: none;
    position: fixed;
    z-index: 999;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    overflow: auto;
    background-color: rgb(0,0,0);
    background-color: rgba(0,0,0,0.4);
  }
    
  .s-modal-content {
    background-color: #fefefe;
    margin: 30% auto;
    padding: 20px;
    border: 1px solid #888;
    width: 90%;
    max-width: 400px;
    border-radius: 5px;
  }
  
  .s-close {
    color: #999;
    float: right;
    font-size: 28px;
    font-weight: bold;
    position: relative;
    top: -15px;
    left: 10px;
  }
  
  .s-close:hover,
  .s-close:focus {
    color: black;
    text-decoration: none;
    cursor: pointer;
  }


  /*-----------------------------*/
  .faceted-filters__filter-list-item-text {
    white-space: unset;
    text-align: left;
    font-size: 14px;
    padding-left: 5px;
  }
  .active-filter-group {
    position: absolute;
    top: -60px;
  }
  .faceted-filters__filter-checkbox{
    display: inline-block;
    min-width: 12px;
  }
  .faceted-filters__filter-group-title::after {    
    display: none;
  }

  .active-filter-group{
    display: none;               
  }
  .faceted-filters__filter-list-item-text {
    line-height: 1.5;
  }
  .faceted-filters__filter-group-title{
  
  }

  .faceted-filters__details-wrapper .select-wrapper{
    height: unset;
    line-height: unset;
    border: unset;
    font-size: 16px;
  }

  .faceted-filters__details-wrapper .select-wrapper .selected-text {
    padding: unset;
    height: unset;
    line-height: unset;
    font-weight: bold;
  }
  .faceted-filters__details-wrapper ul{
    margin-top: 5px;
  }
  .faceted-filters__filter-list-item{
    margin: 0px;
  }

  .faceted__filters-title {
    display: block;
    text-align: left;
    width: 100%;
    font-size: 20px;
    font-weight: bold;
  }
  .filters_resert_container{
    background: #2E6837;
    color: #000;
    padding: 5px 10px;
    font-weight: bold;
    cursor: pointer;
    max-width: 150px;
  }
  .faceted__filters-title svg{
    display: block;
    float: left;
    margin-right: 10px;
    position: relative;
    top: 10px;
  }
  .faceted__filters {  
    grid-template-columns: unset;
  }

  .collection-list .list-text-wrapper {
    position: relative;
    padding: 20px 15px 0px 15px;
  }
}

.cat_filter_title{
  font-size: 14px;
  line-height: 1.5;
  padding-bottom: 5px;
  padding-top: 5px;
}

.coll_select{
  font-weight:bold;
}

#s-my-modal .faceted__filters{
    overflow-y: scroll;
    max-height: 400px;
    position: relative;
    top: -10px;
}

#s-my-modal .filters_resert_container {
  display: block;
}



@media screen and (max-width: 1023px) {
  .collection-list .list-text-wrapper {
    position: relative;
    padding: 20px 15px 0px 15px;
  }
}


.collection__sort-wrapper .select-wrapper {
  width: fit-content;
  margin: unset;
  max-width: 200px;
  float: right;
}


.template-collection .list-image-wrapper {
  min-height: 190px;
}

.template-collection .list-title {
  font-size: 18px;
}

.filters_resert_container a{
  color: #fff;
}

/*--------- Product page -----------*/
.prod_des_container{
  font-size: inherit;
  text-align: left;
}

@media screen and (max-width: 720px) {
  .prod_des_container{
    padding-left: 20px;
    padding-right: 20px;
  }
}



/*------------ Search page ---------------*/
.search_main_conten{
  display: flex;
}

.search_main_conten .search-body{
  width: 75%;
}
@media screen and (max-width: 920px) {
  .search_main_conten {
    display: block;
  }
  .search_main_conten .filter-container{
    width: 100%;
    margin-bottom: 30px;
  }
  .search_main_conten .search-body{
    width: 100%;
  }
}

.search .list-image-wrapper{
  min-height: 250px;
}

.search .list-text-wrapper {
  text-align: center;
  position: relative;
  top: unset;
  font-size: inherit !important;
  padding: unset;
  display: contents;
}

/*------- home page header ------*/  
@media screen and (min-width: 721px) {
  .pxs-video-header{
    display: none;
  }
  
  .header.sticky-header{
    background-color: rgba(255, 255, 255, 0);
  }
  
  .header.sticky-header.scrolled {
    background-color: rgba(255, 255, 255, 0.9);
  }
  .header-navigation-link {
    color: var(--ma-ink, #30323d);
    text-decoration: underline;
  }
  .has-dropdown .header-navigation-link.primary-link{
    text-decoration: unset;
  }
  .primary-link-title{
    text-decoration: underline;
  }
  .header-actions-list-item {
    color: var(--ma-ink, #30323d) !important;
  }
  .has-sticky-header{
    padding-top: unset !important;
  }
}  


/*---------------------*/
/2096
.shipping_info{
  margin:30px 0px 20px 0px; 
}
.module-desc{
  padding: 30px 0 90px;
  font-size: 16px !important;
  text-align: unset !important;
}


.tab-customize {
  overflow: hidden;
  /*border: 1px solid #ccc;
  background-color: #f1f1f1;*/
}
.tab-customize button {
  background-color: inherit;
  float: left;
  border: none;
  outline: none;
  cursor: pointer;
  padding: 8px 0px;
  transition: 0.3s;
  margin-right:50px;
}
.tab-customize button:hover {
  /*background-color: #ddd;*/
  border-bottom: solid 2px #000;
}
.tab-customize button.active {
  /*background-color: #ccc;*/
  border-bottom: solid 2px #000;
}
.tabcontent-cus {
  display: none;
  padding: 15px 0px;
  /*border: 1px solid #ccc;
  border-top: none;*/
}

/*------- __020 --------*/

@media only screen and (max-width: 720px) {
  .module-desc-tab {
    padding-right: 15px;
	padding-left: 15px;
  }
  .tab-customize button {
    float: unset;
    padding: 5px 0;
    margin-bottom: 10px;
    margin-right: 18px;
  }
  .tab-customize button:hover {
    border-bottom: solid 2px #000 !important;
  }
  .mod-desc{
    padding-right: 15px;
	padding-left: 15px;
  }
  .module-desc-tab th, .module-desc-tab td{
    text-align: left!important;
    padding: 10px;
  }
  
  .tab-customize button:last-child {
    margin-right: 0px!important;
  }
  
}

/*---------------------*/
  

/* SCNZ009 */
.full-width-text-content-wrap, .half-width-image-text-content-wrap{
	padding: 60px;
    display: table;
  	width: 100%;
	height: 100%;
}

.full-width-text-content, .half-width-text-content{
	display: table-cell;
}

.full-width-button-content a:last-child, .half-width-text-content-wrap a:last-child{
	margin-left: 10px;
}

.half-width-text-content-wrap{
	display: flex;
	flex-wrap: wrap;
}

.half-width-text-content-wrap .half-width-item{
	width:50%;
}

@media only screen and (max-width:767px){
  .full-width-text-content-wrap, .half-width-image-text-content-wrap{
  	padding:20px;
  }
  
  .half-width-text-content-wrap .half-width-item {
    width: 100%;
  }
}

.module-default-page,.collection, .module.page {
	padding-top:20px !important;
}
.show-variant-stock-status {
  margin-bottom: 10px;
}
/*-------- end nz--------------*/  

.full-width-button-content a:link {
  color: var(--ma-green, #2e6837);
  text-decoration: underline;
}
.dynamic-testimonials-navigation-item .icon{
  color: var(--ma-green, #2e6837);
  /*text-decoration: underline;*/
}

.footer-wrapper a{
  color: var(--ma-blue-text, #1c7080);
  text-decoration: underline;
}
@media screen and (min-width: 721px) {
  .module-wrapper--breadcrumbs{
    margin-top: 70px;
  }
}

input.header-search-input {
  border: none !important;
  outline: none !important;
}

.upsell-ui-block-wrapper > input {
  min-height: 0px !important;
  height: 14px !important;
  width: 14px !important;
}
.shopify-payment-button { 
  display: none;
}
.product-form-has-spb .product-form-submit-wrap {
  width: 98%;
}

.filters_resert_container a:visited {
  color: #FFFFFF;
}
.filters_resert_container a{
  text-decoration: none !important;
}

.cart-items td, .cart-items th{
  padding-left: 5px !important;
  padding-right: 5px !important;
}

.main-header .header-navigation-list-arrow { 
  /*right: -15px !important;*/
  color: var(--ma-ink, #30323d) !important;
  text-decoration: none;
}

/* Guidelines 3: mega-menu links in Jet, hovering to Blue Munsell. These carried
   the brand green, which meant roughly sixty green links sat above every page
   and green stopped reading as "this is the thing to click" (guidelines 0.3,
   one green moment per viewport).

   .mega-child-each-click and .mega-ddl-title set no colour of their own, so
   they inherit a:link. That selector is specificity (0,1,1) and ships in
   theme.scss.css, which loads after this file, so a bare class here would lose
   twice over -- hence the :link qualifier to reach (0,2,1). */
.primary-link-title,
.header-navigation-link:link,
.mega-child-each-click:link,
.mega-ddl-title:link {
  text-decoration: none;
  color: var(--ma-ink, #30323d);
}

.primary-link-title:hover,
.header-navigation-link:link:hover,
.mega-child-each-click:link:hover,
.mega-ddl-title:link:hover {
  color: var(--ma-blue-text, #1c7080);
}

.header-navigation-link {
  text-decoration: none !important;
}
.faceted-filters__filter-list-item-text{
  text-decoration: none;
  color: var(--ma-green, #2e6837);
}
a:link {
  color: var(--ma-blue-text, #1c7080);
  text-decoration: none !important;
}

.primary-list-item .header-navigation-list-arrow {
  right: -15px !important;
}
.secondary-list .header-navigation-list-arrow {
  right: 5px !important;
}

.header-tools .navigation summary {
  color: var(--ma-ink, #30323d);
}

@media screen and (max-width: 720px) {
  .pxs-video-header{
    display:none;
  }
}  

/* Product description body — guidelines 1.

   This rule used to read `color:#000; font-size:14px`. 14px is the SMALL/caption
   step in the type scale; §1 puts body at 1rem, 1.0625rem on wide. Product pages
   were the only page type on the site reading below `body`'s own 16px base:
   measured character-weighted, a product page carried 3,305 characters at 14px
   and 2,236 at 13px, while the home page's dominant size is 16px. These are also
   the pages with the most to read.

   The size stays explicit rather than being deleted to inherit. `.module-product`
   two levels up sets `font-size: 0` — the old inline-block whitespace hack — so
   an unset size here resolves to 0px, not to body's 16px. rem keeps it anchored
   to the root regardless.

   #product-tab-description is (1,0,0); nothing in theme.scss.css outranks it,
   which is why this one rule moves every product page.

   `color:#000` was off-palette; --ma-ink is #30323D. */
#product-tab-description{
  color: var(--ma-ink, #30323d);
  font-size: clamp(1rem, 0.93rem + 0.09vw, 1.0625rem);
  line-height: var(--ma-leading-body, 1.6);
  text-align: left;
}  
.shopify-payment-button{
  display: none !important;
}

.recommended-products-body .list-text-wrapper{
  opacity: 1 !important;
  position: relative !important;
top: unset !important;
padding: unset !important;
margin: unset !important;
display: inline;
}

.btn_availability{
  cursor: pointer !important;
}

/*========== css changes 09-11-2023=============*/


@media only screen and (min-width: 721px) {
  .top_text_column_section_padding{
    margin-top: 120px;
  }  
}

@media only screen and (min-width: 720px){
  .header-actions-list{
    width: 170px;
  }  

  .branding {
    width: 150px;
  }
  .header-tools {
    width: calc(100% - 150px);
  }
  .header-actions{
    width: 175px;
  }

  #header-navigation{
    width: calc(100% - 175px);
    text-align: right;
  }
  
}

 

@media only screen and (min-width: 720px) and (max-width: 1000px){
    .header-tools {
      margin-left: 0px !important;
    }
}

/*---------------------*/ 

.top_text_column_section .dynamic-inline .list-image-wrapper {
  max-width: 180px;
  margin-top: 20px;
  min-height: 180px;
  display: flex;
  align-items: center;
}

/* Guidelines 2: one shadow token, 6px radius on cards, and a card on white
   carries the border as well as the shadow. The previous shadow was
   0 4px 8px rgba(0,0,0,.2) + 0 6px 20px rgba(0,0,0,.19) -- roughly four times
   the weight of the token and pure black rather than Jet-tinted, which is what
   made every card read as a floating slab. */
.top_text_column_section .list-item-inner{
  box-shadow: var(--ma-shadow, 0 1px 2px rgba(48, 50, 61, 0.06), 0 2px 8px rgba(48, 50, 61, 0.05));
  background: var(--ma-page, #ffffff);
  border: 1px solid var(--ma-border, #e2e5e4);
  border-radius: var(--ma-r-card, 6px);
}



.list-text-wrapper{
  margin-bottom: 20px;
}

.list-text-wrapper .list-title {
  /*min-height: 100px;*/
}

.top_text_column_section .dynamic-inline .list{
  display:flex;
}

/* The .list above is a flexbox, so the columns already stretch to a common
   height. This makes the visible white card fill that height and drops the CTA
   to the bottom of it, so cards end on the same line and their buttons line up
   even when one column carries an extra spec row.

   This used to be applied to .column-3 only, which is why .column-2 layouts
   (e.g. "Compare VOXL Drones") had ragged card bottoms, and why CTA buttons sat
   at different heights in every column count. */
.top_text_column_section .list-item{
  display: flex;
  flex-grow: 1;
  position: relative;
}

.top_text_column_section .list-item-inner{
  display: flex;
  flex-direction: column;
  width: 100%;
}

/* Scoped to .list-item-inline, the only variant this section renders, so the
   overlay style of .list-text-wrapper used elsewhere is left alone. */
.top_text_column_section .list-item-inline .list-text-wrapper{
  display: flex;
  flex-direction: column;
  flex: 1 1 auto;
}

/* The .dynamic-inline selector is needed to outrank `.dynamic-inline
   .list-cta { margin-top: 30px }`, which has the same specificity as a bare
   `.top_text_column_section .list-cta` but ships in theme.scss.css, loaded
   after this file. */
.top_text_column_section .list-cta,
.top_text_column_section .dynamic-inline .list-cta{
  margin-top: auto;
}

.top_text_column_section .list-title{
  margin-bottom: 20px;
}
.cus-list-button{
  position: absolute;
  width: calc(100% - 30px);
  height: 100%;
}

@media only screen and (max-width: 719px) {
  .top_text_column_section .dynamic-inline .list {
    flex-direction: column;
  }
  .list-item-inner {    
    width: 100%;
  }
  .top_text_column_section .list-item-inline {
    padding: 0px 15px;
  }
   .top_text_column_section .column-3 .list-item {
    width: 100%;
  }
  .top_text_column_section .list-title {
    font-size: 16px;
  }
}

.top_text_column_section .dynamic-inline .list-cta {
  margin-bottom: 30px;
}

/*half widget*/

.responsive-half-widgets-main .half-width-image-text-content-wrap {
  display: unset;
}

.responsive-half-widgets-main .half-width-text-content {
  display: unset;
}

@media only screen and (min-width: 767px) {
    .half-width-item-1{
      margin-right:10px;
      width: calc(50% - 10px) !important;
    }
    .half-width-item-2{
      margin-left:10px;
      width: calc(50% - 10px) !important;
    }
}


/*--------- dynamic-icon-with-text section----------*/

.dynamic-icon-with-text .list{
  max-width: 1640px !important;
  margin: 0 auto;
  padding-bottom: 30px;
}

.dynamic-icon-with-text .tc_icon{
  max-width: 200px !important;
}
.dynamic-icon-with-text .list-item{
  position: relative;
}

.trust_icon_link{
  position: absolute;
  width: 100%;
  height: 100%;
  left: 0;
  top: 0;
}

.dynamic-icon-with-text .image-with-text-header {
  padding-bottom: 0px;
}

.dynamic-icon-with-text .module-cta {
  padding: 10px 0 50px 0;
}

@media only screen and (min-width: 1300px) {
  .top_text_column_section_padding .module-header > .module-title h3{
    position: relative;
    left: -30px;
  }
  .top_right_img_con img {
    /*width: 300px;*/
    position: relative;
    /*right: -50px;*/
  }
}  


@media only screen and (min-width: 721px) and (max-width: 1073px){
  .header-navigation-link.header-navigation-current::after {
    bottom: -5px !important;
  }
}

@media only screen and (min-width: 721px) and (max-width: 982px){
  .header-navigation-list-item {
    padding-top: 10px !important;
    padding-bottom: 10px !important;
  }  
}



/*
.top_right_img_con{
  display:none;  
}

.top_text_column_section_padding .top_right_img_con{
  display: block;
  position: absolute;
  right: -150px;
  z-index: 999999;
  top: -130px;
  max-width: 300px;
}

.top_text_column_section_padding .module-header{
  padding-right: 240px;
  padding-left: unset;
  text-align: left;
  text-align: left;
  left: -50px;
}

.top_text_column_section_padding .module {
  max-width: var(--ma-container, 1440px);
  padding: 120px 30px 90px 30px;
}  

@media only screen and (max-width: 720px) {
  .top_text_column_section_padding .module-header{
    padding-right: 100px;
    padding-left: unset;
    text-align: left;
    left: 0px;
  }

  .top_text_column_section_padding .top_right_img_con{
    position: absolute;
    right: -30px;
    z-index: 999999;
    top: -50px;
    max-width: 130px;
  }
  
}




@media only screen and (min-width: 721px) and (max-width: 1300px) {
  .top_text_column_section_padding .module-header {
    padding-right: 150px;    
    left: 0px;
  }
  
  .top_text_column_section_padding .top_right_img_con {
    right: -20px;
    z-index: 999999;
    top: -80px;
    max-width: 200px;
  }
}   
*/

.list-cta .list-button{
  margin-bottom: 20px;
}


/*==============================================================================*/

.m_accordion__item {
	margin: 5px auto;
}
.m_accordion__item .m_accordion__title {
	position: relative;
	display: block;
	padding: 10px 0px 10px 0px;
	margin-bottom: 2px;
	color: #000000;
	font-size: 14px;
	text-decoration: none;	
    border-bottom: 1px solid var(--ma-border, #e2e5e4);
	-webkit-transition: border-bottom 0.2s;
	transition: border-bottom 0.2s;
    cursor: pointer;
}
.m_accordion__item .m_accordion__title:hover {
	background-color: #fff;
	transition: all 0.5s ease-out;
}
.m_accordion__item .m_accordion-active {
	background-color: #fff;
}
.m_accordion__item .m_accordion__title .m_accordion__arrow {
	position: absolute;
	top: 8px; 
    right: 0px;
	display: inline-block;
	vertical-align: middle;
	width: 30px;
	height: 30px;
	text-align: center;
	color: #979DA5;
	line-height: 30px;
	font-size: 28px;
	font-weight: 700;	
	background-color: #ffffff;
	border-radius: 50%;
	-webkit-transition: all 0.2s ease-out;
	transition: all 0.2s ease-out;
}
.m_accordion__item .m_accordion__rotate {
	transform: rotate(225deg);
}
.m_accordion__item .m_accordion__content {
	padding: 10px 0px 10px 0px;
	margin-bottom: 2px;
	font-size: 14px;
	display: none;
	/*background-color: #f3f3f3;*/
}
.m_accordion__item .m_accordion__arrow-item {
	font-weight: 700;
}
/*-------------------------------------*/

.pxs-announcement-bar-custom{
    display: inline-block;
    margin-top: -50px;
    padding-bottom: 95px;
    width:100%;
}
.pxs-announcement-bar-custom p{
  padding: 0px;
}


@media only screen and (max-width: 720px) {
.pxs-announcement-bar-custom p {
    padding: 0px;
    font-size: 12px;
  }
}  

@media only screen and (min-width: 719px) and (max-width: 720px) {
  
}



                           
    
  

  
  




/* ==========================================================================
   Spec tables — guidelines 3
   Every table in a product description sized itself to its own content, so one
   page showed tables anywhere from 376px to 1025px wide. They are already
   real table markup with real header cells, which is the part guidelines 3
   cares most about; everything below is presentation. (Angle brackets are
   spelled out here on purpose: theme-check parses this .liquid file as HTML
   and reads a tag name in a CSS comment as an unclosed element.)

   The whole table is set in JetBrains Mono: header cells at 700, body cells at
   400. A spec table is itself a technical artifact, and mixing a mono
   identifier column with a proportional value column made the two halves look
   like different tables. Guidelines 1 forbids mono for marketing prose, which
   still holds -- a spec table is not marketing prose. Guidelines 1 and 3 have
   been amended to say so.
   ========================================================================== */

.product-block--description table,
.product-tabs-body-item table {
  width: 100%;
  border: 1px solid var(--ma-border, #e2e5e4);
  border-collapse: collapse;
  /* Mono runs wider and larger on the body than the proportional face, so a
     spec table sits a step below the running body copy. That step used to be
     measured against a 14px description and landed at 0.8125rem/13px; now the
     description is 16-17px, one step below is 0.875rem — which is also the
     bottom of the 0.875-1rem range §1 gives spec values. */
  font-family: var(--ma-font-mono, "JetBrains Mono", Consolas, ui-monospace, monospace);
  font-size: 0.875rem;
  line-height: 1.5;
  margin: var(--ma-s5, 24px) 0;
  background: var(--ma-page, #ffffff);
}

/* Header row: Isabelline fill, JetBrains Mono 700, Jet, 1px rule beneath.
   Was the border colour as a fill, Open Sans 700, and centred. JetBrains Mono
   ships 400 and 700 only, so 700 is the weight available for the header. */
.product-block--description th,
.product-tabs-body-item th {
  background: var(--ma-card, #f7f4f3);
  color: var(--ma-ink, #30323d);
  font-weight: 700;
  text-align: left;
  padding: 12px 16px;
  border-bottom: 1px solid var(--ma-border, #e2e5e4);
}

.product-block--description td,
.product-tabs-body-item td {
  padding: 12px 16px;
  text-align: left;
  vertical-align: top;
  color: var(--ma-ink, #30323d);
  border-bottom: 1px solid var(--ma-border, #e2e5e4);
}

/* The identifier column keeps a touch more weight so the eye can still find
   the row label now that every cell shares one face. */
.product-block--description td:first-child,
.product-tabs-body-item td:first-child {
  font-weight: 700;
}

/* Guidelines 3: zebra once a table runs past 3 rows. This is a quantity query
   -- the first row must have at least 3 following siblings before any row is
   tinted -- so two- and three-row tables stay plain.

   The count is per row group, not per table. A table with a real thead counts
   only its tbody rows; one whose header row is markup-wise just another row of
   cells counts that header along with the data. The metafield tables are
   authored both ways, so two tables of the same visible height can disagree
   about whether they stripe. Marking the header up as thead/th is the correct
   fix there, not a looser threshold. */
.product-block--description tr:first-child:nth-last-child(n+4) ~ tr:nth-child(even) td,
.product-tabs-body-item tr:first-child:nth-last-child(n+4) ~ tr:nth-child(even) td {
  background: #fbfafa;
}

@media only screen and (max-width: 640px) {
  /* One step below the desktop 0.875rem, as before — but that step used to be
     taken from a 13px base and landed at 12px, the smallest text on a product
     page. From 14px it lands at 13px. The wide tables already scroll inside the
     description block rather than widening the page, so the extra pixel costs
     nothing; verified no page-level horizontal scroll at 375px. */
  .product-block--description table,
  .product-tabs-body-item table { font-size: 0.8125rem; }

  .product-block--description th,
  .product-tabs-body-item th,
  .product-block--description td,
  .product-tabs-body-item td {
    padding: 10px 12px;
    /* break only when a single token genuinely cannot fit, rather than
       hyphenating ordinary words mid-syllable */
    overflow-wrap: break-word;
  }

  /* Two-column label/value tables fit a phone fine. Three or more columns do
     not: at 375px they squeeze "High-resolution" into "High-resolut / ion",
     which is worse than a scroll. Guidelines 3 asks for stacked label/value
     pairs instead, but that needs a data-label on every cell and these tables
     come out of product metafields as plain markup we do not control. So wide
     tables keep a legible minimum and scroll inside the description block.

     :has() picks tables whose first row has a third cell. Where it is not
     supported the table simply keeps the old squeezed behaviour. */
  .product-tabs-body-item,
  .product-block--description { overflow-x: auto; }

  .product-block--description table:has(tr:first-child > *:nth-child(3)),
  .product-tabs-body-item table:has(tr:first-child > *:nth-child(3)) {
    min-width: 540px;
    max-width: none;
  }
}

/* ==========================================================================
   Links in running text — WCAG 1.4.1, guidelines 1

   Blue Munsell on Jet is a 4.7:1 contrast against the page, which passes for
   text, but colour was the *only* thing separating a link from the sentence
   around it. WCAG 1.4.1 asks for a second signal, and axe reports it as
   link-in-text-block: five nodes on a product page, two on every page from the
   footer.

   Only links sitting inside a sentence need this. A link that is the whole of
   its block -- a card that happens to be an anchor, a nav item, a button --
   is already distinguishable by position and needs no underline, which is why
   this targets links inside a paragraph rather than every anchor. Measured
   before applying: 2 links on the home and blog pages, 5 on a product page,
   none inside a table, none styled as a button.

   text-decoration carries !important because `a:link` further up this file sets
   `text-decoration: none !important`; without it the underline never lands.
   That is not sufficient on its own: when two !important declarations collide
   the more specific one wins, and `a:link` is (0,1,1) -- which silently beat a
   bare `.module-breadcrumbs-link` (0,1,0) on the first attempt here. Hence
   `a.module-breadcrumbs-link:link` (0,2,1). `p a:not(.button)` is (0,1,2) and
   already clears it, as does `.module-content > a:not(.button)` at (0,3,1).
   Guidelines 7 documents this trap; it has now caused four regressions in this
   repo.

   The `.module-content >` arm exists because a link is only matched by the `p a`
   arm when the merchant's rich text wrapped it in a paragraph. The "Continue
   shopping" link on /pages/about is a bare child of `.module-content`, so axe
   still reported link-in-text-block there after the first pass. Measured across
   home, product, collection, blog, about and contact, that selector matches
   exactly one element site-wide -- it is a gap-filler, not a broad sweep.
   ========================================================================== */

p a:not(.button):not(.list-button),
.module-content > a:not(.button):not(.list-button),
a.module-breadcrumbs-link:link,
.footer-copyright a:link {
  text-decoration: underline !important;
  /* clear of descenders, so "g" and "y" stay readable through the rule */
  text-underline-offset: 0.15em;
  text-decoration-thickness: 1px;
}

/* Hover keeps the underline and moves the colour, so the state change is not
   itself colour-only. */
p a:not(.button):not(.list-button):hover,
.module-content > a:not(.button):not(.list-button):hover,
a.module-breadcrumbs-link:hover,
.footer-copyright a:hover {
  text-decoration: underline !important;
}

/* ==========================================================================
   Primary CTA — the one filled green moment on a product page
   Guidelines 0.3, 3 "Buttons"

   CLAUDE.md has carried "No filled primary CTA exists" as a known gap, with the
   note that which button is primary is a per-page decision. On a product page
   it is not a judgement call: Add to cart is the primary action, and it was
   rendering as `.button.outline` — a white fill with a Jet (#30323D) border,
   because `.button` takes its colour from `theme-primary-color`, which is Jet,
   not the brand green. On Stinger Vision FPV that made the buy button for an
   $3,399–$17,999 configurator the least prominent control on the screen.

   Scoped to the add-to-cart control rather than to `.button`, so nothing else
   on the site changes colour. Guidelines 3 also specifies a 6px radius; this
   rule deliberately does NOT set one. The theme's buttons are 27.5px pills
   everywhere, and making one button square while its siblings stay round reads
   as a bug rather than as hierarchy. Radius is a site-wide decision, tracked in
   CLAUDE.md, not something to change as a side effect of this.

   Specificity — the trap in guidelines 7, which has now bitten this repo five
   times. The competing rule earlier in this file is

       .product-form-submit-wrap .button.outline:not(:hover)

   which sets `background-color:#fff`. That is NOT (0,3,0): per Selectors L4 a
   `:not()` takes the specificity of its most specific argument, and `:hover` is
   a pseudo-class worth (0,1,0), so the whole selector is (0,4,0). A bare
   `.product-form-submit-wrap .add-to-cart-button.outline` at (0,3,0) would lose
   the background and paint a white button with a green border — the first
   version of this block did exactly that.

   The fill selector below is therefore (0,5,0) and the plain-class one (0,3,0)
   covers the case where `.outline` is absent, where nothing contests it. Source
   order still matters for the equal-specificity `:hover` rules, which is why
   this block stays at the end of the file.
   ========================================================================== */

.product-form-submit-wrap .button.add-to-cart-button.outline:not(:hover),
.product-form-submit-wrap .button.add-to-cart-button {
  color: #ffffff;
  background-color: var(--ma-green);
  border-color: var(--ma-green);
}

/* (0,4,0), beating `.button:hover` at (0,1,0), which would otherwise repaint
   this Jet on hover. */
.product-form-submit-wrap .button.add-to-cart-button:hover {
  color: #ffffff;
  background-color: var(--ma-green-deep);
  border-color: var(--ma-green-deep);
}

/* The theme sets `outline: auto 5px Highlight` on this button, which paints the
   platform ring and loses the Yellow Green one from modalai-tokens.css. On a
   green fill the platform ring is the least visible option available. */
.product-form-submit-wrap .add-to-cart-button:focus-visible {
  outline: 2px solid var(--ma-yellowgreen);
  outline-offset: 2px;
}

/* A sold-out / unavailable button must not keep the primary fill: the filled
   green is what says "this is the action", and it isn't. */
.product-form-submit-wrap .button.add-to-cart-button.disabled:not(:hover),
.product-form-submit-wrap .button.add-to-cart-button.disabled,
.product-form-submit-wrap .button.add-to-cart-button[disabled] {
  color: var(--ma-chrome);
  background-color: var(--ma-card);
  border-color: var(--ma-border);
}

/* The same treatment, available to any section that opts into it through a
   `button_style: primary` setting.

   `:link`/`:visited` are spelled out for the reason in the dark-band block
   below: `theme.scss.css` loads after this file and carries
   `.button:link { color: var(--ma-green) }` at (0,2,0), which ties a bare
   `.button.ma-button-primary` and wins on source order. An anchor styled as a
   primary would have had green text on a green fill. */
.button.ma-button-primary,
.button.ma-button-primary:link,
.button.ma-button-primary:visited {
  color: #ffffff;
  background-color: var(--ma-green);
  border-color: var(--ma-green);
}

.button.ma-button-primary:hover,
.button.ma-button-primary:link:hover,
.button.ma-button-primary:visited:hover {
  color: #ffffff;
  background-color: var(--ma-green-deep);
  border-color: var(--ma-green-deep);
}

/* ==========================================================================
   Image-with-text: kicker and split layout
   Guidelines 1 "Kickers", 2, 3

   These support the new `kicker` and `layout` settings on
   sections/dynamic-image-with-text.liquid. A section that does not set them
   matches none of these selectors and is unaffected — which matters, because
   31 instances across 13 templates use that section.

   The point of the split layout is to let a marketing band's headline and body
   copy be real HTML beside the image, instead of pixels inside it. A 1920x900
   banner with 36px baked type renders that type at ~7px on a 375px viewport,
   and Google and screen readers never see it at all.
   ========================================================================== */

.image-with-text-kicker {
  margin: 0 0 12px;
  font-family: var(--ma-font-body);
  font-size: clamp(0.75rem, 0.71rem + 0.1vw, 0.875rem);
  font-weight: 600;
  line-height: 1.4;
  color: var(--ma-blue-text);
  text-transform: uppercase;
  letter-spacing: 0.12em;
}

/* Yellow Green is the kicker colour on dark, per the palette table in
   guidelines 1 — Blue Munsell text does not hold up on Jet. */
.ma-band-dark .image-with-text-kicker {
  color: var(--ma-yellowgreen);
}

.image-with-text-media-wrap {
  min-width: 0;
}

/* The band is full-bleed by default: `.image-with-text` sets `max-width:100%`
   at line ~11876, which lands after `.module`'s `max-width:1215px` and wins on
   source order, and `.has-media.has-content` zeroes the side padding. That is
   right for a bare banner image and wrong for a column of prose, which would
   otherwise start hard against the viewport edge. Restoring the container has
   to clear `.image-with-text.has-media.has-content` at (0,3,0), hence the
   three-class selector rather than a bare `.image-with-text--split`. */
.image-with-text.has-media.image-with-text--split {
  max-width: var(--ma-container);
  padding-right: var(--ma-gutter);
  padding-left: var(--ma-gutter);
  margin-right: auto;
  margin-left: auto;

  /* `.image-with-text.has-media { padding-bottom: 0 }` at (0,2,0) beats
     `.module`'s 90px, because a bare banner image is meant to run to the
     section edge. In a split band that left 90px above the image and nothing
     below it, so the photograph sat flush against the band's bottom edge and
     read as cut off. This selector is (0,3,0) and restores a symmetric rhythm. */
  padding-top: var(--ma-section-y);
  padding-bottom: var(--ma-section-y);
}

@media screen and (min-width: 900px) {
  /* `.image-with-text.` prefix, not a bare `.image-with-text--split`: the theme
     ships BOTH theme.css and theme.scss.css, in that order, and the latter
     repeats `.image-with-text { text-align: center }` at (0,1,0). A bare
     (0,1,0) rule here ties it and loses on load order, which left the band's
     prose centred. Everything else in this block is a property scss does not
     set on this element, so only text-align needed the extra class. */
  .image-with-text.image-with-text--split {
    display: grid;
    gap: clamp(32px, 4vw, 64px);
    align-items: center;
    text-align: left;
  }

  /* The media track is sized to the image (`auto`), not to half the band.

     With two equal 1fr columns the copy filled its column and sat flush against
     the content box, but the image — narrower than its column once max-height
     capped it — was centred inside that column and so floated 96-109px inboard.
     Consecutive bands then started at different x positions: measured at 2000px,
     the text band's content began at x=360 and the image band's at x=469, and
     the right edge disagreed by the same amount. Sizing the track to the image
     puts it flush against the outer edge, so every band shares one left and one
     right edge, and the gap between the columns is exactly the `gap` above
     instead of gap-plus-leftovers.

     The copy track takes the remainder and is still bounded by the 68ch measure
     in .image-with-text-content, so it cannot run long. */
  .image-with-text--text-left.image-with-text--split {
    grid-template-columns: minmax(0, 1fr) auto;
  }

  .image-with-text--text-right.image-with-text--split {
    grid-template-columns: auto minmax(0, 1fr);
  }

  .image-with-text--text-left .image-with-text-copy {
    grid-column: 1;
    grid-row: 1;
  }

  .image-with-text--text-left .image-with-text-media-wrap {
    grid-column: 2;
    grid-row: 1;
  }

  /* Image left, text right. Source order still puts the copy first in the DOM,
     which is the order it should be read in; only the painted columns swap. */
  .image-with-text--text-right .image-with-text-copy {
    grid-column: 2;
    grid-row: 1;
  }

  .image-with-text--text-right .image-with-text-media-wrap {
    grid-column: 1;
    grid-row: 1;
  }

  /* The stacked defaults centre everything and clamp the measure with `auto`
     margins; in a two-column band both fight the grid. */
  .image-with-text--split .image-with-text-header,
  .image-with-text--split .image-with-text-body,
  .image-with-text--split .image-with-text-body-item,
  .image-with-text--split .image-with-text-module-title,
  .image-with-text--split .image-with-text-content {
    max-width: none;
    margin-right: 0;
    margin-left: 0;
  }

  .image-with-text--split .image-with-text-header {
    padding-bottom: 16px;

    /* `.module-header` carries `padding: 0 30px` at (0,1,0). In the stacked,
       centred layout that 30px IS the gutter, because `.module` zeroes its own
       side padding for a full-bleed image. In a split band the copy column
       already sits inside the container gutter, so the header picked up a
       second 30px indent that the body copy and the CTA did not — leaving the
       kicker and heading hanging 30px right of the paragraph beneath them.
       Measured at 2000px: header children at x=390, body and button at x=360. */
    padding-right: 0;
    padding-left: 0;
  }

  .image-with-text--split .image-with-text-content {
    max-width: var(--ma-measure);
    line-height: var(--ma-leading-body);
  }

  .image-with-text--split .image-with-text-cta {
    margin-top: 24px;
  }
}

/* `.has-content .image-with-text-media` adds a 90px top margin meant for the
   stacked layout, which here just pushes the image off vertical centre.

   The height cap keeps a 4:5 crop from towering over ~300px of prose beside it.
   `width:auto` with `height:auto` scales both axes together, so this is
   proportional scaling, not the stretch guidelines 2 forbids -- the rendered
   box keeps the file's aspect ratio and the width/height attributes still
   reserve the right shape for CLS. */
/* `.image-with-text.` prefix takes this to (0,3,0). `.has-content
   .image-with-text-media { margin-top: 90px }` is (0,2,0) and is repeated in
   theme.scss.css, which loads after this file — so a (0,2,0) override here tied
   it and lost on source order. The margin was inflating the media column by
   90px and pushing the image to the bottom of the band, which is what made the
   top and bottom gaps asymmetric. Verified with CSS.getMatchedStylesForNode. */
.image-with-text.image-with-text--split .image-with-text-media {
  width: auto;
  height: auto;
  max-width: 100%;
  max-height: 520px;
  /* Below the split breakpoint the band is still stacked, so it keeps a gap
     above the image -- but 32px off the spacing scale, not the 90px the
     stacked layout uses, which was tuned for a full-bleed banner with no copy
     directly above it. This rule is (0,2,0) and later in the file than
     `.has-content .image-with-text-media`, so it takes that margin over. */
  margin: 32px auto 0;
}

@media screen and (min-width: 900px) {
  /* No auto margins: the track is now the image's own width, so there is no
     slack to centre within, and an `auto` margin here would only reintroduce
     rounding drift against the track edge. */
  .image-with-text.image-with-text--split .image-with-text-media {
    margin: 0;
  }
}

/* A dark band needs its own vertical padding story: `.module` is 90px top and
   bottom, which is right for a light section separated by whitespace but leaves
   a dark band looking like a stripe. */
.ma-band-dark .image-with-text-content,
.ma-band-dark .image-with-text-content p {
  color: var(--ma-powder);
}

/* ==========================================================================
   Making .ma-band-dark actually paint on a section wrapper

   `.ma-band-dark` lives in modalai-tokens.css, which layout/theme.liquid loads
   BEFORE theme.css — deliberately, because it declares the vocabulary the rest
   of the CSS reads. The side effect is that any same-specificity rule in
   theme.css beats it, and `.style-default { color:#30323d; background:#ffffff }`
   is exactly that. Every section wrapper in this theme carries a `style-*`
   class, so `.ma-band-dark` on a `.module-wrapper` was silently painted white
   over: white text on a white background, with the heading invisible.

   Verified in Chromium against the live theme.css + theme.scss.css before and
   after. Fixing it here at (0,2,0) rather than raising the token file's own
   rule, because modalai-tokens.css is documented as targeting no component and
   holding only three global rules; a specificity war with theme.css does not
   belong in it.
   ========================================================================== */

.module-wrapper.ma-band-dark {
  background-color: var(--ma-jet);
  color: var(--ma-powder);
}

/* ==========================================================================
   Buttons on a dark band

   `.button` takes its colour and border from `theme-primary-color`, which on
   this store is #30323D — the same Jet that `.ma-band-dark` paints behind it.
   Any button dropped into a dark band was therefore Jet on Jet: a 1:1 contrast
   ratio and effectively invisible. This is a prerequisite for using the band at
   all, not a cosmetic tweak.

   Outlined-in-Powder rather than filled green, because #2E6837 on #30323D is a
   1.5:1 fill-against-background difference — the button would read as a dark
   rectangle on a dark rectangle. Guidelines 0.3 reserves the filled green for
   one moment per viewport, and on a product page that moment is Add to cart.
   Hover inverts to Yellow Green with Jet text, which is the palette's
   active/current accent and the only pairing here that clears 4.5:1 both ways.
   ========================================================================== */

/* `:link` and `:visited` are spelled out, and this is the sixth time the trap
   in guidelines 7 has cost a change in this repo. Two things stack here:

     1. `theme.scss.css` is loaded AFTER `theme.css` in layout/theme.liquid, so
        an equal-specificity rule there wins no matter what this file says.
     2. It carries `.button:link, .button:visited { color: var(--ma-green) }`,
        which is (0,2,0) — `.button` plus a pseudo-class — exactly tying a bare
        `.ma-band-dark .button`.

   The result was #2E6837 text on the #30323D band: a 1.91:1 contrast that axe
   reported and that a harness with a simpler DOM did not reproduce. Adding the
   pseudo-classes takes these to (0,3,0) and (0,4,0), which clears it on
   specificity rather than on load order. The bare `.button` arm stays for the
   non-anchor case — an `<input type="submit">` has no `:link`. */
.ma-band-dark .button,
.ma-band-dark .button:link,
.ma-band-dark .button:visited {
  color: #ffffff;
  background-color: transparent;
  border-color: var(--ma-powder);
}

.ma-band-dark .button:hover,
.ma-band-dark .button:link:hover,
.ma-band-dark .button:visited:hover {
  color: var(--ma-jet);
  background-color: var(--ma-yellowgreen);
  border-color: var(--ma-yellowgreen);
}

/* ==========================================================================
   Wide viewports
   Guidelines 1 (body 1rem, 1.0625rem on wide), 2 (1280px container)

   Measured on a 3840x2160 display at 150% scale -- a 2560px CSS viewport.
   The container correctly stops at 1280px, but the type inside it stayed at
   the theme's fixed 16px/26px, so a band read as a small block of text
   stranded in the middle of a very large screen. The copy was also shorter
   than the 520px image beside it, which is where the vertical dead space in
   the band came from: the grid centres a ~400px column against a 520px one.

   Scaling the type up on wide viewports fixes both -- the text block grows to
   roughly the image's height, so the band tightens as a side effect. The
   clamps stay inside the guidelines' range and are no-ops at 1400px and below,
   which is why the earlier screenshots looked right.

   Deliberately NOT widening the container past 1280px: guidelines 2 fixes it
   there, and a 68ch measure is a readability limit, not a leftover.
   ========================================================================== */

.image-with-text--split .image-with-text-module-title {
  font-size: var(--ma-text-section);
  line-height: var(--ma-leading-head);
}

.image-with-text--split .image-with-text-content,
.image-with-text--split .image-with-text-content p {
  font-size: clamp(1rem, 0.94rem + 0.22vw, 1.1875rem);
  line-height: var(--ma-leading-body);
}

/* The hero band is stacked, not split, so it needs its own arm. */
.image-with-text--media-bleed .image-with-text-content,
.image-with-text--media-bleed .image-with-text-content p {
  font-size: clamp(1rem, 0.94rem + 0.22vw, 1.1875rem);
  line-height: var(--ma-leading-body);
}

/* ==========================================================================
   Full-bleed band media

   A poster-style image carries its own background to the edge of the file. At
   its natural width on a wider viewport it sat centred with the band colour
   showing either side -- on the Stinger hero, a pure-black 1920px poster with
   320px of Jet down each edge at 2560px. Letting it fill the band removes the
   bars.

   `width:100%` with `height:auto` scales both axes together, so this is
   proportional, not the stretch guidelines 0.2 forbids, and the width/height
   attributes still describe the real ratio. It does upscale past the source
   width, which is acceptable for this one image -- a soft-glow poster on black
   -- and would not be for a product photograph or a screenshot.
   ========================================================================== */

.image-with-text--media-bleed .image-with-text-media-wrap {
  width: 100%;
}

.image-with-text--media-bleed .image-with-text-media {
  width: 100%;
  max-width: none;
  height: auto;
  margin: 0;
}

/* The poster is the band's opening statement; the copy reads as its caption,
   so it sits closer than the stacked default's 90px. */
.image-with-text--media-bleed.has-content .image-with-text-header {
  padding-top: 40px;
  padding-bottom: 8px;
}

.image-with-text--media-bleed .image-with-text-body {
  padding-bottom: 8px;
}

/* Same `padding-bottom: 0` inheritance as the split bands, so the hero's
   caption would otherwise sit hard against the bottom of the band. */
.image-with-text.has-media.image-with-text--media-bleed {
  padding-bottom: var(--ma-section-y);
}