/* line 13, player.scss */
.video-js {
  /* The base font size controls the size of everything, not just text.
     All dimensions use em-based sizes so that the scale along with the font size.
     Try increasing it to 15px and see what happens. */
  font-size: 10px;
  /* The main font color changes the ICON COLORS as well as the text */
  color: #ffffff;
  max-width: 100%;
  /*  min-width: 400px;*/
  height: auto;
}

/* line 24, player.scss */
.player .video-js {
  width: 655px;
  /*  height: 376px;*/
  height: 431px;
}

/* line 30, player.scss */
.player .video-js iframe {
  /*  height: 310px !important;*/
  /*height: 368px !important;*/
  padding-bottom: 65px;
}
/* line 34, player.scss */
.player .video-js iframe video {
  width: 100% !important;
}

/* line 38, player.scss */
.video-js .vjs-tech {
  /*  height: 316px;*/
}

/* The "Big Play Button" is the play button that shows before the video plays.
   To center it set the align values to center and middle. The typical location
   of the button is the center, but there is trend towards moving it to a corner
   where it gets out of the way of valuable content in the poster image.*/
/* line 43, player.scss */
.vjs-default-skin .vjs-big-play-button {
  /* The font size is what makes the big play button...big.
     All width/height values use ems, which are a multiple of the font size.
     If the .video-js font-size is 10px, then 3em equals 30px.*/
  font-size: 3em;
  /* We're using SCSS vars here because the values are used in multiple places.
     Now that font size is set, the following em values will be a multiple of the
     new font size. If the font-size is 3em (30px), then setting any of
     the following values to 3em would equal 30px. 3 * font-size. */
  /* 1.5em = 45px default */
  line-height: 1.5em;
  height: 1.5em;
  width: 3em;
  /* 0.06666em = 2px default */
  border: 0.06666em solid #3787cf;
  /* 0.3em = 9px default */
  border-radius: 0.3em;
  display: none;
  /* Align top left. 0.5em = 15px default */
  left: 0.5em;
  top: 0.5em;
}

/* The default color of control backgrounds is mostly black but with a little
   bit of blue so it can still be seen on all-black video frames, which are common. */
/* line 81, player.scss */
.video-js .vjs-control-bar,
.video-js .vjs-big-play-button,
.video-js .vjs-menu-button .vjs-menu-content {
  /* IE8 - has no alpha support */
  background-color: #000;
  /* Opacity: 1.0 = 100%, 0.0 = 0% */
  background-color: #000;
}

/* Slider - used for Volume bar and Progress bar */
/* line 95, player.scss */
.video-js .vjs-slider {
  background-color: #7f7f7f;
  background-color: rgba(127, 127, 127, 0.5);
}

/* The slider bar color is used for the progress bar and the volume bar
   (the first two can be removed after a fix that's coming) */
/* line 102, player.scss */
.video-js .vjs-volume-level,
.video-js .vjs-play-progress,
.video-js .vjs-slider-bar {
  background: #3787cf;
}

/* line 107, player.scss */
.video-js .vjs-volume-menu-button .vjs-slider-bar {
  background: #9f9f9f;
}

/* The main progress bar also has a bar that shows how much has been loaded. */
/* line 111, player.scss */
.video-js .vjs-load-progress {
  /* For IE8 we'll lighten the color */
  background: #bfbfbf;
  /* Otherwise we'll rely on stacked opacities */
  background: rgba(127, 127, 127, 0.5);
}

/* The load progress bar also has internal divs that represent
   smaller disconnected loaded time ranges */
/* line 120, player.scss */
.video-js .vjs-load-progress div {
  /* For IE8 we'll lighten the color */
  background: white;
  /* Otherwise we'll rely on stacked opacities */
  background: rgba(127, 127, 127, 0.75);
}

/* line 128, player.scss */
.vjs-video-wrap {
  width: 655px;
  float: left;
}

/* line 130, player.scss */
.video-js .vjs-control:before {
  line-height: 1.6;
}

/* line 133, player.scss */
.vjs-icon-play:before, .video-js .vjs-big-play-button:before, .video-js .vjs-play-control:before {
  content: normal;
  font-size: 25pt;
  line-height: 1.1;
}

