/**
 * AOGM Animations
 *
 * @package AOGM
 */


.aogm-animate {
	will-change: opacity, transform;
	backface-visibility: hidden;
}

/*
|--------------------------------------------------------------------------
| Fade In
|--------------------------------------------------------------------------
*/

.fadeIn {
	animation: aogmFadeIn 0.8s ease both;
}

@keyframes aogmFadeIn {

	from {
		opacity: 0;
	}

	to {
		opacity: 1;
	}
}

/*
|--------------------------------------------------------------------------
| Fade In Up
|--------------------------------------------------------------------------
*/

.fadeInUp {
	animation: aogmFadeInUp 0.8s ease both;
}

@keyframes aogmFadeInUp {

	from {
		opacity: 0;
		transform: translateY(40px);
	}

	to {
		opacity: 1;
		transform: translateY(0);
	}
}

/*
|--------------------------------------------------------------------------
| Fade In Down
|--------------------------------------------------------------------------
*/

.fadeInDown {
	animation: aogmFadeInDown 0.8s ease both;
}

@keyframes aogmFadeInDown {

	from {
		opacity: 0;
		transform: translateY(-40px);
	}

	to {
		opacity: 1;
		transform: translateY(0);
	}
}

/*
|--------------------------------------------------------------------------
| Fade In Left
|--------------------------------------------------------------------------
*/

.fadeInLeft {
	animation: aogmFadeInLeft 0.8s ease both;
}

@keyframes aogmFadeInLeft {

	from {
		opacity: 0;
		transform: translateX(-40px);
	}

	to {
		opacity: 1;
		transform: translateX(0);
	}
}

/*
|--------------------------------------------------------------------------
| Fade In Right
|--------------------------------------------------------------------------
*/

.fadeInRight {
	animation: aogmFadeInRight 0.8s ease both;
}

@keyframes aogmFadeInRight {

	from {
		opacity: 0;
		transform: translateX(40px);
	}

	to {
		opacity: 1;
		transform: translateX(0);
	}
}

/*
|--------------------------------------------------------------------------
| Zoom In
|--------------------------------------------------------------------------
*/

.zoomIn {
	animation: aogmZoomIn 0.8s ease both;
}

@keyframes aogmZoomIn {

	from {
		opacity: 0;
		transform: scale(0.8);
	}

	to {
		opacity: 1;
		transform: scale(1);
	}
}

/*
|--------------------------------------------------------------------------
| Slide In Up
|--------------------------------------------------------------------------
*/

.slideInUp {
	animation: aogmSlideInUp 0.8s ease both;
}

@keyframes aogmSlideInUp {

	from {
		transform: translateY(100%);
		opacity: 0;
	}

	to {
		transform: translateY(0);
		opacity: 1;
	}
}