/**
 * Animation Classes
 *
 * @project Paterson James
 * @package Paterson James\Theme\CSS
 * @version 1.0.0
 * @since 1.0.0
 * @author Chris Tyler
 * @copyright 2014
 * @license Proprietary
 */

/**
 * -------------------------
 * @section Animations
 * -------------------------
 */

/**
 * @subsection Fade
 */

/**
 * Fade-Out
 */

.fade {
    -webkit-animation-duration: .2s;
    -webkit-animation-name: fade-out;
    visibility: hidden;
}

@-webkit-keyframes fade-out {
    0% {
        opacity: 1;
        visibility: visible;
    }
    100% {
        opacity: 0;
        visibility: hidden;
    }
}

/**
 * Fade-In
 */

.fade.in {
    -webkit-animation-name: fade-in;
    visibility: visible;
}

@-webkit-keyframes fade-in {
    0% {
        opacity: 0;
        visiblity: hidden;
    }
    100% {
        opacity: 1;
        visiblity: visible;
    }
}