/*---------------------------------------------------------------------------*\
	#Site-Footer
\*---------------------------------------------------------------------------*/

.site-footer {
	font-size: 1.4rem;
}


.site-footer__content {
	background: var( --wp--preset--color--ir-tertiary-green );
	background-image: var( --wp--preset--gradient--ir-darker-to-brighter-tertiary-green );
	color: #fff;
	font-size: 1.4rem;
	padding: 2.5rem 2rem 2rem;
}

	.site-footer__content::after {
		content: '';
		position: absolute;
		background: #fff;
		opacity: .4;
		height: .5rem;
		width: 100%;
		top: 0;
		left: 0;
		mix-blend-mode: soft-light;
	}


@media screen and ( max-width: 22.5em ) {

	.site-footer__content {
		padding: 1.5rem 1rem 1rem;
	}
    
}