/*
 * Front-end styles for markup produced by the admin CKEditor 5 (image styles / resize / captions /
 * media embeds / tables). Class names are CKEditor-specific, so they do not collide with the WP theme.
 */
figure.image {
  display: table;
  clear: both;
  margin: 1.5em auto;
  text-align: center;
}

figure.image img {
  display: block;
  max-width: 100%;
  height: auto;
  margin: 0 auto;
}

figure.image > figcaption,
figure.table > figcaption,
table > caption {
  display: table-caption;
  caption-side: bottom;
  padding: .5em;
  font-size: .875em;
  color: #6b7280;
  text-align: center;
  word-break: break-word;
}

img.image_resized { height: auto; }
figure.image.image_resized { max-width: 100%; display: block; box-sizing: border-box; }
figure.image.image_resized img { width: 100%; }

.image-style-side,
.image-style-align-right { float: right; margin-left: 1.5em; }
.image-style-align-left { float: left; margin-right: 1.5em; }
.image-style-side { max-width: 50%; }
.image-style-align-center { margin-left: auto; margin-right: auto; }
.image-style-block-align-left { margin-left: 0; margin-right: auto; }
.image-style-block-align-right { margin-left: auto; margin-right: 0; }
img.image-style-align-left, img.image-style-align-right, img.image-style-side { margin-top: .25em; margin-bottom: .75em; }

figure.media {
  clear: both;
  margin: 1.5em 0;
  display: block;
}

@media (max-width: 575.98px) {
  .image-style-side,
  .image-style-align-left,
  .image-style-align-right {
    float: none;
    max-width: 100%;
    margin-left: auto;
    margin-right: auto;
  }
}