.sticky {
    border: var(--brutal-border);
    background: var(--color-primary);
    color: #fff;
    padding: 1em;
    box-shadow: var(--brutal-shadow);
}

.entry-meta {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-flow: row wrap;
    flex-flow: row wrap;
    font-size: .8em;
    font-weight: 600
}

.entry-meta>* {
    margin-bottom: .5em
}

@media screen and (max-width:37.5em) {
    .entry-meta>* {
        margin-bottom: 1em
    }
}

.entry-meta a {
    text-decoration: none
}

.post-meta {
    -ms-flex-negative: 0;
    flex-shrink: 0;
    text-align: right;
    color: rgba(0, 0, 0, .4)
}

.post-meta span:not(:last-child):after {
    content: "|";
    padding: 0 .5em
}

.cat-links {
    -ms-flex: 1 0;
    flex: 1 0;
    font-size: .95em
}

.cat-links .cat-link>a {
    display: inline-block;
    color: var(--color-primary);
    letter-spacing: 1px;
    text-transform: uppercase;
    text-decoration: none;
    font-weight: 700
}

.cat-links .cat-link>a:not(:last-child) {
    margin-right: .75em
}

.entry-title {
    margin: 0;
    word-wrap: break-word
}

.entry-title>a {
    color: #000;
    color: initial;
    text-decoration: none
}

.entry-title>a:hover {
    color: var(--color-primary)
}

body.page .card,
body.single .card {
    padding: 1.5em
}

body.page .card .entry-title,
body.single .card .entry-title {
    padding: 0 24px
}

@media screen and (max-width:37.5em) {

    body.page .card .entry-title,
    body.single .card .entry-title {
        padding: 0 12px
    }
}

.post-thumbnail {
    display: block;
    margin: 1em -1.5em;
    text-align: center
}

@media screen and (max-width:37.5em) {
    .post-thumbnail {
        margin: 1em -1em
    }
}

.post-thumbnail img {
    margin: 0 auto;
    border: var(--brutal-border);
    box-shadow: var(--brutal-shadow)
}

.excerpt {
    font-size: .9em;
    color: rgba(0, 0, 0, .7);
    line-height: 1.75
}

.excerpt p {
    margin: .5em 0
}

.entry-content,
.entry-summary,
.page-content {
    margin: 1.25em 0 0
}

.entry-content>*,
.entry-summary>*,
.not-found>*,
.page-content>* {
    margin-right: auto;
    margin-left: auto;
    padding-right: 1.5rem;
    padding-left: 1.5rem;
    line-height: 1.75;
    word-wrap: break-word
}

@media screen and (max-width:37.5em) {

    .entry-content>*,
    .entry-summary>*,
    .not-found>*,
    .page-content>* {
        padding-left: .75em;
        padding-right: .75em
    }
}

.comments-area,
.entry-footer,
.entry-header,
.page-navigation,
.post-navigation,
.site-info {
    margin: 2em auto;
}

.page-title {
    margin: 0 auto .75em;
}

.page-navigation,
.post-navigation {
    display: flex;
    gap: 1em;
    justify-content: space-between;
}

.page-title {
    margin-bottom: .75em
}

.page-links {
    clear: both;
    padding-top: 1em;
    padding-bottom: 1em
}

.entry-footer {
    clear: both
}

.tag-links {
    padding: 1em 0;
    font-size: .85em
}

.related-posts {
    margin: 1.5em 0 1em
}

.related-posts>h4 {
    font-size: 1.25em;
    margin-bottom: 1em
}

.related-posts .entry-header,
.related-posts .entry-title {
    margin-top: 0
}

.related-posts .entry-title {
    font-size: 1.1em;
    padding: 0 !important
}

.related-posts-grid {
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(300px, 1fr));
    grid-gap: 0 20px
}

.authorbox {
    background: var(--color-primary);
    margin: 2em 0 1em;
    padding: 1em;
    color: #fff;
    text-align: center;
    border-radius: var(--brutal-radius);
    border: var(--brutal-border);
    box-shadow: var(--brutal-shadow)
}

.authorbox p {
    margin-top: 0;
    font-size: .85em
}

