/* Player background */
.example-mejs-container .mejs-container,
.example-mejs-container .mejs-container .mejs-controls,
.example-mejs-container .mejs-embed,
.example-mejs-container .mejs-embed body {
  background-color: white !important;
}

/* Player controls */
.example-mejs-container .mejs-button > button {
  background-image: url("/wp-content/uploads/2022/08/mejs-controls-dark.svg");
}

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

/* Progress and audio bars */

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

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

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

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

.example-mejs-container .mejs-time-handle-content {
}

.example-mejs-container .mejs-time-total {
margin: 8px 0 0;
}

.example-mejs-container .mejs-horizontal-volume-total {
margin: 3px 0 0;
}