/*------------------------------------*\
  $TRUMPS
\*------------------------------------*/

.float-left {
  float: left;
}

.float-right {
  float: right;
}

.hide {
  display: none;
}

.overlay {
  @include position(fixed, 0, 0, 0, 0);
  display: none;
  background-color: rgba(#000, 0.5);
  animation-name: fade-in;
  animation-duration: .4s;

  &.is-visible {
    display: inherit;
  }
}


@keyframes fade-in {
  from {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}