/******************************************************************************\
|                                                                              |
|                                  custom.scss                                 |
|                                                                              |
|******************************************************************************|
|                                                                              |
|        This defines various CSS styles used in this application.             |
|                                                                              |
|        Author(s): Abe Megahed                                                |
|                                                                              |
|        This file is subject to the terms and conditions defined in           |
|        'LICENSE.txt', which is part of this source code distribution.        |
|                                                                              |
|******************************************************************************|
|        Copyright (C) 2016-2024, Megahed Labs LLC, www.sharedigm.com          |
\******************************************************************************/

@keyframes animated-background {
	0% {
		background-position-x: 0;
	}

	100% {
		background-position-x: 2688px;
	}
}

.page {
	.banner, 
	.carousel-cell .background,
	.footer {
		animation-name: animated-background;
		animation-duration: 300s;
		animation-timing-function: linear;
		animation-iteration-count: infinite;
		animation-play-state: paused;
	}
}

body.animated {
	.page {
		.banner, 
		.carousel-cell .background,
		.footer {
			animation-play-state: running;
		}
	}
}

/*
 * responsive styles
 */

@media (max-width: 640px) {
	.page {
		.footer .info {
			background-size: cover !important;	
		}	
	}
}