/** Shopify CDN: Minification failed

Line 632:23 The "+" operator only works if there is whitespace on both sides

**/
/* Common base styles for KXNGS */

/* ------------------------- Fonts ---------------------------- */
@font-face {
  font-family: 'GT-America-Condensed-Bold';
  src: url('/cdn/shop/files/GT-America-Condensed-Bold.otf');
}
@font-face {
  font-family: 'GT-America-Compressed-Bold';
  src: url('/cdn/shop/files/GT-America-Compressed-Bold.otf');
}
@font-face {
  font-family: 'GT-America-Extended-Medium';
  src: url('/cdn/shop/files/GT-America-Extended-Medium.otf');
}
@font-face {
  font-family: 'GT-America-Expanded-Medium';
  src: url('/cdn/shop/files/GT-America-Expanded-Medium.otf');
}
@font-face {
  font-family: 'GT-America-Extended-Regular';
  src: url('/cdn/shop/files/GT-America-Extended-Regular.otf');
}
@font-face {
  font-family: 'GT-America-Regular';
  src: url('/cdn/shop/files/GT-America-Regular.otf');
}
@font-face {
  font-family: 'GT-America-Bold';
  src: url('/cdn/shop/files/GT-America-Bold.otf');
}
@font-face {
  font-family: 'GT-America-Black';
  src: url('/cdn/shop/files/GT-America-Black.otf');
}

* {
  -moz-font-feature-settings: 'ss03';
  -webkit-font-feature-settings: 'ss03';
  font-feature-settings: 'ss03';
}

body.header_pushes_top_section {
  padding-top: var(--desktop-header-height);
}

body.header_overlays_top_section {
  padding-top: 0;
}

h1,
h2,
h3 {
  font-family: GT-America-Condensed-Bold;
}

p {
  font-size: 15px;
  font-family: GT-America-Regular;
  margin-bottom: 0;
}

p strong {
  font-family: GT-America-Condensed-Bold;
}

p.price {
  color: black;
}

a {
  color: black;
}
/* ------------------------- Common classes ---------------------------- */

@media screen and (min-width: 990px) {
  .mobile_only {
    display: none !important;
  }
}

@media screen and (max-width: 989px) {
  .desktop_only {
    display: none !important;
  }
}

.visually-hidden {
  display: none;
}

/* ------------------------- Expandable list ---------------------------- */

ul.expandable {
  list-style: none;
  padding-left: 0;
  margin-bottom: -10px;
  margin-left: 0;
}

ul.expandable .expanded_block {
  display: none;
  position: absolute;
  width: 50%;
  right: 0;
  top: 0;
}

ul.expandable .expanded_block.last {
  top: auto;
  bottom: 0;
}

ul.expandable .expanded_block p:not(:last-of-type) {
  margin-bottom: 10px;
}

ul.expandable .expanded_block p {
  margin-top: 0;
  /* font-size: 29px;
  line-height: 1.27; */
  font-size: 15px;
  font-family: GT-America-Regular;
  color: black;
}

ul.expandable li {
  position: relative;
  margin-top: 8px;
  cursor: pointer;
}

ul.expandable li h4,
ul.expandable li h4 p {
  font-family: 'GT-America-Expanded-Medium';
  margin: 0;
}

ul.expandable li h4 {
  position: relative;
  display: inline-block;
}

.kx-one-column.limited_width ul.expandable {
  margin-bottom: 31px;
}

/* .kx-one-column.limited_width ul.expandable li h4 p,
.kx-one-column.limited_width ul.expandable h4:after {
  font-size: max(1.29vw, 17px);
} */

/* .kx-one-column.limited_width ul.expandable .expanded_block p {
  font-size: max(2vw, 15px);
} */

ul.expandable li.selected .expanded_block {
  display: block;
}

ul.expandable li.selected h4,
ul.expandable li.selected h4 p {
  color: #ff0055;
}

ul.expandable li.selected h4::after {
  content: '→';
  position: absolute;
  right: -29px;
  top: 4px;
  width: 16px;
  height: 12px;
  line-height: 0.75;
}

.list_item_image.inactive {
  opacity: 0;
}

.column img.inactive {
  opacity: 0;
}

