/*!**********************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js!./node_modules/postcss-loader/dist/cjs.js!./node_modules/sass-loader/dist/cjs.js!./src/styles/index.scss ***!
  \**********************************************************************************************************************************************************/
:root {
  --color-1: #222;
  --color-2: #fff;
  --color-3: #527cbd;
  --color-4: #7495C9;
  --color-5: #b06092;
  --color-6: #C080A8;
  --color-7: #71bddc;
  --color-8: #8DCAE3;
  --color-9: #897fbb;
  --color-10: #A199C9;
  --color-11: #00847B;
  --color-12: #339D95;
  --color-13: #017179;
  --color-14: #34BCA6;
  --color-15: #e1e1e1;
  --font-one: "Nohemi", sans-serif;
  --font-two: "NHaasGrotesk", sans-serif;
  --typeHeaderPrimary: var(--font-one);
  --typeHeaderFallback: sans-serif;
  --typeBasePrimary: var(--font-two);
  --typeBaseFallback: sans-serif;
  --typeHeaderWeight: 800;
  --typeBaseWeight: 400;
}

.btn,
.btn--inverse,
.hero__link .btn--inverse {
  font-size: 1rem;
  font-weight: 800 !important;
  color: var(--color-2);
  background-color: var(--color-13);
  border: 2px solid var(--color-13);
  margin-top: 3ex;
  text-align: center;
  text-transform: none;
}
.btn::before, .btn::after,
.btn--inverse::before,
.btn--inverse::after,
.hero__link .btn--inverse::before,
.hero__link .btn--inverse::after {
  display: none;
}
.btn:hover,
.btn--inverse:hover,
.hero__link .btn--inverse:hover {
  color: var(--color-2);
  background-color: var(--color-14);
  border: 2px solid var(--color-14);
}

.btn--secondary {
  font-size: 1rem;
  font-weight: 800 !important;
  color: var(--color-13);
  background-color: var(--color-2);
  border: 2px solid var(--color-13);
  margin-top: 3ex;
  text-align: center;
  text-transform: none;
}
.btn--secondary::before, .btn--secondary::after {
  display: none;
}
.btn--secondary:hover {
  color: var(--color-14);
  background-color: var(--color-2);
  border: 2px solid var(--color-14);
}

.featured-collection .section-header {
  text-align: left;
}

.text-with-icons--color-background {
  padding-top: 4rem;
  padding-bottom: 4rem;
}
.text-with-icons--text-light {
  color: var(--color-2);
}
.text-with-icons--text-light .text-with-icons__block-icon path {
  stroke: var(--color-2);
}
.text-with-icons--bg-darkBlue {
  background-color: var(--color-3);
}
.text-with-icons--bg-darkBlue80 {
  background-color: var(--color-4);
}
.text-with-icons--bg-lightBlue {
  background-color: var(--color-7);
}
.text-with-icons--bg-lightBlue80 {
  background-color: var(--color-8);
}
.text-with-icons--bg-magenta {
  background-color: var(--color-5);
}
.text-with-icons--bg-magenta80 {
  background-color: var(--color-6);
}
.text-with-icons--bg-violet {
  background-color: var(--color-9);
}
.text-with-icons--bg-violet80 {
  background-color: var(--color-10);
}
.text-with-icons--bg-green {
  background-color: var(--color-11);
}
.text-with-icons--bg-green80 {
  background-color: var(--color-12);
}
.text-with-icons__image {
  margin-bottom: 10px;
}
.text-with-icons__image img {
  display: block;
  width: 100%;
}

