section[content-stream] {
  width: 100%;
  overflow: hidden;
  clear: both;
  padding: 0px 20px;
  background: #fff;
  visibility: hidden;
}
@media only screen and (min-width: 1025px) {
  section[content-stream] {
    padding: 0px 80px;
  }
}
section[content-stream] > div {
  margin-bottom: 20px;
}
section[content-stream].show {
  visibility: visible;
}
section[content-stream][num-columns="1"] .grid {
  width: 100%;
}
section[content-stream][has-ad="true"][num-columns="2"] .grid .grid-sizer,
section[content-stream][has-ad="true"][num-columns="2"] .grid .grid-item {
  width: calc(((100% - 330px)) - 40px);
}
section[content-stream][has-ad="true"][num-columns="3"] .grid .grid-sizer,
section[content-stream][has-ad="true"][num-columns="3"] .grid .grid-item {
  width: calc(((100% - 330px) / 2) - 40px);
}
section[content-stream][has-ad="true"][num-columns="4"] .grid .grid-sizer,
section[content-stream][has-ad="true"][num-columns="4"] .grid .grid-item {
  width: calc(((100% - 330px) / 3) - 40px);
}
section[content-stream][has-ad="false"][num-columns="2"] .grid .grid-sizer,
section[content-stream][has-ad="false"][num-columns="2"] .grid .grid-item {
  width: calc((100% / 2) - (40px * 0.5));
}
section[content-stream][has-ad="false"][num-columns="3"] .grid .grid-sizer,
section[content-stream][has-ad="false"][num-columns="3"] .grid .grid-item {
  width: calc((100% / 3) - (40px * 0.666666666));
}
section[content-stream][has-ad="false"][num-columns="4"] .grid .grid-sizer,
section[content-stream][has-ad="false"][num-columns="4"] .grid .grid-item {
  width: calc((100% / 4) - (40px * 0.75));
}
section[content-stream] div[data-ad="google"] {
  position: absolute;
  top: 0px;
  left: 0px;
  width: 330px;
}
@media only screen and (max-width: 620px) {
  section[content-stream] div[data-ad="google"] {
    display: none;
  }
}
section[content-stream] .grid-item {
  float: left;
}
@media only screen and (max-width: 620px) {
  section[content-stream] .grid-item:nth-child(n+7) {
    display: none;
  }
}
.grid {
  height: auto;
  background: #fff;
  width: 100%;
  z-index: 1;
}
@media only screen and (max-width: 620px) {
  .grid {
    min-width: 100%;
  }
}
.grid:after {
  content: '';
  display: block;
  clear: both;
}
.gutter-sizer {
  width: 40px;
  height: 40px;
}
@media only screen and (min-width: 769px) {
  .gutter-sizer {
    width: 40px;
    height: 40px;
  }
}
.grid-item {
  border: 1px solid #e8e8e8;
}
.grid-item:not([data-ad="google"]) {
  padding: 10px;
}
@media only screen and (min-width: 1025px) {
  .grid-item[article-element]:hover,
  .grid-item[calender-element]:hover,
  .grid-item[data-clickable="True"]:hover {
    border: 1px solid #c3c3c3 !important;
  }
}
.grid-item[data-clickable="True"] {
  cursor: pointer;
}
.grid-item div[date] {
  color: #6f6f6f;
}
.grid-item div[text] {
  padding: 10px;
}
.grid-item div[text] p {
  color: #6f6f6f;
  margin-bottom: 20px;
  text-align: center;
}
.grid-item div[text] p strong {
  color: #3b3b3b;
}
.grid-item div[text] p:first-of-type {
  margin-top: 20px;
}
.grid-item div[text] p:last-of-type {
  margin-bottom: 0px;
}
.grid-item div[text] p a {
  position: relative;
  border-bottom: 1px solid #a9a9a9;
  will-change: border-bottom;
  -webkit-transition: border-bottom 0.5s cubic-bezier(0.19, 1, 0.22, 1);
  -moz-transition: border-bottom 0.5s cubic-bezier(0.19, 1, 0.22, 1);
  -o-transition: border-bottom 0.5s cubic-bezier(0.19, 1, 0.22, 1);
  -ms-transition: border-bottom 0.5s cubic-bezier(0.19, 1, 0.22, 1);
  transition: border-bottom 0.5s cubic-bezier(0.19, 1, 0.22, 1);
}
.grid-item div[text] p a:hover {
  border-bottom: 1px solid #fff;
}
.grid-item picture img {
  margin-top: 40px;
  width: 100%;
  height: auto;
}