/* =============================================================================
  Capital Beat Theme
  =============================================================================
  #142740		// App Background            	// Tangaroa
  #122237		// Header Background 			// Midnight Express
  #F8BD09		// Controls & Current Item 		// Golden Poppy
  #FFCC33		// Hover 						// Sun Glow
  #F8BD09		// Border                       // Golden Poppy
  ========================================================================== */

:root { --site-accent: #F8BD09; }

@font-face {
    font-family: "Cinzel-Bold";
    src: url("/platform/fonts/Cinzel-Bold.woff2") format("woff2");
}

button, .btn-text, h5, .loader span {
    font-family: "Cinzel", serif;
    font-weight: 600;
}

body {
    background-color: #142740;
    color: #FFFFFF;
}


header {
    background-color: #122237;
    border-bottom: 1px solid #F8BD09;
}

.logo img {
    text-shadow: 0 1px 0 0 rgba(0,0,0,.05),0 2px 4px 0 rgba(0,0,0,.06);
    max-width: 12em;
}

button {
    border: 1px solid #F8BD09;
}

button:hover:enabled {
    background-color: #F8BD09;
    color: #142740;
}

label {
    color: #000000;
}

.scene-subtitle, .episode-subtitle {
    border-top: 1px solid #5F697A;
}

.search-box {
    border: 2px solid #122237;
}

.search-box:focus {
    border: 2px solid #F8BD09;
}

.season-picker-btn {
    border: 2px solid #122237;
}

.season-picker-popover {
    background: #122237;
    border-color: #F8BD09;
}

.season-preset-btn--active,
.season-pill--selected {
    background: #F8BD09;
    color: #122237;
    border-color: #F8BD09;
}

.season-pill--in-range {
    background: rgba(248, 189, 9, 0.25);
    color: #F8BD09;
    border-color: rgba(248, 189, 9, 0.4);
}

a, .back, button {
    color: #F8BD09;
}

.opener-button a {
    color: #F8BD09;
}

a:hover {
    color: #FFCC33;
}

.gif-grid .frame.active, .loader span {
    background-color: #F8BD09;
}

.selected img {
    border: 2px solid #F8BD09;
}

.empty-container img {
    text-rendering: none;
    height: auto;
    width: 70%;
    margin: 1em;
    padding-bottom: 1em;
}

.opener-button:hover a {
    color: #FFCC33;
    text-shadow: 0px 0px 4px rgba(255,204,51, 0.8);
}

.faq-link img:hover {
    -webkit-filter: drop-shadow( 0px 0px 16px rgba(255,204,51, 0.4) );
    filter: drop-shadow( 0px 0px 16px rgba(255,204,51, 0.4) );
}

.glow img {
    -webkit-filter: none;
    filter: none;