.text-and-image--color-background {
  padding-top: 4rem;
  padding-bottom: 4rem;
}
.text-and-image--text-light {
  color: var(--color-2);
}
.text-and-image--bg-darkBlue {
  background-color: var(--color-3);
}
.text-and-image--bg-darkBlue80 {
  background-color: var(--color-4);
}
.text-and-image--bg-lightBlue {
  background-color: var(--color-7);
}
.text-and-image--bg-lightBlue80 {
  background-color: var(--color-8);
}
.text-and-image--bg-magenta {
  background-color: var(--color-5);
}
.text-and-image--bg-magenta80 {
  background-color: var(--color-6);
}
.text-and-image--bg-violet {
  background-color: var(--color-9);
}
.text-and-image--bg-violet80 {
  background-color: var(--color-10);
}
.text-and-image--bg-green {
  background-color: var(--color-11);
}
.text-and-image--bg-green80 {
  background-color: var(--color-12);
}
.text-and-image--full-bleed .feature-row__item {
  width: 100%;
  flex: unset;
  min-width: unset;
  margin: unset;
}
@media (min-width: 768px) {
  .text-and-image--full-bleed .feature-row__item {
    width: calc(50% - 3rem);
  }
}
.text-and-image--full-bleed .feature-row__text {
  padding: 0;
}
.text-and-image--full-bleed .feature-row__images {
  width: 100%;
  padding: 0;
  margin: 0 0 1.5rem 0;
}
@media (min-width: 768px) {
  .text-and-image--full-bleed .feature-row__images {
    width: calc(50% - 3rem + 40px);
    margin: 0 -50px 0 0;
  }
}
@media (min-width: 1050px) {
  .text-and-image--full-bleed .feature-row__images {
    margin: 0 calc(-6% - 50px) 0 0;
    width: calc(50% - 3rem + 6% + 40px);
  }
}
@media (min-width: 768px) {
  .text-and-image--full-bleed.text-and-image--layout-left .feature-row__images {
    margin: 0 0 0 -50px;
  }
}
@media (min-width: 1050px) {
  .text-and-image--full-bleed.text-and-image--layout-left .feature-row__images {
    margin: 0 0 0 calc(-6% - 50px);
  }
}
.text-and-image__rows {
  display: flex;
  justify-content: space-between;
  align-items: flex-start;
  margin-top: 1.5rem;
}
.text-and-image__row-icon {
  width: 1.75rem;
  aspect-ratio: 1;
}
.text-and-image__row-icon svg {
  width: 100%;
}
.text-and-image__row-text {
  width: calc(100% - 2rem);
}
.text-and-image__row-text p {
  margin: 0;
}

.site-footer {
  background-color: var(--color-2);
  color: var(--color-1);
}
.site-footer .footer__title {
  color: var(--color-1);
}

footer .footer__item--footer-1 {
  background-image: url("");
  padding-bottom: 2.5rem;
  background-position: 52% 100%;
  background-size: 9rem;
  background-repeat: no-repeat;
  margin-bottom: 2rem;
}
@media (min-width: 768px) {
  footer .footer__item--footer-1 {
    background-position: 0 100%;
    padding-bottom: 5.5rem;
    background-size: 12rem;
    margin-bottom: 1rem;
  }
}
footer .footer__small-text {
  display: none;
}
footer .social-icons svg {
  fill: var(--color-1);
}
footer .contact-form .footer__newsletter {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
}
footer .contact-form input {
  margin-bottom: 1rem;
  width: 100%;
  background-color: var(--color-2);
  color: var(--color-1);
}
footer .contact-form input[type=text] {
  width: calc(50% - 0.5rem);
}
footer .contact-form input[type=email] {
  padding: 1.2ex;
  border: 1px solid #e7e8e0;
}
footer .contact-form .footer__newsletter-btn {
  position: relative;
  width: 100%;
  top: unset;
  background-color: var(--color-13);
  color: var(--color-2);
  height: 43px;
  padding: 0 1.5ex;
  transform: unset;
}
footer .contact-form .footer__newsletter-btn svg {
  display: none;
}
footer .contact-form .footer__newsletter-btn .footer__newsletter-btn-label {
  display: inline-block;
}

.newsletter-container .newsletter-section__content {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  max-width: unset;
}
.newsletter-container__col {
  width: 100%;
}
@media (min-width: 800px) {
  .newsletter-container__col {
    width: calc(50% - 1.5rem);
  }
}
.newsletter-container .newsletter__input-group {
  width: 100%;
}
.newsletter-container .newsletter__input-group button {
  margin: 0;
}

