/**
 * Styles for the home page
 *
 * body_class: home
 *
 * @author      Jim Mock
 * @copyright   2024, ON1
 */

body.home,
body.home.bg-dark,
body.home #site-header.bg-dark-accent,
body.home #site-footer.bg-dark-accent {
	background: #040f1d !important;
}

/*------------------------------------------------------------------------------
 * Hero
 -----------------------------------------------------------------------------*/
body.home #hero {
	background: url(https://ononesoft.cachefly.net/images/home/hero-bg-2025-announce@2x.jpg) bottom center no-repeat;
	background-size: cover;
	width: 100%;
}

@media (max-width: 575.98px) {
	body.home #hero {
		background: url(https://ononesoft.cachefly.net/images/home/hero-bg-2025-announce.jpg) bottom center no-repeat;
		background-size: cover;
		width: 100%;
	}
}

body.home #hero h2 {
	color: #fff;
	font-size: 3rem;
	font-weight: 900;
	line-height: 1.2;
	margin-bottom: 1rem;
}

body.home #hero h3 {
	color: #fff;
	font-weight: 400;
	font-size: 2.5rem;
	line-height: 1.2;
	margin-bottom: 1rem;
}

body.home #hero .fa-brands {
	color: var(--brand-blue);
	font-size: 2rem;
}

body.home #hero .btn.btn-wide.rounded-pill {
	font-size: 1.25rem;
	font-weight: 500;
}

/*------------------------------------------------------------------------------
 * Content
 -----------------------------------------------------------------------------*/
body.home #site-main h1,
body.home #site-main h2,
body.home #site-main h3,
body.home #site-main h4 {
	font-family: 'GilroyExtraBold';
}

body.home h2,
body.home .headline {
	font-family: 'GilroyExtraBold';
	font-size: 2rem;
	margin-bottom: 1.5rem;
}

body.home a {
	font-weight: 500;
	text-decoration: none;
}

body.home #site-main a.text-link {
	border-bottom: 1px solid #c2dfff;
	color: #c2dfff;
}

body.home p {
	margin-bottom: 1.5rem;
}

body.home p:last-child {
	margin-bottom: 0;
}

body.home #site-main {
	color: #fff;
}

body.home #site-main .text-light {
	color: #ededed !important;
}

body.home #site-main .fw-bolder {
	font-weight: 900 !important;
}

body.home .bg-pink {
	background: #ee19a9 !important;
}

body.home .bg-orange {
	background: #ff4f37 !important;
}

body.home .text-pink {
	color: #ee19a9 !important;
}

body.home .text-orange {
	color: #ff4f37 !important;
}

body.home .text-blue-pink-gradient {
	background: linear-gradient(to right, #009ad8 40%, #ee19a9 70%);
	color: #009ad8;
	-webkit-background-clip: text;
	-webkit-text-fill-color: transparent;
}

body.home .burst {
	background: linear-gradient(#040f1d, #040f1d) padding-box, linear-gradient(to right, #009ad8 0%, #ee19a9 89%) border-box;
	border-radius: 50em;
	border: 2px solid transparent;
	padding: 0.313rem 1rem;
}

body.home .burst span {
	background: linear-gradient(to right, #009ad8 0%, #ee19a9 89%);
	color: #ee19a9;
	font-weight: 900;
	-webkit-background-clip: text;
	-webkit-text-fill-color: transparent;
}