﻿.videoContainer{
    z-index: 1000;
    position: relative;
}

#embeddedPlayer .videoContainer {
  width: 100%;
  height: 100%;
}

.videoInfo{
    padding: 1em 0;
    color: #ccc;
}
  .videoInfo h3 {
    margin: .15em 0 .35em;
    font-size: 1.4em;
  }

  .videoInfo small.streamType {
    font-size: 16px;
    font-weight: normal;
    margin-bottom: .3em;
    color:#eee;
  }
  .videoInfo small.airedDate {
    font-size: 1em;
    font-weight: bold;
    display: block;
  }
  .videoInfo .episodeDescription {
    margin-top: 1em;
  }
  .videoInfo .showTitle,
  .videoInfo .showSeasonsEpisodes {
    font-style: italic;
    margin: .5em 0;
  }
.videoInfo .showDescription{
    margin-bottom: 1em;
}
.videoInfo .viewMoreButton {
    margin-right: 1em;
}
.videoInfo .viewMoreButton a{
    border: solid 1px #bbb;
    -moz-border-radius: 5px;
    border-radius: 5px;
    color: #ddd;
    padding: .2em 1em .1em .7em;
    font-size: .7em;
    font-style: normal;
}
.videoInfo .viewMoreButton a:hover{
    text-decoration: none;
    background-color: #222;
}

#videoPlayer {
}
  #videoPlayer.aspectSnap {
    height: 0;
    padding-top: 56.25%;
    width: 100%;
    position: relative;
  }
  #videoPlayer.fluidFill {
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
  }

  #TheVideo {
    position: absolute;
    top: 0;
  }

  #TheVideo.flowplayer {
    font-size: 12px;
  }

    #TheVideo.flowplayer .fp-controls {
      padding-left: 0;
      padding-right: 0;
      background: rgba(22,22,22,0.8);
      height: 36px;
      padding-top: 9px;
      align-items: center;
    }

  #TheVideo.is-live .fp-controls {
    padding-top: 0;
  }
  #TheVideo.is-live .fp-playbtn {
    display: none;
  }
.flowplayer .fp-controls > * {
  padding-top: 3px;
}
#TheVideo.flowplayer .fp-timeline {
  position: absolute;
  width: 100%;
  left: 0;
  top: 0;
  height: 8px;
  border-radius: 0;
  margin-left: 0;
  padding: 0;
}
#TheVideo.flowplayer .timeSlash {
  margin: 0;
}
#TheVideo.flowplayer .spacer {
  flex-grow: 5;
}
#TheVideo.flowplayer .theatre-mode-icon {
  order: 10;
}
#TheVideo .fp-ad-container .fp-elapsed,
#TheVideo .fp-ad-container .fp-duration {
  display: none;
}
#TheVideo .fp-ad-container .fp-remaining {
  display: block;
  flex-grow: 2;
  text-align: right;
}
.theatre-mode-icon {
  width: 20px;
  height: 16px;
  overflow: hidden;
  background-image: url(/images/icon-jwplayer-player-size.png);
  cursor: pointer;
}

  .theatre-mode-icon.Hovered {
    background-position-y: -16px;
  }

.bigPlayer .theatre-mode-icon {
  background-position-x: -20px;
}

.vjs-default-skin .vjs-volume-handle:before{
}
.trailerButton {
    float: right;
    margin-top: 1em;
    line-height: 1.3em;
    color: #fff;
}

.returnToLive{
    display: none;
    margin: .5em;
}
.returnToLive a{
    color: #F78806;
}

@media (max-width: 768px) {
    .jw-screensize.jw-icon-inline{
        display: none;
    }
}

#liveVideo{
  width: 100%;
}

.expandPayload .promoLink a{
    display: block;
    padding: .25em 0;
}

.stillWatchingPrompt {
  position: absolute;
  width: 100%;
  height: 100%;
  z-index: 111;
  font-size: 2em;
  display: flex;
  justify-content: center;
  align-items: center;
  flex-direction: column;
}
  .stillWatchingPrompt .background {
    position: absolute;
    width: 100%;
    height: 100%;
    background: #444;
    opacity: .97;
  }
  .stillWatchingPrompt p{
    z-index: 1;
    color: #fff;
  } 
  .stillWatchingPrompt button {
    font-size: .7em;
    color: #222;
    z-index: 1;
  }

#TheVideo.flowplayer .fp-bar,
#TheVideo.flowplayer .fp-bar-slider {
  cursor: pointer !important;
}
#TheVideo.flowplayer .fp-progress {
  border-radius: 0;
}
#TheVideo .fp-share {
  display: none;
}
#TheVideo .volIcon {
  order: 6;
  font-size: 18px;
  padding-top: 6px;
  margin: 0;
  color: #ccc;
  margin-left: .5em;
}
#TheVideo .fp-volume {
  order: 7;
  margin-left: 3px;
}
#TheVideo .fp-cc {
  order: 8;
}
#TheVideo .fp-qsel {
  order: 9;
}
#TheVideo .fp-fullscreen {
  order: 11;
}
#TheVideo .adBreakMarker {
  position: absolute;
  height: 100%;
  border-left: solid 2px #000;
  opacity: .3;
  width: 0;
  top: 0;
  cursor: pointer;
  height: 8px;
  margin: 0;
}

#TheVideo .ad-playing .adBreakMarker {
  display: none;
}

#TheVideo.flowplayer .fp-captions {
  font-size: 14px;
  letter-spacing: .03em;
}

#TheVideo.flowplayer .fp-ad-container.fp-ui .fp-color {
  background-color: #84f70b !important;
}

#TheVideo.flowplayer.is-fullscreen .fp-player {
  background-color: black;
}

#TheVideo.flowplayer .fp-color {
  background-color: #84f70b !important;
  fill: rgba(0, 0, 0, 0.2); 
}