body{opacity:1;}

/* Pages/Collections */
.page-utility {
  position: relative;
  font-size: 1.3rem;
  color: #919191
}

.page-pagination {
  float: right;
  padding-right: 2em
}

.page-pagination span.fa,
.page-pagination a,
.page-pagination a:link,
.page-pagination a:visited {
  font-size: 1.5rem;
  color: #919191;
  margin-left: 5px
}

.page-pagination a:focus,
.page-pagination a:hover,
.page-pagination a:active {
  color: #919191
}

#showing-numbers {
  font-size: 1.2rem;
  color: #919191;
  margin-right: 5px
}

.pagination {
  display: block;
  font-size: 1.5rem;
  margin: 0 auto;
  text-align: center
}

.pagination__part {
  color: #919191;
  margin: 0 15px
}

.pagination a,
.pagination a:link,
.pagination a:visited {
  color: #919191
}

.pagination__part--current,
.pagination a:focus,
.pagination a:hover,
.pagination a:active {
  color: #2b2b2b
}

.pagination__part--current {
  font-weight: 700
}

.pagination__part--next,
.pagination__part--next:link,
.pagination__part--next:visited,
.pagination__part--prev,
.pagination__part--prev:link,
.pagination__part--prev:visited {
  background: #edefef;
  display: inline-block;
  font-size: 1.6rem;
  color: #000;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  -ms-border-radius: 4px;
  border-radius: 4px;
  padding: 0 1em;
  line-height: 40px
}

.pagination__part--next i,
.pagination__part--next svg {
  margin-left: 4px;
  display: inline-block;
  width: 1.6rem;
  height: 1.6rem;
  fill: #2b2b2b;
  vertical-align: text-top
}

.pagination__part--prev i,
.pagination__part--prev svg {
  margin-right: 4px;
  display: inline-block;
  width: 1.6rem;
  height: 1.6rem;
  fill: #2b2b2b;
  vertical-align: text-top
}

@media screen and (-ms-high-contrast: active),
(-ms-high-contrast: none) {
  .form__field--select select::-ms-expand {
    display: none
  }

  .form__field--select select:focus::-ms-value {
    background: transparent;
    color: #000
  }
}

@-moz-document url-prefix() {
  .form__field--select {
    overflow: hidden
  }

  .form__field--select select {
    -moz-appearance: none
  }
}

.form__field--select select:-moz-focusring {
  color: transparent;
  text-shadow: 0 0 0 #000
}

/* Account */

#customer_login {
  margin-bottom: 1rem;
}

#account-id .page-main,
#addresses-id .page-main,
#account-id .page-main,
#create-account-id .page-main {
  padding-top: 2em
}

#create_customer input,
#customer-login-form input {
  max-width: 100%
}

#customer-login-form .page-header h3 {
  text-align: center;
  margin-bottom: 2rem;
  font-size: 2.4rem
}

#customer_orders {
  text-align: center;
  overflow: scroll;
}

.address-table {
  width: 48%;
  float: left;
  margin: 10px 4% 30px 0
}

.odd-address {
  margin-right: 0
}

.address-title {
  font-size: 1.4rem;
  float: left;
  margin-bottom: 0
}

.edit-address p,
#add-address {
  margin: 0 0 40px
}

#address-pagination {
  padding-top: 20px
}

#view-address {
  display: block;
  margin-top: 15px;
  padding: 0
}

.customer-address {
  padding: 1.5em 1em;
  background: #f7f7f7;
  -webkit-border-radius: 2px;
  -moz-border-radius: 2px;
  -ms-border-radius: 2px;
  border-radius: 2px
}

#add-address .btn--secondary,
#address-tables .btn--secondary {
  margin: 20px 0 0
}

p.note {
  font-size: 14px;
  font-size: 1.4rem;
  margin: 20px 0 !important;
  color: #000
}

.customer-address .view-address {
  display: none
}

.customer-address .view-address p {
  padding-bottom: 0;
  margin: 0
}

.address-actions {
  margin-bottom: 0 !important;
  font-size: 12px;
  float: right
}

.address-actions .action-link {
  color: #2b2b2b;
  background: #eee;
  -webkit-border-radius: 2px;
  -moz-border-radius: 2px;
  -ms-border-radius: 2px;
  border-radius: 2px;
  padding: 4px 8px 3px;
  font-size: 10px;
  font-weight: 700;
  text-transform: uppercase;
  margin-left: 6px;
  display: inline-block
}

.address-actions .action-link:hover {
  background: #2b2b2b;
  color: #fff
}

.default-address {
  margin-left: 10px;
  font-size: 12px
}

.order_total td {
  border-bottom: 1px solid #eee;
  border-top: 1px solid #eee
}

#order_details thead {
  text-align: left
}

#order_address .status {
  margin-bottom: 15px;
  font-size: 1.3rem;
  display: inline-block
}

#order_cancelled {
  margin: 0 0 10px !important
}

.order_date {
  padding: 15px;
  text-align: left;
  background: #f4f8e4;
  color: #1f2122;
  line-height: 17px;
  font-size: 13px;
  font-size: 1.3rem
}

.status--paid,
.status--authorized,
.status--filed,
.status--pending,
.status--abandoned,
.status--fulfilled,
.status--partial,
.status--unfulfilled,
.status--restocked,
.status--voided,
.status--refunded {
  font-size: 1rem;
  padding: 2px 6px;
  margin: 0;
  display: inline-block;
  -moz-border-radius: 4px;
  -webkit-border-radius: 4px;
  border-radius: 4px
}

.status--paid,
.status--authorized,
.status--fulfilled {
  background-color: #80BD4E;
  color: #fff
}

.status--filed,
.status--pending,
.status--unfulfilled {
  background-color: #eee;
  color: #1f2122
}

.status--abandoned,
.status--voided,
.status--refunded,
.status--restocked {
  background-color: #AF9C7E;
  color: #fff
}

body#gift-card-id {
  background: #ffffff
}

.rb__lists-manager-wrapper a {
  border-bottom: 0 !important;
}

.rb__lists-manager-tabs ul {
  max-width: none !important;
}

/* Mini Cart */

.minicart {
  width: 350px;
  position: absolute;
  top: 2em;
  right: 1em;
  background: #f2ebd9;
  -webkit-box-shadow: 0 0 20px rgba(10, 10, 10, 0.08);
  box-shadow: 0 0 20px rgba(10, 10, 10, 0.08);
  opacity: 0;
  z-index: -1;
  -webkit-transition: opacity .2s ease-in-out, top .2s ease-in-out, z-index .2s ease-in-out;
  transition: opacity .2s ease-in-out, top .2s ease-in-out, z-index .2s ease-in-out
}

.minicart--visible {
  opacity: 1;
  top: 1em;
  z-index: 6010;
  overflow-y: scroll;
}

.minicart__bg {
  position: fixed;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: -1;
  background: rgba(0, 0, 0, 0.2);
  opacity: 0;
  -webkit-transition: opacity .2s ease-in-out, z-index .2s ease-in-out;
  transition: opacity .2s ease-in-out, z-index .2s ease-in-out
}

.minicart__bg--visible {
  opacity: 1;
  z-index: 6000;
}

.minicart__list {
  width: 100%;
  overflow-y: auto;
  max-height: 300px;
  margin: 0;
  padding: 0;
  overflow-y: visible;
}

.minicart__list-item--empty {
  text-align: center;
  padding: 2em
}

.minicart__header {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  flex: 0 0 30px;
  margin-bottom: 2rem;
  -ms-flex-align: start;
  -ms-flex-align: flex-start;
  -webkit-align-items: flex-start;
  -webkit-box-align: flex-start;
  -moz-align-items: flex-start;
  -ms-align-items: flex-start;
  align-items: flex-start;
}

.minicart__header h2 {
  font-size: 2.5rem;
  margin: 0;
  line-height: 1;
  font-weight: 400;
}
.wf-active .minicart__header h2 {
  font-family: 'GT-Sectra-Fine-Book';
}

.minicart__header span {
  cursor: pointer;
  font-size: 1.5rem;
  line-height: 0.75;
}

.minicart-line-item {
  padding: 1em;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: start;
  -ms-flex-align: start;
  align-items: flex-start;
  border-bottom: 1px solid #efefef
}

.minicart-line-item__meta-option--final-sale {
  margin-top: 8px;
  color: #e20000;
}

/* NOTE: color is usually in title, so koio doesnt want showing as an option value */
.minicart-line-item__meta-option--color {
  display: none !important;
}

.minicart-line-item__image {
  -webkit-box-flex: 0;
  -ms-flex: 0 0 65px;
  flex: 0 0 65px;
  margin: 0 1em 0 0
}

.minicart-line-item__image img {
  width: 100%;
  max-width: 100%;
  height: auto
}

.minicart-line-item__info {
  -webkit-box-flex: 1;
  -ms-flex: 1 1 auto;
  flex: 1 1 auto;

  position: relative;
}

.minicart-line-item__meta-option {
  display: block
}

.minicart-line-item__pricing {
  position: absolute;
  top: 0;
  right: 0;
  display: flex;
  flex-direction: column-reverse;
}

.minicart-line-item__pricing-item--original-line-price {
  text-decoration: line-through;
}

.minicart-line-item__pricing .minicart-line-item__pricing-item--line-price {
  color: red;
  margin-top: .4rem;
}

.minicart-line-item__pricing .minicart-line-item__pricing-item--line-price:only-child {
  color: #2b2b2b;
  margin-top: 0;
}

.minicart-line-item__discount {
  font-size: 1.2rem;
  margin-top: .4rem;
  color: red;
}

/* .minicart-line-item__pricing-item--original-line-price {
  display: none !important;
} */

.minicart__message {
  padding: 1rem;
  text-align: center;
}

.minicart__message p {
  margin: 0
}

.minicart__subtotal {
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  padding: 1em
}

.minicart__subtotal,
.qty {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center
}

.qty__form {
  display: flex;
  align-items: center;
}

.qty__minus,
.qty__plus {
  cursor: pointer
}

.cart-no-upsell .minicart__upsells {
  display: none;
}

.minicart__upsells-list {
  margin:0;
  padding:0
}

.minicart-upsell-list-item {
  list-style:none;
  margin:0 0 1em 0;
  padding:0
}

.minicart-upsell-list-item:after {
  content:"";
  display:table;
  clear:both
}

.minicart__upsells-heading {
  font-size: 2.5rem;
  font-weight: 400;
  margin-bottom: 1em;
}
.wf-active .minicart__upsells-heading {
  font-family: 'GT-Sectra-Fine-Book';
}

.minicart-upsell-list-item__image {
  width:65px;
  float:left
}

.minicart-upsell-list-item__image img {
  max-width:100%
}

.minicart-upsell-list-item__title,
.minicart-upsell-list-item__actions {
  width: calc(100% - 70px);
  float: right;
  padding-left: 0.8em;
}

.minicart-upsell-list-item__title {
  font-size: 1.6rem;
  font-weight: 400;
  margin-bottom: 0.5em;
  margin-top: -3px;
  display: -webkit-box;
  display: -moz-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: justify;
  -webkit-justify-content: space-between;
  -moz-justify-content: space-between;
  -ms-justify-content: space-between;
  -webkit-box-pack: space-between;
  justify-content: space-between;
}
.wf-active .minicart-upsell-list-item__title {
  font-family: 'GT-Sectra-Fine-Book';
}

.minicart-upsell-list-item__title a {
  font-size: 1.6rem;
  font-weight: 400;
  letter-spacing: 0.05em;
  margin: 0 10px 0 0;
}
.wf-active .minicart-upsell-list-item__title a {
  font-family: 'Plaak - 36-Ney-Regular-205TF';
}

.minicart-upsell-list-item__price {
  font-size: 1.4rem;
}

