.archive-items-container { clear:both; overflow:hidden}
ul.archive-items-container li {opacity:0}
.sorting-block {margin-bottom:10px}
.sorting-block ul.year-filter {
  display: block;
  overflow: hidden;
  list-style: none;
  padding:0;
  float:left;
}

.sorting-block ul.year-filter li {
  background:#233269;
  margin:1px;
  padding:3px 15px;
  color: #ffffff;
  font: 700 14px / 32px "Lato";
  cursor:pointer;
  float:left;
}
.sorting-block ul.year-filter li.current {
  background:#fda400;
  color:#233269;
}
.sorting-block ul.year-filter li.prev:hover,
.sorting-block ul.year-filter li.next:hover {
  background:#fda400;
  color:#233269;
}

.sorting-block ul.year-filter li span {
  cursor:pointer;
}

ul.archive-items-container {list-style: none; clear: both; display:block; margin-top: 10px;padding:0}
ul.archive-items-container li img {transition: all 1s ease-in-out;}
ul.archive-items-container .caption-nr h3 {text-align:left; font-size:14px;vertical-align:bottom}
ul.archive-items-container .cover {margin-bottom:20px}
ul.archive-items-container .cover-img {margin:5px 0}
ul.archive-items-container .cover-img img {border:1px solid #888}
ul.archive-items-container .main-title a.hover-effect {font-size:14px; color:#233ea0;}
ul.archive-items-container .caption-nr {display:flex;justify-content:center;align-content:center;flex-direction:column;}

ul.archive-items-container li .cover-img a {position:relative; display:block;}

.archive-doc-index-name h2 {
   color: #333;
   font: 300 30px/30px Lato;
   position: relative;
}
.archive-doc-index-name h2:after {
   height: 3px;
   width: 75px;
   background: #FBA200;
   content: "";
   position: absolute;
   bottom: -10px;
   left: 0px;
}