#news-categories{text-align:center;margin-bottom:20px}
#news-categories .news-category-list{background:none;padding:5px 10px;line-height:1.2em;border-radius:3px;display:inline-block;transition:background-color .4s}
#news-categories .news-category-list.active{text-decoration:none;background-color:#eee}
#news-items > .news-item{position:relative;opacity:1;height:100%;overflow:hidden;transition:opacity .4s,height .4s}
#news-items > .news-item.inactive{opacity:0;height:0}
#news-items > .news-item .news-item-wrapper{position:relative;display:grid;grid-template-columns:1fr 3fr;grid-gap:15px;margin-bottom:15px}
#news-items > .news-item .news-item-wrapper .news-item-photo{position:relative;width:100%;height:200px;overflow:hidden}
#news-items > .news-item .news-item-wrapper .news-item-photo img{position:relative;width:100%;height:100%;object-fit:cover}
#news-items > .news-item .news-item-wrapper.nophoto{grid-template-columns:1fr;height:auto}
#news-items > .news-item .news-item-wrapper.nophoto .news-item-photo.nophoto{position:relative;background:#f2f2f2;display:none}
#news-items > .news-item .news-item-wrapper.nophoto .news-item-photo.nophoto img{object-fit:contain;mix-blend-mode:multiply}
#news-items > .news-item .news-item-wrapper h3.news-item-title{margin:0 0 5px}
#news-items > .news-item .news-item-wrapper h3.news-item-title .news-item-sub-title{font-size:.8em}
#news-items > .news-item .news-item-wrapper h5.news-item-date{margin:0 0 10px}
#news-items > .news-item .news-item-wrapper a{position:absolute;z-index:1;left:0;right:0;top:0;bottom:0}
@media only screen and (max-width : 480px) {
    #news-items > .news-item .news-item-wrapper .news-item-photo{height:150px}
}
@media only screen and (max-width : 480px) {
    #news-items > .news-item .news-item-wrapper{grid-template-columns:1fr}
    #news-items > .news-item .news-item-wrapper .news-item-photo{height:100px}
}