.minicart-upsell-list-item__actions {
  display: flex;
}

.minicart-upsell-list-item__actions .form__field--select select {
  font-size: 1.25rem;
  font-weight: 400;
  letter-spacing: 0.05em;
  border-radius: 0;
  height:100%;
  padding: 0 0.8em;
  /* font-size: 100%; */
  border: 2px solid #2b2b2b;
  border-right: 0;
  background: transparent;
}
.wf-active .minicart-upsell-list-item__actions .form__field--select select {
  font-family: 'Plaak - 36-Ney-Regular-205TF';
}

.minicart-upsell-list-item__actions .form__field--select select:focus {
  background: 0 0;
  outline: 0;
  box-shadow: none;

}

.minicart-upsell-list-item__actions .form__field--select::after {
  content: '';
}

.minicart-upsell-list-item__actions .form__field--select svg {
  position: absolute;
  width: 12px;
  top: 9px;
  right: 12px;
  pointer-events: none;
}

.minicart-upsell-list-item__button,
.minicart-upsell-list-item__button:link,
.minicart-upsell-list-item__button:visited {
  width:100%;
  background: transparent;
  color: #2b2b2b;
  border: 2px solid #2b2b2b;
  padding: 0;
  flex: 1 0 52%;
}

.minicart-upsell-list-item__button:focus,
.minicart-upsell-list-item__button:hover,
.minicart-upsell-list-item__button:active {
  background: #2b2b2b;
  color: #fff;
  opacity: 1
}

body.mini-cart-open {
  overflow: hidden !important;
}

/* On desktop, move chat to left side of screen when minicart open */
body.mini-cart-open #fc_frame {
  left: 15px;
  right: auto;
}

/* force minicart on top of sticky header */
body.mini-cart-open #minicart-container {
  z-index: 1000000; /* get above the gorgias chat icon */
  position: relative;
}

.minicart {
  position: fixed;
  padding: 2rem;
  top: 0;
  right: 0;
  width: 100%;
  max-width: 33.33%;
  bottom: 0;
  display: -webkit-box;
  display: -moz-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-direction: column;
  -moz-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  transition: opacity .2s ease-in-out, right .2s ease-in-out, z-index .2s ease-in-out
}

.minicart__bg {
  background: rgba(43, 43, 43, 0.5)
}

.minicart__list {
  max-height: none
}

.minicart__list-item--empty {
  display: none
}

.minicart-line-item {
  padding: 0 0 1.5rem 0;
  margin: 0 0 1.5rem 0;
  border-bottom: 1px solid rgba(43, 43, 43, 0.25)
}

.minicart-line-item:last-child {
  margin-bottom: 0
}

.minicart-line-item__title {
  font-size: 1.6rem;
  font-weight: 400;
  letter-spacing: 0.05em;
  margin-bottom: 0;
  margin-top: -3px;
  padding-right: 30%;
}
.wf-active .minicart-line-item__title {
  font-family: 'Plaak - 36-Ney-Regular-205TF';
}

.minicart-line-item__meta-container {
  margin-top: .4rem;
}

.minicart-line-item__meta,
.minicart .qty,
.minicart-line-item__pricing {
  font-weight: 400;
}

.wf-active .minicart-line-item__meta,
.wf-active .minicart .qty,
.wf-active .minicart-line-item__pricing {
  font-family: 'GT-Sectra-Fine-Book';
}


.minicart-line-item__meta-option {
  font-size: 1.4rem;
  line-height: 2rem;
  font-weight: normal
}

.minicart-line-item__pricing {
  -ms-flex-item-align: end;
  -ms-flex-item-align: flex-end;
  -webkit-align-self: flex-end;
  -moz-align-self: flex-end;
  -ms-align-self: flex-end;
  align-self: flex-end;
  text-align: right;
  font-size: 1.4rem;
  font-weight: normal;
  text-transform: uppercase;
}

.minicart .qty {
  font-size: 1.4rem;
  margin-top: 0;
}

.minicart .qty__label {
  margin-right: 1.75rem
}

.minicart .qty__minus,
.minicart .qty__plus {
  font-size: 2rem;
  transition: background .2s ease-in
}


.minicart .qty__value {
  margin: 0 1.75rem
}

.minicart__subtotal-label,
.minicart__subtotal-value {
  font-size: 1.4rem;
  font-weight: 400;
}
.wf-active .minicart__subtotal-label,
.wf-active .minicart__subtotal-value {
  font-family: 'GT-Sectra-Fine-Book';
}

.minicart__subtotal {
  padding: 1.6rem 0;
  margin-bottom: 1.6rem;
  margin-top: auto;
  border-bottom: 1px solid rgba(43, 43, 43, 0.5)
}

.minicart__subtotal-label {
  margin: 0;
}



.minicart__message {
  padding: 0;
  margin-bottom: 1.6rem
}

.minicart__message p {
  font-weight: 400;
  font-size: 1.4rem
}
.wf-active .minicart__message p {
  font-family: 'GT-Sectra-Fine-Book';
}

.minicart__actions .btn {
  height: 60px;
  line-height: 60px;
  padding: 0 3em;
  background: #69ff46;
  border: #69ff46;
  color: #000;
}

.minicart__actions .btn:hover {
  background: #fff;
  color: #000;
  border-color: #000;
}

.tiered-promo-progress-bar {
  padding: 1rem 0 2rem 0;
  margin-bottom: 1.6rem;
  border-bottom: 1px solid rgba(43, 43, 43, 0.5);
}

.tiered-promo-progress-bar__header,
.tiered-promo-progress-bar__footer {
  display: grid;
  grid-template-columns: 25% 25% 30% 20%;
  font-size: 1.2rem;
  padding: .8rem 0;
}

.tiered-promo-progress-bar__header div:not(:first-child),
.tiered-promo-progress-bar__footer div:not(:first-child) {
  text-indent: -12px;
}

.tiered-promo-progress-bar__header div:first-child,
.tiered-promo-progress-bar__footer div:first-child {
  font-size: 1rem;
}

.tiered-promo-progress-bar__bar {
  height: 1.2rem;
  border-radius: .6rem;
  border: 1px solid rgba(43, 43, 43, 0.5);
  margin: 1.6rem 0;
  position: relative;
}

.tiered-promo-progress-bar__active {
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  width: 0;
  background: #69ff46;
  transition: .2s ease-in width;
  transition-delay: .5s;
  border-radius: .6rem;
}

.tiered-promo-progress-bar__marker {
  position: absolute;
  bottom: -8px;
  left: 0;
  width: 0;
  height: 0;
  border-left: 5px solid transparent;
  border-right: 5px solid transparent;
  border-bottom: 5px solid black;
  transition: .2s ease-in left;
  transition-delay: .5s;
}

.tiered-promo-progress-bar__text {
  text-align: center;
  text-transform: uppercase;
  margin: 2rem 0 .8rem 0;
  font-size: 1.2rem;
}

.wf-active .tiered-promo-progress-bar__text,
.wf-active .tiered-promo-progress-bar__header,
.wf-active .tiered-promo-progress-bar__footer {
  font-family: 'Plaak - 36-Ney-Regular-205TF';
}

@media only screen and (max-width: 60em) {
  #fc_frame {
    display: none;
  }

  #fc_frame.visible {
    display: block;
  }

  body.mini-cart-open {
    position:fixed;
  }

  body.mini-cart-open #fc_frame {
    display: none;
  }

  .minicart {
    top: 1rem;
    right: 0;
    left: 2.4rem;
    width: auto;
    max-width: 100%;
    transition: opacity .2s ease-in-out, z-index .2s ease-in-out
  }

  .minicart--visible {
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    padding-bottom: 7rem;
  }

  .minicart-line-item__image {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 64px;
    flex: 0 0 64px;
    margin: 0 0.5em 0 0;
  }

  .minicart-line-item__pricing {
    margin: 0;
  }

  .minicart-upsell-list-item__image {
    width: 64px
  }

  .minicart-upsell-list-item__title,
  .minicart-upsell-list-item__actions {
    padding-left: 0.25em;
  }

  .minicart__message p {
    font-size: 1.2rem;
  }

  .minicart__actions {
    position: fixed;
    bottom: 0;
    left: 0;
    right:0;
  }

  .minicart__actions .btn {
    font-size: 1.25rem;
    background: #69ff46;
    border: #69ff46;
  }
}
@media screen and (max-width: 50em) {
  .minicart-line-item__meta,
  .minicart .qty,
  .minicart-line-item__pricing,
  .minicart__subtotal-label,
  .minicart__subtotal-value,
  .minicart-upsell-list-item__price,
  .minicart__actions .btn {
    font-size: 1.6rem;
  }
  .minicart-line-item__title {
    font-size: 1.8rem;
  }
}


.modal-wrapper {
  background-color: rgba(248, 248, 248, 0.7);
  display: none;
  position: fixed;
  top: 0;
  left: 0;
  z-index: 9999;
  width: 100%;
  height: 100%;
  outline: none
}

.modal {
  display: block;
  background: #fff;
  position: absolute;
  top: 50%;
  left: 50%;
  z-index: 9001;
  width: 100%;
  max-width: 1200px;
  -webkit-transform: translate(-50%, -50%);
  -moz-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  -webkit-box-shadow: 0 0 80px rgba(153, 153, 153, 0.25);
  -moz-box-shadow: 0 0 80px rgba(153, 153, 153, 0.25);
  -ms-box-shadow: 0 0 80px rgba(153, 153, 153, 0.25);
  box-shadow: 0 0 80px rgba(153, 153, 153, 0.25);
  will-change: opacity;
  opacity: 0;
  -webkit-transition: all 0.2s ease;
  -moz-transition: all 0.2s ease;
  -ms-transition: all 0.2s ease;
  transition: all 0.2s ease
}

.modal__close,
.modal__close:hover {
  cursor: pointer;
  display: block;
  position: fixed;
  top: 1px;
  right: 1px;
  z-index: 100;
  margin: 0;
  background-color: #000;
  width: 36px;
  height: 36px;
  color: #111;
  text-align:center;
}

.modal__close svg {
  display: inline-block;
  width: 1.6rem;
  height: 1.6rem;
  margin: 9px 0 0 11px;
  fill: #fff
}

.modal__content-wrapper {
  min-height: 100%;
  height: 100vh;
  /* overflow: visible; */
  overflow-y: auto;
  -webkit-overflow-scrolling: touch;
  padding: 0;
  position: relative;
  will-change: opacity;
  opacity: 0;
  -webkit-transition: opacity 0.3s ease-out;
  -moz-transition: opacity 0.3s ease-out;
  -ms-transition: opacity 0.3s ease-out;
  -o-transition: opacity 0.3s ease-out;
  transition: opacity 0.3s ease-out
}

.modal__content {
  height: auto
}

body.modal-shown {
  overflow: hidden;
  position: static;
  height: 100vh;
  width: 100%
}

body.modal-shown .pswp__ui--idle .pswp__top-bar {
  z-index: 9999 !important
}

.modal-wrapper.shown {
  display: block
}

.modal.animate {
  -moz-opacity: 1;
  opacity: 1
}

.modal__content-wrapper.animate {
  -moz-opacity: 1;
  opacity: 1
}

.product-loading-qv {
  -moz-opacity: 0.5 !important;
  opacity: 0.5 !important
}

.modal--type-quickview #product-content {
  padding-bottom: 50px
}

.modal--type-quickview #product-options {
  padding: 3em 2em 2em
}

.modal--type-quickview #modal__view-details {
  font-size: 1.4rem;
  font-weight: 600;
  position: fixed;
  bottom: 0;
  left: 0;
  z-index: 9999;
  text-align: center;
  width: 100%;
  height: 50px;
  line-height: 50px;
  background-color: rgba(246, 246, 246, 0.96)
}

