/**
 *
 *  General Effects
 *
**/

.effect-fade-0,
.effect-fade-out  { opacity: 0.0; }

.effect-fade-10   { opacity: 0.1; }
.effect-fade-20   { opacity: 0.2; }
.effect-fade-30   { opacity: 0.3; }
.effect-fade-40   { opacity: 0.4; }
.effect-fade-50   { opacity: 0.5; }
.effect-fade-60   { opacity: 0.6; }
.effect-fade-70   { opacity: 0.7; }
.effect-fade-80   { opacity: 0.8; }
.effect-fade-90   { opacity: 0.9; }

.effect-fade-100,
.effect-fade-in   { opacity: 1.0; }


/**
 *
 *  Specific Effects
 *
**/

.effect-topglow-right {
  left: 100%;
  margin-left: -104px;
}



main.home #spotlight .effect-spotlight-out {
  opacity: 0.0;
  transform: translateX(16px);
  transition: opacity 0.8s, transform 0.8s;
}

main.home #spotlight .effect-spotlight-in {
  opacity: 1.0;
  transform: translateX(0);
  transition: opacity 0.8s, transform 0.8s;
}