.news-list-view {

    .article {
        @extend %clearfix;

        .news-img-wrap {
            @extend %clearfix;
            margin: 0 0 15px;

            img {
                float: none;
                width: 100%;
            }
        }
    }

    &.news {
        .article {
            > div {
                @include box-sizing('border-box');
                @include float-span(12);
            }

            @include breakpoint($mobile-xl) {
                > div {
                    @include float-span(5);

                    &:nth-child(2n+2) {
                        @include float-span(7, 'last');
                    }
                }
            }
        }
    }

    h2 {
        font-size: 1.8em;

        a {
            &:after {
                content: normal;
            }
        }
    }

    .news-list-date {
        display: block;
        margin: 0 auto 16px auto;
        font-weight: bold;
    }

    .news-list-view:not(.events) {
        @extend .cols2;
    }

    &.events {
        @extend .cols33;
    }
}

.news-single .article {

    .news-list-date {
        border: none;
    }

    .news-img-wrap {
        @extend %clearfix;
        width: auto;
        float: none;
        margin: 0 0 15px;

        @include breakpoint($mobile-m) {
            float: right;
        }
    }
}

.news-img-wrap {
    a {
        &:after {
            content: normal;
        }
    }
}

#news-container-316 {
    .article {
        @include box-sizing('border-box');
        @include float-span(12);

        .news-img-wrap {
            display: none;
        }

        > div {
            @include box-sizing('border-box');
            @include float-span(12);
        }
    }

    h3 {
        font-size: 1.6em;
        margin: 0 0 16px 0;
    }

    .news-list-date {
        margin: 0;
    }

    .news-img-wrap {
        margin: 0;
        float: none;

        img {
            width: 100%;
            height: auto;
        }
    }

    .news-img-wrap, .news-img-wrap a, .news-img-wrap img {
        @extend %clearfix;
        float: left;
        margin-right: 8px;
    }
}

.news100 {
    width: 100% !important;
}