@media screen and (max-width: 50em) {
  .modal {
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    max-height: none;
    -webkit-transform: translate(0, 0);
    -ms-transform: translate(0, 0);
    transform: translate(0, 0);
    overflow-y: hidden
  }

  .modal__content {
    height: 100%;
    padding-bottom: 2em;
    overflow-y: scroll;
    -webkit-overflow-scrolling: touch
  }
}

@media only screen and (max-width: 47.975em) {
  .modal {
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    max-height: none;
    -webkit-transform: translate(0, 0);
    -ms-transform: translate(0, 0);
    transform: translate(0, 0);
    overflow-y: hidden
  }

  .modal__content {
    height: 100%;
    overflow-y: scroll;
    -webkit-overflow-scrolling: touch
  }
}

.modal-wrapper--new-user-signup > .modal {
  background: #f2ebd9;
}
.modal--type-new-user-signup {
  box-shadow: none;
  max-width: 100%;
  width: 100%;
  height: 100%;
  padding: 8rem 7rem;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
  -moz-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
}

.modal--type-new-user-signup .modal__content-wrapper {
  height: auto;
  text-align: center;
  min-height: initial;
  max-width: 700px;
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
}

.modal--type-new-user-signup .modal__content-wrapper h3 {
  font-size: 2.8rem;
  margin-bottom: 2.5rem;
  font-family: 'GT-Sectra-Fine-Book';
  text-transform: capitalize;
}

.modal--type-new-user-signup .newsletter-signup {
  max-width: 400px;
}

.modal--type-new-user-signup .modal__content-wrapper .klaviyo-form {
  min-width: 400px;
}
.modal--type-new-user-signup .modal__content-wrapper .klaviyo-form input + label svg:nth-of-type(1) {
  stroke: #6a5d24;
}
.modal--type-new-user-signup .modal__content-wrapper .klaviyo-form input:checked + label svg + svg {
  background: #69ff46;
  clip-path: circle(44% at 48% 50%);
}
.modal--type-new-user-signup .modal__content-wrapper .klaviyo-form input:checked + label g#radioInner circle {
  fill: #69ff46;
}

.modal--type-new-user-signup .modal__close {
  color: #2b2b2b;
  font-size: 1.6rem;
  background-color: transparent;
  top: 1.5rem;
  right: 1.5rem;
  width: auto;
  height: auto;
}

@media screen and (max-width: 50em) {
  .modal--type-new-user-signup {
    max-width: 100%;
    padding: 5rem 2rem;
  }

  .modal--type-new-user-signup .modal__content {
    padding-bottom: 0;
  }

  .modal--type-new-user-signup .modal__content-wrapper .klaviyo-form {
    min-width: 280px;
  }
}

/*! Swiper 4.4.6 Most modern mobile touch slider and framework with hardware accelerated transitions * Copyright 2014-2018 Vladimir Kharlampidi * Released under the MIT License on: December 19, 2018 */
.swiper-container {
  margin: 0 auto;
  position: relative;
  overflow: hidden;
  list-style: none;
  padding: 0;
  z-index: 1
}

.swiper-container-no-flexbox .swiper-slide {
  float: left
}

.swiper-container-vertical>.swiper-wrapper {
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column
}

.swiper-wrapper {
  position: relative;
  width: 100%;
  height: 100%;
  z-index: 1;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-transition-property: -webkit-transform;
  transition-property: -webkit-transform;
  -o-transition-property: transform;
  transition-property: transform;
  transition-property: transform, -webkit-transform;
  -webkit-box-sizing: content-box;
  box-sizing: content-box
}

.swiper-container-android .swiper-slide,
.swiper-wrapper {
  -webkit-transform: translate3d(0, 0, 0);
  transform: translate3d(0, 0, 0)
}

.swiper-container-multirow>.swiper-wrapper {
  -webkit-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap
}

.swiper-container-free-mode>.swiper-wrapper {
  -webkit-transition-timing-function: ease-out;
  -o-transition-timing-function: ease-out;
  transition-timing-function: ease-out;
  margin: 0 auto
}

.swiper-slide {
  -webkit-flex-shrink: 0;
  -ms-flex-negative: 0;
  flex-shrink: 0;
  width: 100%;
  height: 100%;
  position: relative;
  -webkit-transition-property: -webkit-transform;
  transition-property: -webkit-transform;
  -o-transition-property: transform;
  transition-property: transform;
  transition-property: transform, -webkit-transform;
}

.hero-video-slider__slider-container.swiper-container .swiper-pagination {
  bottom: 4em;
}
@media screen and (max-width: 48em) {

  .hero-video-slider__slider-container.swiper-container .swiper-pagination {
    display: none;
  }
}

.section--video-hero-slider .swiper-pagination-bullets .swiper-pagination-bullet {
  margin: 0 2px;
  width: 12px;
  height: 12px;
  background: transparent;
  border-radius: 12px;
  border: 1px solid #fff;
  opacity: 1;
}

.section--video-hero-slider .swiper-pagination-bullets .swiper-pagination-bullet-active {
  background: #69ff46;
  border-color: black;
  opacity: 1;
}


@media only screen and (max-width: 60em) {
  .hero-video-slider__slider-container.swiper-container {
    padding-bottom: 0;
  }

  .hero-video-slider__slider-container.swiper-container .swiper-pagination {
    bottom: 3.5em;
  }


  .section--video-hero-slider .swiper-pagination-bullets .swiper-pagination-bullet {
    width: 8px;
    height: 8px;
    border-radius: 8px;
  }
}

@media only screen and (max-width: 48em) {
  .hero-video-slider__slider-container.swiper-container .swiper-pagination {
    bottom: 2.5em;
  }
}

.section--video-hero-slider .swiper-slide,
.section--video-hero-slider .swiper-slide,
.section--video-hero-slider .swiper-slide {background: #000;}

.swiper-slide-invisible-blank {
  visibility: hidden
}

.swiper-container-autoheight,
.swiper-container-autoheight .swiper-slide {
  height: auto
}

.swiper-container-autoheight .swiper-wrapper {
  -webkit-box-align: start;
  -webkit-align-items: flex-start;
  -ms-flex-align: start;
  align-items: flex-start;
  -webkit-transition-property: height, -webkit-transform;
  transition-property: height, -webkit-transform;
  -o-transition-property: transform, height;
  transition-property: transform, height;
  transition-property: transform, height, -webkit-transform
}

.swiper-container-3d {
  -webkit-perspective: 1200px;
  perspective: 1200px
}

.swiper-container-3d .swiper-cube-shadow,
.swiper-container-3d .swiper-slide,
.swiper-container-3d .swiper-slide-shadow-bottom,
.swiper-container-3d .swiper-slide-shadow-left,
.swiper-container-3d .swiper-slide-shadow-right,
.swiper-container-3d .swiper-slide-shadow-top,
.swiper-container-3d .swiper-wrapper {
  -webkit-transform-style: preserve-3d;
  transform-style: preserve-3d
}

.swiper-container-3d .swiper-slide-shadow-bottom,
.swiper-container-3d .swiper-slide-shadow-left,
.swiper-container-3d .swiper-slide-shadow-right,
.swiper-container-3d .swiper-slide-shadow-top {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  pointer-events: none;
  z-index: 10
}

.swiper-container-3d .swiper-slide-shadow-left {
  background-image: -webkit-gradient(linear, right top, left top, from(rgba(0, 0, 0, 0.5)), to(rgba(0, 0, 0, 0)));
  background-image: -webkit-linear-gradient(right, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));
  background-image: -o-linear-gradient(right, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));
  background-image: linear-gradient(to left, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0))
}

.swiper-container-3d .swiper-slide-shadow-right {
  background-image: -webkit-gradient(linear, left top, right top, from(rgba(0, 0, 0, 0.5)), to(rgba(0, 0, 0, 0)));
  background-image: -webkit-linear-gradient(left, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));
  background-image: -o-linear-gradient(left, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));
  background-image: linear-gradient(to right, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0))
}

.swiper-container-3d .swiper-slide-shadow-top {
  background-image: -webkit-gradient(linear, left bottom, left top, from(rgba(0, 0, 0, 0.5)), to(rgba(0, 0, 0, 0)));
  background-image: -webkit-linear-gradient(bottom, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));
  background-image: -o-linear-gradient(bottom, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));
  background-image: linear-gradient(to top, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0))
}

.swiper-container-3d .swiper-slide-shadow-bottom {
  background-image: -webkit-gradient(linear, left top, left bottom, from(rgba(0, 0, 0, 0.5)), to(rgba(0, 0, 0, 0)));
  background-image: -webkit-linear-gradient(top, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));
  background-image: -o-linear-gradient(top, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));
  background-image: linear-gradient(to bottom, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0))
}

.swiper-container-wp8-horizontal,
.swiper-container-wp8-horizontal>.swiper-wrapper {
  -ms-touch-action: pan-y;
  touch-action: pan-y
}

.swiper-container-wp8-vertical,
.swiper-container-wp8-vertical>.swiper-wrapper {
  -ms-touch-action: pan-x;
  touch-action: pan-x
}

.swiper-button-next,
.swiper-button-prev {
  position: absolute;
  top: 50%;
  width: 27px;
  height: 44px;
  margin-top: -22px;
  z-index: 10;
  cursor: pointer;
  background-size: 27px 44px;
  background-position: center;
  background-repeat: no-repeat
}

.swiper-button-next.swiper-button-disabled,
.swiper-button-prev.swiper-button-disabled {
  opacity: .35;
  cursor: auto;
  pointer-events: none
}

.swiper-button-prev,
.swiper-container-rtl .swiper-button-next {
  background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M0%2C22L22%2C0l2.1%2C2.1L4.2%2C22l19.9%2C19.9L22%2C44L0%2C22L0%2C22L0%2C22z'%20fill%3D'%23007aff'%2F%3E%3C%2Fsvg%3E");
  left: 10px;
  right: auto
}

.swiper-button-next,
.swiper-container-rtl .swiper-button-prev {
  background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M27%2C22L27%2C22L5%2C44l-2.1-2.1L22.8%2C22L2.9%2C2.1L5%2C0L27%2C22L27%2C22z'%20fill%3D'%23007aff'%2F%3E%3C%2Fsvg%3E");
  right: 10px;
  left: auto
}

.swiper-button-prev.swiper-button-white,
.swiper-container-rtl .swiper-button-next.swiper-button-white {
  background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M0%2C22L22%2C0l2.1%2C2.1L4.2%2C22l19.9%2C19.9L22%2C44L0%2C22L0%2C22L0%2C22z'%20fill%3D'%23ffffff'%2F%3E%3C%2Fsvg%3E")
}

.swiper-button-next.swiper-button-white,
.swiper-container-rtl .swiper-button-prev.swiper-button-white {
  background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M27%2C22L27%2C22L5%2C44l-2.1-2.1L22.8%2C22L2.9%2C2.1L5%2C0L27%2C22L27%2C22z'%20fill%3D'%23ffffff'%2F%3E%3C%2Fsvg%3E")
}

.swiper-button-prev.swiper-button-black,
.swiper-container-rtl .swiper-button-next.swiper-button-black {
  background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M0%2C22L22%2C0l2.1%2C2.1L4.2%2C22l19.9%2C19.9L22%2C44L0%2C22L0%2C22L0%2C22z'%20fill%3D'%23000000'%2F%3E%3C%2Fsvg%3E")
}

.swiper-button-next.swiper-button-black,
.swiper-container-rtl .swiper-button-prev.swiper-button-black {
  background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M27%2C22L27%2C22L5%2C44l-2.1-2.1L22.8%2C22L2.9%2C2.1L5%2C0L27%2C22L27%2C22z'%20fill%3D'%23000000'%2F%3E%3C%2Fsvg%3E")
}

