/** Shopify CDN: Minification failed

Line 152:0 Unexpected "{"
Line 152:1 Expected identifier but found "%"
Line 152:15 Expected identifier but found "("
Line 152:115 Expected identifier but found "%"

**/
/* [(+)] +++++++++ HEADINGS AND TEXTS +++++++++ [(+)] */
h1.heading-1,
.richtext-content h1 {
  font-size: 48px !important;
  font-weight: 700 !important;
  line-height: normal !important;
  letter-spacing: normal !important;
}

h2.heading-2,
.richtext-content h2 {
  font-size: 40px !important;
  font-weight: 500 !important;
  line-height: normal !important;
  letter-spacing: normal !important;
}

h3.heading-3,
.richtext-content h3 {
  font-size: 22px !important;
  font-weight: 500 !important;
  line-height: normal !important;
  letter-spacing: normal !important;
}

h4.heading-4,
.richtext-content h4 {
  font-size: 20px !important;
  font-weight: 400 !important;
  line-height: normal !important;
  letter-spacing: normal !important;
}

.subtitle {
  font-size: 18px !important;
  font-weight: 400 !important;
  line-height: 24px !important;
  letter-spacing: 0.048px !important;
}

.body-1 {
  font-size: 16px !important;
  font-weight: 400 !important;
  line-height: normal !important;
  letter-spacing: normal !important;
}

@media (width <= 767px) {
  h1.heading-1,
  .richtext-content h1 {
    font-size: 28px !important;
  }
  
  h2.heading-2,
  .richtext-content h2 {
    font-size: 26px !important;
  }
}
/* [(+)] +++++++++ END +++++++++ [(+)] */

/* [(+)] +++++++++ CUSTOM LI +++++++++ [(+)] */
.richtext-content ul {
  margin-bottom: 0;
  margin-left: 0;
  padding-left: 0;
  list-style: none;
  text-align: left;
}

ul.list li,
.richtext-content ul li {
  position: relative;
  margin-bottom: 8px;
  padding-left: 35px;
  background: unset !important;
}

ul.list li::before,
.richtext-content ul li::before {
  content: '';
  display: inline-block;
  vertical-align: middle;
  position: absolute;
  left: 0;
  width: 24px;
  height: 24px;
  background: url(//skooncatlitter.com/cdn/shop/t/39/assets/check-list-icon.svg?v=149448393988840126271740592319) no-repeat center / contain;
}

@media (width <= 767px) {
  .richtext-content ul {
    max-width: 240px;
    margin-left: calc(50% - 120px);
  }
}
/* [(+)] +++++++++ END +++++++++ [(+)] */

.section-bg-reviews .reviews {
  padding: 40px 0;
}

.section-bg-reviews .title {
  margin-bottom: 0;
}

.section-bg-reviews .container {
  max-width: 1388px;
}

.section-bg-reviews .yotpo-reviews-carousel-header {
  margin-top: 0;
}

@media (width >= 1500px) {
  .section-bg-reviews .reviews {
    padding: 60px 0;
  }
}

.responsive-tabs dd span,
.responsive-tabs dd h4,
.responsive-tabs dd i {
  display: block;
  margin-bottom: 10px;
}

/* FOOTER */
#footer .botFooter ul.social {
  grid-gap: 10px;
}

#footer .botFooter ul.social a {
  display: flex;
  margin: 0;
}

#footer .botFooter ul.social a svg {
  display: flex;
  margin: auto;
  width: 20px;
  height: auto;
}

{% comment %} [(+)] +++++++++ BENEFITS TABS - RAÚL ARAN: ADD STYLES TO FIX HOVER IN TAB ELEMENTS +++++++++ [(+)] {% endcomment %}
.benefits-tabs .container-tabs nav div {
  width: fit-content;

  @media (hover: hover) {
    &:hover {
      color: #5bb134;
    }
  }

  &:active {
    color: #5bb134;
  }
}