/*
---------------------------
LAYOUT & ALIGNMENTS
---------------------------
*/

/* Override WordPress constrained layout for alignwide blocks */
.wp-block-post-content .alignwide,
.entry-content .alignwide,
.is-layout-constrained .alignwide {
    max-width: var(--wp--style--global--wide-size, 1600px) !important;
    width: 100vw !important;
    margin-left: calc(50% - 50vw) !important;
    margin-right: calc(50% - 50vw) !important;
}

/* Constrain wide blocks to max 1600px and center them */
@media (min-width: 1600px) {

    .wp-block-post-content .alignwide,
    .entry-content .alignwide,
    .is-layout-constrained .alignwide {
        width: 1600px !important;
        margin-left: calc(50% - 800px) !important;
        margin-right: calc(50% - 800px) !important;
    }
}

/* Override WordPress constrained layout for alignfull blocks */
.wp-block-post-content .alignfull,
.entry-content .alignfull,
.is-layout-constrained .alignfull {
    max-width: none !important;
    width: 100vw !important;
    margin-left: calc(50% - 50vw) !important;
    margin-right: calc(50% - 50vw) !important;
}

/* For blocks that have both alignwide/alignfull and is-layout-constrained */
.alignwide.is-layout-constrained>*,
.alignfull.is-layout-constrained>* {
    max-width: none !important;
}

.corner-icon {
    position: absolute;
    left: 2.5rem;
    bottom: 2.5rem;
    width: 4.5rem;
    height: 4.5rem;
    opacity: 0.5;
}