/* Additions to the Gema Lite stylesheet (style.css is the theme's, unmodified). */

/* WordPress block alignment classes the old content relied on */
.has-text-align-center { text-align: center; }
.has-text-align-right { text-align: right; }

/* photos open in a lightbox */
.entry-content a.photo { display: block; cursor: zoom-in; }
.entry-content a.photo img { display: block; margin-inline: auto; max-width: 100%; height: auto; }
.entry-content p > em:only-child { display: block; text-align: center; font-size: .85em; opacity: .75; }
.entry-content iframe { max-width: 100%; }
.entry-content video { display: block; max-width: 100%; height: auto; margin-inline: auto; }
.entry-content .gallery { display: grid; grid-template-columns: repeat(auto-fill, minmax(min(100%, 220px), 1fr)); gap: 10px; }
.entry-content .gallery p { margin: 0; }

#lightbox { border: 0; padding: 0; background: transparent; max-width: 100vw; max-height: 100vh; width: 100vw; height: 100vh; }
#lightbox::backdrop { background: rgb(255 255 255 / .94); }
#lightbox img { position: fixed; inset: 0; margin: auto; max-width: 96vw; max-height: 96vh; object-fit: contain; cursor: zoom-out; }

/* WordPress hid the text title/tagline when a custom logo is set (custom-logo-css) */
.site-title, .site-description-text { position: absolute; clip: rect(1px, 1px, 1px, 1px); }