/* BLOCK EDITOR (GUTENBERG) */

/* LAYOUT */

.post-content > p,
.post-content > h1,.post-content > h2,.post-content > h3,.post-content > h4,.post-content > h5,.post-content > h6,
.post-content > ul,.post-content > ol,
.post-content > blockquote,
.post-content > .wp-block-heading,
.post-content > .wp-block-list,
.post-content > .wp-block-quote,
.post-content > .wp-block-code,
.post-content > .wp-block-details,
.post-content > .wp-block-preformatted,
.post-content > .wp-block-verse,
.alignfull > p,
.alignfull > h2,.alignfull > h3,.alignfull > h4,.alignfull > h5,.alignfull > h6,
.alignfull > ul,.alignfull > ol,
.alignfull > blockquote,
.alignfull > .wp-block-heading,
.alignfull > .wp-block-list,
.alignfull > .wp-block-quote,
.alignfull > .wp-block-code,
.alignfull > .wp-block-details,
.alignfull > .wp-block-preformatted,
.alignfull > .wp-block-verse{
grid-column: content;
}
.post-content > p:has(img:not(.emoji)),
.post-content > p:has(iframe),
.post-content > figure{
grid-column: wide;
justify-self: center;
}
.post-content > .wp-block-image,
.post-content > .wp-block-embed,
.post-content > .wp-block-group,
.post-content > .wp-block-cover,
.post-content > .wp-block-file,
.post-content > .wp-block-gallery{
grid-column: content;
}
.post-content > .alignwide,
.post-content > .alignfull{
width: 100%;
justify-self: center;
}
.post-content > .alignwide{
grid-column: wide;
}
.post-content > .alignfull,
.post-content > .alignfull > .wp-block-cover__background,
.post-content > .alignfull > .wp-block-cover__image-background{
grid-column: full;
}
.post-content > *:has(> .alignleft){
justify-self: start;
}
.post-content > *:has(> .aligncenter){
justify-self: center;
}
.post-content > *:has(> .alignright){
justify-self: end;
}

/* ELEMENTS */

.is-type-video{
width: 100%;
}

.aligncenter{
display: block;
margin-right: auto;
margin-left: auto;
}

.type-attachment .post-content img{
justify-self: center;
}

.wp-block-cover{
padding: 0;
}

iframe + em,
.wp-block-image :where(figcaption),
.wp-block-embed :where(figcaption),
figcaption{
background-color: var(--color-caption);
color: var(--color-caption-text);
font-family: var(--font-secondary);
font-style: italic;
font-size: var(--font-size-caption);
text-align: center;
display: block;
padding: .5em 1em;
margin: 0;
border-radius: var(--border-radius-400);
border-top-right-radius: 0;
border-top-left-radius: 0;
}