.swiper-button-lock {
  display: none
}

.swiper-pagination {
  position: absolute;
  text-align: center;
  -webkit-transition: .3s opacity;
  -o-transition: .3s opacity;
  transition: .3s opacity;
  -webkit-transform: translate3d(0, 0, 0);
  transform: translate3d(0, 0, 0);
  z-index: 10
}

.swiper-pagination.swiper-pagination-hidden {
  opacity: 0
}

.swiper-container-horizontal>.swiper-pagination-bullets,
.swiper-pagination-custom,
.swiper-pagination-fraction {
  bottom: 25px;
  left: 0;
  width: 100%
}

.swiper-pagination-bullets-dynamic {
  overflow: hidden;
  font-size: 0
}

.swiper-pagination-bullets-dynamic .swiper-pagination-bullet {
  -webkit-transform: scale(0.33);
  -ms-transform: scale(0.33);
  transform: scale(0.33);
  position: relative
}

.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active {
  -webkit-transform: scale(1);
  -ms-transform: scale(1);
  transform: scale(1)
}

.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-main {
  -webkit-transform: scale(1);
  -ms-transform: scale(1);
  transform: scale(1)
}

.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev {
  -webkit-transform: scale(0.66);
  -ms-transform: scale(0.66);
  transform: scale(0.66)
}

.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev-prev {
  -webkit-transform: scale(0.33);
  -ms-transform: scale(0.33);
  transform: scale(0.33)
}

.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next {
  -webkit-transform: scale(0.66);
  -ms-transform: scale(0.66);
  transform: scale(0.66)
}

.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next-next {
  -webkit-transform: scale(0.33);
  -ms-transform: scale(0.33);
  transform: scale(0.33)
}

.swiper-pagination-bullet {
  width: 8px;
  height: 8px;
  display: inline-block;
  border-radius: 100%;
  background: #000;
  opacity: .2
}

button.swiper-pagination-bullet {
  border: none;
  margin: 0;
  padding: 0;
  -webkit-box-shadow: none;
  box-shadow: none;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none
}

.swiper-pagination-clickable .swiper-pagination-bullet {
  cursor: pointer
}

.swiper-pagination-bullet-active {
  opacity: 1;
  background: #000;
}

.swiper-container-vertical>.swiper-pagination-bullets {
  right: 10px;
  top: 50%;
  -webkit-transform: translate3d(0, -50%, 0);
  transform: translate3d(0, -50%, 0)
}

.swiper-container-vertical>.swiper-pagination-bullets .swiper-pagination-bullet {
  margin: 6px 0;
  display: block
}

.swiper-container-vertical>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic {
  top: 50%;
  -webkit-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);
  width: 8px
}

.swiper-container-vertical>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet {
  display: inline-block;
  -webkit-transition: .2s top, .2s -webkit-transform;
  transition: .2s top, .2s -webkit-transform;
  -o-transition: .2s transform, .2s top;
  transition: .2s transform, .2s top;
  transition: .2s transform, .2s top, .2s -webkit-transform
}

.swiper-container-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet {
  margin: 0 4px
}

.swiper-container-horizontal>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic {
  left: 50%;
  -webkit-transform: translateX(-50%);
  -ms-transform: translateX(-50%);
  transform: translateX(-50%);
  white-space: nowrap
}

.swiper-container-horizontal>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet {
  -webkit-transition: .2s left, .2s -webkit-transform;
  transition: .2s left, .2s -webkit-transform;
  -o-transition: .2s transform, .2s left;
  transition: .2s transform, .2s left;
  transition: .2s transform, .2s left, .2s -webkit-transform
}

.swiper-container-horizontal.swiper-container-rtl>.swiper-pagination-bullets-dynamic .swiper-pagination-bullet {
  -webkit-transition: .2s right, .2s -webkit-transform;
  transition: .2s right, .2s -webkit-transform;
  -o-transition: .2s transform, .2s right;
  transition: .2s transform, .2s right;
  transition: .2s transform, .2s right, .2s -webkit-transform
}

.swiper-pagination-progressbar {
  background: rgba(0, 0, 0, 0.25);
  position: absolute
}

.swiper-pagination-progressbar .swiper-pagination-progressbar-fill {
  background: #007aff;
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  -webkit-transform: scale(0);
  -ms-transform: scale(0);
  transform: scale(0);
  -webkit-transform-origin: left top;
  -ms-transform-origin: left top;
  transform-origin: left top
}

.swiper-container-rtl .swiper-pagination-progressbar .swiper-pagination-progressbar-fill {
  -webkit-transform-origin: right top;
  -ms-transform-origin: right top;
  transform-origin: right top
}

.swiper-container-horizontal>.swiper-pagination-progressbar,
.swiper-container-vertical>.swiper-pagination-progressbar.swiper-pagination-progressbar-opposite {
  width: 100%;
  height: 4px;
  left: 0;
  top: 0
}

.swiper-container-horizontal>.swiper-pagination-progressbar.swiper-pagination-progressbar-opposite,
.swiper-container-vertical>.swiper-pagination-progressbar {
  width: 4px;
  height: 100%;
  left: 0;
  top: 0
}

.swiper-pagination-white .swiper-pagination-bullet-active {
  background: #fff
}

.swiper-pagination-progressbar.swiper-pagination-white {
  background: rgba(255, 255, 255, 0.25)
}

.swiper-pagination-progressbar.swiper-pagination-white .swiper-pagination-progressbar-fill {
  background: #fff
}

.swiper-pagination-black .swiper-pagination-bullet-active {
  background: #000
}

.swiper-pagination-progressbar.swiper-pagination-black {
  background: rgba(0, 0, 0, 0.25)
}

.swiper-pagination-progressbar.swiper-pagination-black .swiper-pagination-progressbar-fill {
  background: #000
}

.swiper-pagination-lock {
  display: none
}

.swiper-scrollbar {
  border-radius: 10px;
  position: relative;
  -ms-touch-action: none;
  background: rgba(0, 0, 0, 0.1)
}

.swiper-container-horizontal>.swiper-scrollbar {
  position: absolute;
  left: 1%;
  bottom: 3px;
  z-index: 50;
  height: 5px;
  width: 98%
}

.swiper-container-vertical>.swiper-scrollbar {
  position: absolute;
  right: 3px;
  top: 1%;
  z-index: 50;
  width: 5px;
  height: 98%
}

.swiper-scrollbar-drag {
  height: 100%;
  width: 100%;
  position: relative;
  background: rgba(0, 0, 0, 0.5);
  border-radius: 10px;
  left: 0;
  top: 0
}

.swiper-scrollbar-cursor-drag {
  cursor: move
}

.swiper-scrollbar-lock {
  display: none
}

.swiper-zoom-container {
  width: 100%;
  height: 100%;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  text-align: center
}

.swiper-zoom-container>canvas,
.swiper-zoom-container>img,
.swiper-zoom-container>svg {
  max-width: 100%;
  max-height: 100%;
  -o-object-fit: contain;
  object-fit: contain
}

.product-template .swiper-slide {
  cursor: zoom-in
}
.swiper-slide-zoomed {
  cursor: move
}

.swiper-lazy-preloader {
  width: 42px;
  height: 42px;
  position: absolute;
  left: 50%;
  top: 50%;
  margin-left: -21px;
  margin-top: -21px;
  z-index: 10;
  -webkit-transform-origin: 50%;
  -ms-transform-origin: 50%;
  transform-origin: 50%;
  -webkit-animation: swiper-preloader-spin 1s steps(12, end) infinite;
  animation: swiper-preloader-spin 1s steps(12, end) infinite
}

