.news-listing
{
    font-family: var(--font-sora);
}

.news-listing img
{
    width: 100%;
    height: auto;
    margin-bottom: 1.25rem;
}

.news-listing .title a
{
    text-decoration: none;
    color: black;
    font-size: 1.125rem;
}

.news-listing .title a:hover
{
    text-decoration: none;
    color: var(--tertiary-color);
}

.news-listing .dateline
{
    font-size: 0.75rem;
    color: #adadad;
    margin-bottom: 0.81rem;
}

.news-listing .body
{
    font-size: 0.875rem;
    color: #777777;
    margin-bottom: 0.81rem;
}

.news-listing .read-more a
{
    font-size: 1.06rem;
    color: var(--primary-color);
    font-weight: 700;
    text-decoration: none;
}

.news-listing .views-row:has(.content-left)
{
    margin-bottom: 2rem;
}

.news-listing .views-row:has(.content-left) img
{
    border-radius: 2.5rem 0.5rem;
}

.news-listing .field-content:has(.content-left)
{
    display: flex;
}

.news-listing .content-left
{
    flex: 1 0 65%;
    padding-right: 2rem;
}

@media screen and (max-width: 50rem)
{
    .news-listing .field-content:has(.content-left)
    {
        flex-direction: column-reverse;
    }

    .news-listing .views-row:has(.content-left) img
    {
        margin-bottom: 2rem;
    }

    .news-listing .content-left .btn
    {
        width: 100%;
    }
}