/* line 134, player.scss */
.video-js .vjs-control-bar {
  height: 60px;
  padding-bottom: 35px;
  display: flex;
}

/* line 135, player.scss */
.video-js button.vjs-stop-button, .video-js button.vjs-paused, .video-js button.vjs-playing {
  text-indent: -10000px;
}

/* line 136, player.scss */
.video-js .vjs-time-control {
  line-height: 2.3em;
}

/* line 137, player.scss */
.video-js .vjs-play-control {
  background-image: url(/img/player/play.png);
  background-repeat: no-repeat;
  background-position: 5px 2px;
}

/* line 138, player.scss */
.video-js button.vjs-playing {
  background-image: url(/img/player/pause.png);
  background-repeat: no-repeat;
  background-position: 5px 2px;
}

/* line 139, player.scss */
.video-js button.vjs-stop-button {
  background-image: url(/img/player/stop.png);
  background-repeat: no-repeat;
  background-position: 0 2px;
  width: 25px;
}

/* line 140, player.scss */
.video-js button.vjs-paused {
  background-image: url(/img/player/play.png);
  background-repeat: no-repeat;
  background-position: 5px 2px;
}

/* line 141, player.scss */
.video-js .vjs-custom-control-spacer.vjs-spacer {
  position: absolute;
  height: 35px;
  width: 100%;
  bottom: 0;
  left: 0;
  background-color: #2b2b2b;
  display: block !important;
}

/* line 150, player.scss */
.video-js button.icon-angle-left {
  background-image: url(/img/player/prv.png);
  background-repeat: no-repeat;
  background-position: 5px 2px;
  width: 25px;
}

/* line 156, player.scss */
.video-js button.icon-angle-right {
  background-image: url(/img/player/next.png);
  background-repeat: no-repeat;
  background-position: 5px 2px;
  width: 25px;
}

/* line 160, player.scss */
.video-js .vjs-fullscreen-control {
  width: 25px;
}
/* line 162, player.scss */
.video-js .vjs-fullscreen-control:before {
  line-height: 1.9;
}

/* line 167, player.scss */
.vjs_video_title {
  background-color: #000;
  width: 480px;
  float: right;
  margin: 4px 18px 4px 0;
  padding: 8px;
  border-radius: 3px;
  min-height: 25px;
}

/* line 177, player.scss */
.video-js .vjs-current-time,
.video-js .vjs-duration {
  display: block;
}

/* line 179, player.scss */
.vjs-fullscreen.vjs-user-inactive {
  cursor: none;
}

/* line 180, player.scss */
.vjs-default-skin.vjs-paused .vjs-big-play-button {
  display: none;
}

/* line 193, player.scss */
.post_body_area .video-js audio.vjs-tech {
  height: auto !important;
}

/* line 194, player.scss */
.post_body_area .video-js {
  min-width: 766px;
  min-height: 438px;
}

/* line 197, player.scss */
.post_body_area .vjs-video-wrap {
  float: none;
  width: auto;
  margin-bottom: 60px;
}

/* line 198, player.scss */
.post_body_area .video-js .vjs-custom-control-spacer.vjs-spacer {
  width: auto;
  background-color: transparent;
  /* float: left; */
  left: 50%;
  margin-bottom: 2px;
  margin-left: -20px;
  height: 40px;
}

/* line 200, player.scss */
.post_body_area .video-js .vjs-control-bar {
  display: block;
  background-color: #ededed;
  border: 1px solid #3787cf;
  padding-bottom: 45px;
  bottom: -60px;
}

/* line 201, player.scss */
.post_body_area .video-js .vjs-volume-menu-button {
  position: absolute;
  color: #333;
}

/* line 202, player.scss */
.post_body_area .vjs-slider-horizontal .vjs-volume-level:before {
  display: none;
}

/* line 203, player.scss */
.post_body_area .video-js .vjs-menu-button-inline {
  width: 12em;
  margin-top: 20px;
  height: 38px;
  margin-left: -125px;
  position: relative;
  left: 50%;
}

/* line 211, player.scss */
.post_body_area .video-js .vjs-time-control {
  line-height: 3.3em;
  color: #000;
  font-size: 10pt;
  position: absolute;
  left: 0;
}

/* line 218, player.scss */
.post_body_area .vjs-spacer .vjs_video_title {
  display: none;
}

