#page .listview.listview-422:not(.listview-421):not(.listview-showcase) {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  padding: 0 0 120px;
  max-width: 100% !important;
  min-width: 100% !important;
}
#page .listview.listview-422:not(.listview-421):not(.listview-showcase) .grid-sizer {
  width: 20px;
}
#page .listview.listview-422:not(.listview-421):not(.listview-showcase) article {
  display: flex;
  flex-direction: column;
  padding-bottom: 40px;
  border-bottom: 1px dotted #000;
  min-width: unset !important;
  max-width: unset !important;
  width: calc(33% - (40px / 3));
}
#page .listview.listview-422:not(.listview-421):not(.listview-showcase) article figure {
  margin-bottom: 0;
}
#page .listview.listview-422:not(.listview-421):not(.listview-showcase) article > a.linktosingle {
  justify-self: flex-start;
  border-bottom: none !important;
  margin-right: 0px;
  overflow: hidden;
  position: static;
  height: auto;
  max-height: 100%;
  min-height: auto;
}
#page .listview.listview-422:not(.listview-421):not(.listview-showcase) article > a.linktosingle:hover {
  color: #b71a49;
}
#page .listview.listview-422:not(.listview-421):not(.listview-showcase) article > a.linktosingle img[width] {
  width: 100%;
  height: auto;
  animation: none;
  position: static;
}
#page .listview.listview-422:not(.listview-421):not(.listview-showcase) article > a.linktosingle img[width="100"] {
  width: 33.33%;
}
#page .listview.listview-422:not(.listview-421):not(.listview-showcase) article .text-wrap {
  display: flex;
  flex-direction: column;
  justify-self: flex-end;
  padding: 10px 0 0;
}
#page .listview.listview-422:not(.listview-421):not(.listview-showcase) article .text-wrap .datetime {
  line-height: 14px;
  font-size: 12px;
  margin-bottom: 8px;
}
#page .listview.listview-422:not(.listview-421):not(.listview-showcase) article .text-wrap header h2 {
  hyphens: auto;
  margin-bottom: 5px;
  padding-bottom: 0;
  width: 100%;
}
#page .listview.listview-422:not(.listview-421):not(.listview-showcase) article .text-wrap header h2 a {
  font-size: 20px;
  line-height: 28px;
}
#page .listview.listview-422:not(.listview-421):not(.listview-showcase) article .text-wrap .more {
  position: absolute;
  bottom: 10px;
}
#page .listview.listview-422:not(.listview-421):not(.listview-showcase) article .text-wrap .more .linktosingle {
  padding-left: 20px;
  position: relative;
  border-bottom: none;
  font-family: buw_fira_sansbold;
}
#page .listview.listview-422:not(.listview-421):not(.listview-showcase) article .text-wrap .more .linktosingle:hover:before {
  left: 0px;
  transition: left .4s;
  color: #000;
}
#page .listview.listview-422:not(.listview-421):not(.listview-showcase) article .text-wrap .more .linktosingle:before {
  position: absolute;
  left: -7px;
  top: -9px;
  transition: left .4s;
  font-family: icomoon;
  content: "\e926";
  font-size: 25px;
  font-weight: bold;
}
#page .listview.listview-422:not(.listview-421):not(.listview-showcase) article:hover .more .linktosingle:before {
  left: 0;
  transition: left .4s;
}
#page .listview.listview-422:not(.listview-421):not(.listview-showcase) .browsebox {
  width: 100%;
  position: absolute;
  bottom: 0;
  z-index: -9000;
  visibility: hidden;
}
@media only screen and (max-width: 990px) {
  #page .listview.listview-422:not(.listview-421):not(.listview-showcase) article.msnItem {
    width: calc(50% - 10px);
  }
}
@media only screen and (max-width: 530px) {
  #page .listview.listview-422:not(.listview-421):not(.listview-showcase) article.msnItem {
    width: calc(100%);
  }
}