ArticleTemplates/assets/scss/layout/_article.scss

.article {
    overflow: hidden;

    @include mq($from: col4) {
        background-color: color(brightness-96);
    }

    img {
        color: color(tone-sandy-light);
    }
}

.article__header {
    .article-kicker,
    .headline {
        @include mq($from: col4) {
            margin: 0 auto;
            padding: {
                left: 240px;
                right: 320px;
            }
            width: 1200px;
        }
    }

    .headline {
        padding: base-px(0, 1, 2.5, 1);

        @include mq($from: col4) {
            margin: 0 auto;
            padding: {
                left: 240px;
                right: 320px;
            }
            width: 1200px;
        }
    }

    .standfirst {
        &__inner {
            padding: base-px(.5, 1, .5, 1);
        }

        &__inner:empty {
            display: none;
        }

        @include mq($from: col4) {
            margin: 0;
            padding: 0;
            width: 100%;

            &__inner {
                margin: 0 auto;
                padding: {
                    left: 240px;
                    right: 340px;
                }
                width: 1200px;
            }
        }
    }

    .meta, .standfirst {
        @include mq($from: col4) {
            margin: 0 auto;
            max-width: 1200px;
        }
    }
}

.article__body {
    font-family: $egyptian-text;
    position: relative;
    @extend %clearfix;

    // First figure/element in body should sit flush with .article__header
    & > .prose {
        > .figure-wide,
        > .element:not(.figure--thumbnail) {
            &:first-child {
                margin-top: base-px(-1);
            }
        }
    }

    .video-URL {
        clear: both; // floating asides can cause video to display incorrectly

        & + figcaption {
            padding: 2px base-px(1);
        }
    }

    // Football player cards should appear floated right above mobile breakpoint
    .player-card {
        @include mq($from: col1) {
            margin: base-px(1, 0, 1, 1);
            width: 50%;
            float: right;
        }
    }

    // Only show one discalimer on gallery pages
    .affiliate-links-disclaimer {
        display: none;
        &:nth-of-type(1) {
            display: inherit;
        }
    }
}