.authorbox h5 {
    font-size: 1.1em;
    margin: 0 0 .5em;
    font-weight: 500;
    color: inherit
}

.author-image {
    margin-bottom: 1em
}

.author-image img {
    margin-left: auto;
    margin-right: auto;
    border-radius: var(--brutal-radius);
    border: var(--brutal-border)
}

@media screen and (min-width:37.5em) {
    .authorbox {
        display: -ms-flexbox;
        display: flex;
        text-align: left;
        text-align: initial;
        margin: 3em
    }

    .author-image {
        -ms-flex-negative: 0;
        flex-shrink: 0;
        margin-right: 1em;
        margin-bottom: 0
    }

    .authorbox-content {
        -ms-flex: 1 0;
        flex: 1 0
    }
}

.alignleft {
    float: left;
    margin-right: 1.5rem
}

.alignright {
    float: right;
    margin-left: 1.5rem
}

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

@media screen and (min-width:48em) {

    .wp-block-image.alignright,
    .wp-caption.alignright {
        margin-right: calc((100% - 45rem) / 2)
    }

    .wp-block-image.alignleft,
    .wp-caption.alignleft {
        margin-left: calc((100% - 45rem) / 2)
    }
}

.wp-block-quote.is-large,
.wp-block-quote.is-style-large {
    margin: 1.5em auto;
    padding: 0 1em
}

.entry-content ol,
.entry-content ul {
    padding-right: 2.5em;
    padding-left: 2.5em
}

.entry-content ol ol,
.entry-content ul ul {
    margin-right: 0;
    margin-left: 0;
    padding-right: 1.5em;
    padding-left: 1.5em
}

.alignwide {
    max-width: calc(50% + 45rem / 2)
}

.alignfull {
    max-width: 100%;
    padding: 0
}

.wp-block-cover-image .wp-block-cover-image-text,
.wp-block-cover-image h2 {
    margin-top: 0
}

@media screen and (min-width:48em) {
    .entry-content pre {
        padding: 1.5em
    }
}

.wp-block-columns {
    display: block
}

@media screen and (min-width:37.5em) {
    .wp-block-columns {
        display: -ms-flexbox;
        display: flex;
        -ms-flex-pack: justify;
        justify-content: space-between;
        grid-gap: 1em;
        gap: 1em
    }

    .has-2-columns .wp-block-column {
        -ms-flex: none;
        flex: none;
        width: calc(50% - .5em)
    }

    .has-3-columns .wp-block-column {
        -ms-flex: none;
        flex: none;
        width: calc(33.3333% - .5em)
    }

    .has-4-columns .wp-block-column {
        -ms-flex: none;
        flex: none;
        width: calc(25% - .5em)
    }
}

.wp-block-latest-comments,
.wp-block-latest-posts {
    padding-top: 1.5em;
    padding-bottom: 1.5em;
    border: var(--brutal-border);
    box-shadow: var(--brutal-shadow)
}

.has-dusty-orange-color,
.has-dusty-orange-color a {
    color: #ed8f5b
}

.has-dusty-orange-background-color {
    background-color: #ed8f5b
}

.has-dusty-red-color,
.has-dusty-red-color a {
    color: #e36d60
}

.has-dusty-red-background-color {
    background-color: #e36d60
}

.has-dusty-wine-color,
.has-dusty-wine-color a {
    color: #9c4368
}

.has-dusty-wine-background-color {
    background-color: #9c4368
}

.has-dark-sunset-color,
.has-dark-sunset-color a {
    color: #33223b
}

.has-dark-sunset-background-color {
    background-color: #33223b
}

.has-almost-black-color,
.has-almost-black-color a {
    color: #0a1c28
}

.has-almost-black-background-color {
    background-color: #0a1c28
}

.has-dusty-water-color,
.has-dusty-water-color a {
    color: #41848f
}

.has-dusty-water-background-color {
    background-color: #41848f
}

.has-dusty-sky-color,
.has-dusty-sky-color a {
    color: #72a7a3
}

.has-dusty-sky-background-color {
    background-color: #72a7a3
}

.has-dusty-daylight-color,
.has-dusty-daylight-color a {
    color: #97c0b7
}

