/*
|--------------------------------------------------------------------------
| Newsroom Single
|--------------------------------------------------------------------------
*/

.newsroom-single {
    background:
        #202020;

    color:
        #fff;
}


/*
|--------------------------------------------------------------------------
| Article
|--------------------------------------------------------------------------
*/

.newsroom-single__article {
    padding:
        calc(
            var(--utility-height, 0px)
            + var(--nav-height, 90px)
            + 70px
        )
        0
        90px;

    background:
        #202020;
}


/*
|--------------------------------------------------------------------------
| Header
|--------------------------------------------------------------------------
*/

.newsroom-single__head {
    max-width:
        1050px;

    margin-bottom:
        32px;
}


.newsroom-single__eyebrow {
    margin-bottom:
        12px;

    color:
        var(--color-gold);

    font-size:
        var(--font-size-text-xsmall);

    font-weight:
        700;

    text-transform:
        uppercase;
}


.newsroom-single__title {
    margin:
        0
        0
        12px;

    color:
        #fff;

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

    font-size:
        var(--font-size-h2);

    font-weight:
        400;

    line-height:
        1.08;
}


.newsroom-single__lead {
    max-width:
        900px;

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

    font-size:
        var(--font-size-text-main);

    font-weight:
        300;

    line-height:
        1.5;
}


/*
|--------------------------------------------------------------------------
| Layout
|--------------------------------------------------------------------------
*/

.newsroom-single__layout {
    display:
        grid;

    grid-template-columns:
        minmax(0, 1.7fr)
        minmax(230px, .55fr);

    gap:
        clamp(
            35px,
            5vw,
            75px
        );

    align-items:
        start;
}


/*
|--------------------------------------------------------------------------
| Featured Image
|--------------------------------------------------------------------------
*/

.newsroom-single__media {
    overflow:
        hidden;

    margin-bottom:
        28px;

    background:
        #292929;
}


.newsroom-single__image {
    display:
        block;

    width:
        100%;

    height:
        auto;
}


/*
|--------------------------------------------------------------------------
| Content
|--------------------------------------------------------------------------
*/

.newsroom-single__content {
    color:
        rgba(255,255,255,.72);

    font-size:
        var(--font-size-text-main);

    font-weight:
        300;

    line-height:
        1.65;
}


.newsroom-single__content p {
    margin:
        0
        0
        20px;
}


.newsroom-single__content strong {
    color:
        #fff;
}


.newsroom-single__content blockquote {
    margin:
        28px
        0;

    padding-left:
        18px;

    border-left:
        2px solid
        var(--color-gold);

    color:
        var(--color-gold);

    font-weight:
        500;
}


/*
|--------------------------------------------------------------------------
| Sidebar
|--------------------------------------------------------------------------
*/

.newsroom-single__aside {
    position:
        sticky;

    top:
        calc(
            var(--utility-height, 0px)
            + var(--nav-height, 90px)
            + 25px
        );
}


.newsroom-single__meta {
    margin-bottom:
        15px;

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

    font-size:
        var(--font-size-text-small);

    line-height:
        1.5;
}


.newsroom-single__meta-type {
    color:
        #fff;
}


.newsroom-single__meta-description {
    margin-top:
        2px;
}


/*
|--------------------------------------------------------------------------
| Download
|--------------------------------------------------------------------------
*/

.newsroom-single__download {
    width:
        100%;

    min-height:
        40px;

    display:
        inline-flex;

    align-items:
        center;

    justify-content:
        center;

    padding:
        9px
        18px;

    border:
        1px solid
        var(--color-gold);

    background:
        var(--color-gold);

    color:
        #202020;

    font-size:
        var(--font-size-text-small);

    font-weight:
        700;

    text-decoration:
        none;

    text-transform:
        uppercase;

    transition:
        background-color .25s ease,
        color .25s ease;
}


.newsroom-single__download:hover {
    background:
        #292929;

    color:
        #fff;
}


/*
|--------------------------------------------------------------------------
| Share
|--------------------------------------------------------------------------
*/

.newsroom-single__share {
    margin-top:
        22px;
}


.newsroom-single__share-label {
    margin-bottom:
        10px;

    color:
        var(--color-gold);

    font-size:
        var(--font-size-text-xsmall);

    font-weight:
        700;

    text-transform:
        uppercase;
}


.newsroom-single__share-links {
    display:
        flex;

    gap:
        16px;
}


.newsroom-single__share-links a {
    color:
        #fff;

    font-size:
        14px;

    text-decoration:
        none;

    transition:
        color .25s ease,
        transform .25s ease;
}


.newsroom-single__share-links a:hover {
    color:
        var(--color-gold);

    transform:
        translateY(-2px);
}


/*
|--------------------------------------------------------------------------
| More From Newsroom
|--------------------------------------------------------------------------
*/

.newsroom-more {
    padding:
        55px
        0
        75px;

    background:
        #292929;
}


.newsroom-more__head {
    margin-bottom:
        30px;
}


.newsroom-more__eyebrow {
    margin-bottom:
        10px;

    color:
        var(--color-gold);

    font-size:
        var(--font-size-text-xsmall);

    font-weight:
        700;

    text-transform:
        uppercase;
}