.swiper-lazy-preloader:after {
  display: block;
  content: '';
  width: 100%;
  height: 100%;
  background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20viewBox%3D'0%200%20120%20120'%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20xmlns%3Axlink%3D'http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink'%3E%3Cdefs%3E%3Cline%20id%3D'l'%20x1%3D'60'%20x2%3D'60'%20y1%3D'7'%20y2%3D'27'%20stroke%3D'%236c6c6c'%20stroke-width%3D'11'%20stroke-linecap%3D'round'%2F%3E%3C%2Fdefs%3E%3Cg%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(30%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(60%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(90%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(120%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(150%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.37'%20transform%3D'rotate(180%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.46'%20transform%3D'rotate(210%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.56'%20transform%3D'rotate(240%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.66'%20transform%3D'rotate(270%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.75'%20transform%3D'rotate(300%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.85'%20transform%3D'rotate(330%2060%2C60)'%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E");
  background-position: 50%;
  background-size: 100%;
  background-repeat: no-repeat
}

.swiper-lazy-preloader-white:after {
  background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20viewBox%3D'0%200%20120%20120'%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20xmlns%3Axlink%3D'http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink'%3E%3Cdefs%3E%3Cline%20id%3D'l'%20x1%3D'60'%20x2%3D'60'%20y1%3D'7'%20y2%3D'27'%20stroke%3D'%23fff'%20stroke-width%3D'11'%20stroke-linecap%3D'round'%2F%3E%3C%2Fdefs%3E%3Cg%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(30%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(60%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(90%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(120%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(150%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.37'%20transform%3D'rotate(180%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.46'%20transform%3D'rotate(210%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.56'%20transform%3D'rotate(240%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.66'%20transform%3D'rotate(270%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.75'%20transform%3D'rotate(300%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.85'%20transform%3D'rotate(330%2060%2C60)'%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E")
}

@-webkit-keyframes swiper-preloader-spin {
  100% {
    -webkit-transform: rotate(360deg);
    transform: rotate(360deg)
  }
}

@keyframes swiper-preloader-spin {
  100% {
    -webkit-transform: rotate(360deg);
    transform: rotate(360deg)
  }
}

.swiper-container .swiper-notification {
  position: absolute;
  left: 0;
  top: 0;
  pointer-events: none;
  opacity: 0;
  z-index: -1000
}

.swiper-container-fade.swiper-container-free-mode .swiper-slide {
  -webkit-transition-timing-function: ease-out;
  -o-transition-timing-function: ease-out;
  transition-timing-function: ease-out
}

.swiper-container-fade .swiper-slide {
  pointer-events: none;
  -webkit-transition-property: opacity;
  -o-transition-property: opacity;
  transition-property: opacity
}

.swiper-container-fade .swiper-slide .swiper-slide {
  pointer-events: none
}

.swiper-container-fade .swiper-slide-active,
.swiper-container-fade .swiper-slide-active .swiper-slide-active {
  pointer-events: auto
}

.swiper-container-cube {
  overflow: visible
}

.swiper-container-cube .swiper-slide {
  pointer-events: none;
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  z-index: 1;
  visibility: hidden;
  -webkit-transform-origin: 0 0;
  -ms-transform-origin: 0 0;
  transform-origin: 0 0;
  width: 100%;
  height: 100%
}

.swiper-container-cube .swiper-slide .swiper-slide {
  pointer-events: none
}

.swiper-container-cube.swiper-container-rtl .swiper-slide {
  -webkit-transform-origin: 100% 0;
  -ms-transform-origin: 100% 0;
  transform-origin: 100% 0
}

.swiper-container-cube .swiper-slide-active,
.swiper-container-cube .swiper-slide-active .swiper-slide-active {
  pointer-events: auto
}

.swiper-container-cube .swiper-slide-active,
.swiper-container-cube .swiper-slide-next,
.swiper-container-cube .swiper-slide-next+.swiper-slide,
.swiper-container-cube .swiper-slide-prev {
  pointer-events: auto;
  visibility: visible
}

.swiper-container-cube .swiper-slide-shadow-bottom,
.swiper-container-cube .swiper-slide-shadow-left,
.swiper-container-cube .swiper-slide-shadow-right,
.swiper-container-cube .swiper-slide-shadow-top {
  z-index: 0;
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden
}

.swiper-container-cube .swiper-cube-shadow {
  position: absolute;
  left: 0;
  bottom: 0;
  width: 100%;
  height: 100%;
  background: #000;
  opacity: .6;
  -webkit-filter: blur(50px);
  filter: blur(50px);
  z-index: 0
}

.swiper-container-flip {
  overflow: visible
}

.swiper-container-flip .swiper-slide {
  pointer-events: none;
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  z-index: 1
}

.swiper-container-flip .swiper-slide .swiper-slide {
  pointer-events: none
}

.swiper-container-flip .swiper-slide-active,
.swiper-container-flip .swiper-slide-active .swiper-slide-active {
  pointer-events: auto
}

.swiper-container-flip .swiper-slide-shadow-bottom,
.swiper-container-flip .swiper-slide-shadow-left,
.swiper-container-flip .swiper-slide-shadow-right,
.swiper-container-flip .swiper-slide-shadow-top {
  z-index: 0;
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden
}

.swiper-container-coverflow .swiper-wrapper {
  -ms-perspective: 1200px
}

.widget--navigation li {
  list-style: none;
  font-size: 1.6rem;
  border-bottom: 1px solid #eee;
  padding: 0;
  margin: 0
}

.widget--navigation li a {
  padding: 1em 0;
  display: block;
  line-height: 1.2;
  color: #2b2b2b
}

.widget--navigation li a svg {
  float: right;
  width: 1.6rem;
  height: 1.6rem
}

#search-form--page {
  width: 100%;
  margin-bottom: 3em
}

#search-form--page .form__fieldrow {
  background: #000;
  padding: 2em;
  text-align: center;
}

#search-form--page .form__fieldrow .form__field {
  margin: 0;
}

#search-form--page .form__fieldrow input.form__field {
  max-width: 50%;
}

@media only screen and (max-width: 60em) {
  #search-form--page .form__fieldrow input.form__field {
    max-width: 100%;
  }

  #search-form--page .form__fieldrow input.form__field.btn {
    width: 100%;
  }

  #search-form--page .form__fieldrow .form__field {
    margin: 0 0 10px 0;
  }

  #search-form--page .form__fieldrow .form__field:last-child {
    margin: 0;
  }
}


.item-list--search-results {
  margin-bottom: 3em
}

.item {
  margin: 0 0 2em;
  padding: 0 1em;
}

.item-list--search-results .item--product .item__image-wrapper {
  width: 100%;
  margin: 0 0 0.5em 0;
  border-bottom: none !important;
  text-decoration: none;
}

.item-list--search-results .item--product .item__title {
  text-align: center;
}

.item-list--search-results .item--product .item__title .sep,
.item-list--search-results .item--product .secondary {
  display: none;
}


.item__image-wrapper {
  display: block;
  width: 20%;
  overflow: hidden;
  position: relative;
  text-align: center;
  margin: 0 2em 5% 0
}

.item__image-wrapper::before {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  padding-top: 100%
}

.item__image-wrapper img {
  width: 100%;
  height: auto;
  display: block
}

.highlight {
  background-color: #fff;
  padding: 1px 4px
}


.breadcrumbs {
  float: left;
  color: #2b2b2b
}

.breadcrumbs h1 {
  font-weight: normal;
  font-family: unset;
  color: #2b2b2b;
  font-size: 1.4rem;
  display: inline-block
}

.breadcrumbs span {
  margin: 0 0.15em 0 0.2em;
  color: #000;
  font-weight: 400;
  letter-spacing: 0.05em;
  font-size:1rem;
}
.wf-active .breadcrumbs span {
  font-family: 'Plaak - 36-Ney-Regular-205TF';
}

.breadcrumbs a,
.breadcrumbs a:link,
.breadcrumbs a:visited {
  color: #000;
  font-weight: 400;
  letter-spacing: 0.05em;
  font-size:1rem;
}
.wf-active .breadcrumbs a,
.wf-active .breadcrumbs a:link,
.wf-active .breadcrumbs a:visited {
  color: #000;
  font-family: 'Plaak - 36-Ney-Regular-205TF';
}

.footer-container {
  background: #f2ebd9;
  padding: 0;
  margin-top: 8rem;
  font-size: 1.4rem;
  letter-spacing: 0px;
}

.footer-container .mobile-accordian .triangle {
  display: none;
}

.footer-container h3 {
  font-size: 1.3rem;
  margin: 0 0 1.8rem 0;
}
.wf-active .footer-container h3 {
  font-family: 'Plaak - 36-Ney-Regular-205TF';
}

.footer-container .footer__top {
  display: flex;
  flex-direction: row;
  justify-content: left;
  margin: 0 0 2rem 0;
  border-bottom: 1px solid rgba(208,206,204);
}

.footer-container .footer__top .col {
  display: flex;
  flex-direction: column;
  min-width: 20%;
  padding: 3rem 7rem 0 4rem;
  border-right: 1px solid rgba(208,206,204);
}

.footer-container .footer__top .col:first-child {
  flex-grow: 1;
  padding-left: 3rem;
}


.footer-container .footer__top .col:last-child {
  border-right: none;
  padding-right: 4rem;
}

.footer-container .footer__top .col ul,
.footer-container .footer__top .col ul li {
  margin: 0;
  padding: 0;
  list-style: none;
  font-size: 1.4rem;
}

.footer-container .footer__top .col ul li {
  padding-bottom: 8px;
}

.footer-container .footer__top .col .footer__contact .phone-number {
  display: none; /* NOTE: always hide by default, js will show/hide, and desktop-only will hide for mobile */
  margin: 0 0 0 1rem;
}

.footer-container .footer__top .col .footer__contact h3 {
  margin: 0;
  padding-bottom: 1.8rem;
  border-bottom: 1px solid rgba(208,206,204);
}

.footer-container .footer__top .col .footer__contact ul li {
  padding-top: 8px;
  border-bottom: 1px solid rgba(208,206,204);
}

.footer-container .footer__top .footer__signup {
  margin: 6rem 0 4rem;
}

.footer-container .footer__top .footer__signup p {
  margin-bottom: 2rem;
}
.footer-container .footer__signup input + label svg:nth-of-type(1) {
  stroke: #6a5d24;
}
.footer-container .footer__signup input:checked + label svg + svg {
  background: #69ff46;
  clip-path: circle(44% at 48% 50%);
}
.footer-container .footer__signup input:checked + label g#radioInner circle {
  fill: #69ff46;
}


.footer-container .footer__bottom {
  position: relative;
  color: #000;
  padding: 3rem 4rem;
  text-align: center;
  background: #f2ebd9;
}

.footer-container .footer__bottom .footer__contact-address {
  display: block;
  margin: 0 auto;
}

.footer-container .footer__bottom .left-links {
  position: absolute;
  left: 4rem;
  top: 3rem;
}

.footer-container .footer__bottom .right-links {
  position: absolute;
  right: 4rem;
  top: 3rem;
}

.footer-container .footer__bottom .left-links > *,
.footer-container .footer__bottom .right-links a {
  margin: 0 6rem 0 0;
}

.footer-container .footer__bottom .right-links a:last-child {
  margin: 0;
}



@media only screen and (max-width: 1200px) {
  .footer-container .footer__bottom .right-links a {
    margin: 0 3rem 0 0;
  }
}

@media only screen and (min-width: 60em) {
  .footer-container .footer__top .col.mobile-accordian ul {
    display: block !important; /* on desktop, always show sub items no matter what */
  }
}

@media only screen and (max-width: 60em) {

  .footer-container .footer__top {
    flex-direction: column-reverse;
  }

  .footer-container .footer__top .col {
    border-right: none;
    border-bottom: 1px solid #8f8d8e;
    padding: 3rem 4rem;
  }

  .footer-container .footer__top .col:first-child {
    border-bottom: none;
    padding-bottom: 0;
    padding-left: 4rem;
  }

  .footer-container .col ul li {
    text-align: center;
  }

  .footer-container .footer__top .col.mobile-accordian h3 {
    margin: 0;
    position: relative;
  }

  .footer-container .footer__top .col.mobile-accordian h3 .triangle {
    display: block;
    width: 11px;
    height: 11px;
    background: #000;
    position: absolute;
    right: 0;
    top: 0;
    -webkit-clip-path: polygon(50% 100%,0 0,100% 0);
    clip-path: polygon(50% 100%,0 0,100% 0);
  }

  .footer-container .footer__top .col.mobile-accordian h3 .triangle:after {
    content: '';
    width: 8px;
    height: 8px;
    background: #fbf9fa;
    -webkit-clip-path: polygon(50% 100%,0 0,100% 0);
    clip-path: polygon(50% 100%,0 0,100% 0);
    position: absolute;
    top: 1px;
    left: 1.5px;
  }

  .footer-container .footer__top .col.mobile-accordian h3 .triangle.down {
    transform: rotate(180deg);
  }

  .footer-container .footer__top .col.mobile-accordian h3 .triangle.down::after {
    background: #000;
  }

  .footer-container .footer__top .col.mobile-accordian ul {
    display: none; /* js unhides */
    margin-top: 2rem;
  }

  .footer-container h3,
  .footer-container p {
    text-align: center;
  }

  .footer-container h3 {
    margin: 0 0 2rem 0;
  }
  .wf-active .footer-container h3 {
    font-family: "Plaak - 56-Ney-Heavy-205TF";
  }


  .footer-container .footer__bottom {
    padding: 5rem 3rem;
  }

  .footer-container .footer__bottom .footer__contact-address {
    margin: 0 0 3rem;
  }

  .footer-container .footer__bottom .copyright,
  .footer-container .footer__bottom .right-links {
    color: #4a4945;
    position: relative;
    top: auto;
    left: auto;
    right: auto;
  }

  .footer-container .footer__bottom .copyright {
    display: inline-block;
    margin-bottom: 3rem;
  }

  .footer-container .footer__bottom .right-links a {
    display: inline-block;
    margin: 0 4vw 3rem;
  }
}

@media only screen and (max-width: 40em) {
  .footer-container .footer__bottom,
  .footer-container .footer__bottom .right-links a {
    font-size: 1.7rem;
  }
}







.TextInput__FormStyledTextInput-sc-1o6de9f-0 {
  font-size: 1.6rem !important;
  line-height: 60px !important;
  width: 100% !important;
  max-width: none !important;
  padding: 0 0 0 1rem !important;
  height: 60px !important;
  border: 1px solid #000 !important;
  background: transparent !important;
}

.TextInput__FormStyledTextInput-sc-1o6de9f-0::placeholder {
  font-size: 1.6rem !important;
  color: #000 !important;
  line-height: 60px !important;
}

.wf-active .TextInput__FormStyledTextInput-sc-1o6de9f-0,
.wf-active .TextInput__FormStyledTextInput-sc-1o6de9f-0::placeholder {
  font-family: 'GT-Sectra-Display-Light' !important;
}

.newsletter-signup__form button {
  background: transparent !important;
  color: #000 !important;
  height: 58px !important;
  line-height: 37px !important;
  padding: 0 2em !important;
  font-size: 1rem !important;
  font-family: Helvetica, sans-serif !important;
  letter-spacing: 0.1em !important;
  outline: 0 !important;
  -webkit-transition: all 0.3s ease !important;
  -moz-transition: all 0.3s ease !important;
  -ms-transition: all 0.3s ease !important;
  transition: all 0.3s ease !important;
  -webkit-appearance: none !important;
  -moz-appearance: none !important;
  text-decoration: none !important;
  border-top: 1px solid #000 !important;
  border-right: 1px solid #000 !important;
  border-bottom: 1px solid #000 !important;
  border-left: 0 !important;
  margin-left: -1px !important;
}
.wf-active .newsletter-signup__form button {
  font-family: "Plaak - 56-Ney-Heavy-205TF" !important;
}

.newsletter-signup__form button:hover {
  background: #000 !important;
  color: #fff !important;
}


.Row__FormRow-sc-17nghml-0 .MultiInput__Container-sc-1p97cfc-1 {
  width: 100% !important;
}

.Row__FormRow-sc-17nghml-0 .MultiInput__Container-sc-1p97cfc-1 .MultiInput__StyledLabel-sc-1p97cfc-0 {
  font-family: Helvetica,sans-serif;
  font-size: 14px;
  text-align: center;
}
.wf-active .Row__FormRow-sc-17nghml-0 .MultiInput__Container-sc-1p97cfc-1 .MultiInput__StyledLabel-sc-1p97cfc-0 {
  font-family: "Plaak - 36-Ney-Regular-205TF";
  font-weight: normal;
  padding: 2rem 0;
  font-size: 12px;
}

.Row__FormRow-sc-17nghml-0 .MultiInput__Container-sc-1p97cfc-1 .MultiInputField__Text-ia4fu4-0 {
  font-family: Helvetica, sans-serif;
  font-size: 14px;
}

.Row__FormRow-sc-17nghml-0 .MultiInput__Container-sc-1p97cfc-1 .MultiInput__AllOptionsContainer-sc-1p97cfc-2 {
  width: 100%;
  display: flex;
  justify-content: space-evenly;
}

.Row__FormRow-sc-17nghml-0 .MultiInput__Container-sc-1p97cfc-1 svg.SelectorOuter__StyledOuter-sc-1bzxisr-0 circle {
  fill: transparent;
}

/* only the modal signup! remove last margin so items appear centered properly */
.modal__content .Row__FormRow-sc-17nghml-0 .MultiInput__Container-sc-1p97cfc-1 .MultiInput__AllOptionsContainer-sc-1p97cfc-2 label:last-child div {
  margin: 0;
}


.wf-active .Row__FormRow-sc-17nghml-0 .MultiInput__Container-sc-1p97cfc-1 .MultiInputField__Text-ia4fu4-0 {
  font-family: GT-Sectra-Fine-Book;
}

.wf-active .ql-editor p {
  font-family: "Plaak - 56-Ney-Heavy-205TF", Helvetica, sans-serif !important;
}

.klaviyo-form-PCnkTM button {
  min-height: 34px !important;
}

.wf-active .klaviyo-form-PCnkTM button {
  font-family: "Plaak - 56-Ney-Heavy-205TF" !important;
}

.mailchimp__input-container {
  border: 2px solid #000;
  margin: 0 auto;
  display: flex;
  justify-content: space-between;
  align-items: center;
}



.mailchimp__input-container input {
  flex: 1 0 auto;
  padding: 0 0 0 1rem;
  border: 0;
  height: 40px;
}
.wf-active .mailchimp__input-container input {
  font-family: 'GT-Sectra-Fine-Book';
}

.mailchimp__input-container .btn {
  margin:0;
}

.section--newsletter-signup {
  text-align: center;
  max-width: 500px;
  margin: 0 auto;
  padding-left: 1rem;
  padding-right: 1rem;
}

.section--newsletter-signup .section-header h2 {
  font-size: 2.2rem;
}

.newsletter-signup p {
  margin: 2.5rem auto 0;
}
.wf-active .newsletter-signup p {
  font-family: 'GT-Sectra-Fine-Book';
}

@media only screen and (max-width: 60em) {
  .newsletter-signup p {
    max-width: 24rem;
  }
}

.yotpo .yotpo-default-button.write-first-review-button {
  font-family: "Plaak - 56-Ney-Heavy-205TF", Helvetica, sans-serif;
  font-size: 1.2rem;
  color: #fff;
  background: #000;
  padding: 1rem;
}

.scroll-to-top {
  font-family: Helvetica, sans-serif;
  font-size: 1.2rem;
  opacity: 0;
  transition: opacity .5s ease-in-out;
  cursor: pointer;
  position: fixed;
  z-index: 1000;
  bottom: 6rem;
  left: 2rem;
  color: #fff;
  background: #000;
  padding: 1rem;
  display: -webkit-box;
  display: -moz-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: center;
  -webkit-justify-content: center;
  -moz-justify-content: center;
  -ms-justify-content: center;
  -webkit-box-pack: center;
  justify-content: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  -webkit-box-align: center;
  -moz-align-items: center;
  -ms-align-items: center;
  align-items: center
}
.wf-active .scroll-to-top {
  font-family: "Plaak - 56-Ney-Heavy-205TF";
}

.scroll-to-top--visible {
  opacity: 1
}

.scroll-to-top p {
  margin: 0;
}

@media only screen and (max-width: 60em) {
  .scroll-to-top {
    display: none
  }
}

.cta-span {
  display: inline-block;
  color: #000;
  background: #e8e5e3;
  padding: 4px 6px;
  text-transform: uppercase;
  font-size: 0.75rem;
  letter-spacing:0.1rem;
  font-weight: 600;
  font-family: Helvetica, sans-serif;
}
.wf-active .cta-span {
  font-family: "Plaak - 56-Ney-Heavy-205TF";
}

.cta-span span {
  font-size: 0.8rem;
}

@media only screen and (max-width: 60em) {
  .cta-span span {
    font-size: 0.8rem;
  }
}

.yotpo {
  width: 100%;
}


.yotpo a.text-m {
  border-bottom: 1px solid #2b2b2b;
  margin-left: 1rem
}

.yotpo div,
.yotpo span,
.yotpo p,
.yotpo a,
.yotpo img,
.yotpo i,
.yotpo strong,
.yotpo sup,
.yotpo ul,
.yotpo li,
.yotpo form,
.yotpo label {
  color: #000 !important;
  font-size: 1.3rem !important;
  font-weight: 400 !important;
  font-style: normal !important;
}
.wf-active .yotpo div,
.wf-active .yotpo span,
.wf-active .yotpo p,
.wf-active .yotpo a,
.wf-active .yotpo img,
.wf-active .yotpo i,
.wf-active .yotpo strong,
.wf-active .yotpo sup,
.wf-active .yotpo ul,
.wf-active .yotpo li,
.wf-active .yotpo form,
.wf-active .yotpo label {
  font-family: 'Plaak - 36-Ney-Regular-205TF' !important;
}

.yotpo .yotpo-bottomline .yotpo-icon-star,
.yotpo .yotpo-bottomline .yotpo-icon-half-star,
.yotpo .yotpo-bottomline .yotpo-icon-empty-star,
.yotpo .yotpo-review .yotpo-header .yotpo-review-stars .yotpo-icon,
.yotpo .yotpo-comment .yotpo-header .yotpo-review-stars .yotpo-icon,
.yotpo .yotpo-question .yotpo-header .yotpo-review-stars .yotpo-icon,
.yotpo .yotpo-onsite-upload .yotpo-header .yotpo-review-stars .yotpo-icon {
  color: #cfdad2 !important;
}

.yotpo .yotpo-bottomline .yotpo-stars + a {
  text-decoration: underline !important;
}

.yotpo-display-wrapper {
  display: flex !important;
  flex-direction: row !important;
  flex-wrap: wrap !important;
  justify-content: center !important;
  align-items: baseline !important;
}

.yotpo-display-wrapper > form,
.yotpo-nav-content,
.yotpo .write-review-wrapper.visible,
.yotpo .write-question-wrapper.visible {
  width: 75%;
}

.product-reviews_wrapper,
.yotpo-nav-content {
}

.product__reviews {
  margin-bottom: 0;
}

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

.yotpo-pager {
  margin: 0!important;
}

.yotpo .yotpo-small-box {
  padding-top: 4rem !important;
}

.yotpo .yotpo-small-box.yotpo-pB9,
.yotpo .yotpo-small-box.reviews {
  padding: 0 !important;
  display: flex;
  flex-direction: row-reverse;
}

.yotpo .yotpo-nav,
.yotpo .yotpo-small-box.yotpo-pB9 {
  display: flex !important;
  justify-content: center !important;
  order: -1 !important;
}

.yotpo .yotpo-nav {
  order: -2 !important;
}

.yotpo .yotpo-nav ul {
  float: none !important;
  display: flex !important;
}

.yotpo .yotpo-nav ul .yotpo-nav-tab.yotpo-active .yotpo-nav-wrapper {
  font-weight: bold;
}

.yotpo .yotpo-nav li {
  padding: 0 !important;
  margin: 0 !important;
}



.yotpo .yotpo-nav li .yotpo-nav-wrapper {
  padding: 0 !important;
}


.yotpo .yotpo-nav li .yotpo-nav-wrapper span,
.yotpo.yotpo-main-widget .yotpo-icon-btn .yotpo-icon-button-text {
  font-size: 1.6rem !important;
  text-decoration: none;
}

.yotpo .yotpo-nav li .yotpo-nav-wrapper,
.yotpo.yotpo-main-widget .yotpo-icon-btn {
  border-bottom: 1px solid #000 !important;
  line-height: 1.5em !important;
}

.wf-active .yotpo .yotpo-nav li .yotpo-nav-wrapper span,
.wf-active .yotpo.yotpo-main-widget .yotpo-icon-btn .yotpo-icon-button-text {
  font-family: "Plaak - 26-Ney-Light-205TF" !important;
  color: #2b2b2b !important;
  font-weight: normal !important;
}


.yotpo.yotpo-main-widget .yotpo-icon-btn {
  background: transparent !important;
  padding: 0 !important;
  margin: 0 !important;
}

a.yotpo-page-element.goTo {
  display:none!important;
}
.yotpo .yotpo-pager .yotpo-page-element.yotpo-disabled {
  color: #e3e3e3!important;
  cursor: default!important;
}

/* Yotpo tab spacing */
.yotpo-nav-content {
  margin-top: 2rem!important;
}
.yotpo.yotpo-main-widget .yotpo-icon-btn:first-child {
  margin-left: 6rem !important;
}
.yotpo .yotpo-nav li:first-child {
  margin-right: 6rem !important;
}
.yotpo .yotpo-small-box.reviews {
  margin: 0 6rem 0 0 !important;
}

.yotpo .yotpo-review .yotpo-header .yotpo-header-element .y-label.yotpo-user-name {
  width: 100% !important;
  font-size: 1.4rem !important;
  margin-bottom: 0.5rem !important;
}
.wf-active .yotpo .yotpo-review .yotpo-header .yotpo-header-element .y-label.yotpo-user-name {
  font-family: 'GT-Sectra-Fine-Book'!important;
}

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

@media screen and (max-width: 60em) {
  .yotpo.yotpo-main-widget.yotpo-small .yotpo-nav .transparent-color-btn {
    display: none !important;
  }

  .yotpo .yotpo-small-box.reviews {
    margin: 0 5rem 0 0 !important;
  }

  .yotpo .yotpo-nav li:first-child {
    margin-right: 5rem !important;
  }

  .yotpo.yotpo-main-widget .yotpo-icon-btn:first-child {
    margin-left: 5rem !important;
  }
  .yotpo .yotpo-review .yotpo-footer .y-label.yotpo-review-date {
    text-decoration: none !important;
  }
}

/* NOTE: yotpo breakpoint */
@media screen and (max-width: 510px) {
  .yotpo .yotpo-small-box.reviews {margin:0 !important;}

  .yotpo.yotpo-main-widget.yotpo .yotpo-small-box.yotpo-pB9 {
    grid-column: 1/2;
    display: grid !important;
    grid-auto-flow: dense;
    grid-template-columns: 1fr 1fr;
    margin-top: 1rem;
  }
  .yotpo.yotpo-main-widget.yotpo-small .yotpo-icon-btn .yotpo-icon-button-text {
    display: initial;
  }
  .yotpo.yotpo-main-widget.yotpo .yotpo-small-box.yotpo-pB9 .yotpo-default-button.write-question-button {
    display: initial;
    margin-left: 0 !important;
    grid-column: 2/3;
    margin: 0 1.5rem !important;
  }
  .yotpo.yotpo-main-widget.yotpo .yotpo-small-box.yotpo-pB9 .yotpo-default-button.write-review-button {
    display: initial;
    margin-left: 0 !important;
    grid-column: 1/2;
    margin: 0 1.5rem !important;
  }
  .yotpo.yotpo-main-widget.yotpo .yotpo-small-box.yotpo-pB9 .yotpo-default-button.write-question-button .yotpo-icon-button-text,
  .yotpo.yotpo-main-widget.yotpo .yotpo-small-box.yotpo-pB9 .yotpo-default-button.write-review-button .yotpo-icon-button-text {
    display: initial;
    margin-left: 0;
  }
  .yotpo.yotpo-main-widget.yotpo-small .write-question-wrapper.visible,
  .yotpo.yotpo-main-widget.yotpo-small .write-review-wrapper.visible {
    width: 100%;
  }
  .yotpo.yotpo-main-widget.yotpo-small .write-question-wrapper.visible .yotpo-regular-box,
  .yotpo.yotpo-main-widget.yotpo-small .write-review-wrapper.visible .yotpo-regular-box {
    margin-left: 0 !important;
    margin-right: 0 !important;
  }
  .yotpo.yotpo-main-widget.yotpo-small .yotpo-review .yotpo-footer .footer-additional-actions{
    display: block;
    float: none;
  }
  .yotpo.yotpo-main-widget.yotpo-small .yotpo-review .yotpo-footer {
    display: initial;
    position: static;
    margin-top: 0;
  }
  .yotpo.yotpo-main-widget.yotpo-small .yotpo-reviews .yotpo_next,
  .yotpo.yotpo-main-widget.yotpo-small .yotpo-reviews .yotpo_previous {
    display: inline-block;
    width: 12px !important;
    height: 12px;
    background: #000 !important;
    position: relative;
    -webkit-clip-path: polygon(50% 100%, 0 0, 100% 0);
    clip-path: polygon(50% 100%, 0 0, 100% 0);
    transform-origin: 50% 25%;
  }
  .yotpo.yotpo-main-widget.yotpo-small .yotpo-reviews .yotpo_next.yotpo-disabled,
  .yotpo.yotpo-main-widget.yotpo-small .yotpo-reviews .yotpo_previous.yotpo-disabled {
    background: #e3e3e3 !important;
  }
  .yotpo.yotpo-main-widget.yotpo-small .yotpo-reviews .yotpo_next:before,
  .yotpo.yotpo-main-widget.yotpo-small .yotpo-reviews .yotpo_previous:before {
    display: none;
  }
  .yotpo.yotpo-main-widget.yotpo-small .yotpo-reviews .yotpo_next:after,
  .yotpo.yotpo-main-widget.yotpo-small .yotpo-reviews .yotpo_previous:after {
    content: '';
    width: 9px;
    height: 9px;
    background: #fafafa;
    -webkit-clip-path: polygon(50% 100%, 0 0, 100% 0);
    clip-path: polygon(50% 100%, 0 0, 100% 0);
    position: absolute;
    top: 1px;
    left: 1.5px;
  }
  .yotpo.yotpo-main-widget.yotpo-small .yotpo-reviews .yotpo_previous {
    transform: rotate(90deg);
  }
  .yotpo.yotpo-main-widget.yotpo-small .yotpo-reviews .yotpo_next {
    transform: rotate(270deg);
  }
}



.product-reviews_wrapper .yotpo .yotpo-review .yotpo-header .yotpo-review-stars .yotpo-user-related-fields .yotpo-user-field .yotpo-user-field-description,
.product-reviews_wrapper .yotpo .yotpo-review .yotpo-main .yotpo-multiple-rating-fields .yotpo-user-related-fields .yotpo-user-field .yotpo-user-field-description {
  font-style: normal !important;
}

#product-rating .yotpo.bottomLine .yotpo-bottomline .yotpo-stars,
#product-rating .yotpo a.text-m {
  font-weight: 400;
  display:inline-block;
  vertical-align:middle;
}
.wf-active #product-rating .yotpo.bottomLine .yotpo-bottomline .yotpo-stars,
.wf-active #product-rating .yotpo a.text-m {
  font-family: 'Plaak - 36-Ney-Regular-205TF' !important;
}

.yotpo .standalone-bottomline {
  width: 100%;
}

.yotpo .standalone-bottomline .star-clickable {
  width: 100%;
  justify-content: space-between;
}

.yotpo .standalone-bottomline .star-clickable .yotpo-clr {
  display: none;
}

#product-rating .yotpo .standalone-bottomline .star-clickable .yotpo-stars {
  flex-grow: 0;
}

#product-rating .yotpo a.text-m {
  border-bottom: 0;
}

.yotpo-nav-tab span {
  font-family: initial !important;
}

.yotpo-icon-button-text {
  color: #2b2b2b !important
}

.yotpo.yotpo-main-widget .yotpo-bottomline.yotpo-bottomline-2-boxes,
.yotpo .yotpo-nav-dropdown {
  display: none;
}

.yotpo .yotpo-small-box,
.yotpo .yotpo-regular-small-box,
.yotpo .yotpo-popup-box-medium {
  border-bottom: 0 !important;
}

.yotpo .yotpo-regular-box {
  position: relative;
  margin: 2rem !important;
  padding: 2rem 0 !important;
  border-top: 1px solid #f6f6f6 !important
}

.yotpo .yotpo-review .yotpo-footer,
.yotpo .yotpo-comment .yotpo-footer,
.yotpo .yotpo-onsite-upload .yotpo-footer {
  margin-left: 0 !important;
  bottom: 0;
  right: 0;
  float: none !important
}

.yotpo .yotpo-question .yotpo-footer {
  margin-left: 0 !important;
    bottom: 0;
    right: 0;
    bottom: 24px;
    float: none !important;
}

.yotpo .yotpo-comment .yotpo-footer {
  bottom: 0;
}

.yotpo .yotpo-pager {
  padding: 4rem 0 1rem;
  border-top: 1px solid #f6f6f6
}

.yotpo .yotpo-review .yotpo-header .yotpo-header-element .y-label.yotpo-user-title {
  font-weight:400 !important;
  letter-spacing: 0.05em !important;
}

.yotpo .yotpo-review .yotpo-main .content-title {
  letter-spacing: 0.05em !important;
  font-size:1.3rem !important;
  margin-bottom: 2rem !important;
}
.wf-active .yotpo .yotpo-review .yotpo-main .content-title {
  font-family: 'Plaak - 36-Ney-Regular-205TF' !important;
}
.wf-active .yotpo .content-review {
  font-family: 'MinionPro-Regular' !important;
  font-size: 1.6rem !important;
  line-height: 1.2rem !important;
}

/* NOTE: this is needed to prevent overlap
when a reviewer has not filled out the "yotpo-multiple-rating-fields" */
.yotpo .yotpo-review .yotpo-main .content-title:first-child {
  margin-top: 2rem !important;
}

/* NOTE: fixes date overlap on questions */
.yotpo .yotpo-question .yotpo-main .content-question:first-child {
  margin-top: 2rem !important;
}



.yotpo .yotpo-review .yotpo-footer .y-label,
.yotpo .yotpo-review .yotpo-footer .yotpo-grouping-reference label.yotpo-attribution-indicator,
.yotpo .yotpo-review .yotpo-footer .yotpo-grouping-reference a {
  letter-spacing: 0.05em;
  font-size:1.6rem !important;
  text-decoration: underline !important;
}
.wf-active .yotpo .yotpo-review .yotpo-footer .y-label,
.wf-active .yotpo .yotpo-review .yotpo-footer .yotpo-grouping-reference label.yotpo-attribution-indicator,
.wf-active .yotpo .yotpo-review .yotpo-footer .yotpo-grouping-reference a,
.wf-active .yotpo .yotpo-pager .yotpo-page-element {
  font-family: 'GT-Sectra-Fine-Book' !important;
}
.yotpo .yotpo-review .yotpo-header .yotpo-header-element .y-label.yotpo-user-title {
  letter-spacing: 0.05em;
  font-size:1.4rem !important;
}
.wf-active .yotpo .yotpo-review .yotpo-header .yotpo-header-element .y-label.yotpo-user-title {
  font-family: 'Plaak - 36-Ney-Regular-205TF' !important;
}

.yotpo .yotpo-review .yotpo-main {
  margin-bottom: 28px !important;
}

.yotpo .yotpo-review .yotpo-footer .yotpo-grouping-reference {
  margin-top: 2px !important;
}

/* ugc gallery */
.yotpo-lightbox.yotpo .yotpo-modal.yotpo-modal-active .yotpo-lightbox-container .yotpo-lightbox-content-container .yotpo-instagram .yopto-main.yotpo-regular-box.yotpo-loc {
  display: block;
}

.yotpo .yotpo-instagram .yotpo-regular-box .yotpo-instagram-hashtag {
  color: #81cbd0 !important;
  font-weight: 600 !important;
}

.yotpo-pictures-widget .yotpo-display-wrapper .y-arrows .yotpo-icon-right-arrow-thin,
.yotpo-pictures-widget .yotpo-display-wrapper .y-arrows .yotpo-icon-left-arrow-thin,
.yotpo-lightbox.yotpo .yotpo-modal.yotpo-modal-active .yotpo-lightbox-container .yotpo-lightbox-slider-container .yotpo-lightbox-arrows .yotpo-icon-left-arrow-thin,
.yotpo-lightbox.yotpo .yotpo-modal.yotpo-modal-active .yotpo-lightbox-container .yotpo-lightbox-slider-container .yotpo-lightbox-arrows .yotpo-icon-right-arrow-thin {
  color:#fff !important;
}

.yotpo-user-related-fields {
  display: none !important;
}


/* Questions layout - desktop */
.yotpo .yotpo-question > .yotpo-main {
  width: 30%;
  flex-shrink: 0;
}

.yotpo .yotpo-question > .yotpo-comments-box {
  flex-grow: 1;
}

/* Mobile */
@media (max-width: 750px) { /* NOTE: breakpoint used by yotpo app's css */
  .yotpo .yotpo-review .yotpo-main {
    margin-bottom: 0px !important;
  }

  /* NOTE: this is related to overlap fix above
  (when a reviewer has not filled out the "yotpo-multiple-rating-fields") */
  .yotpo .yotpo-review .yotpo-main .content-title:first-child {
    margin-top: auto !important;
  }

  .yotpo .yotpo-question > .yotpo-main,
  .yotpo .yotpo-question > .yotpo-comments-box {
    width: 100% !important;
  }

}


/* product collection layout (used on PDP too)
===================================== */
.product--show-quick-add .product__content {
  padding: 0 0 6rem 0
}

.product a {
  border-bottom-color: transparent
}

.product__content {
  display: block;
  height: 100%;
  position: relative;
  background: #fbfbfb
}

.product .lists-wishlist-btn {
  position: absolute;
  top: 1rem;
  right: 1rem;
  z-index: 10;
  cursor: pointer;
  display: none;
}

.product:hover .lists-wishlist-btn {
  display: block;
}

.product .rb__lists-addremove.fa:hover:before {
  content: "\f004";
}

.product__compare-btn {
  font-size: 20px;
  position: absolute;
  top: 0;
  right: 0;
  z-index: 7001;
  width: 42px;
  height: 42px;
  line-height: 42px;
  text-align: center
}

.product__compare-btn .lists-addremove {
  color: #d0d0d0;
  display: block;
  width: 42px;
  height: 42px;
  line-height: 42px;
  text-align: center
}

.product__compare-btn .lists-addremove-add {
  color: #d0d0d0
}

.product__compare-btn .lists-addremove-adding,
.product__compare-btn .lists-addremove-remove {
  color: #2b2b2b
}

.product__compare-btn .lists-addremove.fa:before {
  margin: 0
}

.product__badges {
  position: absolute;
  top: 4px;
  left: 1.35rem;
  z-index: 1002;
  text-align: right;
  width: auto
}

.product__badge {
  font-weight: 700;
  vertical-align: middle;
  display: inline-block;
  font-size: 12px;
  text-transform: uppercase
}

.product__badges-center {
  position: absolute;
  top: 12px;
  left: 50%;
  z-index: 1002;
  text-align: center;
  width: auto;
  -webkit-transform: translate(-50%, 0);
  -moz-transform: translate(-50%, 0);
  -ms-transform: translate(-50%, 0);
  transform: translate(-50%, 0);
}

.product__sale,
.product__soldout,
.product__comingsoon {
  color: #e20000;
  font-size: 1.2rem;
  font-weight: normal;
}

.wf-active .product__sale,
.wf-active .product__soldout,
.wf-active .product__comingsoon {
  font-family: 'Plaak - 36-Ney-Regular-205TF';
}

.product__soldout,
.product__comingsoon {
  color: #111;
}

.product__image-wrapper {
  position: relative;
  display: block;
  padding-top: 100%;
  overflow: hidden;
  margin: 0;
  -webkit-transition: none;
  -moz-transition: none;
  -ms-transition: none;
  -o-transition: none;
  transition: none
}

.product__image {
  display: block;
  position: absolute;
  z-index: 1001;
  max-width: 100%;
  max-height: 100%;
  width: auto;
  height: auto;
  left: 50%;
  top: 50%;
  -webkit-transform: translate(-50%, -50%);
  -moz-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  z-index: 1
}

.product__image--secondary {
  z-index: 2;
  opacity: 0;
  -webkit-transition: opacity 0.2s ease;
  -moz-transition: opacity 0.2s ease;
  -ms-transition: opacity 0.2s ease;
  transition: opacity 0.2s ease;
  background: #fbfbfb;
  width: 100%
}

.product:hover .product__image--secondary.lazyloaded {
  opacity: 1!important;
}

@media only screen and (max-width: 60em) {
  .product:hover .product__image--secondary {
    opacity: 0;
    display: none
  }

  .product .lists-wishlist-btn {
    display: none !important;
  }
}

@media only screen and (max-width: 50em) {
  .product--show-quick-add .product__content {
    padding: 0 0 2rem 0
  }

  .product__quickview,
  .product__quick-add {
    visibility: hidden;
    -moz-opacity: 0;
    opacity: 0;
    display: none
  }

  .product:hover .product__quickview,
  .product:hover .product__quick-add {
    visibility: hidden;
    opacity: 0;
    display: none
  }
}

.product__header {
  line-height: 1.1;
  padding: 0.75em
}
.section--related-products .product__header {
  margin-bottom: 4.6rem;
}

.product__title {
  letter-spacing: 0.05em;
  display: block;
  font-size: 1.6rem;
  text-align: center;
  text-transform: none;
  margin-bottom: 0.75em
}
.wf-active .product__title {
  font-family: 'Plaak - 36-Ney-Regular-205TF';
}

.product__title a,
.product__title a:link,
.product__title a:visited {
  color: #2b2b2b;
  font-size: 1.2rem;
}

.product__title a:focus,
.product__title a:hover,
.product__title a:active {
  color: #383838
}

.product__meta {
  line-height: 1;
  display: block;
  width: 100%;
  font-size: 1.3rem;
  color: #919191;
  margin: 0.25em 0 0
}

.product__meta--pricing {
  letter-spacing: 0.05em;
  color: #2b2b2b;
  font-size: 1.2rem;
  text-align: center;
  display: block;
  width: auto;
  min-width: 50px;
  font-weight: 400;
  position: relative
}
.wf-active .product__meta--pricing {
  font-family: 'Plaak - 36-Ney-Regular-205TF';
}

.product--on-sale .product__meta--pricing .product__price {
  color: #e20000;
  font-size: 1.3rem;
}

.product--on-sale .product__meta--pricing .product__old-price {
  text-decoration: line-through;
}

.product__quickview,
.product__quickview:focus {
  visibility: hidden;
  opacity: 0;
  width: calc(100% - 1em);
  max-width: none;
  position: absolute;
  bottom: 1rem;
  left: 1rem;
  right: 1rem;
  z-index: 7000
}

.product:hover .product__quickview {
  visibility: visible;
  opacity: 1
}

.product__meta--vendor {
  display: inline-block;
  font-size: 1.3rem;
  color: #919191;
  width: auto
}

.product .spr-badge-starrating {
  margin: 3px 0 0 !important
}

.product .spr-badge-starrating i {
  font-size: 12px !important
}

.product .spr-badge {
  float: right
}

.product .spr-badge-caption {
  display: none
}

.product__quick-add {
  visibility: hidden;
  opacity: 0;
  text-transform: uppercase;
  font-weight: 400;
  letter-spacing: 0.05em;
  font-size: 1.2rem;
  width: auto;
  min-height: 4.6rem;
  max-width: none;
  position: absolute;
  bottom: 1rem;
  left: 1rem;
  right: 1rem;
  z-index: 7000;
  border: 1px solid #2b2b2b;
  text-align: center;
  padding: 1.25rem .25rem 0.7rem;
}
.wf-active .product__quick-add {
  font-family: 'Plaak - 36-Ney-Regular-205TF';
}

.product:hover .product__quick-add {
  visibility: visible;
  opacity: 1
}

.product__quick-add:hover .quick-add__text {
  display: none
}

.quick-add__text {
  vertical-align: middle;
  display: inline-block;
  padding: .25rem;
  line-height: 1.1;
}

.product__quick-add:hover .quick-add__text {
  display: none
}

.quick-add__sizes {
  display: none
}

.product__quick-add:hover .quick-add__sizes {
  display: inline-block
}

.quick-add__size-label {
  margin-right: 1rem;
  display: inline-block;
  padding: .25rem;
  line-height: 1.1
}

.quick-add__size {
  display: inline-block;
  padding: .25rem;
  line-height: 1.1;
  transition: border .2s ease-in;
  border-bottom: 1px solid transparent
}

.quick-add__size--disabled {
  opacity: .5;
  cursor: not-allowed
}

.quick-add__size:hover {
  border-bottom: 1px solid #2b2b2b
}

.quick-add__size--disabled:hover {
  border-bottom: 1px solid transparent
}

.product-template .product__reviews-title h2, .product-template .extra-gallery-title-wrap h2, .product-template .section--related-products .section-header h2 {
  font-size: 3rem;
  margin: 0 0 1.2rem;
  padding: 8rem 0 0 0;
}

.product-template .product__reviews-title h3, .product-template .extra-gallery-title-wrap h3, .product-template .section--related-products .section-header h3 {
  font-size: 1.6rem;
  margin-bottom: 4rem;
}

@media only screen and (max-width: 75em) {
  .product-template .product__reviews-title h2, .product-template .extra-gallery-title-wrap h2, .product-template .section--related-products .section-header h2 {
    font-size: 1.9rem;
    margin: 0 0 1.2rem;
    padding: 8rem 0 0 0;
  }

  .product-template .product__reviews-title h3, .product-template .extra-gallery-title-wrap h3, .product-template .section--related-products .section-header h3 {
    font-size: 1.2rem;
    margin-bottom: 3.4rem;
  }
  .yotpo .yotpo-nav li .yotpo-nav-wrapper span,
  .yotpo.yotpo-main-widget .yotpo-icon-btn .yotpo-icon-button-text {
    font-size: 1.2rem !important;
  }
}

@media only screen and (max-width: 60em) {
  .product-template .product__reviews-title h2, .product-template .extra-gallery-title-wrap h2, .product-template .section--related-products .section-header h2 {
    font-size: 1.4rem;
    margin: 0 0 1.0rem;
    padding: 4rem 0 0 0;
    color:black;
  }

  .product-template .product__reviews-title h3, .product-template .extra-gallery-title-wrap h3, .product-template .section--related-products .section-header h3 {
    font-size: 1rem;
    margin-bottom: 2.4rem;
    color: black;
  }

  .yotpo .yotpo-nav li .yotpo-nav-wrapper span,
  .yotpo.yotpo-main-widget .yotpo-icon-btn .yotpo-icon-button-text {
    font-size: 1rem !important;
    text-decoration: none;
  }
}


/* extra "looks" gallery (homepage and pdp)
===================================== */
.extra-gallery-title-wrap {
  padding: 0rem 1rem 1rem;
  text-align: center;
  z-index: 2;
  position: relative;
  background: #fafafa;
}
.extra-gallery-title {
  text-transform: uppercase;
  font-weight: 500;
  margin: 0;
}
.wf-active .extra-gallery-title {
  font-family: 'Plaak - 56-Ney-Heavy-205TF';
}

.extra-gallery-subtitle {
  text-transform: uppercase;
  font-weight: normal;
}
.wf-active .extra-gallery-subtitle {
  font-family: 'Plaak - 26-Ney-Light-205TF';
}

.extra-gallery-title + .extra-gallery-subtitle {

}

.extra-gallery {
  max-width: none;
  margin: 0 auto !important;
  padding: 0rem 4rem 60px !important;
  background: #fafafa;
}

@media only screen and (max-width: 960px) { /* IMPORTANT: using px for precise breakpoints, accounting for swiper and yotpo */
  .extra-gallery-title-wrap {
    margin: 4rem 0 -7rem 0;
  }

  .extra-gallery {
    margin: 4rem auto 0 auto !important;
    padding-bottom: 8rem !important;
  }
}

@media only screen and (max-width: 550px) { /* IMPORTANT: using px for precise breakpoints, accounting for swiper and yotpo */
  .extra-gallery-title-wrap {
    margin: 4rem 0 -7rem 0;
  }

  .extra-gallery {
    margin: 4rem auto 0 !important;
  }
}



.extra-gallery .swiper-slide {
  opacity: 0.4;
}

.extra-gallery .swiper-slide-active {
  opacity: 1;
}

.extra-gallery__item-title {
  color: #fff;
  position: absolute;
  margin: 0;
  bottom: 3.5rem;
  left: 0.5rem;
  mix-blend-mode: difference;
}

.extra-gallery__item-sub-title {
  color: #fff;
  position: absolute;
  margin: 0;
  bottom: 1rem;
  left: 0.5rem;
  mix-blend-mode: difference;
}

.extra-gallery-slider__prev {
  cursor: pointer;
  position: absolute;
  left: 9rem;
  top: 50%;
  transform: translateY(-50%);
  z-index: 1000;
  padding: 0.4rem;
}

.extra-gallery-slider__next {
  cursor: pointer;
  position: absolute;
  right: 9rem;
  top: 50%;
  transform: translateY(-50%);
  z-index: 1000;
  padding: 0.4rem;
}

.extra-gallery .cta-span {
  position: absolute;
  left: 50%;
  transform: translateX(-50%);
  bottom: 3rem;
  z-index: 1;
}


/* callout images (homepage and pdp)
===================================== */
.cw-img,
.cw-img img {
  display: block;
  width: 100%;
  max-width: 1700px;
}

.cw-desktop {
  margin: 0 auto;
}

.cw-mobile {
  margin: 0 auto;
}

@media only screen and (max-width: 60em) {
  .cw-desktop {display: none !important;}
  .cw-mobile {display: block !important;}
}

@media only screen and (min-width: 60em) {
  .cw-desktop {display: block !important;}
  .cw-mobile {display: none !important;}
}