.footer {
	.container {
		position: relative;
		z-index: 10;
	}
}

.footer-bg {
	position: absolute;
	z-index: 1;
	inset: 0;
	background-size: 388.5px 345px;
	background-repeat: repeat;
	background-position: center center;
	pointer-events: none;
}

.footer-cta {
	padding: $sp-lg-2 0;
}

.footer-top {
	padding: $sp-lg-2 0  $sp-lg-1;

	> .row {
		row-gap: $sp-6;
	}
}

// .footer-title {} // see menu-footer type columns

.footer-social {
	margin-left: -$sp-2;
	padding-left: $sp-5;
}

.footer-bottom {
	border-top: 1px solid rgba($co-base-1, 0.1);
	padding: $sp-7 0;
	display: flex;
	flex-direction: column;
	gap: $sp-3 $sp-5;
}

@include mediaQ(md) {
	.footer-bottom {
		flex-direction: row;
		align-items: center;
		justify-content: space-between;
		> div:first-child {
			order: 2;
		}
		> div:last-child {
			order: 1;
		}
	}
}