/* -- brightcove playlist ----- */

.playlist-section-bottom {
  min-height: 465px;
  padding-bottom: 20px;
}

.playlist-entry {
  border: 1px solid #fff;
  -webkit-border-radius: 4px;
     -moz-border-radius: 4px;
          border-radius: 4px;
  float: left;
  margin-left: 20px;
  margin-top: 20px;
  width: 310px;
}

.playlist-entry-thumbnail {
  margin-bottom: 5px;
}

.playlist-entry-thumbnail-overlay {
  display: block;
  height: 98px;
  position: absolute;
  width: 290px;
}

.playlist-entry-link:hover .playlist-entry-thumbnail-overlay,
.playlist-entry-link.brightcove-playlist-active .playlist-entry-thumbnail-overlay {
  background: url(//www.gfamedia.org/images/fc2012-icon-playbutton-76x76.png) center center no-repeat;
}

.playlist-entry-small {
  border: 1px solid #fff;
  -webkit-border-radius: 4px;
     -moz-border-radius: 4px;
          border-radius: 4px;
  float: left;
  margin-left: 20px;
  margin-top: 20px;
  width: 224px;
}

.playlist-entry-small-thumbnail {
  margin-bottom: 5px;
}

.playlist-entry-small-thumbnail-overlay {
  display: block;
  height: 69px;
  position: absolute;
  width: 204px;
}

.playlist-entry-link:hover .playlist-entry-small-thumbnail-overlay,
.playlist-entry-link.brightcove-playlist-active .playlist-entry-small-thumbnail-overlay {
  background: url(//www.gfamedia.org/images/fc2012-icon-playbutton-76x76.png) center center no-repeat;
  background-size: 60px 60px;
}

.playlist-entry-name {
  margin-bottom: 5px;
}

.playlist-entry-watch {
  margin-bottom: 0;
}

.playlist-entry-watch img {
  vertical-align: baseline;
}

.playlist-entry-link,
.playlist-entry-link:visited,
.playlist-entry-link:hover,
.playlist-entry-link:active {
  color: #fff;
  font-size: 16px;
  font-family: "Myriad Pro", Arial, sans-serif;
  text-align: center;
  text-decoration: none;
}

.playlist-entry-link:hover {
  background: #000;
}

.playlist-entry-link-watch {
  background: #333;
  -webkit-border-radius: 4px;
     -moz-border-radius: 4px;
          border-radius: 4px;
  display: block;
  padding: 10px;
}

.playlist-entry-with-download .playlist-entry-link-watch {
  -webkit-border-bottom-left-radius: 0;
     -moz-border-bottom-left-radius: 0;
          border-bottom-left-radius: 0;
  -webkit-border-bottom-right-radius: 0;
     -moz-border-bottom-right-radius: 0;
          border-bottom-right-radius: 0;
}

.playlist-entry-link-download {
  background: #595959;
  -webkit-border-bottom-left-radius: 4px;
     -moz-border-bottom-left-radius: 4px;
          border-bottom-left-radius: 4px;
  -webkit-border-bottom-right-radius: 4px;
     -moz-border-bottom-right-radius: 4px;
          border-bottom-right-radius: 4px;
  display: block;
  padding: 10px;
}

.brightcove-caption-hidden {
  display: none;
}

.ie7 .brightcove-ie-fix {
  height: 360px;
}

.ie7 .playlist-section-top,
.ie8 .playlist-section-top {
  height: 360px;
}


@media (min-width: 968px) {
  .playlist-section-top {
    height: 360px;
  }
}

@media (min-width: 768px) and (max-width: 967px) {
  .playlist-section-top {
    height: 282px;
  }

  .playlist-entry {
    margin-left: 14px;
    width: 245px;
  }

  .playlist-entry-thumbnail-overlay {
    height: 76px;
    width: 223px;
  }
  
  .playlist-entry-small {
    margin-left: 14px;
    width: 179px;
  }

  .playlist-entry-small-thumbnail-overlay {
    height: 55px;
    width: 163px;
  }
}

@media (max-width: 767px) {
  .playlist-entry {
    float: none;
    margin-left: auto;
    margin-right: auto;
  }

  .playlist-entry-thumbnail-overlay {
    display: none;
  }
  
  .playlist-entry-small {
    float: none;
    margin-left: auto;
    margin-right: auto;
  }

  .playlist-entry-small-thumbnail-overlay {
    display: none;
  }
}
