////
///
/// Headline Utility Classes
/// ===========================================================================
///
/// Headline utility classes for live story and article headers.
///
/// @group Classes.BodyOrganisms
/// @author Scape Agency
/// @link https://scape.style
/// @since 0.1.0 initial release
/// @access public
///
////

// ============================================================================
// Use
// ============================================================================

@use "../../mixins" as mixins;

// ============================================================================
// Utility Classes
// ============================================================================

.headline_live-story {
    @include mixins.headline_live-story;
}

.headline_live-story__live-indicator-text {
    @include mixins.headline_live-story__live-indicator-text;
}

.headline_live-story__kicker-text {
    @include mixins.headline_live-story__kicker-text;
}

.headline_live-story__text {
    @include mixins.headline_live-story__text;
}

.headline_live-story__section-link {
    @include mixins.headline_live-story__section-link;
}

.headline_live-story__kicker-url {
    @include mixins.headline_live-story__kicker-url;
}

.headline_live-story__teaser {
    @include mixins.headline_live-story__teaser;
}

.headline_live-story__sub-container {
    @include mixins.headline_live-story__sub-container;
}

.headline_live-story__sub-text {
    @include mixins.headline_live-story__sub-text;
}

.headline_live-story__byline-sub-text {
    @include mixins.headline_live-story__byline-sub-text;
}

.headline_live-story__sub-description {
    @include mixins.headline_live-story__sub-description;
}

.headline_live-story--has-lowertext {
    @include mixins.headline_live-story--has-lowertext;
}

.headline_live-story__options--has-more {
    @include mixins.headline_live-story__options--has-more;
}

@media screen and (max-width: 479px) {
    .headline_live-story__byline-sub-text {
        display: block;
    }

    .headline_live-story__sub-description {
        margin: q(4) q(4) 0 0;
    }

    .headline_live-story__sub-description::after {
        content: "";
    }
}