/*
 * Paragraph Playlist Component
 */


body.awhi_books .video-component {
  margin-bottom: 30px;
}

body.awhi_books .video-component .list-videos {
  margin-bottom: 0;
}

body.awhi_books .list-videos > .list-video-item + .list-video-item {
  margin-top: 30px;
}

body.awhi_books .list-videos .video-item {
  background-color: rgba(103, 202, 224, .18);
  padding: 20px;
}

body.awhi_books .list-videos .video-item-preview {
  margin-bottom: 7px;
}

body.awhi_books .list-videos .video-item-preview > a {
  display: block;
  position: relative;
}

body.awhi_books .list-videos .video-item-preview > a::after {
  content: '';
  position: absolute;
  width: 38.4px;
  height: 38.4px;
  left: 50%;
  top: 50%;
  transform: translate(-50%,-50%);
  background-image: url('../../../../images/play-default.png');
  background-repeat: no-repeat;
  background-size: 62.4px 124.8px;
  background-position: -12px -12px;
}

body.awhi_books .list-videos .video-item-preview > a:hover::after,
body.awhi_books .list-videos .video-item-preview > a:focus::after {
  background-position: -12px -74.4px;
}

body.awhi_books .list-videos .video-item-preview img {
  display: block;
  max-width: 100%;
  height: auto;
}

body.awhi_books .list-videos .video-item-content,
body.awhi_books .list-videos .video-item-content p {
  color: #282829;
  font-family: "futura-pt", "Futura PT","Trebuchet MS", Arial, sans-serif;
  margin-top: 0;
  font-size: 14px;
  font-weight: 300;
  line-height: 20px;
}

body.awhi_books .list-videos .video-item-content p:last-child {
  margin-bottom: 0;
}

@media screen and (min-width: 576px) {

  body.awhi_books .video-component .video-component-view {
    background-color: rgba(103, 202, 224, .18);
    padding: 20px;
  }

  body.awhi_books .list-videos .video-item {
    background-color: transparent;
    padding: 0;
  }

  body.awhi_books .list-videos > .list-video-item + .list-video-item {
    margin-top: 0;
  }

  body.awhi_books .list-videos > .list-video-item:nth-child(n + 3) {
    margin-top: 20px;
  }
}

@media screen and (min-width: 1024px) {
  body.awhi_books .video-component {
    margin-bottom: 88px;
  }

  body.awhi_books .video-component .video-component-view {
    padding: 52px 48.333px;
  }

  body.awhi_books .video-component .component-framing-copy {
    margin-bottom: 60px;
  }

  body.awhi_books .list-videos > .list-video-item:nth-child(n + 3) {
    margin-top: 50px;
  }

  body.awhi_books .list-videos .video-item-content,
  body.awhi_books .list-videos .video-item-content p {
    font-size: 18px;
    line-height: 24px;
  }

  body.awhi_books .list-videos .video-item-preview > a::after {
    width: 48px;
    height: 48px;
    background-position: -15px -15px;
    background-size: 78px 156px;
  }

  body.awhi_books .list-videos .video-item-preview > a:hover::after,
  body.awhi_books .list-videos .video-item-preview > a:focus::after {
    background-position: -15px -93px;
  }

  body.awhi_books .list-videos > .list-video-item:nth-child(n + 3) {
    margin-top: 30px;
  }

  body.awhi_books .list-videos .video-item-preview {
    margin-bottom: 10px;
  }
}