.videoFeatured{margin-bottom:2em}
.videoFeatured p{margin-top:.5em}
.videos section{position:relative;overflow:auto}
.videoThumb { display:block; float:left; width:100%; margin-bottom:2em}
.videoThumb span { width:100%;padding-top:56.25%;display:block;background-repeat:no-repeat;background-size:cover;background-position:center center;margin-bottom:.5em;position:relative}
.videoThumb span span{opacity:.5;background-image:url(/images/video-play.png);background-size: 25%;position:absolute;left:0;top:0}
#content .videoThumb h1{font-size:1em;overflow:hidden; margin-bottom:0}
.videoThumb time, .videoFeatured time{font-size: .8em;color:rgba(0,0,0,.5);display:block;line-height:1.2em}
/*.videos iframe{max-width:100%;width:100% !important;height: -webkit-calc([width] - 100px) !important;position:relative;overflow:auto}
*/

p>time {
  font-size: 1rem;
}
.videos .videoEmbed {width:100% !important;position: relative;padding-top: 56.25%;overflow:hidden}
.videoEmbed>iframe, .videoEmbed>.video-js {position: absolute;top: 0px; left: 0px;width: 100% !important; height: 100% !important;}

.videos.flex {
  display: flex;
  flex-wrap: wrap;
  gap: var(--ws-gap);
  --ws-column-count: 3;
  --ws-gap: 1.5em;
}

.videos.flex article.videoFeatured:first-child {
  margin: 0;
  width: 100%;
}

.videos.flex article {
  padding: 0;
  width: calc( 99.99% / var(--ws-column-count) - ( var(--ws-gap) * ( var(--ws-column-count) - 1 ) / var(--ws-column-count) ) );
}

.videos.flex article .videoThumb {
  padding: 0;
  width: 100% !important;
}

/* 750px */
@media (max-width: 56.25em) {
  .videos.flex {
    --ws-column-count: 2;
  }
}

/* 500px */
@media (max-width: 31.25em) {
  .videos.flex {
    --ws-column-count: 1;
  }
}



@media screen and (min-width:400px) {
.videoThumb{width:50%;padding-right:2em}
.videoThumb:hover span span{opacity:1}
}

@media screen and (min-width:900px) {
.videoThumb{width:33%}
}