%media {

margin: 0 auto;
max-width: 650px;
text-align: center;

} article {

@extend %central;
@extend %clearfix;

header {
    &:not(h2) {
        font-size: smaller;
    }
}

.post-nav {
    @extend %clearfix;
    clear: both;
}

.post-thumb {
    height: 150px;
    width: 150px;
    object-fit: cover;
}

&.summary, &.page, &.series {
    &::after {
        @extend %divider-gradient-top;
        margin-top: 1em;
    }

    &::before {
        @extend %divider-gradient-bottom;
        margin-bottom: 2em;
    }
    section[itemprop=articleBody] {
        overflow: auto;
    }
}

&.single {
    padding: 1em;
}

&.format-gallery {
    @extend %media;
}

&.format-image {
    @extend %media;
    section[itemprop=articleBody] img {
        display: block;
        float: none;
        margin: 0.5em auto;
    }
}

&.format-video {
    @extend %media;
}

.series_list {
    background: $colour-lightgrey;
    border-left: 0.25em solid $colour-highlight;
    color: $colour-darkgrey;
    float: right;
    margin: 1.1em 0.5em;
    max-width: 22em;
    padding: 0.75em;
    width: 35%;
    ol {
        padding-left: 1.5em;
        li {
            padding-left: 0.5em;    
        }
    }
}

section[itemprop=articleBody] {
    padding: 1em 0;
    a {
        border-bottom: 1px solid $colour-lightgrey;
        margin-bottom: -1px;
    }
}

.footnotes {
    font-size: small;
}

footer {
    overflow: auto;
    .read-more {
        @extend %button;
        float: right;
    }
}

}