.has-dusty-daylight-background-color {
    background-color: #97c0b7
}

.has-dusty-sun-color,
.has-dusty-sun-color a {
    color: #eee9d1
}

.has-dusty-sun-background-color {
    background-color: #eee9d1
}

.has-small-font-size {
    font-size: 1 rem
}

.has-regular-font-size {
    font-size: 1.25 rem
}

.has-large-font-size {
    font-size: 2.25 rem
}

.has-larger-font-size {
    font-size: 3 rem
}

.comment-content .wp-smiley,
.entry-content .wp-smiley,
.page-content .wp-smiley {
    border: none;
    margin-bottom: 0;
    margin-top: 0;
    padding: 0
}

.wp-caption,
embed,
iframe,
object {
    max-width: 100%
}

.wp-caption {
    margin-bottom: 1.5em
}

.wp-caption img[class*=wp-image-] {
    display: block;
    margin-left: auto;
    margin-right: auto
}

.wp-caption .wp-caption-text {
    margin: .8075em 0
}

.wp-caption-text {
    text-align: center
}

.wp-block-gallery:not(.components-placeholder) {
    margin: 1.5em auto
}

.entry-content .wp-block-gallery {
    padding-right: 1.5em;
    padding-left: 1.5em
}

@media screen and (min-width:48em) {
    .entry-content .wp-block-gallery {
        padding-right: 0;
        padding-left: 0
    }
}

.wp-block-gallery {
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(200px, 1fr));
    grid-gap: .5em
}

.wp-block-gallery.columns-2 .blocks-gallery-item,
.wp-block-gallery.columns-3 .blocks-gallery-item,
.wp-block-gallery.columns-4 .blocks-gallery-item,
.wp-block-gallery.columns-5 .blocks-gallery-item,
.wp-block-gallery.columns-6 .blocks-gallery-item,
.wp-block-gallery.columns-7 .blocks-gallery-item,
.wp-block-gallery.columns-8 .blocks-gallery-item,
.wp-block-gallery.columns-9 .blocks-gallery-item {
    grid-column: span 1;
    margin: 0;
    width: inherit
}

.blocks-gallery-item:last-child:nth-child(odd) {
    grid-column: span 2
}

@media screen and (min-width:40em) {
    .wp-block-gallery.columns-2 {
        grid-template-columns: repeat(2, 1fr)
    }

    .wp-block-gallery.columns-3 {
        grid-template-columns: repeat(3, 1fr)
    }

    .wp-block-gallery.columns-4 {
        grid-template-columns: repeat(4, 1fr)
    }

    .wp-block-gallery.columns-5 {
        grid-template-columns: repeat(5, 1fr)
    }

    .wp-block-gallery.columns-6 {
        grid-template-columns: repeat(6, 1fr)
    }

    .wp-block-gallery.columns-7 {
        grid-template-columns: repeat(7, 1fr)
    }

    .wp-block-gallery.columns-8 {
        grid-template-columns: repeat(8, 1fr)
    }

    .wp-block-gallery.columns-9 {
        grid-template-columns: repeat(9, 1fr)
    }
}

.gallery {
    margin-bottom: 1.5em;
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(150px, 1fr));
    grid-gap: .5em
}

@media screen and (min-width:40em) {
    .gallery-columns-2 {
        grid-template-columns: repeat(2, 1fr)
    }

    .gallery-columns-3 {
        grid-template-columns: repeat(3, 1fr)
    }

    .gallery-columns-4 {
        grid-template-columns: repeat(4, 1fr)
    }

    .gallery-columns-5 {
        grid-template-columns: repeat(5, 1fr)
    }

    .gallery-columns-6 {
        grid-template-columns: repeat(6, 1fr)
    }

    .gallery-columns-7 {
        grid-template-columns: repeat(7, 1fr)
    }

    .gallery-columns-8 {
        grid-template-columns: repeat(8, 1fr)
    }

    .gallery-columns-9 {
        grid-template-columns: repeat(9, 1fr)
    }
}

.gallery-item {
    padding: .5em;
    border: 1px solid #dedede
}

.gallery-icon {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: center;
    justify-content: center
}

.gallery-caption {
    font-size: 80%
}