/**
 * File: html5-video-player.css
 * Purpose: Customizes the color styling of the HTML5 Video Player plugin (Plyr.js).
 * Usage: Overrides default button hover and focus styles.
 * Dependencies: HTML5 Video Player plugin using Plyr.js
 *
 Note: Not currently in use on this site — retained for possible future activation.
 */


/* -------------------------- */
/* ---- Scoped Variables ---- */
/* -------------------------- */

/* No variables were set here and this is currently not in use. Leaving this as a 
 * placeholder for whenever it is revisited or enabled. */


/* -------------------------- */


.plyr__control--overlaid, .plyr__control--overlaid:hover{
    background-color:#3b694e !important;
}

.plyr--video .plyr__control:focus-visible, .plyr--video .plyr__control:hover, .plyr--video .plyr__control[aria-expanded=true] {
    background: #3b694e;
}