/* =============================================================================
   Frinkiac Theme
   =============================================================================
   #1E2430		// App Background 				// Jet
   #131B2A		// Header Background 			// Gunmetal
   #F7D629		// Controls & Current Item 		//Aureolin
   #F1F629		// Hover 						//Chartreuse Yellow
   #0A1120		// Dark Border
   #373E4A		// Light Border
   ========================================================================== */

@font-face {
   font-family: "Akbar";
   src: url("/https/frinkiac.com/platform/fonts/akbar.ttf");
}

.site-font {
    font-family: "Akbar";
}

button, .btn-text, h5, .loader span {
    font-family: "Akbar";
}

body {
    background-color: #1E2430;
    color: #FCFCFC;
}

header {
    background-color: #131B2A;
    border-bottom: 1px solid #0A1120;
    box-shadow: 0 1px 0 0 rgba(0,0,0,.05),0 2px 4px 0 rgba(0,0,0,.06);
}

button {
    border: 1px solid #F7D629;
}

button:hover:enabled {
    background-color: #F7D629;
    color: #1E2430;
}

label {
    color: #DFE1E4;
}

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

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

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

a, .back, button, .opener-button a {
    color: #F7D629;
}

a:hover {
    color: #F1F629;
}

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

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

.opener-button:hover a {
    color: #F1F629;
    text-shadow: 0px 0px 4px rgba(241,246,41, 0.8);
}

.faq-link img:hover {
    -webkit-filter: drop-shadow( 0px 0px 16px rgba(241,246,41, 0.8) );
    filter: drop-shadow( 0px 0px 16px rgba(241,246,41, 0.8) );
}

.glow img {
    -webkit-filter: drop-shadow( 0px 0px 16px rgba(255,255,26, 0.8) );
    filter: drop-shadow( 0px 0px 16px rgba(255,255,26, 0.8) );
}