/* Scroll-triggered fade up (used with Waypoints in js/site.js). */

.animate {
	opacity: 0;
}

.animate.fade-in-from-bottom {
	transform: translate3d(0, 36px, 0);
	transition: opacity 0.65s ease, transform 0.65s ease;
	will-change: opacity, transform;
}

.animate.fade-in-from-bottom.animated {
	opacity: 1;
	transform: translate3d(0, 0, 0);
}

@media (prefers-reduced-motion: reduce) {
	.animate {
		opacity: 1;
		transform: none;
		transition: none;
	}
}

/* Phones / mobile nav breakpoint: show content immediately, no scroll fade. */
@media (max-width: 1000px) {
	.animate,
	.animate.fade-in-from-bottom {
		opacity: 1 !important;
		transform: none !important;
		transition: none !important;
	}
}