/* Player background */
.fsd-mediaelement.mejs-container,
.fsd-mediaelement .mejs-controls,
.fsd-mediaelement .mejs-embed,
.fsd-mediaelement .mejs-embed body {
  background: transparent !important;
}

.fsd-mediaelement {
  border-top: solid 1px #efefef;
  border-bottom: solid 1px #efefef;
  padding: 40px;
  margin: 30px 0;
}

.mejs-inner {
  max-width: 480px;
  position: relative;
  margin: 0 auto;
  padding: 10px;
}


/* Player controls */
.fsd-mediaelement .mejs-button > button {
  background-image: url(images/mejs-controls-dark.svg);
}

.fsd-mediaelement .mejs-time {
  color: #888888;
}

/* Progress and audio bars */

/* Progress and audio bar background */
.fsd-mediaelement .mejs-controls .mejs-horizontal-volume-slider .mejs-horizontal-volume-total,
.fsd-mediaelement .mejs-controls .mejs-time-rail .mejs-time-total {
  background-color: #fff;
}

/* Track progress bar background (amount of track fully loaded)
  We prefer to style these with the main accent color of our theme */
.fsd-mediaelement .mejs-controls .mejs-time-rail .mejs-time-loaded {
  background-color: rgba(49, 183, 0, 0.05);
}

.fsd-mediaelement .mejs-controls .mejs-time-rail .mejs-time-total {
  background-color: rgba(49, 183, 0, 0.05);
}

/* Current track progress and active audio volume level bar */
.fsd-mediaelement .mejs-controls .mejs-horizontal-volume-slider .mejs-horizontal-volume-current,
.fsd-mediaelement .mejs-controls .mejs-time-rail .mejs-time-current {
  background: #31b700;
}

/* Reduce height of the progress and audio bars */
.fsd-mediaelement .mejs-time-buffering,
.fsd-mediaelement .mejs-time-current,
.fsd-mediaelement .mejs-time-float,
.fsd-mediaelement .mejs-time-float-corner,
.fsd-mediaelement .mejs-time-float-current,
.fsd-mediaelement .mejs-time-hovered,
.fsd-mediaelement .mejs-time-loaded,
.fsd-mediaelement .mejs-time-marker,
.fsd-mediaelement .mejs-time-total,
.fsd-mediaelement .mejs-horizontal-volume-total,
.fsd-mediaelement .mejs-time-handle-content {
  height: 3px;
}

.fsd-mediaelement .mejs-time-handle-content {
  top: -6px;
}

.fsd-mediaelement .mejs-time-total {
  margin-top: 8px;
}

.fsd-mediaelement .mejs-horizontal-volume-total {
  top: 19px;
}

.fsd_audio_captions {
  text-align: center;
  font-weight: 600;
  font-size: 0.875rem;
}