.announcement-bar {
  background-color: var(--color-13);
}

.blog-posts .article__grid-meta {
  text-align: left;
}
.blog-posts .article__title {
  font-weight: 800;
}

.pdp-intro {
  margin-bottom: 1.6rem;
}
.pdp-intro ul {
  margin-left: 2ex;
}

.pb7-slider {
  max-width: 950px;
  margin: auto;
  padding: 0 18px;
}
@media (min-width: 700px) {
  .pb7-slider {
    padding: 0 80px;
  }
}
.pb7-slider__heading {
  text-align: center;
  margin-bottom: 3rem;
}
.pb7-slider__slide {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  align-items: center;
}
.pb7-slider__slide-image {
  width: 100%;
}
@media (min-width: 700px) {
  .pb7-slider__slide-image {
    width: 33.33%;
  }
}
.pb7-slider__slide-image img {
  width: 100%;
  max-width: 200px;
  margin: 0 auto 2rem;
}
@media (min-width: 700px) {
  .pb7-slider__slide-image img {
    max-width: unset;
    margin: unset;
  }
}
.pb7-slider__slide-text-wrapper {
  width: 100%;
  text-align: center;
}
@media (min-width: 700px) {
  .pb7-slider__slide-text-wrapper {
    width: calc(66.66% - 3rem);
    text-align: left;
  }
}
.pb7-slider .slick-arrow {
  display: none !important;
}
@media (min-width: 700px) {
  .pb7-slider .slick-arrow {
    display: block !important;
    position: absolute;
    top: 50%;
    left: -55px;
    transform: translateY(-50%) rotate(180deg);
    width: 30px;
    aspect-ratio: 1;
    font-size: 0;
    border-radius: 100%;
    background-color: var(--color-13);
    background-size: 1rem;
    background-position: 50%;
    background-repeat: no-repeat;
    transition: background-color 0.3s;
    z-index: 10;
  }
  .pb7-slider .slick-arrow::before {
    content: "";
    width: 0.6rem;
    aspect-ratio: 1;
    background-color: transparent;
    box-shadow: 2px 2px #fff;
    position: absolute;
    top: 50%;
    left: 35%;
    transform: translate(-50%, -50%) rotate(-45deg);
    pointer-events: none;
  }
  .pb7-slider .slick-arrow:hover {
    background-color: var(--color-13);
  }
  .pb7-slider .slick-arrow.slick-next {
    left: unset;
    right: -55px;
    transform: translateY(-50%);
  }
}
.pb7-slider .slick-dots {
  display: flex;
  justify-content: center;
  margin: 1rem 0 0;
}
.pb7-slider .slick-dots li {
  font-size: 0;
}
.pb7-slider .slick-dots button {
  width: 1rem;
  height: 3px;
  background-color: var(--color-15);
  margin: 0.3rem;
  transition: width 0.4s, background-color 0.4s;
  font-size: 0;
}
.pb7-slider .slick-dots .slick-active button {
  width: 2rem;
  background-color: var(--color-13);
}

.pb7-related-articles__heading {
  text-align: center;
  font-size: calc(var(--typeHeaderSize) * 0.65);
}
.pb7-related-articles__cols {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  align-items: flex-start;
  margin: 0 -10px;
}
.pb7-related-articles__article-card {
  width: calc(100% - 20px);
  margin: 0 10px 20px;
  display: block;
}
.pb7-related-articles__article-card:last-of-type {
  display: none;
}
@media (min-width: 500px) {
  .pb7-related-articles__article-card {
    width: calc(50% - 20px);
  }
}
@media (min-width: 800px) {
  .pb7-related-articles__article-card {
    width: calc(33.33% - 20px);
  }
  .pb7-related-articles__article-card:last-of-type {
    display: block;
  }
}
.pb7-related-articles__article-image {
  aspect-ratio: 1.3;
  background-size: cover;
  background-position: 50%;
}
.pb7-related-articles__article-image img {
  height: 0;
  overflow: hidden;
}
.pb7-related-articles__article-heading {
  font-size: 20px;
  margin: 1.5ex 0 0;
}
.pb7-related-articles__article-excerpt * {
  font-size: 16px;
  margin: 1ex 0 0;
}

