.fhu_youtube_playlist {
  overflow:hidden;
  grid-template-columns: repeat(2, minmax(0, 1fr));
}
.fhu_youtube_container {
    padding: 1rem;
}
.fhu_youtube_container:not(.large) {
    border: 1px solid grey;
}
.fhu_youtube_container:not(.large):hover {
    border: 1px solid red;
}

.fhu_youtube_container.large {
  width:100%;
}
.fhu_youtube_container .fhu_youtube {
  text-align: center;
}
.fhu_youtube_container h3 {
  margin: 0.3rem 0;
}
.fhu_youtube_container.large h3 {
  font-weight:600;
}
.fhu_youtube_container .date {
  font-size: 0.80;
  margin-top:0;
}

.fhu_youtube {
    position: relative;
    display: block;
    overflow: hidden;
    transition: all 200ms ease-out;
    cursor: pointer;
    width: 100%;
}
.fhu_youtube > img {
  position:  relative;
  left:  0;
}
.fhu_youtube .play {
  position: absolute;
  height: 100%;
  width: 100%;
  bottom: calc(50% - 23px);
  left: calc(50% - 30px);
}
.fhu_youtube .play img {
  position:  absolute;
  bottom:0;
  left:0;
}

/* YOUTUBE PLAYLIST */
@media all and (max-width: 700px) {
  .fhu_youtube_playlist {
      grid-template-columns: repeat(1, minmax(0, 1fr));
  }
  .fhu_youtube_container {
    width: inherit !important;
  }
  .fhu_youtube_container .fhu_youtube > img {
    width: 100%;
    height:auto;
  }
}