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

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

main .news article+article {
    margin-top: 0;
    border-top: 1px dotted 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: 5px;
    clear: left;
    position: relative;
    display: block;
    overflow: hidden
}

main .news .ws-flex li {
  border-bottom: 1px solid #CCC;
  margin: 0;
  padding-bottom: 1.5em;
  width: 100%;
}

main .news li>a {
    display: block;
}

main .news>ul>li::before {
    top: .375em;
}

main .news p.brief:first-of-type::before {
    content: open-quote;
}

main .news p.brief:last-of-type::after {
    content: close-quote;
}

main .news article a:hover,
.news article a:hover {
    background: rgba(0, 0, 0, .08)
}

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 h1 {
    font-size: 1.15em;
    margin-bottom: 0
}

main .newsArticle .byline,
.news article time {
    font-size: .8em;
    color: rgba(0, 0, 0, .5)
}

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;
    display: flex;
}

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 ul + h2 {
    margin-top: 2em;
}

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;
}