/* Player background */
#audio .mejs-container,
#audio .mejs-controls,
#audio .mejs-embed,
#audio .mejs-embed body {
  background-color: #005A8A;
}

#audio .mejs-controls {
  padding-right: 50px;
}

#audio .audio-download {
  background-image: url(../img/download.svg);
  background-repeat: no-repeat;
  background-size: 28px;
  background-position: center;
  background-color: transparent;
  border:none !important;
  box-shadow: none;
  position: absolute;
  bottom: 2px;
  outline-color: #fff;
  right: 4px;
  width: 36px;
  height: 36px;
  z-index: 3;
}

/* Player controls */#audio .mejs-button > button {
  /* background-image: url("../img/mejs-controls-dark.svg"); */
}

#audio .mejs-time {
  color: #fff;
}

/* Progress and audio bars */
/* Progress and audio bar background */#audio .mejs-controls .mejs-horizontal-volume-slider .mejs-horizontal-volume-total,
#audio .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 */
  #audio .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 */#audio .mejs-controls .mejs-horizontal-volume-slider .mejs-horizontal-volume-current,
#audio .mejs-controls .mejs-time-rail .mejs-time-current {
  background: deepskyblue;
  filter:box-shadow 1s;
}


/* Reduce height of the progress and audio bars */#audio .mejs-time-buffering,
#audio .mejs-time-current,
#audio .mejs-time-float,
#audio .mejs-time-float-corner,
#audio .mejs-time-float-current,
#audio .mejs-time-hovered,
#audio .mejs-time-loaded,
#audio .mejs-time-marker,
#audio .mejs-time-total,
#audio .mejs-horizontal-volume-total,
#audio .mejs-time-handle-content {
  height: 3px;
}
.mejs-time-rail:hover .mejs-time-handle-content,
#audio .mejs-time-handle-content{
  border-color:deepskyblue;
  border-radius: 4px;
  transition: box-shadow 1s;
}
#audio .mejs-controls .mejs-time-rail:hover .mejs-time-current,
.mejs-time-rail:hover .mejs-time-handle-content {
  box-shadow: 0 0 2px 1px deepskyblue;
}
#audio .mejs-time-float-corner{
    border-color: deepskyblue transparent transparent;
    border-width: 7px;
}
#audio .mejs-time-float {
    border:none;
}
#audio .mejs-time-float-current {
  margin-top: -15px;
  background: deepskyblue;
  display: inline-block;
  height: auto;
  font-size: 16px;
  color: #fff;
  width: auto;
  padding: 6px;
  border-radius: 5px;
  margin: -19px -7px;
  font-weight: bold;
}
#audio .mejs-time-handle-content {
  top: -6px;
}

#audio .mejs-time-total {
  margin-top: 8px;
}

#audio .mejs-horizontal-volume-total {
  top: 19px;
}

.wp-playlist-light {
    box-shadow: 3px 3px 0 #e2e2e2;
  }
  
  /* Captions - Track titles / subtitles, time */.wp-playlist-light .wp-playlist-caption,
  .wp-playlist-light .wp-playlist-item-length {
    color: #787878;
  }
  
  /* Captions - Current track */
  .wp-playlist-light .wp-playlist-current-item .wp-playlist-item-title {
    font-size: 16px;
  }
  
  .wp-playlist-light .wp-playlist-item-album {
    font-style: normal;
  }
  
  .wp-playlist-light .wp-playlist-item-artist {
    text-transform: none;
    opacity: .8;
  }
  
  /* Playlist items */
  .wp-playlist-light .wp-playlist-item {
    padding: 10px 0;
    border-bottom-color: #efefef;
  }
  
  .wp-playlist-light .wp-playlist-item:last-child {
    padding-bottom: 0;
  }
  
  .wp-playlist-light .wp-playlist-playing {
    font-weight: normal;
    border-bottom-color: #fff;
  }
  
  .wp-playlist-light .wp-playlist-item-length {
    top: 10px;
  }