.newsroom-more__title {
    margin:
        0;

    color:
        #fff;

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

    font-size:
        var(--font-size-h2);

    font-weight:
        400;
}


/*
|--------------------------------------------------------------------------
| Card
|--------------------------------------------------------------------------
*/

.newsroom-more-card__media {
    position:
        relative;

    display:
        block;

    aspect-ratio:
        16 / 9;

    overflow:
        hidden;

    margin-bottom:
        14px;

    background:
        #202020;
}


.newsroom-more-card__image {
    display:
        block;

    width:
        100%;

    height:
        100%;

    object-fit:
        cover;

    transition:
        transform .6s ease;
}


/*
|--------------------------------------------------------------------------
| Hover Overlay
|--------------------------------------------------------------------------
*/

.newsroom-more-card__media::before {
    content:
        "";

    position:
        absolute;

    inset:
        0;

    z-index:
        1;

    background:
        rgba(185,163,130,.34);

    opacity:
        0;

    transition:
        opacity .35s ease;
}


.newsroom-more-card__media::after {
    content:
        "";

    position:
        absolute;

    left:
        0;

    right:
        0;

    bottom:
        0;

    z-index:
        2;

    height:
        3px;

    background:
        var(--color-gold);

    transform:
        scaleX(0);

    transform-origin:
        left center;

    transition:
        transform .4s ease;
}


.newsroom-more-card:hover
.newsroom-more-card__media::before {
    opacity:
        1;
}


.newsroom-more-card:hover
.newsroom-more-card__media::after {
    transform:
        scaleX(1);
}


.newsroom-more-card:hover
.newsroom-more-card__image {
    transform:
        scale(1.025);
}


/*
|--------------------------------------------------------------------------
| Card Text
|--------------------------------------------------------------------------
*/

.newsroom-more-card__meta {
    margin-bottom:
        9px;

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

    font-size:
        var(--font-size-text-small);
}


.newsroom-more-card__title {
    margin:
        0
        0
        9px;

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

    font-size:
        var(--font-size-h4);

    font-weight:
        600;

    line-height:
        1.25;
}


.newsroom-more-card__title a {
    color:
        #fff;

    text-decoration:
        none;
}


.newsroom-more-card__excerpt {
    display:
        -webkit-box;

    overflow:
        hidden;

    margin-bottom:
        14px;

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

    font-size:
        var(--font-size-text-small);

    line-height:
        1.5;

    -webkit-line-clamp:
        2;

    -webkit-box-orient:
        vertical;
}


.newsroom-more-card__link {
    position:
        relative;

    display:
        inline-block;

    padding-bottom:
        6px;

    color:
        var(--color-gold);

    font-size:
        var(--font-size-text-xsmall);

    text-decoration:
        none;

    text-transform:
        uppercase;
}


.newsroom-more-card__link::after {
    content:
        "";

    position:
        absolute;

    left:
        0;

    bottom:
        0;

    width:
        100%;

    height:
        1px;

    background:
        var(--color-gold);

    transform:
        scaleX(.55);

    transform-origin:
        left center;

    transition:
        transform .3s ease;
}


.newsroom-more-card:hover
.newsroom-more-card__link::after {
    transform:
        scaleX(1);
}


/*
|--------------------------------------------------------------------------
| Controls
|--------------------------------------------------------------------------
*/

.newsroom-more__controls {
    display:
        flex;

    align-items:
        center;

    gap:
        10px;

    margin-top:
        42px;
}


.newsroom-more__arrow {
    width:
        38px;

    height:
        38px;

    display:
        inline-flex;

    align-items:
        center;

    justify-content:
        center;

    padding:
        0;

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

    border-radius:
        50%;

    background:
        transparent;

    cursor:
        pointer;

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


.newsroom-more__arrow img {
    width:
        14px;

    height:
        14px;

    filter:
        brightness(0)
        invert(1);
}


.newsroom-more__arrow--prev img {
    transform:
        rotate(180deg);
}


.newsroom-more__arrow:hover {
    border-color:
        var(--color-gold);

    background:
        #403d35;
}


.newsroom-more__fraction {
    margin-left:
        4px;

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

    font-size:
        var(--font-size-text-xsmall);

    font-variant-numeric:
        tabular-nums;
}


/*
|--------------------------------------------------------------------------
| Tablet
|--------------------------------------------------------------------------
*/

@media (max-width: 991.98px) {

    .newsroom-single__layout {
        grid-template-columns:
            1fr;
    }


    .newsroom-single__aside {
        position:
            relative;

        top:
            auto;

        max-width:
            400px;
    }

}


/*
|--------------------------------------------------------------------------
| Mobile
|--------------------------------------------------------------------------
*/

@media (max-width: 767.98px) {

    .newsroom-single__article {
        padding:
            calc(
                var(--nav-height, 80px)
                + 40px
            )
            0
            55px;
    }


    .newsroom-single__title {
        font-size:
            38px;
    }


    .newsroom-more {
        padding:
            45px
            0
            55px;
    }

}