.list_item_image {
  position: absolute;
  left: var(--desktop-body-padding);
  top: var(--desktop-body-padding);
  right: calc(var(--desktop-body-padding) / 2);
  bottom: var(--desktop-body-padding);
  overflow: hidden;
}
.list_item_image img {
  object-fit: cover;
  height: 100% !important;
}
@media screen and (max-width: 989px) {
  .list_item_image {
    bottom: 0;
    right: calc(var(--desktop-body-padding));
  }
}

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

@media screen and (min-width: 1200px) {
  .kx-one-column ul.expandable .expanded_block p {
    font-size: 20px;
    font-size: max(1.9vw, 20px);
    font-family: GT-America-Regular;
    line-height: 1.2;
  }
  .kx-one-column ul.expandable li h4,
  .kx-one-column ul.expandable li h4 p {
    font-size: 20px;
    font-size: max(1.3vw, 20px);
  }
  .kx-one-column ul.expandable li {
    margin-top: 1.34vw;
  }
  .kx-one-column ul.expandable li.selected h4:after {
    line-height: 0.85;
  }
}

@media screen and (min-width: 989px) and (max-width: 1239px) {
  .kx-one-column.limited_width ul.expandable .expanded_block {
    width: 55%;
  }
}

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

/* @media screen and (min-width: 1240px) and (max-width: 1440px) {
  ul.expandable .expanded_block p {
    font-size: 20px;
  }
} */

@media screen and (min-width: 989px) and (max-width: 1239px) {
  ul.expandable .expanded_block p {
    margin-left: 61px;
  }
}

@media screen and (max-width: 990px) {
  ul.expandable {
    margin-top: 89px;
  }
  ul.expandable li h4,
  ul.expandable li h4 p {
    font-size: 17px;
  }
  ul.expandable {
    margin-bottom: 20px;
  }
  ul.expandable .expanded_block {
    margin-top: 18px;
    margin-bottom: 63px;
  }
  ul.expandable .expanded_block p {
    font-size: 20px;
    font-family: GT-America-Regular;
    line-height: 1.2;
  }
}

/* ----------- Mobile ----------- */

@media screen and (max-width: 740px) {
  ul.expandable li.selected .expanded_block {
    position: relative;
    width: 100%;
    margin-top: 10px;
    margin-bottom: 32px;
    padding-left: 36px;
  }
  ul.expandable .expanded_block p {
    color: #000;
  }
  ul.expandable li.selected h4::after {
    content: '↴';
  }
  .kx-one-column.limited_width ul.expandable .expanded_block {
    width: 100%;
  }
}

/* --------------------- Switchable content ----------------------- */

div.switchable_button {
  position: absolute;
  display: block;
  cursor: pointer;
  overflow: hidden;
  top: 50%;
  transform: translateY(-50%);
  right: -0.3vw;
  margin-top: -4px;
}

div.switchable_button::after {
  position: absolute;
  content: '→';
  font-family: 'GT-America-Extended-Medium';
  top: 50%;
  transform: translateY(-50%);
  color: black;
}

@media screen and (min-width: 1500px) {
  div.switchable_button:not(.performance_slider_button) {
    top: 1vw;
    right: var(--desktop-body-padding);
    transform: translateY(0);
  }
}

@media screen and (max-width: 990px) {
  div.switchable_button {
    width: 4.7vw;
    height: 4.7vw;
  }
  div.switchable_button::after {
    font-size: 5.9vw;
    left: -2.2vw;
  }
}

@media screen and (min-width: 990px) {
  div.switchable_button {
    width: 1.9vw;
    height: 2.3vw;
  }
  div.switchable_button::after {
    font-size: 2.9vw;
    left: -1.2vw;
  }
}

.switchable_item.hidden {
  display: none;
}

/* --------------------- Accordion ----------------------- */

.accordion_element {
  cursor: pointer;
}

.accordion_element {
  text-align: right;
}

.accordion_element .accordion_top {
  width: 142px;
  margin-left: auto;
  margin-bottom: 15px;
  position: relative;
}

.accordion_element .accordion_top:hover {
  text-decoration: underline;
}

.accordion_element .accordion_top::after {
  position: absolute;
  content: '↓';
  right: 0;
  top: 1px;
  font-family: 'GT-America-Bold';
  line-height: 1;
  color: black;
  transition: 0.3s all;
}

body.non_v .v_element:not(.active_subscriber) {
  display: none !important;
}


body.v_version .non_v_element {
  display: none !important;
}

