/* Player background */
.my-normal-mejs-container.is-binaural .mejs-controls {
  background-image: linear-gradient(30deg, #7a7979, #972b90);
}
.my-normal-mejs-container .mejs-controls {
  background-image: linear-gradient(30deg, #000000, #dd2476);
  border-color: black;
  border-style: solid;
  border-radius: 20px;
  border-width: thin;
  background-color: inherit;
}

.my-normal-mejs-container {
  background: unset;
}

/* Progress and audio bar background */
.my-normal-mejs-container .mejs-controls .mejs-time-rail .mejs-time-total
.my-normal-mejs-container .mejs-time {
  border-radius: 40px;
  color: #ffffff;
}
.mejs-button.mejs-playpause-button >button{
  background-color: rgba(255,255,255,0.3);
}

/* Track progress bar background (amount of track fully loaded)
  We prefer to style these with the main accent color of our theme */
.my-normal-mejs-container .mejs-controls .mejs-time-rail .mejs-time-loaded {
  background-color: rgba(219, 78, 136, 0.075);
}

/* Current track progress and active audio volume level bar */
.my-normal-mejs-container .mejs-controls .mejs-time-rail .mejs-time-current {
  background-color: #ffffff;
}

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

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

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

.mejs-text {
  position: relative;
  z-index: 100;
  top: 40px;
  left: 95px;
  color: white;
  font-size: smaller;
}