/* Player background */
.mytheme-mejs-container.mejs-container,
.mytheme-mejs-container .mejs-controls,
.mytheme-mejs-container .mejs-embed,
.mytheme-mejs-container .mejs-embed body {
  background-color: transparent;
  padding: 0 0 4rem;
}

/* Player controls */
.mytheme-mejs-container .mejs-button > button {
  /* background-image: url("../my-theme-player/images/mejs-controls.svg");
  background-size: 20px 20px;
  background-repeat: no-repeat; */
  min-width: auto;
  margin: 10px 11px;
}

.mejs-button > button {
  background: transparent url("../my-theme-player/images/mejs-controls.svg");
  background-position: 0 0;
  min-width: auto;
}

.mejs-pause > button {
  background-position: -20px 0;
}

.mytheme-mejs-container .mejs-time {
  color: #888888;
}

/* Progress and audio bars */

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

/* Track progress bar background (amount of track fully loaded)
  We prefer to style these with the main accent color of our theme */
.mytheme-mejs-container .mejs-controls .mejs-time-rail .mejs-time-loaded {
  background-color: #343434;
}

/* Current track progress and active audio volume level bar */
.mytheme-mejs-container
  .mejs-controls
  .mejs-horizontal-volume-slider
  .mejs-horizontal-volume-current,
.mytheme-mejs-container .mejs-controls .mejs-time-rail .mejs-time-current {
  background: #d7001b;
}

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

.mytheme-mejs-container .mejs-time-handle-content {
  top: -6px;
}

.mytheme-mejs-container .mejs-time-total {
  margin-top: 8px;
}

.mytheme-mejs-container .mejs-horizontal-volume-total {
  top: 19px;
}

.mejs-time-rail .mejs-time-handle-content:active,
.mejs-time-rail .mejs-time-handle-content:focus,
.mejs-time-rail:hover .mejs-time-handle-content {
  display: none;
}

.mejs-button.mejs-playpause-button.mejs-play,
.mejs-button.mejs-playpause-button.mejs-pause {
  background: #d7001b;
  width: 40px;
  height: 40px;
  border-radius: 6px;
}

.mejs-button.mejs-volume-button.mejs-mute,
.mejs-horizontal-volume-slider {
  display: none !important;
}