/* Player background */
.page-hero .dreiklang-mejs-container.mejs-container,
.page-hero .dreiklang-mejs-container .mejs-controls,
.page-hero .dreiklang-mejs-container .mejs-embed,
.page-hero .dreiklang-mejs-container .mejs-embed body {
  background-color: #00000014; }

.dreiklang-mejs-container.mejs-container,
.dreiklang-mejs-container .mejs-controls,
.dreiklang-mejs-container .mejs-embed,
.dreiklang-mejs-container .mejs-embed body {
  background-color: #00000035;
  transition: background-color 0.5s ease; }

/* Player controls */
.dreiklang-mejs-container .mejs-time {
  color: #fff; }

/* Progress and audio bars */
/* Progress and audio bar background */
.dreiklang-mejs-container .mejs-controls .mejs-horizontal-volume-slider .mejs-horizontal-volume-total,
.dreiklang-mejs-container .mejs-controls .mejs-time-rail .mejs-time-total {
  background-color: rgba(255, 255, 255, 0.5); }

.dreiklang-mejs-container .mejs-time-float {
  margin: 0;
  height: 16px;
  top: -25px;
  text-align: center; }

/* Track progress bar background (amount of track fully loaded)
  We prefer to style these with the main accent color of our theme */
.dreiklang-mejs-container .mejs-controls .mejs-time-rail .mejs-time-loaded {
  background-color: rgba(255, 255, 255, 0.65); }

/* Current track progress and active audio volume level bar */
.dreiklang-mejs-container .mejs-controls .mejs-horizontal-volume-slider .mejs-horizontal-volume-current,
.dreiklang-mejs-container .mejs-controls .mejs-time-rail .mejs-time-current {
  background: #db4e88; }

.dreiklang-mejs-container .mejs-currenttime,
.dreiklang-mejs-container .mejs-duration {
  top: -1px;
  position: relative; }

/* Reduce height of the progress and audio bars */
.dreiklang-mejs-container .mejs-time-buffering,
.dreiklang-mejs-container .mejs-time-current,
.dreiklang-mejs-container .mejs-time-float-corner,
.dreiklang-mejs-container .mejs-time-float-current,
.dreiklang-mejs-container .mejs-time-hovered,
.dreiklang-mejs-container .mejs-time-loaded,
.dreiklang-mejs-container .mejs-time-marker,
.dreiklang-mejs-container .mejs-time-total,
.dreiklang-mejs-container .mejs-horizontal-volume-total,
.dreiklang-mejs-container .mejs-time-handle-content {
  height: 8px; }

.dreiklang-mejs-container .mejs-time-handle-content {
  height: 14px; }

.dreiklang-mejs-container .mejs-time-handle-content {
  top: -7px; }

.dreiklang-mejs-container .mejs-time-total {
  margin-top: 6px; }

.dreiklang-mejs-container .mejs-horizontal-volume-total {
  top: 16px; }

.is-sticky .dreiklang-mejs-container.mejs-container,
.is-sticky .dreiklang-mejs-container .mejs-controls,
.is-sticky .dreiklang-mejs-container .mejs-embed,
.is-sticky .dreiklang-mejs-container .mejs-embed body {
  background-color: #00000088; }

/*# sourceMappingURL=audioplayer.css.map */
/*# sourceMappingURL=audioplayer.css.map */

/*# sourceMappingURL=audioplayer.css.map */
