/** Shopify CDN: Minification failed

Line 70:18 Unexpected "{"
Line 70:27 Expected ":"
Line 71:18 Unexpected "{"
Line 71:27 Expected ":"
Line 72:18 Unexpected "{"
Line 72:27 Expected ":"
Line 76:18 Unexpected "{"
Line 76:27 Expected ":"
Line 81:18 Unexpected "{"
Line 81:27 Expected ":"

**/
.image-with-text__media {
  min-height: 100%;
}

.image-with-text__inner {
  --padding-x: 2rem;
  --padding-y: 4.8rem;
}

@media (min-width: 768px) {
  .image-with-text__inner {
    --padding-x: 2rem;
    --padding-y: 3.2rem;
  }
}

@media (min-width: 1024px) {
  .image-with-text__inner {
    --padding-x: 2.4rem;
    --padding-y: 4.8rem;
  }
}

@media (min-width: 1280px) {
  .image-with-text__inner {
    --padding-x: 8rem;
    --padding-y: 6rem;
  }
}

.image-with-text:not(.color-inherit) .image-with-text__inner {
  padding: var(--padding-y) var(--padding-x);
}

@media (max-width: 767.98px) {
  .image-with-text.color-inherit .image-with-text__inner {
    padding-top: 2.4rem;
  }
}

@media (min-width: 768px) {
  .image-with-text--text-first .image-with-text__inner {
    padding-inline-end: var(--padding-x);
    order: -1;
  }
}

@media (min-width: 768px) {
  .image-with-text--image-first .image-with-text__inner {
    padding-inline-start: var(--padding-x);
  }
}

/* === Image flush inside section (final) === */

#shopify-section-{{ section.id }} .blocks-radius,
#shopify-section-{{ section.id }} .image-with-text__media,
#shopify-section-{{ section.id }} .image-with-text__media img {
  border-radius: 0 !important;
}

#shopify-section-{{ section.id }} .image-with-text__media {
  margin-left: calc(-1 * var(--padding-x, var(--page-padding)));
  margin-right: calc(-1 * var(--padding-x, var(--page-padding)));
}

#shopify-section-{{ section.id }} .image-with-text__media img {
  width: 100%;
  height: 100%;
  display: block;
}