@charset "UTF-8";
.block-image-with-text {
  padding: var(--margin-medium) var(--margin-small);
}
.block-image-with-text .block-iwt-inner {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: stretch;
      -ms-flex-align: stretch;
          align-items: stretch;
  gap: var(--margin-medium);
  border-radius: var(--border-radius);
  overflow: hidden;
}
.block-image-with-text .block-iwt-image {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
}
.block-image-with-text .block-iwt-image img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
  border-radius: var(--border-radius);
  display: block;
}
.block-image-with-text .block-iwt-content {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  gap: var(--margin-small);
  padding: var(--margin-small);
}
.block-image-with-text .block-iwt-content h2 {
  font-size: 3rem;
  line-height: 3.4rem;
}
.block-image-with-text.image-right .block-iwt-inner {
  -webkit-box-orient: horizontal;
  -webkit-box-direction: reverse;
      -ms-flex-direction: row-reverse;
          flex-direction: row-reverse;
}
.block-image-with-text {
  /* Background variants — applied to the content half */
}
.block-image-with-text.bg-terracotta .block-iwt-inner {
  background: var(--terracotta);
}
.block-image-with-text.bg-terracotta .block-iwt-content h1, .block-image-with-text.bg-terracotta .block-iwt-content h2, .block-image-with-text.bg-terracotta .block-iwt-content h3, .block-image-with-text.bg-terracotta .block-iwt-content h4, .block-image-with-text.bg-terracotta .block-iwt-content h5, .block-image-with-text.bg-terracotta .block-iwt-content p, .block-image-with-text.bg-terracotta .block-iwt-content span {
  color: var(--light-white);
}
.block-image-with-text.bg-terracotta .block-iwt-content .heading-label {
  color: rgba(255, 255, 255, 0.65);
}
.block-image-with-text.bg-dark .block-iwt-inner, .block-image-with-text.bg-black .block-iwt-inner {
  background: var(--dark-brown);
}
.block-image-with-text.bg-dark .block-iwt-content h1, .block-image-with-text.bg-dark .block-iwt-content h2, .block-image-with-text.bg-dark .block-iwt-content h3, .block-image-with-text.bg-dark .block-iwt-content h4, .block-image-with-text.bg-dark .block-iwt-content h5, .block-image-with-text.bg-dark .block-iwt-content p, .block-image-with-text.bg-dark .block-iwt-content span, .block-image-with-text.bg-black .block-iwt-content h1, .block-image-with-text.bg-black .block-iwt-content h2, .block-image-with-text.bg-black .block-iwt-content h3, .block-image-with-text.bg-black .block-iwt-content h4, .block-image-with-text.bg-black .block-iwt-content h5, .block-image-with-text.bg-black .block-iwt-content p, .block-image-with-text.bg-black .block-iwt-content span {
  color: var(--light-white);
}
.block-image-with-text.bg-dark .block-iwt-content .heading-label, .block-image-with-text.bg-black .block-iwt-content .heading-label {
  color: rgba(255, 255, 255, 0.65);
}
.block-image-with-text.bg-teal .block-iwt-inner {
  background: var(--teal);
}
.block-image-with-text.bg-teal .block-iwt-content h1, .block-image-with-text.bg-teal .block-iwt-content h2, .block-image-with-text.bg-teal .block-iwt-content h3, .block-image-with-text.bg-teal .block-iwt-content h4, .block-image-with-text.bg-teal .block-iwt-content h5, .block-image-with-text.bg-teal .block-iwt-content p, .block-image-with-text.bg-teal .block-iwt-content span {
  color: var(--light-white);
}
.block-image-with-text.bg-olive .block-iwt-inner {
  background: var(--olive);
}
.block-image-with-text.bg-olive .block-iwt-content h1, .block-image-with-text.bg-olive .block-iwt-content h2, .block-image-with-text.bg-olive .block-iwt-content h3, .block-image-with-text.bg-olive .block-iwt-content h4, .block-image-with-text.bg-olive .block-iwt-content h5, .block-image-with-text.bg-olive .block-iwt-content p, .block-image-with-text.bg-olive .block-iwt-content span {
  color: var(--light-white);
}
.block-image-with-text.bg-cream .block-iwt-inner, .block-image-with-text.bg-light-grey .block-iwt-inner {
  background: var(--cream);
}
@media (max-width: 1000px) {
  .block-image-with-text .block-iwt-inner, .block-image-with-text.image-right .block-iwt-inner {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
  }
  .block-image-with-text .block-iwt-image img {
    max-height: 350px;
  }
}