/* H09 Footer Hero */
#footer-group {
	width: 100%;
	height: 650px;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;  
	margin:0;
}

#footer-group .footer-top {
	width:100%;
	height: inherit;
	display: flex;
	flex-flow: column;
	justify-content: center;
	overflow: hidden;
	position: relative;
	background-repeat:no-repeat;
	background-size: cover;
	background-position: 50% 50%;
}

#footer-group .gradient {
	height: 100%;
	width: 100%;
	background-color: rgb(0,0,0);
	background: linear-gradient(90deg, rgba(0,0,0,.88) 10%, rgba(21,88,45,.3) 38%, rgba(21,88,45,0) 50%);
	z-index: 1;
	position: absolute;
}

#footer-group .blur {
	height: 100%;
	width: 42%;
	backdrop-filter: blur(2px);
	z-index: 20;
	position: absolute;
}


#footer-group .component-header {
	padding-block: 1rem 8rem;
	padding-inline: 5%;
	z-index: 20;
}

#footer-group .component-header h3 {
	font-family: var(--font-heading);
	color: #FFFFFF;
	font-weight: 300;
	text-transform: uppercase;
	margin-bottom: 18px;
	font-size: 2.5rem;
	text-align: left;
}

#footer-group h3 span {
	font-family: var(--font-heading);
	color: #CED54A;
	font-weight: bold;
}

#footer-group .component-header p {
	max-width: 800px;
	font-family: var(--font-copy);
	color: #FFFFFF;
	font-size: 1.1rem;
	margin: 0 0 30px 0;
	padding: 0;
	line-height: 1.8;
	text-align: left;
}


#footer-group .link-list {
	width: 100%;
	gap: 30px;
	margin-top: 40px;
	display: flex;
	flex-flow: row wrap;
	justify-content: flex-start;
	align-items: center;
}

@media (max-width: 1650px) {
	#footer-group .footer-top {
		background-size: 100%;
	}

	#footer-group .gradient {
		background: linear-gradient(90deg, rgba(0,0,0,.88) 10%, rgba(21,88,45,.3) 38%, rgba(21,88,45,0) 50%);
	}

	#footer-group .link-list {
		gap: 15px;
	}
}

@media (max-width: 1200px) {
	#footer-group .gradient {
		background: linear-gradient(90deg, rgba(0,0,0,.7) 27%, rgba(21,88,45,.3) 45%, rgba(21,88,45,0) 70%);
	}

	#footer-group .blur {
		width: 100%;
		backdrop-filter: blur(4px);
	}

	#footer-group .link-list {
		width: 95%;
		margin-top: 50px;
	}  
}
@media (max-width: 975px) {
	#footer-group .footer-top {
		background-size: 150%;
		background-position: 20% 60%;
	}

	#footer-group .component-header h3 {
		margin-bottom: 30px;
		text-align: center;
	}

	#footer-group .component-header p {
		line-height: 1.9;
		text-align: center;
		margin-inline: auto;
	}

	#footer-group .gradient {
		background: linear-gradient(90deg, rgba(0,0,0,.85) 25%, rgba(21,88,45,.3) 60%, rgba(21,88,45,0) 80%);
	}

	#footer-group .link-list {
		gap: 15px;
		flex-flow: column nowrap;
	}   
}

@media (max-width: 787px) {
	#footer-group .footer-top {
		background-size: 150%;
		background-position: 80% 0%;
		align-items: center;
	}

	#footer-group .gradient {
		width: 100%;
		background: linear-gradient(180deg, rgba(0,0,0,.8) 10%, rgba(21,88,45,.2) 50%, rgba(21,88,45,0) 70%);
	}

	#footer-group .component-header h3 {
		margin-bottom: 20px;
	}

	#footer-group .component-header p {
		line-height: 1.5;
	}

	#footer-group .link-list {
		width: 95%;
		margin-top: 20px;
	}
}

@media (max-width: 600px){
	#footer-group .footer-top {
		background-size: cover;
		background-position: 50% 0%;
	}

	#footer-group .gradient {
		background: linear-gradient(180deg, rgba(0,0,0,.8) 15%, rgba(21,88,45,.2) 37%, rgba(21,88,45,0) 55%);
	}

	#footer-group .link-list {
		flex-flow: column;
		left: 10%;
		margin: 50px 0 0 0;
	} 
}
/* End H09 Footer Hero */