/* line 220, player.scss */
.post_body_area .video-js .vjs-control-bar .vjs-progress-control {
  position: absolute;
  top: 0;
  height: 12px;
  width: 100%;
  background-color: #e2e2e2;
}

/* line 221, player.scss */
.post_body_area .vjs-menu-button-inline .vjs-menu {
  opacity: 1;
}

/* line 222, player.scss */
.post_body_area .video-js .vjs-control-bar .vjs-progress-control .vjs-slider {
  margin: 0;
  height: 12px;
}

/* line 223, player.scss */
.post_body_area .video-js .vjs-play-progress:before {
  display: none;
}

/* line 224, player.scss */
.post_body_area .video-js .vjs-time-control.vjs-duration {
  right: 0;
  left: initial;
}

/* line 226, player.scss */
.post_body_area .video-js .vjs-load-progress div {
  background: transparent;
}
/* line 229, player.scss */
.post_body_area .video-js .vjs-play-control {
  background-image: url(/img/player/play2.png);
  background-repeat: no-repeat;
  background-position: 0 0;
}
/* line 230, player.scss */
.post_body_area .video-js button.vjs-playing {
  background-image: url(/img/player/pause2.png);
  background-repeat: no-repeat;
  background-position: 0 0;
}
/* line 231, player.scss */
.post_body_area .video-js button.vjs-stop-button {
  background-image: url(/img/player/stop2.png);
  background-repeat: no-repeat;
  background-position: 0 4px;
  width: 27px;
  margin-left: 5px;
}
/* line 232, player.scss */
.post_body_area .video-js button.vjs-paused {
  background-image: url(/img/player/play2.png);
  background-repeat: no-repeat;
  background-position: 0 0;
}
/* line 233, player.scss */
.post_body_area .vjs-custom-control-spacer.vjs-spacer .vjs-fullscreen-control {
  background-image: url(/img/player/full.png);
  background-repeat: no-repeat;
  background-position: 0 10px;
  float: right;
  margin-left: 8px;
  text-indent: -10000px;
}

/* line 243, player.scss */
.post_body_area .video-js[aria-label="audio player"] {
  height: 41px !important;
  min-height: 41px;
  width: 100%;
}
/* line 247, player.scss */
.post_body_area .video-js[aria-label="audio player"] .vjs-menu-button-inline {
  margin-left: 30px;
  margin-top: 10px;
  height: 30px;
  float: left;
}
/* line 248, player.scss */
.post_body_area .video-js[aria-label="audio player"] .vjs-control-bar {
  bottom: 0;
  padding-bottom: 0;
  height: 41px;
}
/* line 249, player.scss */
.post_body_area .video-js[aria-label="audio player"] .vjs-custom-control-spacer.vjs-spacer {
  margin-bottom: 0;
  float: left;
  height: 25px;
  margin-left: -70px;
  top: 12px;
}
/* line 250, player.scss */
.post_body_area .video-js[aria-label="audio player"] .vjs-custom-control-spacer.vjs-spacer .vjs-play-control {
  background-size: contain;
  width: 30px;
}
/* line 251, player.scss */
.post_body_area .video-js[aria-label="audio player"] button.vjs-stop-button {
  margin-left: 0;
  background-position: 0;
  height: 25px;
  background-size: contain;
}
/* line 253, player.scss */
.post_body_area .video-js[aria-label="audio player"] .vjs-control-bar .vjs-progress-control .vjs-slider {
  margin: 0;
}
/* line 254, player.scss */
.post_body_area .video-js[aria-label="audio player"] .vjs-text-track-display {
  bottom: 4em;
}
/* line 255, player.scss */
.post_body_area .video-js[aria-label="audio player"] .vjs-duration-display {
  float: right;
}
/* line 256, player.scss */
.post_body_area .video-js[aria-label="audio player"] .vjs-custom-control-spacer.vjs-spacer .vjs-fullscreen-control {
  background-position: 0 5px;
  float: none;
  margin-left: 3px;
  display: none;
}

@media screen and (-webkit-min-device-pixel-ratio: 0) {
  /* line 264, player.scss */
  .post_body_area .video-js[aria-label="audio player"] .vjs-custom-control-spacer.vjs-spacer {
    top: 12px;
  }
}