/* Keep Plyr controls insulated from theme, plugin, and Elementor form styles. */
.isermons .plyr.plyr--full-ui button.plyr__control {
    -webkit-appearance: none !important;
    appearance: none !important;
    border: 0 !important;
    box-shadow: none !important;
    cursor: pointer !important;
    font: inherit !important;
    letter-spacing: 0 !important;
    line-height: inherit !important;
    min-height: 0 !important;
    min-width: 0 !important;
    outline: 0;
    text-align: center !important;
    text-decoration: none !important;
    text-shadow: none !important;
    text-transform: none !important;
}

.isermons .plyr.plyr--full-ui .plyr__controls button.plyr__control {
    align-items: center !important;
    background-color: var(--isermons-plyr-control-background, var(--plyr-color-main, #007f7b)) !important;
    background-image: none !important;
    border-radius: var(--plyr-control-radius, 3px) !important;
    color: #fff !important;
    display: flex !important;
    height: 40px !important;
    justify-content: center !important;
    padding: calc(var(--plyr-control-spacing, 10px) * .7) !important;
    width: 40px !important;
}

.isermons .plyr.plyr--full-ui .plyr__controls button.plyr__control:hover,
.isermons .plyr.plyr--full-ui .plyr__controls button.plyr__control.plyr__tab-focus,
.isermons .plyr.plyr--full-ui .plyr__controls button.plyr__control[aria-expanded=true] {
    background-color: var(--isermons-plyr-control-background-hover, var(--isermons-plyr-control-background, var(--plyr-color-main, #007f7b))) !important;
    color: #fff !important;
}

.isermons .plyr.plyr--full-ui button.plyr__control--overlaid {
    align-items: center !important;
    background: none !important;
    border-radius: 100% !important;
    color: #fff !important;
    display: flex !important;
    justify-content: center !important;
    padding: calc(var(--plyr-control-spacing, 10px) * 1.5) !important;
}

.isermons .plyr.plyr--full-ui .plyr__menu__container button.plyr__control {
    background: transparent !important;
    border-radius: 0 !important;
    color: var(--plyr-menu-color, #4a5464) !important;
    display: flex !important;
    font-size: var(--plyr-font-size-menu, var(--plyr-font-size-small, 13px)) !important;
    font-weight: var(--plyr-font-weight-regular, 400) !important;
    height: auto !important;
    margin: 0 !important;
    min-height: 30px !important;
    padding: 0 !important;
    text-align: left !important;
    width: auto !important;
}

.isermons .plyr.plyr--full-ui .plyr__menu__container button.plyr__control:hover,
.isermons .plyr.plyr--full-ui .plyr__menu__container button.plyr__control.plyr__tab-focus {
    background: transparent !important;
    color: var(--plyr-menu-color, #4a5464) !important;
}

.isermons .plyr.plyr--full-ui input[type=range] {
    -webkit-appearance: none !important;
    appearance: none !important;
    background: transparent !important;
    border: 0 !important;
    border-radius: calc(var(--plyr-range-thumb-height, 13px) * 2) !important;
    box-shadow: none !important;
    color: var(--isermons-plyr-accent, var(--plyr-range-fill-background, var(--plyr-color-main, #007f7b))) !important;
    display: block !important;
    height: calc((var(--plyr-range-thumb-active-shadow-width, 3px) * 2) + var(--plyr-range-thumb-height, 13px)) !important;
    line-height: normal !important;
    margin: 0 !important;
    min-height: 0 !important;
    min-width: 0 !important;
    outline: 0;
    padding: 0 !important;
    width: 100% !important;
}

.isermons .plyr.plyr--full-ui .plyr__progress input[type=range] {
    margin-left: calc(var(--plyr-range-thumb-height, 13px) * -.5) !important;
    margin-right: calc(var(--plyr-range-thumb-height, 13px) * -.5) !important;
    width: calc(100% + var(--plyr-range-thumb-height, 13px)) !important;
}

.isermons .plyr.plyr--full-ui .plyr__volume input[type=range] {
    margin-left: calc(var(--plyr-control-spacing, 10px) / 2) !important;
    margin-right: calc(var(--plyr-control-spacing, 10px) / 2) !important;
}

.isermons .plyr.plyr--full-ui input[type=range]::-webkit-slider-runnable-track {
    background-color: transparent !important;
    background-image: linear-gradient(to right, currentColor var(--value, 0), transparent var(--value, 0)) !important;
    border: 0 !important;
    border-radius: calc(var(--plyr-range-track-height, 5px) / 2) !important;
    box-shadow: none !important;
    height: var(--plyr-range-track-height, 5px) !important;
}

.isermons .plyr.plyr--full-ui.plyr--audio input[type=range]::-webkit-slider-runnable-track {
    background-color: var(--plyr-audio-range-track-background, var(--plyr-audio-progress-buffered-background, rgba(193, 200, 209, .6))) !important;
}

.isermons .plyr.plyr--full-ui.plyr--video input[type=range]::-webkit-slider-runnable-track {
    background-color: var(--plyr-video-range-track-background, var(--plyr-video-progress-buffered-background, rgba(255, 255, 255, .25))) !important;
}

.isermons .plyr.plyr--full-ui input[type=range]::-webkit-slider-thumb {
    -webkit-appearance: none !important;
    background: var(--plyr-range-thumb-background, #fff) !important;
    border: 0 !important;
    border-radius: 100% !important;
    box-shadow: var(--plyr-range-thumb-shadow, 0 1px 1px rgba(35, 40, 47, .15), 0 0 0 1px rgba(35, 40, 47, .2)) !important;
    height: var(--plyr-range-thumb-height, 13px) !important;
    margin-top: calc(((var(--plyr-range-thumb-height, 13px) - var(--plyr-range-track-height, 5px)) / 2) * -1) !important;
    width: var(--plyr-range-thumb-height, 13px) !important;
}

.isermons .plyr.plyr--full-ui input[type=range]::-moz-range-track {
    background-color: transparent !important;
    border: 0 !important;
    border-radius: calc(var(--plyr-range-track-height, 5px) / 2) !important;
    box-shadow: none !important;
    height: var(--plyr-range-track-height, 5px) !important;
}

.isermons .plyr.plyr--full-ui.plyr--audio input[type=range]::-moz-range-track {
    background-color: var(--plyr-audio-range-track-background, var(--plyr-audio-progress-buffered-background, rgba(193, 200, 209, .6))) !important;
}

.isermons .plyr.plyr--full-ui.plyr--video input[type=range]::-moz-range-track {
    background-color: var(--plyr-video-range-track-background, var(--plyr-video-progress-buffered-background, rgba(255, 255, 255, .25))) !important;
}

.isermons .plyr.plyr--full-ui input[type=range]::-moz-range-progress {
    background: currentColor !important;
    border-radius: calc(var(--plyr-range-track-height, 5px) / 2) !important;
    height: var(--plyr-range-track-height, 5px) !important;
}

.isermons .plyr.plyr--full-ui input[type=range]::-moz-range-thumb {
    background: var(--plyr-range-thumb-background, #fff) !important;
    border: 0 !important;
    border-radius: 100% !important;
    box-shadow: var(--plyr-range-thumb-shadow, 0 1px 1px rgba(35, 40, 47, .15), 0 0 0 1px rgba(35, 40, 47, .2)) !important;
    height: var(--plyr-range-thumb-height, 13px) !important;
    width: var(--plyr-range-thumb-height, 13px) !important;
}

.isermons .plyr.plyr--full-ui input[type=range]::-ms-track {
    background: transparent !important;
    border: 0 !important;
    border-radius: calc(var(--plyr-range-track-height, 5px) / 2) !important;
    box-shadow: none !important;
    color: transparent !important;
    height: var(--plyr-range-track-height, 5px) !important;
}

.isermons .plyr.plyr--full-ui input[type=range]::-ms-fill-lower {
    background: currentColor !important;
    border: 0 !important;
    border-radius: calc(var(--plyr-range-track-height, 5px) / 2) !important;
}

.isermons .plyr.plyr--full-ui input[type=range]::-ms-fill-upper {
    background: transparent !important;
    border: 0 !important;
    border-radius: calc(var(--plyr-range-track-height, 5px) / 2) !important;
}

.isermons .plyr.plyr--full-ui input[type=range]::-ms-thumb {
    background: var(--plyr-range-thumb-background, #fff) !important;
    border: 0 !important;
    border-radius: 100% !important;
    box-shadow: var(--plyr-range-thumb-shadow, 0 1px 1px rgba(35, 40, 47, .15), 0 0 0 1px rgba(35, 40, 47, .2)) !important;
    height: var(--plyr-range-thumb-height, 13px) !important;
    width: var(--plyr-range-thumb-height, 13px) !important;
}