/* The parts of WordPress's block-library stylesheet that the imported content uses
   (images, gallery, media & text, tables, file links, the colour palette). */

.wp-block-image { margin: 0 0 2rem; }
.wp-block-image img { height: auto; max-width: 100%; vertical-align: bottom; }
.wp-block-image.aligncenter, .wp-block-image .aligncenter { text-align: center; }
.wp-block-image.alignleft { float: left; margin: .5em 1em .5em 0; }
.wp-block-image.alignright { float: right; margin: .5em 0 .5em 1em; }
.wp-block-image figcaption, .wp-block-gallery figcaption, .wp-block-table figcaption {
    font-size: 1.3rem; text-align: center; margin: .5em 0 1em; color: #555;
}
.wp-block-image.is-resized img { width: auto; }

.wp-block-gallery {
    display: flex; flex-wrap: wrap; gap: .5em; list-style: none; padding: 0; margin: 0 0 2rem;
}
.wp-block-gallery > figure, .wp-block-gallery .wp-block-image {
    flex: 1 1 calc(33.333% - .5em); max-width: calc(33.333% - .5em); margin: 0; position: relative;
}
.wp-block-gallery.columns-2 > figure { flex-basis: calc(50% - .5em); max-width: calc(50% - .5em); }
.wp-block-gallery.columns-4 > figure { flex-basis: calc(25% - .5em); max-width: calc(25% - .5em); }
.wp-block-gallery.is-cropped img { width: 100%; height: 100%; object-fit: cover; aspect-ratio: 1; }
@media (max-width: 600px) {
    .wp-block-gallery > figure, .wp-block-gallery .wp-block-image { flex-basis: calc(50% - .5em); max-width: calc(50% - .5em); }
}

.wp-block-media-text {
    display: grid; grid-template-columns: 50% 1fr; align-items: center; margin-bottom: 2rem;
}
.wp-block-media-text__media img { width: 100%; height: auto; vertical-align: middle; }
.wp-block-media-text__media { margin: 0; }
.wp-block-media-text__content { padding: 0 8%; }
@media (max-width: 600px) {
    .wp-block-media-text.is-stacked-on-mobile { grid-template-columns: 100%; }
    .wp-block-media-text.is-stacked-on-mobile .wp-block-media-text__content { padding: 1em 0; }
}

.wp-block-table { overflow-x: auto; margin: 0 0 2rem; }
.wp-block-table table { width: 100%; }

.wp-block-file { margin-bottom: 2rem; }
.wp-block-file .wp-block-file__button {
    display: inline-block; background: #32373c; color: #fff; border-radius: 2em; padding: .5em 1em; font-size: .8em; margin-left: .75em;
}

/* Default palette (has-*-color / has-*-background-color) */
.has-black-color { color: #000; }
.has-cyan-bluish-gray-color { color: #abb8c3; }
.has-white-color { color: #fff; }
.has-pale-pink-color { color: #f78da7; }
.has-vivid-red-color { color: #cf2e2e; }
.has-luminous-vivid-orange-color { color: #ff6900; }
.has-luminous-vivid-amber-color { color: #fcb900; }
.has-light-green-cyan-color { color: #7bdcb5; }
.has-vivid-green-cyan-color { color: #00d084; }
.has-pale-cyan-blue-color { color: #8ed1fc; }
.has-vivid-cyan-blue-color { color: #0693e3; }
.has-vivid-purple-color { color: #9b51e0; }
.has-black-background-color { background-color: #000; }
.has-white-background-color { background-color: #fff; }
.has-pale-pink-background-color { background-color: #f78da7; }
.has-vivid-red-background-color { background-color: #cf2e2e; }
.has-luminous-vivid-orange-background-color { background-color: #ff6900; }
.has-luminous-vivid-amber-background-color { background-color: #fcb900; }
.has-pale-cyan-blue-background-color { background-color: #8ed1fc; }
.has-vivid-cyan-blue-background-color { background-color: #0693e3; }
.has-text-align-center { text-align: center; }
.has-text-align-right { text-align: right; }
mark.has-inline-color { background: transparent; }

/* Content written in the new editor (Quill) */
.entry-content .ql-align-center { text-align: center; }
.entry-content .ql-align-right { text-align: right; }
.entry-content iframe { max-width: 100%; }