/**
 * Splash Styling
 *
 * Define UI styling for the splash screen
 *
 * @package    Nemo Framework
 * @author     Neonfire Development <webmaster@neonfire.co.za>
 * @copyright  2024 Neonfire Development
 * @version    1.00.00
 */

/* Main container */

#fw-splash {
	position: fixed;
	top: 0;
	bottom: 0;
	left: 0;
	right: 0;
	z-index: 9999;
}


/* Backdrop element */

#fw-splash .fw-splash-backdrop {
	position: absolute;
	top: 0;
	bottom: 0;
	left: 0;
	right: 0;
	background-color: #000;
}

#fw-splash .fw-splash-backdrop.fw-splash-dark {
	opacity: .8;
}

#fw-splash .fw-splash-backdrop.fw-splash-light {
	opacity: .1;
}


/* Inner wrapper elements */

#fw-splash .fw-splash-inner-wrapper {
	position: absolute;
	width: 100%;
}

#fw-splash .fw-splash-inner-wrapper.fw-splash-top {
	top: 0;
}

#fw-splash .fw-splash-inner-wrapper.fw-splash-center {
	top: 30%;
}

#fw-splash .fw-splash-inner-wrapper.fw-splash-bottom {
	bottom: 0px;
}


/* Animated indicator elements */

#fw-splash .fw-splash-indicator-container {
	margin: 10px 0;
}

#fw-splash .fw-splash-logo {
	position: absolute;
	top: 28px;
	margin-left: 1px;
	width: 100%;
	text-align: center;
}

#fw-splash .fw-splash-logo img {
	max-width: 48px;
	max-height: 48px;
}

#fw-splash .fw-splash-indicator {
	margin: auto;
	border-width: 8px;
	border-style: solid;
	border-color: #000;
	border-top-color: #fff;
	border-radius: 50%;
	width: 80px;
	height: 80px;
	animation: fw-splash-spinner 1s linear infinite;
}

@keyframes fw-splash-spinner {
	0% { transform: rotate(0deg); }
	100% { transform: rotate(360deg); }
}


/* Text elements */

#fw-splash .fw-splash-label {
	font-size: 26px;
	font-weight: bold;
	text-align: center;
	color: #fff;
	text-shadow:1px 1px 2px #333;
}

#fw-splash .fw-splash-detail {
	background-color: rgba(0, 0, 0, .3);
	font-size: 14px;
	text-align: center;
	color: #eee;
	padding: 6px;
	margin: 10px 0;
	text-shadow:1px 1px 1px #333;
}