:root {
  --adg-content-image-blue: var(--blue, #064AC2);
  --adg-content-image-bright: var(--blue-bright, #18A8EF);
  --adg-content-image-muted: #66758a;
}

/*
 * WordPress / Classic Editor image alignment.
 * These rules deliberately live in the theme so ordinary pages, posts,
 * custom post types and future gallery modules share the same presentation.
 */
.entry-content::after,
.adg-content-flow::after {
  content: "";
  display: table;
  clear: both;
}

main img.alignleft,
main figure.alignleft,
main .wp-caption.alignleft {
  float: left;
  width: auto;
  max-width: min(48%, 440px);
  margin: .35rem 1.35rem 1rem 0;
}

main img.alignright,
main figure.alignright,
main .wp-caption.alignright {
  float: right;
  width: auto;
  max-width: min(48%, 440px);
  margin: .35rem 0 1rem 1.35rem;
}

main img.alignnone,
main figure.alignnone,
main .wp-caption.alignnone {
  float: none;
  display: block;
  width: auto;
  max-width: 100%;
  margin: 1.15rem 0 1.55rem;
}

main img.alignleft,
main img.alignright,
main img.alignnone,
main figure.alignleft img,
main figure.alignright img,
main figure.alignnone img,
main .wp-caption.alignleft img,
main .wp-caption.alignright img,
main .wp-caption.alignnone img {
  height: auto;
  border-radius: 12px;
}

main figure.alignleft,
main figure.alignright,
main figure.alignnone,
main .wp-caption.alignleft,
main .wp-caption.alignright,
main .wp-caption.alignnone {
  box-sizing: border-box;
}

main figure.alignleft img,
main figure.alignright img,
main figure.alignnone img,
main .wp-caption.alignleft img,
main .wp-caption.alignright img,
main .wp-caption.alignnone img {
  display: block;
  width: 100%;
  max-width: 100%;
}

main .wp-caption-text,
main figure > figcaption {
  margin: .55rem 0 0;
  color: var(--adg-content-image-muted);
  font-size: .82rem;
  line-height: 1.45;
}

/* Linked image files are enhanced by the theme lightbox. */
[data-adg-lightbox-item] img {
  cursor: zoom-in;
}
[data-adg-lightbox-item]:focus-visible {
  outline: none;
}
[data-adg-lightbox-item]:focus-visible img {
  outline: 4px solid var(--adg-content-image-bright);
  outline-offset: 4px;
}

@media (max-width: 699px) {
  main img.alignleft,
  main img.alignright,
  main img.alignnone,
  main figure.alignleft,
  main figure.alignright,
  main figure.alignnone,
  main .wp-caption.alignleft,
  main .wp-caption.alignright,
  main .wp-caption.alignnone {
    float: none !important;
    clear: both;
    display: block;
    width: 100% !important;
    max-width: 100% !important;
    height: auto;
    margin: 1rem 0 1.75rem !important;
  }

  main img.alignleft,
  main img.alignright,
  main img.alignnone {
    object-fit: contain;
  }
}

@media (forced-colors: active) {
  [data-adg-lightbox-item]:focus-visible img {
    outline: 3px solid Highlight;
  }
}