/* Minor optional CSS styling to make the brightcove embed look more like an audio player */


/* Keep controls static*/
.takeda_brightcove--audio .video-js.not-hover.vjs-has-started.vjs-paused.vjs-user-active .vjs-control-bar,
.takeda_brightcove--audio .video-js.not-hover.vjs-has-started.vjs-paused.vjs-user-inactive .vjs-control-bar,
.takeda_brightcove--audio .video-js.not-hover.vjs-has-started.vjs-playing.vjs-user-active .vjs-control-bar,
.takeda_brightcove--audio .video-js.not-hover.vjs-has-started.vjs-playing.vjs-user-inactive .vjs-control-bar,
.takeda_brightcove--audio .video-js.vjs-has-started.vjs-playing.vjs-user-inactive .vjs-control-bar {
  -webkit-transform: none;
  -ms-transform: none;
  transform: none;
}

/* Show by default */
.takeda_brightcove--audio .video-js.video-js .vjs-control-bar {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
}

/* Reduce player height */
.takeda_brightcove--audio .video-js {
  height: 2.1875rem;
  width: 100%;
}

.takeda_brightcove--audio .video-js .vjs-big-play-button {
  left: 0;
  margin-left: 0;
  border-radius: 0;
  font-size: 2.62rem;
  line-height: 5.5rem;
}

/* Audio - timebar is 5px and does not shrink on inactive */
.takeda_brightcove--audio .video-js.vjs-has-started .vjs-progress-holder .vjs-play-progress,
.takeda_brightcove--audio .video-js.vjs-has-started .vjs-progress-holder .vjs-load-progress,
.takeda_brightcove--audio .video-js.vjs-has-started .vjs-progress-holder .vjs-tooltip-progress-bar,
.takeda_brightcove--audio .video-js.vjs-has-started .vjs-progress-holder .vjs-load-progress div {
  height: 0.3rem;
}
.takeda_brightcove--audio .video-js.not-hover.vjs-has-started.vjs-paused.vjs-user-active .vjs-progress-control,
.takeda_brightcove--audio .video-js.not-hover.vjs-has-started.vjs-paused.vjs-user-inactive .vjs-progress-control,
.takeda_brightcove--audio .video-js.not-hover.vjs-has-started.vjs-playing.vjs-user-active .vjs-progress-control,
.takeda_brightcove--audio .video-js.not-hover.vjs-has-started.vjs-playing.vjs-user-inactive .vjs-progress-control,
.takeda_brightcove--audio .video-js.video-js .vjs-progress-control,
.takeda_brightcove--audio .video-js.vjs-has-started.vjs-playing.vjs-user-inactive .vjs-progress-control {
  height: 0.3rem;
  transition: none;
  top: -0.3rem;
}

/* Progress bar grow below on hover*/
.takeda_brightcove--audio .video-js.vjs-has-started .vjs-progress-control:hover,
.takeda_brightcove--audio .video-js.vjs-has-started .vjs-progress-control:hover .vjs-progress-holder,
.takeda_brightcove--audio .video-js.vjs-has-started .vjs-progress-control:hover .vjs-play-progress,
.takeda_brightcove--audio .video-js.vjs-has-started .vjs-progress-control:hover .vjs-load-progress,
.takeda_brightcove--audio .video-js.vjs-has-started .vjs-progress-control:hover .vjs-tooltip-progress-bar,
.takeda_brightcove--audio .video-js.vjs-has-started .vjs-progress-control:hover .vjs-load-progress div {
  height: 4rem;
}

/* Reposition tooltips */
.takeda_brightcove--audio .video-js .vjs-time-tooltip {
  top: 1.5rem;
}

.takeda_brightcove--audio .video-js.vjs-has-started .vjs-time-tooltip {
  top: 1.9rem;
}

.takeda_brightcove--audio .video-js .vjs-dock-text {
  display: none;
}

/* Make sure the progress bar stays on top of the dock */
.takeda_brightcove--audio .video-js .vjs-progress-control {
  z-index: 1;
}

/* Styles for the control bar title */
.takeda_brightcove--audio .video-js .vjs-control-dock {
  width: auto;
  display: flex;
  line-height: 1.9rem;
  font-size: 13px;
  text-overflow: ellipsis;
  pointer-events: none;
}
.takeda_brightcove--audio .vjs-control-dock-title {
  font-weight: bold;
}

/* Hide the poster for audio items */
.takeda_brightcove--audio .video-js .vjs-poster {
  display: none;
}