.pb7-trustpilot-widgets--micro-star, .pb7-trustpilot-widgets--micro-combo {
  padding: 0.7rem;
  border-bottom: 1px solid var(--color-15);
}

[data-type_header_capitalize=true] .h1, [data-type_header_capitalize=true] .h2, [data-type_header_capitalize=true] .h3, [data-type_header_capitalize=true] h1, [data-type_header_capitalize=true] h2, [data-type_header_capitalize=true] h3,
[data-type_header_capitalize=true] .type-advanced .rte--strong, [data-type_header_capitalize=true] .type-product .rte--strong, [data-type_header_capitalize=true] .type-sale_collection .rte--strong,
[data-type_product_capitalize=true] .collection-item__title span,
.btn, .rte .btn, .shopify-payment-button .shopify-payment-button__button--unbranded,
[data-type_product_capitalize=true] .grid-product__title,
.collapsible-trigger-btn,
.site-nav__link {
  text-transform: none !important;
  letter-spacing: unset;
}

h1, h2, h3, h4, h5, h6, .btn {
  font-weight: 400 !important;
}

.grid__item .grid-product__meta {
  text-align: left;
}
.grid__item .grid-product__title {
  font-weight: 400;
}

.hero__text-wrap .hero__title {
  line-height: 1.1;
}

.pdp-intro h5 {
  text-transform: none;
  letter-spacing: unset;
  font-size: 1.099rem;
  font-weight: 400;
}

.modal__inner .breadcrumb {
  display: none;
}

@media (max-width: 768px) {
  .collection-filter {
    position: relative;
    top: unset !important;
  }
}

.js-drawer-open-collection-filters {
  color: #000;
  font-weight: 200 !important;
  margin-top: 0;
}
.js-drawer-open-collection-filters:hover {
  color: #000 !important;
}

.quick-product__btn {
  display: none;
}

.template-product .quickview-image {
  display: none;
}

.quickview-image {
  display: none;
}
.quickview-image img {
  width: 100%;
}

.collection-sidebar .tag__checkbox-wrapper * {
  color: #3f3f3f;
  font-weight: 400;
  font-size: 15px;
}
.collection-sidebar .tag__checkbox-wrapper .tag-list--checkboxes .tag--active a:after, .collection-sidebar .tag__checkbox-wrapper input:checked ~ .tag__checkbox:after {
  background-color: #1ea1e9;
}

.draw-message {
  background-color: var(--color-5);
  padding: 3ex;
  text-align: center;
}
.draw-message a {
  text-decoration: underline;
  color: #fff !important;
}

.icon-and-text--custom-icon {
  max-width: 26px;
  margin-right: 9px;
}

.text-with-icons__block-icon--custom {
  margin: auto;
  width: 100%;
  max-width: 60px;
}

.text-image--ticklist .feature-row__text ul {
  list-style: none;
  margin: 0;
  padding: 0;
}
.text-image--ticklist .feature-row__text ul li {
  padding-left: 1.8rem;
  position: relative;
}
.text-image--ticklist .feature-row__text ul li + li {
  margin-top: 1rem;
}
.text-image--ticklist .feature-row__text ul li::before {
  content: "";
  width: 1.25rem;
  height: 1.25rem;
  position: absolute;
  top: 5px;
  left: 0;
  background-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iNjAiIGhlaWdodD0iNDMiIHZpZXdCb3g9IjAgMCA2MCA0MyIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZD0iTTEuOTgyMyAyMC45MkwyMC40Njc3IDM5LjQwNTNMNTcuNjM5OCAyLjIzMzQ5IiBzdHJva2U9IiMwMTcxNzkiIHN0cm9rZS13aWR0aD0iNSIvPgo8L3N2Zz4K);
  background-size: contain;
  background-repeat: no-repeat;
}

.article__excerpt > * {
  font-size: 15px;
}