/* =========================================================
   AG BODY SHOP — SINGLE NEWS ARTICLE
========================================================= */


/* =========================================================
   01 — FOUNDATION
========================================================= */

.news-single {
    --news-single-yellow:
        var(--color-yellow, #e7b900);

    --news-single-yellow-hover:
        var(--color-yellow-hover, #f2c600);

    --news-single-ink:
        #17191c;

    --news-single-text:
        #555b5f;

    --news-single-muted:
        #777d81;

    --news-single-line:
        rgba(20, 23, 25, .13);

    --news-single-warm:
        #f4f2ed;

    --news-single-dark:
        #080b0e;

    --news-single-page-padding:
        clamp(28px, 5vw, 92px);

    position:
        relative;

    width:
        100%;

    overflow:
        hidden;

    color:
        var(--news-single-ink);

    background:
        #ffffff;

    font-family:
        var(
            --font-body,
            "AvenirWeb",
            "Avenir",
            Arial,
            sans-serif
        );
}


.news-single,
.news-single *,
.news-single *::before,
.news-single *::after {
    box-sizing:
        border-box;
}


.news-single h1,
.news-single h2,
.news-single h3,
.news-single h4,
.news-single p,
.news-single figure {
    margin:
        0;

    padding:
        0;
}


.news-single img {
    display:
        block;

    max-width:
        100%;
}


.news-single a {
    color:
        inherit;

    text-decoration:
        none;
}


.news-single button {
    font:
        inherit;
}


.news-single-shell {
    width:
        min(1480px, 100%);

    margin:
        0 auto;
}


/* =========================================================
   02 — EDITORIAL HERO
========================================================= */

.news-single-hero {
    position:
        relative;

    min-height:
        clamp(390px, 35vw, 500px);

    padding:
        30px
        var(--news-single-page-padding)
        clamp(190px, 16vw, 235px);

    overflow:
        hidden;

    color:
        #ffffff;

    background:
        radial-gradient(
            circle at 82% 68%,
            rgba(231, 185, 0, .10),
            transparent 31%
        ),
        radial-gradient(
            circle at 15% 10%,
            rgba(255, 255, 255, .04),
            transparent 30%
        ),
        linear-gradient(
            135deg,
            #15191d 0%,
            #090c0f 61%,
            #050709 100%
        );
}


.news-single-hero::after {
    content:
        "";

    position:
        absolute;

    inset:
        0;

    pointer-events:
        none;

    background:
        linear-gradient(
            90deg,
            rgba(4, 6, 8, .22),
            transparent 64%
        );

    box-shadow:
        inset 0 -58px 80px
        rgba(0, 0, 0, .18);
}


.news-single-hero__inner {
    position:
        relative;

    z-index:
        2;

    min-height:
        inherit;

    display:
        flex;

    flex-direction:
        column;

    justify-content:
        flex-start;
}


/* =========================================================
   03 — BREADCRUMB
========================================================= */

.news-single-breadcrumb {
    width:
        100%;

    margin-bottom:
        18px;

    display:
        flex;

    align-items:
        center;

    flex-wrap:
        nowrap;

    gap:
        8px;

    color:
        rgba(255, 255, 255, .50);

    font-size:
        9px;

    font-weight:
        700;

    line-height:
        1;

    letter-spacing:
        1.15px;

    text-transform:
        uppercase;

    overflow:
        hidden;
}


.news-single-breadcrumb a {
    flex:
        0 0 auto;

    transition:
        color .2s ease;
}


.news-single-breadcrumb a:hover {
    color:
        var(--news-single-yellow);
}


.news-single-breadcrumb__current {
    min-width:
        0;

    color:
        rgba(255, 255, 255, .78);

    overflow:
        hidden;

    text-overflow:
        ellipsis;

    white-space:
        nowrap;
}


/* =========================================================
   04 — HERO TITLE
========================================================= */

.news-single-hero__title {
    width:
        min(980px, 100%);

    color:
        #ffffff;

    font-family:
        var(--font-title);

    font-size:
        clamp(36px, 2.75vw, 48px);

    font-weight:
        400;

    line-height:
        1.03;

    letter-spacing:
        -.38px;
}


/* =========================================================
   05 — FEATURED IMAGE BETWEEN DARK / WHITE
========================================================= */

.news-single-featured {
    position:
        relative;

    z-index:
        4;

    width:
        100%;

    margin-top:
        clamp(-210px, -14vw, -160px);

    padding:
        0
        var(--news-single-page-padding);

    background:
        linear-gradient(
            to bottom,
            transparent 0%,
            transparent 50%,
            #ffffff 50%,
            #ffffff 100%
        );
}


/*
 * این قانون باعث می‌شود تصویر نسبت به کل صفحه
 * کاملاً وسط‌چین باشد، نه نسبت به ستون سمت چپ.
 */

.news-single-featured
.news-single-shell {
    width:
        100%;

    max-width:
        none;

    margin:
        0;

    display:
        flex;

    justify-content:
        center;
}


.news-single-featured__figure {
    width:
        min(1160px, 100%);

    margin:
        0 auto;
}


.news-single-featured__stage {
    position:
        relative;

    width:
        100%;

    height:
        clamp(320px, 29vw, 410px);

    overflow:
        hidden;

    isolation:
        isolate;

    background:
        #e8e5df;

    box-shadow:
        0 20px 52px
        rgba(0, 0, 0, .15);
}


.news-single-featured__image,
.news-single-featured__placeholder {
    width:
        100%;

    height:
        100%;

    display:
        block;
}


.news-single-featured__image {
    object-fit:
        cover;

    object-position:
        center center;
}


.news-single-featured__placeholder {
    display:
        flex;

    align-items:
        center;

    justify-content:
        center;

    color:
        rgba(255, 255, 255, .34);

    background:
        radial-gradient(
            circle at 76% 70%,
            rgba(231, 185, 0, .15),
            transparent 34%
        ),
        linear-gradient(
            135deg,
            #292e33,
            #090c0f
        );

    font-family:
        var(--font-title);

    font-size:
        36px;
}


.news-single-featured figcaption {
    margin-top:
        10px;

    color:
        var(--news-single-muted);

    font-size:
        11px;

    line-height:
        1.55;
}


/* =========================================================
   06 — FROSTED GLASS META BAR
========================================================= */

.news-single-featured__glass {
    position:
        absolute;

    z-index:
        5;

    left:
        50%;

    bottom:
        18px;

    width:
        calc(100% - 36px);

    min-height:
        58px;

    padding:
        8px
        9px
        8px
        22px;

    display:
        flex;

    align-items:
        center;

    justify-content:
        space-between;

    gap:
        22px;

    color:
        #272b2e;

    background:
        linear-gradient(
            135deg,
            rgba(255, 255, 255, .72),
            rgba(255, 255, 255, .48)
        );

    border:
        1px solid
        rgba(255, 255, 255, .74);

    border-radius:
        34px;

    box-shadow:
        0 14px 40px
        rgba(0, 0, 0, .16),
        inset 0 1px 0
        rgba(255, 255, 255, .64);

    -webkit-backdrop-filter:
        blur(18px)
        saturate(145%);

    backdrop-filter:
        blur(18px)
        saturate(145%);

    transform:
        translateX(-50%);
}


/* =========================================================
   07 — CATEGORY / DATE / READING TIME
========================================================= */

.news-single-featured__meta {
    min-width:
        0;

    display:
        flex;

    align-items:
        center;

    flex-wrap:
        wrap;

    gap:
        8px;

    color:
        rgba(23, 25, 28, .68);

    font-size:
        8.5px;

    font-weight:
        800;

    line-height:
        1.4;

    letter-spacing:
        .78px;

    text-transform:
        uppercase;
}


.news-single-featured__meta a {
    color:
        #806600;

    transition:
        color .2s ease;
}


.news-single-featured__meta a:hover {
    color:
        var(--news-single-ink);
}


.news-single-featured__separator {
    color:
        rgba(23, 25, 28, .25);
}


/* =========================================================
   08 — SHARE / PRINT ACTIONS
========================================================= */

.news-single-featured__actions {
    position:
        relative;

    flex:
        0 0 auto;

    display:
        flex;

    align-items:
        center;

    gap:
        7px;
}


.news-single-featured__action {
    width:
        40px;

    height:
        40px;

    padding:
        0;

    display:
        inline-flex;

    align-items:
        center;

    justify-content:
        center;

    color:
        #303538;

    background:
        rgba(255, 255, 255, .38);

    border:
        1px solid
        rgba(23, 25, 28, .13);

    border-radius:
        50%;

    box-shadow:
        inset 0 1px 0
        rgba(255, 255, 255, .55);

    cursor:
        pointer;

    transition:
        color .2s ease,
        background-color .2s ease,
        border-color .2s ease,
        transform .2s ease;
}


.news-single-featured__action:hover {
    color:
        #111416;

    background:
        var(--news-single-yellow);

    border-color:
        var(--news-single-yellow);

    transform:
        translateY(-2px);
}


.news-single-featured__action svg {
    width:
        17px;

    height:
        17px;

    fill:
        none;

    stroke:
        currentColor;

    stroke-width:
        1.45;

    stroke-linecap:
        round;

    stroke-linejoin:
        round;
}


/* =========================================================
   09 — SHARE STATUS MESSAGE
========================================================= */

.news-single-featured__status {
    position:
        absolute;

    right:
        0;

    bottom:
        calc(100% + 12px);

    width:
        max-content;

    max-width:
        210px;

    padding:
        8px 11px;

    color:
        #ffffff;

    background:
        rgba(9, 11, 13, .93);

    border-radius:
        4px;

    font-size:
        10px;

    line-height:
        1.4;

    opacity:
        0;

    pointer-events:
        none;

    transform:
        translateY(5px);

    transition:
        opacity .2s ease,
        transform .2s ease;
}


.news-single-featured__status:empty {
    display:
        none;
}


.news-single-featured__status.is-visible {
    opacity:
        1;

    transform:
        translateY(0);
}


/* =========================================================
   10 — FULL-WIDTH ARTICLE BODY
========================================================= */

.news-single-body {
    width:
        100%;

    padding:
        clamp(48px, 5.5vw, 72px)
        var(--news-single-page-padding)
        clamp(72px, 8vw, 106px);

    background:
        #ffffff;
}


.news-single-body__inner {
    width:
        min(1480px, 100%);

    margin:
        0 auto;
}


/* =========================================================
   11 — ARTICLE TYPOGRAPHY
========================================================= */

.news-single-content {
    width:
        100%;

    min-width:
        0;

    color:
        var(--news-single-text);

    font-size:
        clamp(15px, .94vw, 16.5px);

    font-weight:
        300;

    line-height:
        1.78;
}


.news-single-content > *:first-child {
    margin-top:
        0;
}


.news-single-content > *:last-child {
    margin-bottom:
        0;
}


.news-single-content p {
    width:
        100%;

    margin:
        0 0 22px;
}


.news-single-content > p:first-child {
    color:
        #464c50;

    font-size:
        clamp(16px, 1vw, 17.5px);

    line-height:
        1.78;
}


.news-single-content h2,
.news-single-content h3,
.news-single-content h4 {
    width:
        100%;

    color:
        var(--news-single-ink);

    font-family:
        var(--font-title);

    font-weight:
        400;

    line-height:
        1.13;
}


.news-single-content h2 {
    margin:
        46px 0 19px;

    font-size:
        clamp(31px, 2.4vw, 42px);
}


.news-single-content h3 {
    margin:
        36px 0 16px;

    font-size:
        clamp(24px, 1.75vw, 30px);
}


.news-single-content h4 {
    margin:
        29px 0 13px;

    font-size:
        clamp(19px, 1.25vw, 23px);
}


.news-single-content a {
    color:
        #806600;

    border-bottom:
        1px solid
        rgba(128, 102, 0, .34);

    transition:
        color .2s ease,
        border-color .2s ease;
}


.news-single-content a:hover {
    color:
        var(--news-single-ink);

    border-color:
        var(--news-single-ink);
}


.news-single-content ul,
.news-single-content ol {
    margin:
        0 0 24px;

    padding-left:
        25px;
}


.news-single-content li + li {
    margin-top:
        8px;
}


.news-single-content blockquote {
    width:
        100%;

    margin:
        36px 0;

    padding:
        24px 29px;

    color:
        #353a3e;

    background:
        var(--news-single-warm);

    border-left:
        3px solid
        var(--news-single-yellow);

    font-family:
        var(--font-title);

    font-size:
        clamp(21px, 1.55vw, 27px);

    font-weight:
        400;

    line-height:
        1.44;
}


.news-single-content blockquote p:last-child {
    margin-bottom:
        0;
}


.news-single-content img {
    width:
        auto;

    max-width:
        100%;

    height:
        auto;
}


.news-single-content figure,
.news-single-content .wp-caption {
    width:
        auto;

    max-width:
        100%;

    margin:
        37px 0;
}


.news-single-content figcaption,
.news-single-content .wp-caption-text {
    margin-top:
        9px;

    color:
        var(--news-single-muted);

    font-size:
        11px;

    line-height:
        1.55;
}


.news-single-content table {
    width:
        100%;

    margin:
        34px 0;

    border-collapse:
        collapse;

    font-size:
        14px;
}


.news-single-content th,
.news-single-content td {
    padding:
        13px 14px;

    border:
        1px solid
        var(--news-single-line);

    text-align:
        left;

    vertical-align:
        top;
}


.news-single-content th {
    color:
        var(--news-single-ink);

    background:
        var(--news-single-warm);

    font-weight:
        700;
}


.news-single-content hr {
    margin:
        42px 0;

    border:
        0;

    border-top:
        1px solid
        var(--news-single-line);
}


.news-single-content .aligncenter {
    margin-left:
        auto;

    margin-right:
        auto;
}


.news-single-content .alignleft {
    float:
        left;

    margin:
        8px 28px 18px 0;
}


.news-single-content .alignright {
    float:
        right;

    margin:
        8px 0 18px 28px;
}


.news-single-page-links {
    margin-top:
        35px;

    padding-top:
        20px;

    border-top:
        1px solid
        var(--news-single-line);

    font-size:
        12px;

    font-weight:
        700;
}


/* =========================================================
   12 — RELATED ARTICLES / SERVICES
========================================================= */

.news-single-related {
    width:
        100%;

    padding:
        clamp(48px, 5vw, 68px)
        var(--news-single-page-padding);

    background:
        var(--news-single-warm);

    border-top:
        1px solid
        rgba(20, 23, 25, .08);
}


.news-single-related__grid {
    display:
        grid;

    grid-template-columns:
        repeat(2, minmax(0, 1fr));

    gap:
        clamp(34px, 5vw, 72px);
}


.news-single-related__column {
    min-width:
        0;
}


.news-single-related__header {
    margin-bottom:
        16px;

    padding-bottom:
        13px;

    border-bottom:
        1px solid
        var(--news-single-line);
}


.news-single-related__header h2 {
    color:
        var(--news-single-ink);

    font-family:
        var(--font-title);

    font-size:
        clamp(23px, 1.7vw, 29px);

    font-weight:
        400;

    line-height:
        1.1;
}


.news-single-related__header a {
    transition:
        color .2s ease;
}


.news-single-related__header a:hover {
    color:
        #8a6d00;
}


.news-single-related__list {
    display:
        grid;

    gap:
        9px;
}


.news-single-related-card {
    min-width:
        0;

    background:
        rgba(255, 255, 255, .72);

    border:
        1px solid
        rgba(20, 23, 25, .09);
}


.news-single-related-card__link {
    min-height:
        96px;

    padding:
        9px;

    display:
        grid;

    grid-template-columns:
        116px minmax(0, 1fr);

    align-items:
        center;

    gap:
        15px;
}


.news-single-related-card__media {
    width:
        116px;

    height:
        76px;

    overflow:
        hidden;

    display:
        block;

    background:
        #dfdcd5;
}


.news-single-related-card__image,
.news-single-related-card__placeholder {
    width:
        100%;

    height:
        100%;

    display:
        block;
}


.news-single-related-card__image {
    object-fit:
        cover;

    transition:
        transform .35s ease,
        filter .35s ease;
}


.news-single-related-card:hover
.news-single-related-card__image {
    transform:
        scale(1.025);

    filter:
        brightness(1.03);
}


.news-single-related-card__placeholder {
    display:
        flex;

    align-items:
        center;

    justify-content:
        center;

    color:
        rgba(23, 25, 28, .22);

    background:
        radial-gradient(
            circle at 75% 72%,
            rgba(231, 185, 0, .16),
            transparent 34%
        ),
        linear-gradient(
            135deg,
            #efede8,
            #dcd9d2
        );

    font-family:
        var(--font-title);

    font-size:
        23px;
}


.news-single-related-card__content {
    min-width:
        0;

    display:
        block;
}


.news-single-related-card__meta {
    display:
        block;

    margin-bottom:
        6px;

    color:
        #806600;

    font-size:
        8px;

    font-weight:
        800;

    line-height:
        1.4;

    letter-spacing:
        .7px;

    text-transform:
        uppercase;
}


.news-single-related-card__meta span {
    margin:
        0 5px;

    color:
        var(--news-single-muted);
}


.news-single-related-card h3 {
    color:
        var(--news-single-ink);

    font-family:
        var(--font-title);

    font-size:
        clamp(17px, 1.18vw, 20px);

    font-weight:
        400;

    line-height:
        1.22;

    transition:
        color .2s ease;
}


.news-single-related-card:hover h3 {
    color:
        #8a6d00;
}


.news-single-related-card__excerpt {
    display:
        -webkit-box;

    margin-top:
        5px;

    color:
        var(--news-single-muted);

    font-size:
        10.5px;

    line-height:
        1.45;

    overflow:
        hidden;

    -webkit-box-orient:
        vertical;

    -webkit-line-clamp:
        1;
}


.news-single-related__empty {
    padding:
        19px;

    color:
        var(--news-single-muted);

    background:
        rgba(255, 255, 255, .60);

    border:
        1px solid
        rgba(20, 23, 25, .09);

    font-size:
        13px;

    line-height:
        1.6;
}


/* =========================================================
   13 — TABLET
========================================================= */

@media(max-width:980px) {

    .news-single-hero {
        min-height:
            430px;

        padding-bottom:
            200px;
    }


    .news-single-featured {
        margin-top:
            -175px;
    }


    .news-single-featured__figure {
        width:
            min(940px, 100%);
    }


    .news-single-featured__stage {
        height:
            350px;

        min-height:
            0;
    }


    .news-single-body__inner {
        width:
            100%;
    }

}


/* =========================================================
   14 — MOBILE
========================================================= */

@media(max-width:720px) {

    .news-single {
        --news-single-page-padding:
            18px;
    }


    .news-single-hero {
        min-height:
            390px;

        padding:
            30px
            18px
            170px;
    }


    .news-single-breadcrumb {
        font-size:
            8.5px;
    }


    .news-single-hero__title {
        font-size:
            clamp(32px, 9.5vw, 42px);
    }


    .news-single-featured {
        margin-top:
            -145px;

        padding:
            0
            18px;
    }


    .news-single-featured
    .news-single-shell {
        display:
            flex;

        justify-content:
            center;
    }


    .news-single-featured__figure {
        width:
            100%;
    }


    .news-single-featured__stage {
        height:
            290px;

        min-height:
            0;
    }


    .news-single-featured__glass {
        left:
            50%;

        bottom:
            10px;

        width:
            calc(100% - 20px);

        min-height:
            0;

        padding:
            10px
            10px
            10px
            14px;

        gap:
            10px;

        border-radius:
            23px;

        transform:
            translateX(-50%);
    }


    .news-single-featured__meta {
        gap:
            5px;

        font-size:
            7px;

        letter-spacing:
            .42px;
    }


    .news-single-featured__separator {
        display:
            none;
    }


    .news-single-featured__actions {
        gap:
            5px;
    }


    .news-single-featured__action {
        width:
            35px;

        height:
            35px;
    }


    .news-single-featured__action svg {
        width:
            15px;

        height:
            15px;
    }


    .news-single-featured__status {
        right:
            0;

        bottom:
            calc(100% + 8px);
    }


    .news-single-body {
        padding:
            45px
            18px
            68px;
    }


    .news-single-content {
        font-size:
            15px;

        line-height:
            1.76;
    }


    .news-single-content > p:first-child {
        font-size:
            15.8px;
    }


    .news-single-content h2 {
        font-size:
            clamp(29px, 8.5vw, 38px);
    }


    .news-single-content h3 {
        font-size:
            clamp(23px, 7vw, 29px);
    }


    .news-single-content .alignleft,
    .news-single-content .alignright {
        float:
            none;

        margin:
            29px 0;
    }


    .news-single-content table {
        display:
            block;

        overflow-x:
            auto;
    }


    .news-single-related {
        padding:
            48px
            18px;
    }


    .news-single-related__grid {
        grid-template-columns:
            1fr;

        gap:
            38px;
    }


    .news-single-related-card__link {
        grid-template-columns:
            94px minmax(0, 1fr);

        gap:
            12px;
    }


    .news-single-related-card__media {
        width:
            94px;

        height:
            70px;
    }

}


/* =========================================================
   15 — VERY SMALL MOBILE
========================================================= */

@media(max-width:420px) {

    .news-single-featured__stage {
        height:
            270px;
    }


    .news-single-featured__glass {
        align-items:
            center;
    }


    .news-single-featured__meta {
        max-width:
            calc(100% - 82px);

        font-size:
            6.7px;
    }


    .news-single-featured__meta time {
        display:
            none;
    }


    .news-single-related-card__link {
        grid-template-columns:
            82px minmax(0, 1fr);
    }


    .news-single-related-card__media {
        width:
            82px;

        height:
            66px;
    }

}


/* =========================================================
   16 — FOCUS / REDUCED MOTION
========================================================= */

.news-single a:focus-visible,
.news-single button:focus-visible {
    outline:
        2px solid
        var(--news-single-yellow);

    outline-offset:
        4px;
}


@media(prefers-reduced-motion:reduce) {

    .news-single-breadcrumb a,
    .news-single-featured__meta a,
    .news-single-featured__action,
    .news-single-featured__status,
    .news-single-content a,
    .news-single-related__header a,
    .news-single-related-card__image,
    .news-single-related-card h3 {
        transition:
            none !important;
    }

}


/* =========================================================
   17 — PRINT
========================================================= */

@media print {

    #wpadminbar,
    .s1-header,
    .site-header,
    .ag-site-header,
    .news-single-featured__actions,
    .news-single-related,
    .ag-vehicle-assessment,
    .vehicle-assessment,
    footer,
    .site-footer,
    .ag-footer {
        display:
            none !important;
    }


    html,
    body,
    .news-single {
        color:
            #000000;

        background:
            #ffffff !important;
    }


    .news-single-hero {
        min-height:
            0;

        padding:
            0 0 26px;

        background:
            #ffffff !important;
    }


    .news-single-hero::after {
        display:
            none;
    }


    .news-single-breadcrumb {
        display:
            none;
    }


    .news-single-hero__title {
        color:
            #000000;
    }


    .news-single-featured {
        margin-top:
            0;

        padding-left:
            0;

        padding-right:
            0;

        background:
            #ffffff;
    }


    .news-single-featured__figure,
    .news-single-body__inner {
        width:
            100%;

        max-width:
            none;
    }


    .news-single-featured__stage {
        height:
            390px;

        min-height:
            0;

        max-height:
            390px;

        box-shadow:
            none;
    }


    .news-single-featured__glass {
        position:
            static;

        width:
            100%;

        margin-top:
            10px;

        padding:
            0;

        color:
            #000000;

        background:
            transparent;

        border:
            0;

        border-radius:
            0;

        box-shadow:
            none;

        -webkit-backdrop-filter:
            none;

        backdrop-filter:
            none;

        transform:
            none;
    }


    .news-single-featured__meta,
    .news-single-featured__meta a {
        color:
            #000000;
    }


    .news-single-body {
        padding-left:
            0;

        padding-right:
            0;
    }


    .news-single-content {
        color:
            #000000;

        font-size:
            12pt;

        line-height:
            1.65;
    }


    .news-single-content a {
        color:
            #000000;

        border:
            0;
    }

}
/* =========================================================
   SINGLE NEWS — HERO / FEATURED POSITION FIX
========================================================= */

@media screen {

    .news-single-hero {
        min-height:
            clamp(300px, 24vw, 360px);

        padding-bottom:
            clamp(125px, 9vw, 150px);
    }


    .news-single-hero__inner {
        min-height:
            0;
    }


    .news-single-featured {
        margin-top:
            clamp(-190px, -13.5vw, -150px);
    }


    .news-single-featured__stage {
        height:
            clamp(300px, 27vw, 380px);
    }

}


/* =========================================================
   TABLET
========================================================= */

@media screen and (max-width:980px) {

    .news-single-hero {
        min-height:
            340px;

        padding-bottom:
            145px;
    }


    .news-single-featured {
        margin-top:
            -170px;
    }


    .news-single-featured__stage {
        height:
            340px;
    }

}


/* =========================================================
   MOBILE
========================================================= */

@media screen and (max-width:720px) {

    .news-single-hero {
        min-height:
            370px;

        padding-bottom:
            145px;
    }


    .news-single-featured {
        margin-top:
            -150px;
    }


    .news-single-featured__stage {
        height:
            300px;
    }

}


/* =========================================================
   VERY SMALL MOBILE
========================================================= */

@media screen and (max-width:420px) {

    .news-single-hero {
        min-height:
            390px;

        padding-bottom:
            145px;
    }


    .news-single-featured {
        margin-top:
            -135px;
    }


    .news-single-featured__stage {
        height:
            270px;
    }

}