/*
 ---------------
 * MSWZ Player *
 ---------------
 */

/* MSWZ Player background */
.mswz-mejs-container.mejs-container,
.mswz-mejs-container .mejs-controls,
.mswz-mejs-container .mejs-embed,
.mswz-mejs-container .mejs-embed body {
  background-color: #131313; /* light variant: #efefef; */
}

/* Player controls */
.mswz-mejs-container .mejs-button > button {
  background-image: transparent url(mejs-controls.svg); /* light variant: (images/mejs-controls-dark.svg) */
}

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

/* Progress and audio bars */

/* Progress and audio bar background */
.mswz-mejs-container .mejs-controls .mejs-horizontal-volume-slider .mejs-horizontal-volume-total,
.mswz-mejs-container .mejs-controls .mejs-time-rail .mejs-time-total {
  background-color: rgba(255,255,255,.33); /* light variant: #fff; */
}

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

/* Current track progress and active audio volume level bar */
.mswz-mejs-container .mejs-controls .mejs-horizontal-volume-slider .mejs-horizontal-volume-current,
.mswz-mejs-container .mejs-controls .mejs-time-rail .mejs-time-current {
  background: #007acc !important; /* light variant: #db4e88; */
}

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

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

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

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


/* MSWZ Player - playlist styles */


.wp-playlist-light {
  box-shadow: none; /* 3px 3px 0 #1a1a1a !important; */
  background: #131313 !important; /* neu */
  border: none;
}

/* Captions - Track titles / subtitles, time */
.wp-playlist-light .wp-playlist-caption,
.wp-playlist-light .wp-playlist-item-length {
  color: #787878; /* light #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 10px;
  /*margin-right: 10px;*/
  border-bottom-color: #efefef;
}

.wp-playlist-light .wp-playlist-item:last-child {
  padding-bottom: 10px;
  border-bottom-color: #efefef !important;
  border-bottom: 1px solid;
}

.wp-playlist-light .wp-playlist-playing {
  font-weight: normal;
  border-bottom-color: #007acc;
  background: #1a1a1a;
}

.wp-playlist-light .wp-playlist-playing:last-child {
  border-bottom-color: #007acc !important;
}

.wp-playlist-light .wp-playlist-item-length {
  top: 10px; /* 10px | 50% */
}