/** Shopify CDN: Minification failed

Line 207:20 Unexpected "{"
Line 207:29 Expected ":"
Line 208:20 Unexpected "{"
Line 208:29 Expected ":"

**/
.image-with-text .grid {
  margin-bottom: 0;
}

.image-with-text .grid__item {
  position: relative;
}

.image-with-text__grid {
  display: grid;
  width: 100%;
}

@media screen and (min-width: 750px) {
  .image-with-text__grid {
    grid-template-columns: 40% 60%;
  }

  .image-with-text__grid--reverse {
    flex-direction: row-reverse;
  }
}

.image-with-text__media {
  min-height: 100%;
  overflow: visible;
}

.image-with-text__media--small {
  height: 19.4rem;
}

.image-with-text__media--large {
  height: 37rem;
}

@media screen and (min-width: 750px) {
  .image-with-text__media--small {
    height: 31.4rem;
  }

  .image-with-text__media--large {
    height: 59rem;
  }
}

@media only screen and (min-width: 750px) {
  .image-with-text__text-item {
    position: relative;
  }
}

.image-with-text__text-item .sticker {
  position: absolute;
  display: flex;
  left: 1rem;
  transform: none;
  top: 1rem;
}

.sticker-image{padding:0; width:12rem; height:12rem; background-color:transparent;}

@media only screen and (min-width: 750px) {
  .image-with-text__text-item .sticker {
    display: flex;
    position: absolute;
    top: 6rem;
    left: 0;
    transform: translateX(-50%);
  }
}

.image-with-text__content {
  align-items: flex-start;
  display: flex;
  padding: 3rem;
  flex-direction: column;
  height: 100%;
  justify-content: center;
  align-self: center;
  position: static;
  z-index: 1;

  max-width: 72rem;
  margin: 0 auto;
}

.image-with-text .grid__item::after {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: -1;
}

.image-with-text__content--mobile-right > * {
  align-self: flex-end;
  text-align: right;
}

.image-with-text__content--mobile-center > * {
  align-self: center;
  text-align: center;
}

@media screen and (min-width: 750px) {
  .image-with-text__grid--reverse .image-with-text__content {
    margin-left: auto;
  }

  .image-with-text__content--bottom {
    justify-content: flex-end;
    align-self: flex-end;
  }

  .image-with-text__content--top {
    justify-content: flex-start;
    align-self: flex-start;
  }

  .image-with-text__content--desktop-right > * {
    align-self: flex-end;
    text-align: right;
  }

  .image-with-text__content--desktop-left > * {
    align-self: flex-start;
    text-align: left;
  }

  .image-with-text__content--desktop-center > * {
    align-self: center;
    text-align: center;
  }
}

@media screen and (min-width: 990px) {
  .image-with-text__content {
    padding: 6rem 7rem 7rem;
  }
}

.image-with-text__content > * + * {
  margin-top: 2rem;
}

.image-with-text__content > .image-with-text__text:empty ~ a {
  margin-top: 2rem;
}

.image-with-text__content > :first-child:is(.image-with-text__heading),
.image-with-text__text--caption + .image-with-text__heading,
.image-with-text__text--caption:first-child {
  margin-top: 0;
}

.image-with-text__content :last-child:is(.image-with-text__heading),
.image-with-text__text--caption {
  margin-bottom: 0;
}

.image-with-text__content .button + .image-with-text__text {
  margin-top: 2rem;
}

.image-with-text__content .image-with-text__text + .button {
  margin-top: 3rem;
}

.image-with-text__heading {
  word-break: break-word;
  margin-bottom: 0;
  margin-top: 0;
}

.image-with-text__text,
.image-with-text__text * {
  font-weight: var(--font-body-light);
  letter-spacing: var(--letter-spacing-large);
}

.image-with-text__text p {
  word-break: break-word;
  color: inherit;
  margin: 0;
}

/* check for flexbox gap in older Safari versions */
@supports not (inset: 10px) {
  .image-with-text .grid {
    margin-left: 0;
  }
}

/* fixing the image left vs image right functionality in customisor */
@media screen and (min-width: 750px) {
  #shopify-section-{{ section.id }} .image-with-text__grid--reverse .image-with-text__text-item {order: -1;}
  #shopify-section-{{ section.id }} .image-with-text__grid--reverse .image-with-text__text-item .sticker {left: unset; right: 0; transform: translateX(50%); z-index: 20;}
}