/* Player background */
.sermon-audio-player .mejs-container,
.sermon-audio-player .mejs-controls,
.sermon-audio-player .mejs-embed,
.sermon-audio-player .mejs-embed body {
    background-color: transparent !important;
    background: transparent !important;
}

/* Player controls */
.sermon-audio-player .mejs-controls .mejs-play button {
    background-image: url("img/play.png") !important;
    background-repeat: no-repeat !important;
    background-position: center !important;
    background-color: transparent !important;
    width: 15px !important;
    height: 15px !important;
    top: -1px !important;
    bottom: 0px !important;
    border-radius: 0px;
}
.sermon-audio-player .mejs-controls .mejs-pause button {
    background-image: url("img/pause.png") !important;
    background-repeat: no-repeat !important;
    background-position: center !important;
    background-color: transparent !important;
    width: 15px !important;
    height: 15px !important;
    top: -1px !important;
    bottom: 0px !important;
    border-radius: 0px;
}
.sermon-audio-player .mejs-controls .mejs-mute button {
    background-image: url("img/sound.png") !important;
    background-repeat: no-repeat !important;
    background-position: center !important;
    background-color: transparent !important;
    background-size: cover !important;
    width: 18px !important;
    height: 15px !important;
    margin-left: 3px !important;
    margin-right: 0px !important;
    top: -1.5px;
    border-radius: 0px;
}
.sermon-audio-player .mejs-controls .mejs-unmute button {
    background-image: url("img/mute.png") !important;
    background-repeat: no-repeat !important;
    background-position: center !important;
    background-size: cover !important;
    background-color: transparent !important;
    width: 18px;
    height: 16px;
    margin-left: 3px !important;
    margin-right: 0px;
    top: -2px;
    border-radius: 0px;
}
.sermon-audio-player .mejs-controls {
    padding-left: 0px !important;
    padding-right: 0px !important;
}
.sermon-audio-player .mejs-time {
    color: #888888;
}

/* Progress and audio bar background */
.sermon-audio-player .mejs-controls .mejs-horizontal-volume-slider .mejs-horizontal-volume-total,
.sermon-audio-player .mejs-controls .mejs-time-rail .mejs-time-total {
    background-color: #ddd !important;
}

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

/* Current track progress and active audio volume level bar */
.sermon-audio-player .mejs-controls .mejs-horizontal-volume-slider .mejs-horizontal-volume-current,
.sermon-audio-player .mejs-controls .mejs-time-rail .mejs-time-current {
    background: #404040 !important;
}

/* Latest Sermon Shortcode */
.asp-latest-sermon-details .mejs-container.wp-audio-shortcode .mejs-controls {
    background: #fff !important;
    box-shadow: 0px 0px 0px 1px #e3e3e3;
}

/* Theme Compatability */
.sermon-audio-player .mejs-controls .mejs-play button:before,
.sermon-audio-player .mejs-controls .mejs-mute button:before,
.sermon-audio-player .mejs-controls .mejs-unmute button:before {
    display: none !important;
}
.sermon-audio-player .mejs-controls .mejs-button button {
    cursor: pointer;
    display: block;
    font-size: 0;
    line-height: 0;
    text-decoration: none;
    margin: 14px 15px 13px;
    padding: 0;
    position: absolute;
    border: 0;
    background: 0 0;
}
.sermon-audio-player .mejs-container .mejs-controls .mejs-time span {
    color: #000;
    font-size: 12px !important;
}
.sermon-audio-player .mejs-container .mejs-controls div:not(.mejs-horizontal-volume-current) {
    width: 40px !important;
}