/* ==========================================================================
   Block: Text and Image
   ========================================================================== */
.spektrix-text-and-image {
  --spektrix-text-and-image-gap: var(--wp--style--block-gap, 1.5rem);
  --spektrix-text-and-image-wide-size: var(--wp--style--global--wide-size, 1200px);
  --spektrix-text-and-image-radius: 24px;
  --spektrix-text-and-image-content-gap: 1.2rem;
  padding: calc(var(--spektrix-text-and-image-gap) * 2.75) var(--spektrix-text-and-image-gap);
}
.spektrix-text-and-image.spektrix-block-spacing--pt-compact {
  padding-top: calc(var(--spektrix-text-and-image-gap) * 1.5);
}
.spektrix-text-and-image.spektrix-block-spacing--pt-comfortable {
  padding-top: calc(var(--spektrix-text-and-image-gap) * 2);
}
.spektrix-text-and-image.spektrix-block-spacing--pt-spacious {
  padding-top: calc(var(--spektrix-text-and-image-gap) * 4);
}
.spektrix-text-and-image.spektrix-block-spacing--pt-extra-spacious {
  padding-top: calc(var(--spektrix-text-and-image-gap) * 5);
}
.spektrix-text-and-image.spektrix-block-spacing--pt-maximum {
  padding-top: calc(var(--spektrix-text-and-image-gap) * 6);
}
.spektrix-text-and-image.spektrix-block-spacing--pt-none {
  padding-top: 0;
}
.spektrix-text-and-image.spektrix-block-spacing--pb-compact {
  padding-bottom: calc(var(--spektrix-text-and-image-gap) * 1.5);
}
.spektrix-text-and-image.spektrix-block-spacing--pb-comfortable {
  padding-bottom: calc(var(--spektrix-text-and-image-gap) * 2);
}
.spektrix-text-and-image.spektrix-block-spacing--pb-spacious {
  padding-bottom: calc(var(--spektrix-text-and-image-gap) * 4);
}
.spektrix-text-and-image.spektrix-block-spacing--pb-extra-spacious {
  padding-bottom: calc(var(--spektrix-text-and-image-gap) * 5);
}
.spektrix-text-and-image.spektrix-block-spacing--pb-maximum {
  padding-bottom: calc(var(--spektrix-text-and-image-gap) * 6);
}
.spektrix-text-and-image.spektrix-block-spacing--pb-none {
  padding-bottom: 0;
}
.spektrix-text-and-image--bg-white {
  background-color: var(--wp--preset--color--white);
}
.spektrix-text-and-image--bg-bright-bg {
  background-color: var(--wp--preset--color--bright-bg);
}
.spektrix-text-and-image--bg-primary-50 {
  background-color: var(--wp--preset--color--primary-50);
}
.spektrix-text-and-image--bg-navy {
  background-color: var(--wp--preset--color--navy);
  color: var(--wp--preset--color--white);
}
.spektrix-text-and-image--bg-navy .spektrix-text-and-image__heading,
.spektrix-text-and-image--bg-navy .spektrix-text-and-image__body {
  color: var(--wp--preset--color--white);
}
.spektrix-text-and-image--bg-navy .spektrix-text-and-image__placeholder {
  color: var(--wp--preset--color--white);
  border-color: var(--wp--preset--color--navy-200);
}
.spektrix-text-and-image + .spektrix-text-and-image {
  padding-top: 0;
}
.spektrix-text-and-image__container {
  width: 100%;
  max-width: min(100%, var(--spektrix-text-and-image-max-width, var(--spektrix-text-and-image-wide-size)));
  margin: 0 auto;
}
.spektrix-text-and-image__layout {
  display: grid;
  grid-template-areas: "content" "media";
  grid-template-columns: 1fr;
  align-items: center;
  gap: var(--spektrix-text-and-image-gap);
}
.spektrix-text-and-image--mobile-media-first .spektrix-text-and-image__layout {
  grid-template-areas: "heading" "media" "body" "actions";
}
.spektrix-text-and-image--mobile-media-first .spektrix-text-and-image__content {
  display: contents;
}
.spektrix-text-and-image__content {
  grid-area: content;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: var(--spektrix-text-and-image-content-gap);
  max-width: 35rem;
}
.spektrix-text-and-image__heading {
  grid-area: heading;
  max-width: 34rem;
  margin: 0;
  color: var(--wp--preset--color--text-dark);
}
.spektrix-text-and-image__body {
  grid-area: body;
  max-width: 35rem;
  margin: 0;
  color: var(--wp--preset--color--text-dark);
}
.spektrix-text-and-image__body > * {
  margin: 0;
}
.spektrix-text-and-image__body > * + * {
  margin-top: 1em;
}
.spektrix-text-and-image__body ul, .spektrix-text-and-image__body ol {
  padding-left: 1.25em;
}
.spektrix-text-and-image__actions {
  grid-area: actions;
  display: flex;
  align-items: center;
  justify-content: flex-start;
  margin: clamp(0.35rem, 1vw, 0.75rem) 0 0;
}
.spektrix-text-and-image__media-wrap {
  grid-area: media;
  width: 100%;
  max-width: var(--spektrix-text-and-image-media-max-width, none);
  min-width: 0;
  margin-top: 0.5rem;
  margin-inline: auto;
}
.spektrix-text-and-image__media {
  position: relative;
  width: 100%;
  margin: 0;
}
.spektrix-text-and-image__media--image, .spektrix-text-and-image__media--placeholder {
  display: flex;
  align-items: center;
  justify-content: center;
}
.spektrix-text-and-image__image {
  display: block;
  width: 100%;
  object-position: center;
}
.spektrix-text-and-image__embed-wrapper {
  position: relative;
  width: 100%;
}
.spektrix-text-and-image__embed-wrapper iframe, .spektrix-text-and-image__embed-wrapper object, .spektrix-text-and-image__embed-wrapper embed, .spektrix-text-and-image__embed-wrapper video {
  display: block;
  width: 100%;
  height: 100%;
  border: 0;
}
.spektrix-text-and-image__placeholder {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 100%;
  min-height: 2.75rem;
  padding: 0.75rem 1rem;
  border: 1px dashed var(--wp--preset--color--border);
  border-radius: 10px;
  color: var(--wp--preset--color--text-dark);
  font-family: var(--wp--preset--font-family--satoshi);
  font-size: var(--wp--preset--font-size--small, 14px);
  font-weight: 500;
  line-height: 1.4;
  opacity: 0.55;
  text-align: center;
}
.spektrix-text-and-image__placeholder--button {
  width: auto;
  min-width: 9rem;
}
.spektrix-text-and-image--no-media .spektrix-text-and-image__layout {
  grid-template-areas: "content";
}
.spektrix-text-and-image--no-content .spektrix-text-and-image__layout {
  grid-template-areas: "media";
}
.spektrix-text-and-image--media-natural .spektrix-text-and-image__media {
  overflow: visible;
}
.spektrix-text-and-image--media-natural .spektrix-text-and-image__media--image {
  display: block;
}
.spektrix-text-and-image--media-natural .spektrix-text-and-image__image {
  height: auto;
  border-radius: var(--spektrix-text-and-image-radius);
}
.spektrix-text-and-image--media-natural .spektrix-text-and-image__media--embed {
  position: relative;
  aspect-ratio: 16/9;
  overflow: hidden;
  border-radius: var(--spektrix-text-and-image-radius);
}
.spektrix-text-and-image--media-natural .spektrix-text-and-image__embed-wrapper {
  position: absolute;
  inset: 0;
  height: 100%;
}
.spektrix-text-and-image--media-framed .spektrix-text-and-image__media {
  overflow: hidden;
  border-radius: var(--spektrix-text-and-image-radius);
  aspect-ratio: 623/468;
}
.spektrix-text-and-image--media-framed .spektrix-text-and-image__image {
  height: 100%;
}
.spektrix-text-and-image--media-framed .spektrix-text-and-image__media--embed {
  min-height: inherit;
}
.spektrix-text-and-image--media-framed .spektrix-text-and-image__embed-wrapper {
  position: absolute;
  inset: 0;
  height: 100%;
  min-height: inherit;
}
.spektrix-text-and-image--media-framed.spektrix-text-and-image--image-fit-cover .spektrix-text-and-image__image {
  object-fit: cover;
}
.spektrix-text-and-image--media-framed.spektrix-text-and-image--image-fit-contain .spektrix-text-and-image__image {
  object-fit: contain;
}
.spektrix-text-and-image--media-framed.spektrix-text-and-image--media-bg .spektrix-text-and-image__media {
  background-color: var(--wp--preset--color--bg-light);
}
.spektrix-text-and-image--media-framed.spektrix-text-and-image--media-bg.spektrix-text-and-image--image-fit-contain .spektrix-text-and-image__image {
  background-color: var(--wp--preset--color--bg-light);
}
@media (min-width: 920px) {
  .spektrix-text-and-image__media-wrap {
    margin-top: 0;
  }
  .spektrix-text-and-image__layout {
    grid-template-areas: "media content";
    grid-template-columns: minmax(0, 1fr) minmax(0, 1fr);
    column-gap: clamp(4rem, 7vw, 7rem);
    row-gap: 0;
  }
  .spektrix-text-and-image--desktop-media-right .spektrix-text-and-image__layout {
    grid-template-areas: "content media";
  }
  .spektrix-text-and-image--mobile-media-first .spektrix-text-and-image__layout {
    grid-template-areas: "media content";
  }
  .spektrix-text-and-image--mobile-media-first.spektrix-text-and-image--desktop-media-right .spektrix-text-and-image__layout {
    grid-template-areas: "content media";
  }
  .spektrix-text-and-image--mobile-media-first .spektrix-text-and-image__content {
    display: flex;
  }
  .spektrix-text-and-image--split-equal .spektrix-text-and-image__layout {
    grid-template-columns: minmax(0, 1fr) minmax(0, 1fr);
  }
  .spektrix-text-and-image--split-left-narrow .spektrix-text-and-image__layout {
    grid-template-columns: minmax(0, 7fr) minmax(0, 13fr);
  }
  .spektrix-text-and-image--split-left-wide .spektrix-text-and-image__layout {
    grid-template-columns: minmax(0, 13fr) minmax(0, 7fr);
  }
  .spektrix-text-and-image__content {
    display: flex;
    max-width: none;
  }
  .spektrix-text-and-image__heading, .spektrix-text-and-image__body {
    max-width: none;
  }
  .spektrix-text-and-image--no-media .spektrix-text-and-image__layout {
    display: block;
    max-width: 48rem;
    margin: 0 auto;
  }
  .spektrix-text-and-image--no-content .spektrix-text-and-image__layout {
    display: block;
  }
}

/*# sourceMappingURL=style.css.map */
