ArticleTemplates/assets/scss/modules/content/_article-kicker.scss

.article-kicker {
    padding: base-px(.5, 1, 0, 1);
    min-height: 0;
    display: flex;
    align-items: flex-start;
    position: relative;

    &__live,
    &__section,
    &__series {
        @include body();
        font-weight: 700;
    }
    &__live {
        margin-top: -(base-px(.25));
        font-family: $guardian-sans;
        .article--liveblog .article__header & .section__live {
            position: static;
        }
    }
    &__section,
    &__series {
        font-family: $egyptian-display;
    }
    &__section {
        display: none;
        @include mq($from: col2) {
            display: inline-block;
        }
    }
    &__series {
        display: block;
        @include mq($from: col2) {
            display: inline-block;
            font-weight: 400;
            margin-left: .5rem;
        }

        a {
            color: inherit;
        }
    }
    &__copy {
        vertical-align: top;
        @include mq($from: col2) {
            display: inline-flex;
        }
    }
    .article-badge {
        height: 42px;
        margin-right: 8px;
        margin-top: base-px(0.5);
        margin-bottom: 8px;

        @include mq($from: col2) {
            height: 48px;
        }

        & ~ .article-kicker__copy {
            display: inline-flex;
            flex-direction: column;

            .article-kicker__section {
                display: block;
                line-height: 20px;
                margin-top: 2px;
            }

            .article-kicker__series {
                display: block;
                line-height: 20px;
                margin-bottom: 14px;
                font-weight: 400;
                margin-left: 0;
            }
        }
    }
}