:root {
    --news-swatch-thin: url(../images/news-purple-swatch-thin.png);
}


.modNewsFilterBar {
    margin: 20px 0px 15px;
    padding: 10px 15px;
    background: #F1F1F1;
}

    .modNewsFilterBar button {
        white-space: nowrap;
    }

    .modNewsFilterBar .dropdown-menu {
        max-height: 205px;
        overflow: auto;
    }

        .modNewsFilterBar .dropdown-menu li.active a {
            color: #FFFFFF;
            background: #777777;
        }

.filter_date_column .dropdown-menu {
    top: initial;
    left: initial;
}

/*--------------------------------------------*/

.news_inline {
    margin: 1em auto 2em;
    position: relative;
    /*flex-wrap: nowrap;*/
    justify-content: end;
}

    .news_inline .col-lg-6 {
        position: absolute;
        top: 0;
        left: 0;
        bottom: 0;
        padding: 0;
    }

    .news_inline .col-lg-7 {
        padding: 0;
        margin: 3em 0;
    }

    .news_inline .news_inline_image {
        height: 100%;
        background-size: cover;
        background-position: center;
    }

    .news_inline .news_inline_content {
        padding: 4em 3em;
        background: url(../images/news-inline-content.png);
        background-size: 100% 100%;
        background-repeat: no-repeat;
        background-position: center;
    }

        .news_inline .news_inline_content h2{
            position: relative;
            width: fit-content;
        }

            .news_inline .news_inline_content h2 span{
                position: relative;
                z-index: 1;
            }

            .news_inline .news_inline_content h2::after {
                position: absolute;
                content: "";
                background: var(--news-swatch-thin) center no-repeat;
                background-size: 100% 100%;
                left: -75px;
                right: -40px;
                top: -10px;
                bottom: -15px;
                mix-blend-mode: hard-light;
            }

        .news_inline .news_inline_content .meta_date {
            font-weight: 600;
        }

        .news_inline .news_inline_content a {
            font-weight: 300;
            color: #000;
        }
/*--------------------------------------------*/
.news_row .subheading {
    color: #888;
    font-size: 1.2em;
    margin-top: 0;
}

header .subheading {
    color: #888 !important;
    font-size: 2em;
    margin-top: 0;
}

.news_announcement {
    color: #000;
}

    .news_announcement h2,
    .news_announcement h2 a {
        color: #a71a08 !important;
    }

.modNewsMetaData {
    font-size: 1.4em;
    font-weight: normal;
}

.body_content_col .pagination .active a {
    color: #fff !important;
}