/*  FONTS  */
/* -------------------------- GENERAL SETTINGS ------------------------- */
video {
  max-width: 100%;
  width: 100%; }

/* -------------------------- GENERAL STYLES --------------------------- */
.vp-large .hidden, .vp-small .hidden, .vp-small450 .hidden {
  visibility: hidden; }

.vp-large .noshow, .vp-small .noshow, .vp-small450 .noshow {
  display: none !important; }

/* -------------------------- VIDEO PLAYER AREA ------------------------ */
.vp-large {
  min-height: 534px; }

.vp-small {
  min-height: 320px; }

.vp-small450 {
  min-height: 294px; }

#video-container {
  width: 100%;
  position: relative;
  height: 0; }

#video-container video, #video-container embed, #video-container object {
  position: absolute;
  width: 100%;
  height: 100%; }

.widescreen {
  padding-bottom: 56.25%; }

/* 4x3 would be 75% */
/* fix pbs overlay: */
#video-container > div {
  margin-top: 0 !important; }

/* -------------------------- VIDEO PLAYER CONTROLS -------------------- */
#player-controls {
  background-color: #61579c;
  overflow: hidden; }

#player-controls button {
  cursor: pointer;
  vertical-align: middle;
  border: none;
  outline-width: 0; }

#player-controls button img {
  padding-top: 2px; }

.vp-large #player-controls {
  height: 48px;
  width: 786px;
  padding: 14px; }

.vp-small #player-controls {
  height: 38px;
  width: 468px;
  padding: 6px; }

.vp-small450 #player-controls {
  height: 38px;
  width: 422px;
  padding: 6px; }

#player-controls ul {
  list-style: none; }

#player-controls ul li {
  float: left; }

#player-controls ul li span {
  display: block; }

#player-controls ul li button {
  background-color: #f16724; }

.vp-large #player-controls ul li button {
  width: 48px;
  height: 48px; }

.vp-small #player-controls ul li button, .vp-small450 #player-controls ul li button {
  width: 38px;
  height: 38px; }

#player-controls .play-area {
  float: left;
  margin-right: 12px; }

#icon-pause, #icon-play {
  width: 50%; }

#icon-mute {
  width: 78%; }

#icon-unmute {
  width: 69.5%; }

#icon-capton, #icon-captoff {
  width: 90%; }

#icon-fs {
  width: 80%; }

#icon-nofs {
  width: 76%; }

#player-controls .time-area p {
  font-family: arial,verdana, sans-serif;
  font-weight: bold;
  color: #fff; }

.vp-large #player-controls .time-area p {
  font-size: 24px;
  line-height: 48px; }

.vp-small #player-controls .time-area p, .vp-small450 #player-controls .time-area p {
  font-size: 20px;
  line-height: 38px; }

#player-controls .settings-area {
  float: right;
  margin-left: 10px; }

/* changes the color of the icon font buttons on hover */
#player-controls ul li:hover button,
#player-controls ul li:focus button {
  background-color: #fff; }

#player-controls span.play-pause #icon-pause,
#player-controls span.mute-unmute #icon-unmute,
#player-controls span.toggle-captions #icon-capton,
#player-controls span.play-pause.playing #icon-play,
#player-controls span.mute-unmute.muted #icon-mute,
#player-controls span.toggle-captions.captions-on #icon-captoff {
  display: none; }

#player-controls span.play-pause.playing #icon-pause,
#player-controls span.mute-unmute.muted #icon-unmute,
#player-controls .toggle-captions.captions-on #icon-capton {
  display: inline; }

#player-controls .scrubber-area, #player-controls .scrubber-area.fs-enabled {
  margin-right: 12px; }

.vp-large #player-controls .scrubber-area {
  width: 532px;
  height: 48px; }

.vp-large #player-controls .scrubber-area.fs-enabled {
  width: 474px;
  height: 48px; }

.vp-small #player-controls .scrubber-area {
  width: 258px;
  height: 38px; }

.vp-small #player-controls .scrubber-area.fs-enabled {
  width: 210px;
  height: 38px; }

.vp-small450 #player-controls .scrubber-area {
  width: 212px;
  height: 38px; }

.vp-small450 #player-controls .scrubber-area.fs-enabled {
  width: 156px;
  height: 38px; }

#player-controls .scrubber {
  width: 100%;
  overflow: hidden; }

#player-controls .scrubber-area .scrubber-track {
  background-color: #fff;
  width: 100%; }

#player-controls .scrubber-area .scrubber-thumb {
  position: relative !important;
  background-color: #f16724; }

.vp-large #player-controls .scrubber-area .scrubber-track {
  height: 12px;
  margin: 18px 0; }

.vp-large #player-controls .scrubber-area .scrubber-thumb {
  width: 20px;
  height: 38px;
  top: -13px; }

.vp-small #player-controls .scrubber-area .scrubber-track,
.vp-small450 #player-controls .scrubber-area .scrubber-track {
  height: 10px;
  margin: 14px 0; }

.vp-small #player-controls .scrubber-area .scrubber-thumb,
.vp-small450 #player-controls .scrubber-area .scrubber-thumb {
  width: 16px;
  height: 28px;
  top: -9px; }

.vp-large #player-controls .scrubber .scrubber-thumb::before {
  display: block;
  box-sizing: border-box;
  position: absolute;
  content: "";
  height: 12px;
  width: 1000px;
  top: 13px;
  bottom: 0;
  right: 20px;
  background-color: #b4b1da; }

.vp-small #player-controls .scrubber .scrubber-thumb::before,
.vp-small450 #player-controls .scrubber .scrubber-thumb::before {
  display: block;
  box-sizing: border-box;
  position: absolute;
  content: "";
  height: 10px;
  width: 1000px;
  top: 9px;
  bottom: 0;
  right: 16px;
  background-color: #b4b1da; }

/*# sourceMappingURL=video-player.css.map */