main .news {
    position: relative;
    margin-bottom: 1em
}

main .news article {
    border-top: 0;
    line-height: 1.3em;
}

main .news article+article {
    border-top: 1px solid rgba(0, 0, 0, .15);
}

main .news .pagination {
    width: 100%;
    border-top: 0;
    margin-bottom: 0
}

main .news div+.pagination {
    border-bottom: 0;
    margin-top: -3em
}

main .pagination+article,
article+.pagination {
    margin-top: .3em
}

main .news article a {
    padding: .75em .5em;
    clear: left;
    position: relative;
    display: block;
    overflow: hidden
}

main .news article a:is(:hover,:focus-visible),
.news article a:is(:hover,:focus-visible) {
    background: rgba(var(--ws-green-rgb), .1);
}

main .news article span {
    width: 26%;
    height: 6em;
    display: block;
    float: left;
    background-repeat: no-repeat;
    background-position: center center;
    background-size: cover
}

main .news article span span {
    width: 100%;
    height: 6em;
}

main #content .news article h2 {
    font-size: 1.15em;
    margin-block: 0;
}

main .newsArticle .byline,
.news article time {
    color: rgba(0, 0, 0, .5)
}

.news article time {
    display: block;
    margin: 0 0 .5em;
}

main .news article p {
    margin-bottom: 0;
    color: #666
}

main .news article a div {
    float: left;
    padding-left: 0;
    width: 100%
}

main .news article a span+div {
    padding-left: 10px;
    width: 74%
}

main .news>div {
    border-bottom: 1px solid rgba(0, 0, 0, .25);
    border-top: 1px solid rgba(0, 0, 0, .25);
    margin: 0 0 3em;
    display: table;
    width: 100%
}

main .news>div+div {
    border-top: 0;
}

main .news section {
    width: 33%;
    overflow: hidden;
    padding: 0 1em;
    display: table-cell
}

main .news section:first-child {
    padding-left: 0
}

main .news section:last-child {
    padding-right: 0
}

main .news section>a {
    float: right;
    padding: 5px
}

main .news section+section {
    border-left: 1px dotted rgba(0, 0, 0, .15)
}

#content .news section h1 {
    padding: 5px;
    margin-bottom: 0;
    font-size: .9em;
    text-transform: uppercase;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis
}

main .news section div {
    background-repeat: no-repeat;
    background-position: center center;
    background-size: cover
}

main .news section article {
    margin-top: 0
}

main .news section div article div {
    width: 100%;
    height: 100px;
    margin-bottom: .5em
}

main .news section+p {
    clear: both
}

main .news footer img {
    position: relative;
    vertical-align: baseline;
    bottom: -.5ex
}

main .news article+p {
    margin-top: .5em;
    font-size: .9em;
    font-style: italic;
    text-align: right
}

main .newsArticle .byline {
    margin-bottom: 2em;
    line-height: 1.3em;
}

main .newsArticle .byline>* {
    display: block
}

main .news h2 {
    margin-top: 3em
}

main .fb-comments,
main .fb-comments>span,
main .fb-comments>span>iframe {
    width: 100% !important
}

main .fb-comments,
main .fb-comments iframe[style] {
    width: 100% !important;
}