.newsList > .newsItems { padding-bottom: 20px;}
.newsList > .newsItems > a { display:block; text-decoration:none; color:inherit; transition: background 0.5s, padding 0.5s, margin 0.5s;}
.newsList > .newsItems > a:hover { padding: 5px; margin: -5px; background:transparent; background:rgba(0,0,0,0.1); }
.newsList > .newsItems > a > div.content p:last-child { margin-bottom:0; }
.newsList > .newsItems .img{ float: left; margin-right: 10px;}
.newsList > .newsItems .img + .content:after{ display: block; content:" "; clear: both;}
.newsList > .newsItems .date,
.newsItem > .date,
.newsList > .newsItems .cat{ opacity: 0.6; font-size: 11px; font-style: italic; display: inline;}
.newsList > .newsItems .cat{ margin-left: 5px;}
.newsList > .newsItems .introduction, .newsItem > .content{ margin-top: 10px;}

.newsList > .newsItems .location{ opacity: 0.6; font-size: 11px; font-style: italic; display: inline;}
.newsList > .newsItems .location{ margin-left: 5px;}

.newsList > .newsItems .tag{ opacity: 0.6; font-size: 11px; font-style: italic; display: inline;}
.newsList > .newsItems .tag{ margin-left: 5px;}

.newsItem > .img{ float: left; margin: 0 20px 10px 0;}
.newsItem .img[data-w-cycle]{ float: none; margin: 0 0 20px; }
.newsItem figcaption{ font-style: italic; font-size: 0.9em; line-height: 1.5; margin-top: 0.5em; }
.newsItem .newsNav{ clear: both; display: block;}
.newsItem .newsPagination { display: flex; flex-wrap: wrap; }
.newsItem .newsPagination .item { flex: 0 1 50%; }
.newsItem .newsPagination .linkPrev::before { content: "\f30a"; font-family: "FontAwesome5"; padding-right: 5px; }
.newsItem .newsPagination .linkNext::after { content: "\f30b"; font-family: "FontAwesome5"; padding-left: 5px; }

.news.list .related{ margin-top: 30px;}
.news.list .related-item{ display: inline-block; width: 150px; vertical-align: top;}
.news.list .related-item + .related-item{ margin-left: 10px;}