/* Animation CSS
---------------------------------------------------------------------------- */
.anim {
  opacity: 0;
  transform: translate(0, 10vh);
}

.anim.a-rdy{
	transition: all 1s;
}
.anim.visible {
  opacity: 1;
  transform: translate(0, 0);
}

.flexible-grid.card-grid.anim {
	opacity: 1;
	transform: unset;
	& .card-col {
		opacity: 0;
		transform: translate(0, 10vh);
		transition: all 1s;
		transition-delay: var(--anim-delay, 0ms);
	}
	&.visible .card-col {
		opacity: 1;
		transform: none;
	}
}

.flexible-content-w-media.anim {
	opacity: 1;
	transform: unset;
	& .content-col {
		opacity: 0;
		transform: translate(0, 10vh);
		transition: all 1s;
	}
	& .media-col {
		opacity: 0;
		transition: all 1s;
		transition-delay: 300ms;
	}
	&.media-right .media-col {
		transform: translate(10vh, 0);
	}
	&.media-left .media-col {
		transform: translate(-10vh, 0);
	}
	&.visible {
		& .content-col, .media-col {
			opacity: 1;
			transform: none;
		}
	}
}

/* Disable Animations at 600px */
@media only screen and (max-width:600px) {
	.anim {
		opacity: unset;
		transform: unset;
	}
	.anim.a-rdy {
		transition: unset;
	}
	.anim.visible {
		opacity: unset;
		transform: unset;
	}
	.flexible-grid.card-grid.anim .card-col {
		opacity: unset;
		transform: unset;
		transition: unset;
	}
}