/** Shopify CDN: Minification failed

Line 102:0 Expected "}" to go with "{"

**/
.floating-label{
color: #470eff;
  opacity: 1;
}
.product-card__title {
  color: #470eff;
}
.header__wrapper {
  background: #95E6C3;
}
h1, h2, .h1, .h2{
  color: #470eff !important;
  font-family: 'Klarissa' !important;
  letter-spacing: 2px !important;
}
.ft-logobox img {
  max-width: 200px;
}

@media only screen and (min-width: 320px) and (max-width: 766px){
.ft-logobox  {
  text-align: center;
}
.ft-logobox img {
  max-width: 200px;
  margin: 0 auto;
}
  
}
@media (min-width: 1000px) {
  .shopify-section--hot-spots .content-over-media {
    max-width: 900px !important;
    margin-left: auto !important;
    margin-right: auto !important;
  }
  .shopify-section--hot-spots .content-over-media picture,
  .shopify-section--hot-spots .content-over-media img {
    display: block;
    width: 100% !important;
    height: auto !important;
  }
}@media (max-width: 699px) {
  .shopify-section--hot-spots .hot-spot__dot {
    transform: scale(0.3); /* 30% of original size */
  }
/* Mobile: tiny dots + white popover */
@media (max-width: 699px) {
  .shopify-section--hot-spots .hot-spot__dot {
    transform: scale(0.3);
  }
/* Slideshow button text - white everywhere */
.slideshow .button.button--xl {
  --button-text-color: 255 255 255 !important;
  color: rgb(255, 255, 255) !important;
}

/* Keep text white on hover/focus/active */
.slideshow .button.button--xl:hover,
.slideshow .button.button--xl:focus,
.slideshow .button.button--xl:active {
  --button-text-color: 255 255 255 !important;
  color: rgb(255, 255, 255) !important;
}

/* Shrink button text & padding on mobile so it fits one line */
@media (max-width: 767px) {
  .slideshow .button.button--xl {
    font-size: 12px !important;
    padding: 6px 12px !important;
    white-space: nowrap !important;
  }
}
/* Center text, headings, and buttons for Image with Text Scrolling on mobile */
@media (max-width: 767px) {
  .section-image-with-text .prose,
  .section-image-with-text .prose h1,
  .section-image-with-text .prose h2,
  .section-image-with-text .prose h3,
  .section-image-with-text .prose p {
    text-align: center !important;
  }

  .section-image-with-text .button {
    display: inline-block !important;
    margin-left: auto !important;
    margin-right: auto !important;
  }

  .section-image-with-text .image-with-text__content {
    align-items: center !important;
    justify-content: center !important;
  }
}