/* NOTE: do not use @media (width >< ...px) here, due to wp rocket mobile cache issues
   TODO: change this when wp-rocket supports this rule */
.wp-block-media-text {
  /* reduce margins on elements so that the content appears more centered related to the image */
  /* adjust paddings and text alignment for mobile */
}
.wp-block-media-text .wp-block-media-text__content *:first-child {
  margin-block-start: 0;
}
.wp-block-media-text .wp-block-media-text__content *:last-child {
  margin-block-end: 0;
}
.wp-block-media-text .wp-block-media-text__content {
  padding: var(--wp--style--root--padding-left);
}
@media (width < 600px) {
  .wp-block-media-text {
    /* reverse image / text order on mobile */
  }
  .wp-block-media-text.is-stacked-on-mobile .wp-block-media-text__media img {
    position: initial;
  }
  .wp-block-media-text.is-stacked-on-mobile .wp-block-media-text__content,
  .wp-block-media-text.is-stacked-on-mobile .wp-block-media-text__content * {
    text-align: start;
  }
  .wp-block-media-text.is-stacked-on-mobile.is-style-reverse--mobile > .wp-block-media-text__media {
    grid-column: 1 !important;
    grid-row: 2 !important;
  }
  .wp-block-media-text.is-stacked-on-mobile.is-style-reverse--mobile > .wp-block-media-text__content {
    grid-column: 1 !important;
    grid-row: 1 !important;
  }
}

/*# sourceMappingURL=media-text.css.map */