.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;
}