.custom-s-block-animated-steps {
	position: relative;
	margin: 0;
	height: 6em;
}

/* strecth to edge of viewport on full-width page */
.page-template-page-full-width .site-main > article > .entry-content > .custom-s-block-animated-steps {
	margin: 0 -1rem;
}

.custom-s-animated-steps-container .custom-s-animated-steps-step {
	height: 0;
	transition: height .7s 0s ease;
}
.custom-s-animated-steps-container .custom-s-animated-steps-step-2 {
	transition: height .7s .8s ease;
}

.custom-s-animate-steps .custom-s-animated-steps-container .custom-s-animated-steps-step {
	height: 3em;
}

/* direction */
.custom-s-animated-steps-ltr .custom-s-animated-steps-container .custom-s-animated-steps-step {
	margin-left: 33%;
}
.custom-s-animated-steps-ltr .custom-s-animated-steps-container .custom-s-animated-steps-step-2 {
	margin-left: 66%;
}
.custom-s-animated-steps-rtl .custom-s-animated-steps-container .custom-s-animated-steps-step {
	width: 66%;
}
.custom-s-animated-steps-rtl .custom-s-animated-steps-container .custom-s-animated-steps-step-2 {
	width: 33%;
}

/* colors */
.custom-s-block-animated-steps.has-primary-color .custom-s-animated-steps-container .custom-s-animated-steps-step {
	background-color: var(--custom-s--color--primary, #008AB7);
}
.custom-s-block-animated-steps.has-secondary-color .custom-s-animated-steps-container .custom-s-animated-steps-step {
	background-color: var(--custom-s--color--secondary, #ACB75A);
}
.custom-s-block-animated-steps.has-tertiary-color .custom-s-animated-steps-container .custom-s-animated-steps-step {
	background-color: var(--custom-s--color--tertiary, #183F4C);
}
.custom-s-block-animated-steps.has-highlight-color .custom-s-animated-steps-container .custom-s-animated-steps-step {
	background-color: var(--custom-s--color--highlight, #D1D7A3);
}
.custom-s-block-animated-steps.has-background-light-color .custom-s-animated-steps-container .custom-s-animated-steps-step {
	background-color: var(--custom-s--color--bg-light, #f3f2f2);
}
.custom-s-block-animated-steps.has-background-dark-color .custom-s-animated-steps-container .custom-s-animated-steps-step {
	background-color: var(--custom-s--color--bg-dark, #000000);
}
.custom-s-block-animated-steps.has-text-light-color .custom-s-animated-steps-container .custom-s-animated-steps-step {
	background-color: var(--custom-s--color--text-light, #ffffff);
}
.custom-s-block-animated-steps.has-text-dark-color .custom-s-animated-steps-container .custom-s-animated-steps-step {
	background-color: var(--custom-s--color--text-dark, #626161);
}