:root {
  --block-padding: 20px;
  --container-width: 1450px;
  --small-container-width: calc(1170px + var(--block-padding) * 2 );
}
@media (min-width: 768px) {
  :root {
    --block-padding: clamp(60px, 6.6667px + 6.9444vw, 140px);
  }
}

:root {
  --media-text-default-padding-right: max(calc((100% - var(--container-width)) / 2), var(--block-padding));
  --media-text-default-padding-left: max(calc((100% - var(--container-width)) / 2), var(--block-padding));
  --media-text-default-padding-top: calc(var(--block-padding) * 2.5);
  --media-text-default-padding-bottom: calc(var(--block-padding) * 2.5);
  --media-text-default-margin-top: 0;
  --media-text-default-margin-right: 0;
  --media-text-default-margin-bottom: 0;
  --media-text-default-margin-left: 0;
}
@media (min-width: 768px) {
  :root {
    --media-text-default-padding-top: calc(var(--block-padding) * 2);
    --media-text-default-padding-bottom: calc(var(--block-padding) * 2);
  }
}
@media (min-width: 1024px) {
  :root {
    --media-text-default-padding-top: calc(var(--block-padding) * 1.5);
    --media-text-default-padding-right: max(calc((100% - var(--container-width) - var(--block-padding)) / 2), var(--block-padding));
    --media-text-default-padding-bottom: calc(var(--block-padding) * 1.5);
    --media-text-default-padding-left: max(calc((100% - var(--container-width) - var(--block-padding)) / 2), var(--block-padding));
    --media-text-default-margin-top: 0;
    --media-text-default-margin-right: 0;
    --media-text-default-margin-bottom: 0;
    --media-text-default-margin-left: 0;
  }
}
@media (min-width: 1440px) {
  :root {
    --media-text-default-padding-top: var(--block-padding);
    --media-text-default-padding-bottom: var(--block-padding);
  }
}

section.media-text {
  /* Make sure media & text blocks always stack image, then text */
}
@media (min-width: 1024px) {
  section.media-text div.wp-block-media-text figure {
    padding-right: 4%;
  }
}
@media (min-width: 1366px) {
  section.media-text div.wp-block-media-text figure {
    padding-left: 8%;
  }
}
@media (min-width: 1600px) {
  section.media-text div.wp-block-media-text figure {
    padding-left: 12%;
  }
}
@media (min-width: 1024px) {
  section.media-text div.wp-block-media-text.has-media-on-the-right figure {
    padding-left: 4%;
    padding-right: 0;
  }
}
@media (min-width: 1366px) {
  section.media-text div.wp-block-media-text.has-media-on-the-right figure {
    padding-right: 8%;
  }
}
@media (min-width: 1600px) {
  section.media-text div.wp-block-media-text.has-media-on-the-right figure {
    padding-right: 12%;
  }
}
@media (max-width: 660px) {
  section.media-text br {
    display: none;
  }
}
section.media-text figure {
  position: relative;
}
section.media-text figure figcaption {
  font-family: var(--paragraph-default-font-family);
  position: absolute;
  bottom: 10px;
  font-size: 1.8rem;
}
@media (min-width: 1024px) {
  section.media-text figure figcaption {
    bottom: auto;
    top: calc(100% + 10px);
  }
}
@media (max-width: 1440px) {
  section.media-text figure figcaption {
    font-size: 1.6rem;
  }
}
@media (max-width: 1023px) {
  section.media-text figure figcaption {
    padding: 4px 13px;
    background: rgba(255, 255, 255, 0.8);
    font-size: 1.4rem;
  }
}
section.media-text ul.has-white-color li:before {
  background: white;
}
section.media-text ul li {
  display: block;
  padding-left: 20px;
  position: relative;
  margin-bottom: 6px;
}
section.media-text ul li:before {
  content: "";
  position: absolute;
  top: 12px;
  left: 0;
  width: 6px;
  height: 6px;
  border-radius: 3px;
  background: #000;
}
@media screen and (max-width: 1023px) {
  section.media-text .wp-block-media-text {
    display: flex;
    flex-direction: column-reverse;
  }
}
@media screen and (max-width: 1023px) {
  section.media-text .has-media-on-the-right {
    display: flex;
    flex-direction: column;
  }
  section.media-text .has-media-on-the-right > figure {
    width: 100%;
  }
}
@media (max-width: 1023px) {
  section.media-text .wp-block-media-text.is-stacked-on-mobile {
    grid-template-columns: 100% !important;
  }
  section.media-text .wp-block-media-text.is-stacked-on-mobile .wp-block-media-text__media {
    grid-column: 1;
    grid-row: 1;
  }
  section.media-text .wp-block-media-text.is-stacked-on-mobile .wp-block-media-text__content {
    grid-column: 1;
    grid-row: 2;
    padding: 0 0 8%;
  }
}
section.media-text .wp-block-media-text.is-style-white-alt figure figcaption {
  color: black;
}
section.media-text .wp-block-media-text figure figcaption {
  color: black;
  right: 10px;
  max-width: calc(100% - 20px);
}
@media (min-width: 1024px) {
  section.media-text .wp-block-media-text figure figcaption {
    right: auto;
    left: 0;
  }
}
@media (min-width: 1366px) {
  section.media-text .wp-block-media-text figure figcaption {
    padding: 0 8% 0;
  }
}
@media (min-width: 1600px) {
  section.media-text .wp-block-media-text figure figcaption {
    padding: 0 0 0 12%;
  }
}
@media (min-width: 1024px) {
  section.media-text .wp-block-media-text .wp-block-media-text__content {
    padding-right: 5%;
  }
}
@media (min-width: 1366px) {
  section.media-text .wp-block-media-text .wp-block-media-text__content {
    padding-left: 8%;
    padding-right: 8%;
  }
}
@media (min-width: 1600px) {
  section.media-text .wp-block-media-text .wp-block-media-text__content {
    padding-left: 12%;
    padding-right: 12%;
  }
}
section.media-text .wp-block-media-text .wp-block-media-text__content p:last-child {
  margin-bottom: 0;
}
section.media-text .wp-block-media-text.has-media-on-the-right figure figcaption {
  right: 10px;
  left: auto;
}
@media (min-width: 1024px) {
  section.media-text .wp-block-media-text.has-media-on-the-right figure figcaption {
    right: 0;
    text-align: right;
  }
}
@media (min-width: 1366px) {
  section.media-text .wp-block-media-text.has-media-on-the-right figure figcaption {
    padding: 0 8% 0;
  }
}
@media (min-width: 1600px) {
  section.media-text .wp-block-media-text.has-media-on-the-right figure figcaption {
    padding: 0 12% 0 0;
  }
}
@media (min-width: 1024px) {
  section.media-text .wp-block-media-text.has-media-on-the-right .wp-block-media-text__content {
    padding-left: 5%;
    padding-right: 8%;
  }
}
@media (min-width: 1366px) {
  section.media-text .wp-block-media-text.has-media-on-the-right .wp-block-media-text__content {
    padding-left: 8%;
    padding-right: 8%;
  }
}
@media (min-width: 1600px) {
  section.media-text .wp-block-media-text.has-media-on-the-right .wp-block-media-text__content {
    padding-left: 12%;
    padding-right: 12%;
  }
}