/* =============================================================================
   Morbotron Theme
   =============================================================================
   #13212A		// App Background - Default 	// Black Pearl
   #16586F		// App Background - Gradient 	// Orient
   #131B2A		// Header Background 			// Black Pearl
   #FBE301		// Controls & Current Item 		// Golden Yellow
   #FEEA31		// Hover 						// Gorse
   #080E12		// Dark Border
   ========================================================================== */

@font-face {
    font-family: "frbold";
    src: url("/platform/fonts/fr-bold.ttf");
}

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

body {
    background-color: #13212A; /* Fallback color if gradients are not supported */
    background-image: -webkit-linear-gradient(top, hsl(203, 38%, 12%), #16586F); /*Chrome 25, Safari 6, iOS 6.1, Android 4.3 */
    background-image:    -moz-linear-gradient(top, hsl(203, 38%, 12%), #16586F); /* Firefox (3.6 - 15) */
    background-image:      -o-linear-gradient(top, hsl(203, 38%, 12%), #16586F); /* Opera (11.1 to 12.0) */
    background-image:         linear-gradient(to bottom, hsl(203, 38%, 12%), #16586F); /* Standard syntax; must be last */
}


header {
    background-color: #13212A;
    border-bottom: 1px solid #080E12;
    box-shadow: 0 1px 0 0 rgba(0,0,0,.05),0 2px 4px 0 rgba(0,0,0,.06);
}

button {
    border: 1px solid #FBE301;
}

button:hover:enabled {
    background-color: #FBE301;
    color: #13212A;
}

label {
    color: #DFE1E4;
}

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

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

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

a, .back, button, .share-button a {
    color: #FBE301;
}

a:hover {
    color: #FEEA31;
}

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

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

.empty-container img {
    height: auto;
    width: 60%;
}

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