/* ----- Hover Effects ----- */

.button,
#header #nav-toggle span::before,
#header #nav-toggle span::after,
#header-wrap a,
#header-wrap button,
#title-wrap a,
#content a,
#footer a {
	-webkit-transition: all 0.3s ease;
	-moz-transition: all 0.3s ease;
	-ms-transition: all 0.3s ease;
	-o-transition: all 0.3s ease;
	transition: all 0.3s ease;
}

/* ----- Effects ----- */

/* Fade In */

@-webkit-keyframes fadeIn {
    0% {opacity:0.01;}
    100% {opacity:1;}
}
@-moz-keyframes fadeIn {
    0% {opacity:0.01;}
    100% {opacity:1;}
}
@-o-keyframes fadeIn {
    0% {opacity:0.01;}
    100% {opacity:1;}
}
@keyframes fadeIn {
    0% {opacity:0.01;}
    100% {opacity:1;}
}

/* Fade Out */

@-webkit-keyframes fadeOut {
    0% {opacity:1;}
    100% {opacity:0.1;}
}
@-moz-keyframes fadeOut {
    0% {opacity:1;}
    100% {opacity:0.1;}
}
@-o-keyframes fadeOut {
    0% {opacity:1;}
    100% {opacity:0.1;}
}
@keyframes fadeOut {
    0% {opacity:1;}
    100% {opacity:0.1;}
}