/* SINGLE POST & PAGE */
.oaw-article {
    width: 100%;
    display: flex;
    flex-direction: column;
}

.oaw-article-wrap .oaw-content {
    padding-right: 0;
    border-right: none;
}

/* Article Top */
.article-header {
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    align-items: flex-start;
    row-gap: 20px;
    width: 100%;
    max-width: 600px;
    margin-bottom: 40px;
}

.article-header-top {
    display: flex;
    flex-direction: column;
    row-gap: 20px;
}

h1.article-title {
    font-weight: 600;
    font-size: 1.6rem;
}

.article-excerpt {
    font-size: 1.2rem;
    font-weight: normal;
}

.article-header-bottom {
    display: flex;
    flex-direction: column;
    font-family: var(--oaw-sans);
    max-width: 600px;
    flex-grow: 1;
    row-gap: 20px;
}

.article-author {
    margin-bottom: 6px;
    font-size: 18px;
}

.article-author a:link,
.article-author a:visited,
#article-categories a:link,
#article-categories a:visited {
    text-decoration: none;
}

.article-date {
    font-size: 16px;
    text-transform: uppercase;
    color: #444;
}

.article-categories {
    margin-top: 10px;
    font-size: 18px;
}

/* Article Content */
.article-content-wrap {
    width: 100%;
}

.article-content {
    width: 100%;
    max-width: 600px;
}

.article-content p,
.article-content ul,
.article-content ol {
    line-height: 1.8;
    font-size: 16px;
    margin: 1.5rem 0;
    overflow-wrap: anywhere;
}

iframe:not(figure.is-provider-spotify iframe) {
    aspect-ratio: 16/9;
    height: 100%;
    width: 100%;
}

.wp-element-caption,
.blocks-gallery-caption {
    font-size: .9rem !important;
    font-family: helvetica;
    line-height: 1.6;
    text-align: left !important;
    color: #444;
}

.wp-caption {
    width: 100% !important;
}

.wp-element-caption a,
.blocks-gallery-caption a,
.wp-element-caption a:hover,
.blocks-gallery-caption a:hover {
    color: #444 !important;
}

.article-content figure:not(first-child),
.article-content .wp-block-image:not(first-child) {
    margin: 1.5rem 0;
}

.article-content figure:first-child,
.article-content .wp-block-image:first-child {
    margin: 0 0 1.5rem;
}

/* Article Bottom */
.article-bottom {
    display: flex;
    flex-direction: column;
    row-gap: 24px;
    width: 100%;
    max-width: 600px;
    margin-top: 40px;
    padding-top: 24px;
    border-top: 1px solid var(--oaw-gray-200);
}

.article-read-more {
    border-top: 1px solid var(--oaw-gray-200);
    padding: 24px 0;
}

@media screen and (min-width: 576px) {
    h1.article-title {
        font-size: 2rem;
    }

    .article-excerpt {
        font-size: 1.5rem;
    }

    .article-content p,
    .article-content ul,
    .article-content ol {
        font-size: 18px;
    }

    .article-author {
        font-size: 20px;
    }
}

@media only screen and (min-width: 992px) {
    .oaw-article-wrap.oaw-has-sidebar {
        column-gap: 80px;
    }

    .article-header,
    .article-content,
    .article-bottom {
        margin-left: auto;
    }
}

@media only screen and (min-width: 1200px) {
    .article-header {
        flex-direction: row-reverse;
        column-gap: 60px;
        max-width: 100%;
        margin-left: 0;
    }

    .article-header-top {
        min-width: 600px;
        max-width: 600px;
    }

    .article-header-bottom {
        flex-grow: 1;
        max-width: 250px;
        display: flex;
        flex-direction: column-reverse;
    }

    .article-content-wrap {
        display: flex;
        flex-direction: row-reverse;
        justify-content: flex-start;
        align-items: flex-start;
    }

    .article-content {
        grid-column: 2;
    }
}

/* Disable drop caps */
.has-drop-cap:not(:focus):first-letter {
    float: none;
    font-size: inherit;
    font-style: inherit;
    font-weight: inherit;
    line-height: inherit;
    margin: 0;
    padding: 0;
    text-transform: inherit;
}