:root {
    --freensfwtube-gold: #D7AD33;
}

/* =========================================================
   RETROTUBE / SITE TEXT
   ========================================================= */

body,
body p,
body span,
body div,
body li,
body td,
body th,
body label,
body legend,
body figcaption,
body small,
body strong,
body em,
body b,
body i,
body h1,
body h2,
body h3,
body h4,
body h5,
body h6,
body dt,
body dd,
body blockquote,
body .entry-title,
body .page-title,
body .widget-title,
body .site-title,
body .site-description,
body .menu-item,
body .nav-menu,
body .breadcrumb,
body .pagination,
body .comment-content {
    color: var(--freensfwtube-gold) !important;
}

/* Links */
body a,
body a:visited,
body a:hover,
body a:focus,
body a:active {
    color: var(--freensfwtube-gold) !important;
}

/* Forms / buttons */
body input,
body textarea,
body select,
body button,
body option,
body optgroup,
body input[type="submit"],
body input[type="button"],
body input[type="reset"] {
    color: var(--freensfwtube-gold) !important;
}

/* Placeholder text */
body ::placeholder {
    color: var(--freensfwtube-gold) !important;
    opacity: 1 !important;
}

/* =========================================================
   VIDEO PLAYER
   Targets common HTML5/custom-player controls without
   recoloring the actual video or thumbnail image.
   ========================================================= */

video + *,
.video-player *,
.video-player-container *,
.video-js *,
.vjs-control *,
.vjs-control-bar *,
.vjs-menu *,
.vjs-menu-item *,
.vjs-big-play-button *,
.mejs-container *,
.mejs-controls *,
.mejs-controls *,
.plyr *,
.plyr__controls *,
.plyr__menu *,
.wp-video *,
.wp-video * {
    color: var(--freensfwtube-gold) !important;
}

/* Common player buttons / labels */
.video-player button,
.video-player .button,
.video-player .control,
.video-player .controls,
.video-player .control-label,
.video-player .time,
.video-player .duration,
.video-player .current-time,
.video-player .remaining-time,
.video-player .volume,
.video-player .quality,
.video-player .settings,
.video-player .fullscreen,
.video-player .play,
.video-player .pause,
.vjs-control,
.vjs-menu-item,
.vjs-time-control,
.mejs-button,
.mejs-time,
.mejs-time-total,
.mejs-currenttime,
.mejs-duration,
.plyr__control,
.plyr__time,
.plyr__menu__container {
    color: var(--freensfwtube-gold) !important;
}

/* SVG/icon controls used by many custom players */
.video-player svg,
.video-player svg *,
.video-js svg,
.video-js svg *,
.mejs-container svg,
.mejs-container svg *,
.plyr svg,
.plyr svg *,
.wp-video svg,
.wp-video svg * {
    color: var(--freensfwtube-gold) !important;
    fill: currentColor !important;
    stroke: currentColor !important;
}

/* HTML5/native control accent */
video {
    accent-color: var(--freensfwtube-gold) !important;
}

/* =========================================================
   DO NOT ALTER MEDIA
   ========================================================= */

img,
picture,
source,
canvas,
video {
    color: initial !important;
}

/*
 * IMPORTANT:
 * If your custom player uses different class names, those
 * selectors can be added here without changing PHP.
 */