/**
 * Pictures in editor content (posts, pages, facility profiles): a large one
 * fills the text column, a smaller one sits in the middle of it. Pictures
 * aligned left or right keep their float. inc/content-images.php marks each
 * content <img> at least 640px wide with .kop-img-fill.
 */
.entry-content .wp-block-image:not(.alignleft):not(.alignright),
.entry-content figure.wp-caption:not(.alignleft):not(.alignright) {
    margin-left: auto;
    margin-right: auto;
    max-width: 100%;
    text-align: center;
}

/* Gutenberg's centred/none figure is display:table, which shrinks to the
   picture; a block box lets width:100% mean the text column. */
.entry-content figure.wp-block-image:not(.alignleft):not(.alignright),
.entry-content .wp-block-image:not(.alignleft):not(.alignright) > figure {
    display: block;
}

.entry-content .wp-block-image:not(.alignleft):not(.alignright) a,
.entry-content figure.wp-caption:not(.alignleft):not(.alignright) a {
    display: block;
}

.entry-content img:not(.alignleft):not(.alignright):not([class*="emoji"]) {
    max-width: 100%;
    height: auto;
}

.entry-content .wp-block-image:not(.alignleft):not(.alignright) img,
.entry-content figure.wp-caption:not(.alignleft):not(.alignright) img,
.entry-content img.aligncenter,
.entry-content p > img.alignnone:only-child,
.entry-content p > a:only-child > img.alignnone {
    display: block;
    margin-left: auto;
    margin-right: auto;
}

.entry-content img.kop-img-fill:not(.alignleft):not(.alignright) {
    width: 100%;
}

.entry-content .wp-block-image figcaption,
.entry-content figure.wp-caption .wp-caption-text {
    text-align: center;
}

/* A wide picture inside a figure floated left or right keeps the figure's size. */
.entry-content .alignleft img.kop-img-fill,
.entry-content .alignright img.kop-img-fill {
    width: auto;
}
