/******************************************************************************\
|                                                                              |
|                                  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: 1000px;
	}
}

.page {
	.banner, 
	.footer {
		animation-name: animated-background;
		animation-duration: 5s;
		animation-timing-function: linear;
		animation-iteration-count: infinite;
		animation-play-state: paused;
		/* animation-direction: reverse; */
		background-size: 1000px 100% !important;
	}
}

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

/*
 * responsive styles
 */

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