.accordion_element.expanded .accordion_top::after {
  transform: rotate(90deg);
}

.accordion_element .accordion_top p {
  text-align: left;
}

.accordion_element .expandable_content {
  height: 0;
  overflow: hidden;
}

.accordion_element.expanded .expandable_content {
  height: auto;
  margin-bottom: 27px;
}

/* --------------------- Klaviyo ----------------------- */

.mailchimp_signup .column {
  padding: 0;
  width: 100%;
}

/* ------------------------- Body Color Schemes ---------------------------- * /

/* Set automatically by setBodyColorScheme() in kxngs.js */

/* ----- scheme_white_on_red ----- */

body.scheme_white_on_red {
  background-color: #ff0055;
}

body.scheme_white_on_red .column h2,
body.scheme_white_on_red .column h3,
body.scheme_white_on_red .column p,
body.scheme_white_on_red .column input[type='submit'],
body.scheme_white_on_red .column label {
  color: white !important;
}

body.scheme_white_on_red .column input[type='submit'] {
  border-color: white !important;
}

body.scheme_white_on_red .header-wrapper--border-bottom:after,
body.scheme_white_on_red .kx-two-columns:after {
  border-color: white;
}

/* body.scheme_white_on_red sticky-header.gradient {
  background-color: #ff0055;
} */

/* body.scheme_white_on_red .header__menu-item {
  color: white !important;
} */

/* body.scheme_white_on_red .header__heading-logo.motion-reduce.white {
  opacity: 1;
}

body.scheme_white_on_red .header__heading-logo.motion-reduce.black {
  opacity: 0;
}

body.scheme_white_on_red .header_social_icon {
  opacity: 0;
}

body.scheme_white_on_red .header_social_icon.white {
  opacity: 1;
}

body.scheme_white_on_red .header-localization span {
  color: white;
}

body.scheme_white_on_red .header-localization button {
  color: white;
} */

/* ----- scheme_red_on_beige ----- */

body.scheme_red_on_beige {
  background-color: #be9f81;
}

/* body.scheme_red_on_beige sticky-header.gradient {
  background-color: #be9f81;
} */

body.scheme_red_on_beige .column h2,
body.scheme_red_on_beige .column h3 {
  color: #ff0055 !important;
}

/* body.scheme_red_on_beige .header__menu-item {
  color: white !important;
}

body.scheme_red_on_beige .header__heading-logo.motion-reduce.white {
  opacity: 1;
}

body.scheme_red_on_beige .header__heading-logo.motion-reduce.black {
  opacity: 0;
}

body.scheme_red_on_beige .header_social_icon {
  opacity: 0;
}

body.scheme_red_on_beige .header_social_icon.white {
  opacity: 1;
} */

body.scheme_red_on_beige .header-wrapper--border-bottom:after {
  border-color: white;
}

/* body.scheme_red_on_beige .header-localization span {
  color: white;
}

body.scheme_red_on_beige .header-localization button {
  color: white;
} */

.mailchimp_signup,
.mailchimp_signup *:not(button) {
  background-color: transparent !important;
}

/* --------------------- Footer ----------------------- */

.kx-footer {
  width: 100%;
  padding: var(--desktop-body-padding);
  padding-left: var(--desktop-outer-padding);
  padding-right: var(--desktop-outer-padding);
  position: relative;
  margin-top: 20px;
  display: flex;
  flex-direction: column;
}

.kx-footer.has_newsletter::before {
  content: '';
  position: absolute;
  left: var(--desktop-outer-padding);
  top: 0;
  right: var(--desktop-outer-padding);
  border-top: 1px solid black;
}

.kx-footer .kx-footer-form {
  display: flex;
  padding-bottom: var(--desktop-body-padding);
}

.kx-footer .kx-footer-form .form_and_caption {
  display: flex;
  flex-direction: column;
  margin-left: auto;
  margin-right: 0;
}

.kx-footer .kx-footer-form form {
  margin-right: 0;
  margin-bottom: auto;
  margin-top: 6px;
}

.kx-footer .kx-footer-form h3 {
  line-height: 1;
  margin: 0;
}

.kx-footer .kx-footer-bottom {
  padding-top: var(--desktop-body-padding);
  display: flex;
  border-top: 1px solid black;
}

