/* Animations */
.revealing-wrapper .active .icon-wrapper svg {
  transform: rotate(-90deg);
  transition:  transform 0.5s;
}
.revealing-wrapper .icon-wrapper svg {
  transform: rotate(90deg);
  transition:  transform 0.5s;
}
.revealing-wrapper .revealing-title {
  cursor: pointer;
}
.revealing-wrapper #grow {
  -moz-transition: height .5s;
  -ms-transition: height .5s;
  -o-transition: height .5s;
  -webkit-transition: height .5s;
  transition: height .5s;
  height: 0;
  overflow: hidden;
}

/* Fade */
.fade-parent .fade-child.visible {
  opacity: 1 !important;
  transition: transform 0.6s ease, opacity 0.6s ease;
}
.fade-parent .fade-child.from-bottom {
  opacity: 0;
  transform: translateY(50px);
}
.fade-parent .fade-child.from-bottom.visible {
  transform: translateY(0);
}
.fade-parent .fade-child.from-top {
  opacity: 0;
  transform: translateY(-50px);
}
.fade-parent .fade-child.from-top.visible {
  transform: translateY(0);
}
.fade-parent .fade-child.from-right {
  opacity: 0;
  transform: translateX(50vw);
}
.fade-parent .fade-child.from-right.visible {
  transform: translateX(0);
}
.fade-parent .fade-child.from-left {
  opacity: 0;
  transform: translateX(-50vw);
}
.fade-parent .fade-child.from-left.visible {
  transform: translateX(0);
}

/* Effects */
.vertical-bounce {
  animation: vertical_bounce 2s ease 1s infinite;
}
@keyframes vertical_bounce {
    60% { transform:translateY(0%); }
    71% { transform:translateY(-20%); }
    79% { transform:translateY(0%); }
    85% { transform:translateY(-10%); }
    91% { transform:translateY(0%); }
    95% { transform:translateY(-6%); }
    97% { transform:translateY(0%); }
    99% { transform:translateY(-3%); }
    100% { transform:translateY(0); }
}
