/** Shopify CDN: Minification failed

Line 271:18 Unexpected "{"
Line 271:27 Expected ":"

**/
[dir="ltr"] .content-box--left {
  margin-left: 0;
}


.slideshow__text-wrapper {
  position: absolute;
  top: -110px;
  left: 0;
  margin-left: 100px;
  width: 100%;
  height: 100%;
  display: flex;
  padding: 10px;
  z-index: 9;
  pointer-events: none;
  /* Let clicks pass through empty areas */

  /* Desktop Positioning Defaults */
  justify-content: var(--pos-justify-desktop);
  align-items: var(--pos-align-desktop);
  text-align: var(--text-align-desktop);
}

@media (max-width: 767px) {
  .slideshow__text-wrapper {
    margin-left: 10px;
    top: 10px;
      width: 100%;
      height: 100%;
      display: flex;
      padding: 10px;
  }
}

.slideshow__text-wrapper .text-container {
  margin: var(--text-margin-desktop);
  pointer-events: auto;
  /* Re-enable clicks on text */
  text-align: inherit;
  max-width: 100%;
  display: flex;
  flex-direction: column;
  align-items: var(--inner-align-desktop);
  /* Align items (like h2 width bg) inside the column */
}

/* Typography Defaults (Desktop) */
.slideshow__text-wrapper h2.heading {
  line-height: var(--h2-lh-d);
  margin: 0;
  margin-bottom: var(--h2-mb-d);
  letter-spacing: var(--h2-ls-d);
  text-transform: var(--h2-tt-d);
  font-weight: var(--h2-fw-d);
  font-family: var(--hd-font-family);
  background: var(--text-background);
  color: var(--heading-color);
  padding: 5px 10px;
  width: max-content;
  max-width: 100%;

  font-size: var(--h2-fs-d);
}

.slideshow__text-wrapper h3.heading {
  line-height: var(--h3-lh-d);
  margin: 0;
  margin-bottom: var(--h3-mb-d);
  font-family: var(--hd-font-family);
  letter-spacing: var(--h3-ls-d);
  text-transform: var(--h3-tt-d);
  font-weight: var(--h3-fw-d);
  color: var(--color-des);
  padding: 5px 10px;
  background: var(--text-background);
  width: max-content;
  max-width: 100%;

  font-size: var(--h3-fs-d);
}

.heading-h4 {
  line-height: var(--h4-lh-d);
  margin: 0;
  margin-bottom: var(--h4-mb-d);
  font-family: var(--hd-font-family);
  letter-spacing: var(--h4-ls-d);
  text-transform: var(--h4-tt-d);
  font-weight: var(--h4-fw-d);
  color: var(--color-des);
  padding: 5px 10px;
  background: var(--text-background);
  width: max-content;
  max-width: 100%;

  font-size: var(--h4-fs-d);
}

.slideshow__text-wrapper h3.heading ap-splitlines span span {
  font-family: var(--g-font-other);
  color: var(--primary);
}

.slideshow__text-wrapper .description {
  color: var(--color-des);
  line-height: var(--desc-lh-d);
  margin-bottom: var(--desc-mb-d);
  font-size: var(--desc-fs-d);
  letter-spacing: var(--desc-ls-d);
  font-weight: var(--desc-fw-d);

  /* Description is often a block of text, usually not max-content background */
  background: var(--text-background);
  /* If description shouldn't have background, remove this. 
     Based on original CSS, heading had background. Description didn't explicitly have it in my view but h3 did.
     I'll apply it if it matches the pattern, but usually description is plain text.
     Current file check: .description had color, line-height. No background.
     Remove background for description.
  */
  background: transparent;
  width: 100%;
  /* let it flow */
  max-width: 600px;
  /* constraining specific length for readability */
}

.slideshow__text-wrapper .button-group {
  margin-top: 10px;
  font-weight: 200;
}

.slideshow__text-wrapper .button {
  font-size: var(--btn-fs-desktop);
  font-weight: var(--btn-fw-desktop);
}

/* Image Fit Defaults (Desktop) */
.slideshow__image {
  width: 100%;
  height: 100%;
  object-fit: var(--img-fit-desktop);
}

/* Tablet Override */
@media (max-width: 1024px) {
  .slideshow__text-wrapper {
    justify-content: var(--pos-justify-tablet);
    align-items: var(--pos-align-tablet);
    text-align: var(--text-align-tablet);
    padding: 30px;
  }

  .slideshow__text-wrapper .text-container {
    margin: var(--text-margin-tablet);
    align-items: var(--inner-align-tablet);
  }

  .slideshow__text-wrapper h2.heading {
    font-size: var(--h2-fs-t);
    margin-bottom: var(--h2-mb-t);
    line-height: var(--h2-lh-t);
    letter-spacing: var(--h2-ls-t);
    text-transform: var(--h2-tt-t);
    font-weight: var(--h2-fw-t);
  }

  .slideshow__text-wrapper h3.heading {
    font-size: var(--h3-fs-t);
    margin-bottom: var(--h3-mb-t);
    line-height: var(--h3-lh-t);
    letter-spacing: var(--h3-ls-t);
    text-transform: var(--h3-tt-t);
    font-weight: var(--h3-fw-t);
  }

  .heading-h4 {
    font-size: var(--h4-fs-t);
    margin-bottom: var(--h4-mb-t);
    line-height: var(--h4-lh-t);
    letter-spacing: var(--h4-ls-t);
    text-transform: var(--h4-tt-t);
    font-weight: var(--h4-fw-t);
  }

  .slideshow__text-wrapper .description {
    font-size: var(--desc-fs-t);
    margin-bottom: var(--desc-mb-t);
    line-height: var(--desc-lh-t);
    letter-spacing: var(--desc-ls-t);
    font-weight: var(--desc-fw-t);
  }

  .slideshow__text-wrapper .button {
    font-size: var(--btn-fs-tablet);
    font-weight: var(--btn-fw-tablet);
  }

  .slideshow__image {
    object-fit: var(--img-fit-tablet);
  }
}