.kx-footer .footer_link {
  color: black;
  text-decoration: none;
  margin-bottom: 15px;
  margin-right: 10px;
  font-size: 14px;
}
.kx-footer .footer_link:hover {
  text-decoration: underline;
}

.kx-footer .footer_social {
  display: flex;
}

.kx-footer .footer_social {
  margin-left: auto;
}

.kx-footer .footer_social .social_icon {
  width: 30px;
  height: auto;
  margin-left: 15px;
}

.kx-footer .kx-footer-form h3.newsletter-form__message {
  font-size: 19px;
  max-width: 100%;
  margin-top: 11px;
}

.newsletter-form__field-wrapper .field {
  position: relative;
  width: 100%;
  display: flex;
  transition: box-shadow var(--duration-short) ease;
  border-bottom: none;
  padding: 0;
  margin-bottom: 15px;
}

.newsletter-form__field-wrapper .field__input {
  flex-grow: 1;
  text-align: left;
  padding: 12px 13px;
  margin: var(--inputs-border-width);
  transition: box-shadow var(--duration-short) ease;
  appearance: none;
  background-color: rgb(var(--color-background));
  color: rgb(var(--color-foreground));
  font-size: 16px;
  width: 100%;
  box-sizing: border-box;
  height: auto;
  min-height: calc(var(--inputs-border-width)* 2);
  min-width: calc(7rem +(var(--inputs-border-width)* 2));
  position: relative;
  border: 1px solid #ccc;
}

.newsletter-form__field-wrapper .field__input:focus {
  border-color: black;
}

.newsletter-form__field-wrapper .field:before {
  pointer-events: none;
  content: "";
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  border-radius: var(--inputs-radius-outset);
  box-shadow: var(--inputs-shadow-horizontal-offset) var(--inputs-shadow-vertical-offset) var(--inputs-shadow-blur-radius) rgba(var(--color-shadow), var(--inputs-shadow-opacity));
  z-index: -1;
}

.newsletter-form__field-wrapper .field__button {
  align-items: center;
    background-color: transparent;
    border: 0;
    color: currentColor;
    cursor: pointer;
    display: flex;
    height: 100%;;
    justify-content: center;
    overflow: hidden;
    padding: 0;
    position: absolute;
    right: 0;
    top: 0;
    width: 4.4rem;
}

.newsletter-form__field-wrapper .field:after {
  pointer-events: none;
  content: "";
  position: absolute;
  top: var(--inputs-border-width);
  right: var(--inputs-border-width);
  bottom: var(--inputs-border-width);
  left: var(--inputs-border-width);
  border: .1rem solid transparent;
  border-radius: var(--inputs-radius);
  box-shadow: 0 0 0 var(--inputs-border-width) rgba(var(--color-foreground), var(--inputs-border-opacity));
  transition: box-shadow var(--duration-short) ease;
  z-index: 1;
}

.newsletter-form__message .icon.icon-success {
    padding-bottom: 3px;
}

@media screen and (min-width: 900px) {
  .kx-footer .kx-footer-form h3:not(.newsletter-form__message) {
    font-size: 4vw;
    max-width: 50%;
  }
  .kx-footer .kx-footer-form .form_and_caption {
    width: 28%;
    min-width: 360px;
  }
}

@media screen and (max-width: 899px) {
  .kx-footer {
    padding-left: var(--mobile-body-padding);
    padding-right: var(--mobile-body-padding);
  }

  .kx-footer.has_newsletter::before {
    left: var(--mobile-body-padding);
    right: var(--mobile-body-padding);
  }

  .kx-footer .kx-footer-form {
    flex-direction: column;
  }
  .kx-footer .kx-footer-form .form_and_caption {
    width: 100%;
  }

  .form_and_caption .newsletter-form {
    margin-top: 20px;
  }
  .form_and_caption .newsletter-form__field-wrapper {
    max-width: 100%;
  }
  .kx-footer .kx-footer-form h3:not(.newsletter-form__message) {
    font-size: 8vw;
    margin-bottom: 20px;
  }
}

.klaviyo-bis-trigger.button {
  width: 100%;
}

a.button.klaviyo-bis-trigger {
  display: flex;
  width: 100%;
}

/* ------------------------- Custom dropdown ------------------------- */
/* Base styles */
.dropdown {
  width: 100%;
  font-weight: 300;
  box-sizing: border-box;
  border: 1px solid black;
  position: relative;
  margin-top: 27px;
  z-index: 999;
  font-family: GT-America-Regular;
}

