/* =============================================================================
   MOAS Theme
   =============================================================================
   #DAC9BD		// App Background           // RickTone
   #A1D6F0		// Header Background        // RickHair
   #C3E1B6		// Controls                 // RickBurp
   #ACFCDC		// Current Item             // RickRadioactive
   #000000		// Border                   // RickNoir
   ========================================================================== */

@font-face {
    font-family: "Gochi Hand";
    src: url("/platform/fonts/GochiHand-Regular.ttf");
}

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

body {
    background-color: #DAC9BD;
    color: #000000;
}

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

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

button {
    background-color: #C3E1B6;
    border: 1px solid #000000;
}

button:hover:enabled {
    background-color: #AFEBAF;
    color: #000000;
}

label {
    color: #000000;
}

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

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

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

.faq a {
    text-decoration: underline;
    -webkit-text-decoration-color: #7ED403;
    text-decoration-color: #7ED403;
}

.share-button a {
    color: #C3E1B6;
}

a:hover {
    color: #AFEBAF;
}

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

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

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

.share-button:hover a {
    color: #AFEBAF;
    text-shadow: 0px 0px 4px rgba(175,235,175, 0.8);
}

.faq-link img:hover {
    -webkit-filter: drop-shadow( 0px 0px 16px rgba(174,252,64, 0.8) );
    filter: drop-shadow( 0px 0px 16px rgba(174,252,64, 0.8) );
}

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

@keyframes load {
  0% {
    background: #C3E1B6;
    margin-top: 25%;
    height: 10%;
  }
  50% {
    background: #ACFCDC;
    height: 100%;
    margin-top: 0%;
  }
  100% {
    background: #C3E1B6;
    height: 10%;
    margin-top: 25%;
  }
}
@-webkit-keyframes load {
  0% {
    background: #C3E1B6;
    margin-top: 25%;
    height: 10%;
  }
  50% {
    background: #ACFCDC;
    height: 100%;
    margin-top: 0%;
  }
  100% {
    background: #C3E1B6;
    height: 10%;
    margin-top: 25%;
  }
}