.news {position:relative;overflow:visible;margin-bottom:1em; }
.news .article-wrapper {display: -ms-flexbox; display: -webkit-flex; display: flex; -webkit-flex-direction: row; -ms-flex-direction: row; flex-direction: row; -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-justify-content: flex-start; -ms-flex-pack: start; justify-content: flex-start; -webkit-align-content: stretch; -ms-flex-line-pack: stretch; align-content: stretch; -webkit-align-items: stretch; -ms-flex-align: stretch; align-items: stretch;}
.news article{border-top:0;line-height:1.3em;}
.news .article-wrapper article{width:calc(50% - 0.5rem); margin: 0 1rem 1rem 0}
.news .article-wrapper article:nth-of-type(even){margin-right:0}
.news .pagination{width:100%;border-top:0;margin-bottom:0}
.news div+.pagination{border-bottom:0;margin-top:-3em}

.pagination+article,article+.pagination{margin-top:.3em}
.news article a{ padding: 2.5em 2em;clear:left;position:relative;display:block;overflow:hidden}
.news .article-wrapper article a {height:100%; background-position:center; background-size: cover; background-color:#272822; text-decoration:none; display: -ms-flexbox;display: -webkit-flex;display: flex;-webkit-flex-direction: row;-ms-flex-direction: row;flex-direction: row;-webkit-flex-wrap: wrap;-ms-flex-wrap: wrap;flex-wrap: wrap;-webkit-justify-content: center;-ms-flex-pack: center;justify-content: center;-webkit-align-content: center;-ms-flex-line-pack: center;align-content: center;-webkit-align-items: center;-ms-flex-align: center;align-items: center;}
.news article a:hover,.news article a:hover {background-color:#000; box-shadow: 6px 6px 0 0 #fff, 6px 6px 0 1px #FDB913;}
.news article span {width:26%;height:6em;display:block;float:left;background-repeat:no-repeat;background-position:center center;-webkit-background-size:cover;background-size:cover}
.news article span span{width:100%;height:6em;}
#content .news article h2{font-size:1.5em;margin:0}
#content .news  .article-wrapper article h2 {color:#fff;}
#content .news  .article-wrapper article a:hover h2 {color:#FDB913;}
#content .news article h2:after {content:""; padding-left:1rem; margin-left: 0.25rem; background:url(/images/bullet.svg) no-repeat 0.3125rem 0.875rem}
.newsArticle .byline, .news article time{font-size:.8em;color:rgba(0,0,0,.5)}
.news article p{margin-bottom:0;color:#666}
.news article a div{float:left;padding-left:0; width:100%}
.news article a span+div{padding-left:10px;width:74%}
.news section{width: 33%; overflow: hidden;padding:0 1em;display:table-cell}
.news section:first-child{padding-left:0}
.news section:last-child{padding-right:0}
.news section>a{float:right;padding:5px}
.news section+section{border-left:1px dotted rgba(0,0,0,.15)}
#content .news section h2{padding:5px;margin-bottom:0;font-size:.9em;text-transform:uppercase;white-space: nowrap;overflow:hidden; text-overflow:ellipsis}
.news section div{background-repeat:no-repeat;background-position:center center;-webkit-background-size:cover;background-size:cover}
.news section article{margin-top:0}
.news section div article div{width:100%;height:100px;margin-bottom:.5em}
.news section+p{clear:both}
.news footer img{position:relative;vertical-align:baseline;bottom:-.5ex}
.news article+p{margin-top:.5em;font-size:.9em;font-style:italic;text-align:right}
.newsArticle{}
.newsArticle .byline{margin-bottom:2em;line-height:1.3em;}
.newsArticle .byline>*{display:block}
.news h2{margin-top:3em}
.fb-comments, .fb-comments>span, .fb-comments>span>iframe{width:100% !important}
.fb-comments, .fb-comments iframe[style] {width: 100% !important;}

@media screen and (max-width: 750px) {
    .news .article-wrapper article {width:100%; margin: 0 0 1rem}
}