/* De band van Extra Elvis in de kleuren van extraelvisradio.nl — zwart, rood en goud.
   Overgenomen uit css/elvis-dark.css van de website, maar alleen de regels die over de kaarten
   gaan, en onder .jr-band.jr-elvis in plaats van onder .elvis-dark op de body. Zo verandert er
   niets aan de rest van de WordPress-pagina. */
.jr-band.jr-elvis {
  --kaart: #161616;
  --rand: #2a2a2a;
  --tekst: #ececec;
  --gedempt: #9b9b9b;
  --rood: #dc0a0a;
  --goud: #d8b45a;
}

.jr-band.jr-elvis .card { background: var(--kaart) !important; border: 1px solid var(--rand) !important; color: var(--tekst); }
.jr-band.jr-elvis .card h5 { color: var(--goud); }
.jr-band.jr-elvis .card .ep-stats,
.jr-band.jr-elvis .card .text-muted { color: var(--gedempt) !important; }
.jr-band.jr-elvis .card .episode-tekst { color: var(--gedempt); }
.jr-band.jr-elvis .card:hover { border-color: var(--rood) !important; }
.jr-band.jr-elvis .card:hover .card-body h5 { color: #fff; }

/* de afspeelknop en de punaise in het rood van Elvis */
.jr-band.jr-elvis .card .playericon { background-color: var(--rood) !important; }
.jr-band.jr-elvis .card .playericon:hover { background-color: #b30808 !important; }
.jr-band.jr-elvis .card .ep-pin.pinned { background: var(--rood); }

/* zoeken en sorteren */
.jr-band.jr-elvis .episodes-search { background: #141414; border-color: var(--rand); }
.jr-band.jr-elvis .episodes-search:focus-within { border-color: var(--rood); }
.jr-band.jr-elvis .episodes-search input { background: transparent; border: 0; color: var(--tekst); }
.jr-band.jr-elvis .episodes-search input::placeholder { color: #6f6f6f; }
.jr-band.jr-elvis .episodes-search i { color: var(--gedempt); }
.jr-band.jr-elvis .episodes-search button { background: #2a2a2a; color: var(--gedempt); border: 0; }
.jr-band.jr-elvis .episodes-search button:hover { background: var(--rood); color: #fff; }
.jr-band.jr-elvis .js-episodes-sortsel { background: #141414; border: 1px solid var(--rand); color: var(--tekst); }
.jr-band.jr-elvis .episodes-sort,
.jr-band.jr-elvis .episodes-sort label { color: var(--gedempt); }
.jr-band.jr-elvis .episodes-sort .pins-filter input { accent-color: var(--rood); }
.jr-band.jr-elvis .js-episodes-counter { color: var(--gedempt); }

/* de knop "Load more shows" */
.jr-band.jr-elvis .episodes-more button { background: transparent; border: 1px solid var(--rood); color: var(--tekst); }
.jr-band.jr-elvis .episodes-more button:hover { background: var(--rood); border-color: var(--rood); color: #fff; }