/* For smaller, one-off styling needs that don't fit elsewhere */

.overflow-hidden {
    overflow: hidden;
}

.opacity-60 {
    opacity: 0.6;
    transition: opacity 0.2s ease
}

.opacity-60:hover {
    opacity: 1;
}

.is-style-dashed-line {
    width: 100% !important;
    border-bottom: 1px dashed;
}

.single-featured,
.recent-posts figure,
.people-column figure {
    position: relative;
    overflow: hidden;
    background-color: var(--wp--preset--color--purple);
}

.single-featured img,
.recent-posts figure img,
.people-column figure img {
    filter: saturate(0) contrast(200%);
    mix-blend-mode: multiply;
}

.single-featured::after,
.recent-posts figure::after,
.people-column figure::after {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 9999;
    mix-blend-mode: lighten;
    background-size: 250%;
    background-position: center;
    filter: contrast(500);
    pointer-events: none;
}

.single-featured::after,
.recent-posts div:nth-child(1n) figure::after,
.people-column div:nth-child(1n) figure::after {
    background-image: url(../ascii/1.png);
}

.recent-posts div:nth-child(2n) figure::after,
.people-column div:nth-child(2n) figure::after {
    background-image: url(../ascii/5.png);
}

.recent-posts div:nth-child(3n) figure::after,
.people-column div:nth-child(3n) figure::after {
    background-image: url(../ascii/12.png);
}

.recent-posts div:nth-child(4n) figure::after,
.people-column div:nth-child(4n) figure::after {
    background-image: url(../ascii/13.png);
}

.recent-posts div:nth-child(5n) figure::after,
.people-column div:nth-child(5n) figure::after {
    background-image: url(../ascii/14.png);
}

@media screen and (min-width: 959px) {
    .is-style-sticky {
        height: fit-content;
        top: var(--two-spacer);
        position: sticky;
    }
}

.aspect-ratio-1 {
    aspect-ratio: 1;
    object-fit: cover;
    object-position: center;
}

.wp-block-column.has-border-color,
.wp-block-group.has-border-color {
    padding: var(--two-spacer);
}
@media screen and (max-width: 575px) {
    .wp-block-column.has-border-color,
    .wp-block-group.has-border-color {
        padding: var(--one-spacer);
    }
}

.wp-block-image img {
    width: 100%;
}

.wp-block-image img.has-border-color {
    border-style: solid;
}

figure.wp-block-image.is-style-stretch-to-fill {
    height: 100%;
}
figure.wp-block-image.is-style-stretch-to-fill img {
    height: 100%;
    object-fit: cover;
}

/* Active state on auto-gen page ToC */
ul#toc li.active {
    opacity: 1 !important;
}