.dropdown input {
  display: none;
}

.dropdown ul {
  list-style-type: none;
  padding: 0;
}

/* Show dropdown when checkbox is checked */
.dropdown__switch:checked + .dropdown__options-filter + .dropdown__select {
  transform: scaleY(1);
  opacity: 1;
}

.dropdown__switch:checked + .dropdown__options-filter .dropdown__filter::after {
  transform: rotate(90deg);
}

.dropdown__options-filter {
  width: 100%;
  cursor: pointer;
}

.dropdown__filter {
  position: relative;
  display: flex;
  color: black;
  background-color: #fff;
  border-radius: 18px;
  font-size: 14px;
  transition: 0.3s;
}

.dropdown__filter:focus {
  outline: none;
}

.dropdown__filter::after {
  position: absolute;
  top: 0;
  right: 0;
  font-family: GT-America-Regular;
  content: '\2193';
  transform: rotate(0);
  transition: 0.3s ease-in-out;
  margin-right: 16px;
}

.dropdown__filter .variant_label p {
  font-weight: 100;
}

.dropdown__filter .dropdown__filter-selected {
  margin-left: 20px;
  text-align: left;
  font-size: 15px;
}

@media screen and (max-width: 600px) {
  .dropdown__filter .dropdown__filter-selected {
    margin-left: 12px;
  }
  .dropdown__filter:after {
    margin-right: 7px;
  }
  .dropdown ul {
    margin-block-end: 10px;
    margin-block-start: 9px;
  }
  .dropdown .variant_label .h6,
  .dropdown .variant_label h6 {
    margin-block-start: 4px;
    margin-block-end: 4px;
  }
}

.dropdown__select {
  position: absolute;
  top: 100%;
  left: -1px;
  right: -1px;
  margin-top: 0;
  overflow: hidden;
  transform: scaleY(0);
  transform-origin: top;
  border: 1px solid black;
  opacity: 0;
  transition: 0.2s ease-in-out;
}

.dropdown__select .variant_name,
.dropdown__select .variant_label p {
  font-size: 14px;
}

.dropdown__select .variant_name {
  font-weight: 300;
}

.dropdown__select-option {
  padding: 20px;
  background-color: #fff;
  border-bottom: 1px solid #e9ecef;
  transition: 0.3s;
  color: black;
  cursor: pointer;
}

.dropdown__select-option:last-of-type {
  border-bottom: 0;
}

.dropdown__select-option:hover {
  background-color: #e9ecef;
}

/* ------------------------- Hero section customisation ------------------------- */
.index-hero {
  /* margin-bottom: calc(var(--LAYOUT-OUTER) * 2); */
  margin-bottom: var(--LAYOUT-OUTER);
}


/* ------------------------- Video Hero section customisation ------------------------- */

.video_bottom_text {
  text-align: center;
  margin-left: auto;
  margin-right: auto;
}

.video_bottom_text p,
.video_bottom_text .description_arrow {
  font-size: 15px; /* fallback */
  font-size: max(1.14vw, 15px);
}

.video_bottom_text .description_arrow {
  font-family: 'GT-America-Bold';
  margin-top: 0;
}

.video_bottom_text { 
  margin-top: auto;
  /* left: var(--desktop-body-padding); */
  /* margin-bottom: var(--desktop-body-padding); */
  padding-left: var(--desktop-body-padding);
  padding-right: var(--desktop-body-padding);
  width: 100%;
  letter-spacing: 0.67px;
  line-height: 1.27;
  z-index: 99;
  position: absolute;
  bottom: 11px;
  z-index: 999;
}

body.header_overlays_top_section .video_bottom_text {
  left: var(--desktop-outer-padding);
  padding-left: var(--desktop-outer-padding);
}

.video_bottom_text p,
.video_bottom_text p strong {
  color: white;
}

.video_bottom_text p strong {
  font-family: 'GT-America-Bold';
}

/* ------------------------- Misc ------------------------- */

.rich-text.content-container {
  padding: var(--desktop-body-padding);
  margin-bottom: calc(var(--desktop-body-padding) * 2);
}
@media screen and (max-width: 600px) {
  .rich-text.content-container {
    padding: var(--mobile-body-padding);
  }
}