/* Mobile Override */
@media (max-width: 767px) {
  .slideshow__text-wrapper {
    justify-content: var(--pos-justify-mobile);
    align-items: var(--pos-align-mobile);
    text-align: var(--text-align-mobile);
    padding: 15px;
  }

  .slideshow__text-wrapper .text-container {
    margin: var(--text-margin-mobile);
    align-items: var(--inner-align-mobile);
    width: 100%;
  }

  .slideshow__text-wrapper h2.heading {
    font-size: var(--h2-fs-m);
    margin-bottom: var(--h2-mb-m);
    line-height: var(--h2-lh-m);
    letter-spacing: var(--h2-ls-m);
    text-transform: var(--h2-tt-m);
    font-weight: var(--h2-fw-m);
  }

  .slideshow__text-wrapper h3.heading {
    font-size: var(--h3-fs-m);
    margin-bottom: var(--h3-mb-m);
    line-height: var(--h3-lh-m);
    letter-spacing: var(--h3-ls-m);
    text-transform: var(--h3-tt-m);
    font-weight: var(--h3-fw-m);
  }

  .heading-h4 {
    font-size: var(--h4-fs-m);
    margin-bottom: var(--h4-mb-m);
    line-height: var(--h4-lh-m);
    letter-spacing: var(--h4-ls-m);
    text-transform: var(--h4-tt-m);
    font-weight: var(--h4-fw-m);
  }

  .slideshow__text-wrapper .description {
    font-size: var(--desc-fs-mobile);
    max-width: 100%;
    margin-bottom: var(--desc-mb-m);
    line-height: var(--desc-lh-m);
    letter-spacing: var(--desc-ls-m);
    font-weight: var(--desc-fw-m);
  }

  .slideshow__text-wrapper .button {
    font-size: var(--btn-fs-mobile);
    font-weight: var(--btn-fw-mobile);
  }

  .slideshow__image {
    object-fit: var(--img-fit-mobile);
  }
}

#shopify-section-{{ section.id }} .slideshow__text-wrapper a.button.btn-base {
  font-family: "Urbanist", sans-serif !important;
  font-weight:600;
}
  
.slideshow__text-wrapper .btn-base:hover {
  background-color: var(--primary);
  font-weight:700;
}

.slideshow__img-child {
  position: absolute;
  bottom: 0;
  right: 10%;
  max-width: 31%;
  z-index: 10;
  pointer-events: none;
}

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

.slideshow__img-child.child-2 {
  position: absolute;
  animation: spin 12s linear infinite;
  z-index: 0;

  /* Retain original relative positioning if possible, or adjust? 
     Originals were pixel values. */
  top: 237px;
  right: 491px;
  max-width: 154px;
  height: max-content;
  width: 100%;
}

.shopify-section--slideshow {
  overflow: hidden;
}

/* Mobile adjustments for child images */
@media (max-width: 1299px) {
  .slideshow__img-child.child-2 {
    top: 20px;
    right: 20px;
  }

  .slideshow__img-child {
    right: 10%;
  }
}

@media (max-width: 767px) {
  .slideshow__img-child {
    right: 1%;
    max-width: 50%;
  }
}

@media (max-width: 480px) {
  .slideshow__img-child {
    display: none;
  }

  .slideshow__img-child.child-2 {
    display: block;
  }
}

/* Persistent Rotating Image */
.slideshow__persistent-rotate-img {
  position: absolute;
  z-index: 15;
  pointer-events: none;

  /* Desktop defaults */
  width: var(--rotate-img-width-d);
  height: var(--rotate-img-height-d);
  top: var(--rotate-img-top-d);
  right: var(--rotate-img-right-d);
  bottom: var(--rotate-img-bottom-d);
  left: var(--rotate-img-left-d);
  margin: var(--rotate-img-margin-d);
}

.slideshow__persistent-rotate-img img {
  width: 100%;
  height: 100%;
  object-fit: contain;
  animation: persistentRotate var(--rotate-speed) linear infinite;
}

@keyframes persistentRotate {
  from {
    transform: rotate(0deg);
  }

  to {
    transform: rotate(360deg);
  }
}

/* Tablet */
@media (max-width: 1024px) {
  .slideshow__persistent-rotate-img {
    width: var(--rotate-img-width-t);
    height: var(--rotate-img-height-t);
    top: var(--rotate-img-top-t);
    right: var(--rotate-img-right-t);
    bottom: var(--rotate-img-bottom-t);
    left: var(--rotate-img-left-t);
    margin: var(--rotate-img-margin-t);
  }
}

/* Mobile */
@media (max-width: 767px) {
  .slideshow__persistent-rotate-img {
    width: var(--rotate-img-width-m);
    height: var(--rotate-img-height-m);
    top: var(--rotate-img-top-m);
    right: var(--rotate-img-right-m);
    bottom: var(--rotate-img-bottom-m);
    left: var(--rotate-img-left-m);
    margin: var(--rotate-img-margin-m);
  }
}