.footer {
	background-color: var(--Blue);
	display: flex;
	flex-direction: column;
	justify-content: flex-start;
	align-items: flex-start;
	gap: var(--Padding-XS, 1rem);
	color: white;
	a {
		font-size: 0.875rem;
		@media (min-width: 768px) {
			font-size: 1rem;
		}
		line-height: 100%;
		color: white !important;
		text-decoration: none;
		&:hover {
			text-decoration: underline;
		}
		&.parent {
			font-weight: 400;
			   font-variation-settings: 'wght' 760;
		}
	}
	.footer-main {
		padding-bottom: 2rem;
		nav {
			ul {
				list-style-type: none;
				padding: 0;
				margin: 0;
				display: flex;
				flex-direction: column;
				align-items: flex-start;
				ul {
					padding-top: 1rem;
					padding-left: 1rem;
					li:last-of-type {
						margin-bottom: 0;
					}
				}
			}
		}

		form {
			padding-top: 2rem;
			@media (min-width: 992px) {
				padding-top: 0;
			}
			width: 100%;
			display: flex;
			flex-direction: column;
			legend {
				color: white;
				padding-left: var(--Padding-S);
			}
			.input {
				position: relative;
				label {
					position: absolute;
					top: 50%;
					transform: translateY(-50%);
					left: var(--Padding-S);
					color: #747474;
					order: 1;
					transition: all 0.3s ease-in-out;
				}
				input[type=email] {
					border-radius: 4rem;
					background: white;
					padding: var(--Padding-M) var(--Padding-S) var(--Padding-XS) var(--Padding-S);
					border: none;
					width: 100%;
					order: 2;
				}
				input[type=email]:focus ~ label {
					top: 1.25rem;
					font-size: 0.875rem;
				}
				input[type=email]:not(:placeholder-shown) ~ label  {
					top: 1.25rem;
					font-size: 0.875rem;
				}
				button[type=submit] {
					position: absolute;
					right: var(--Padding-S);
					top: 50%;
					transform: translateY(-50%);
					border: 0;
					background: 0;
					width: 3.5rem;
					height: 3.5rem;
					border-radius: 999;
					img {
						width: 3.5rem;
					}
				}
			}
		}
	}

	.logos {
		display: flex;
		flex-direction: row;
		flex-wrap: wrap;
		align-items: center;
		justify-content: flex-start;
		padding-bottom: 1rem;
		border-bottom: 1px solid white;
		.enb-logo {
			width: 192px;
			@media (min-width: 768px) {
				width: 223px;
			}
		}
		.soe-logo {
			width: 134px;
			@media (min-width: 768px) {
				width: 157px;
			}
		}
		.on-logo {
			width: 192px;
			@media (min-width: 768px) {
				width: 209px;
			}
		}
		.logo-line {
			height: 3rem;
			border-right: 1px solid white;
			width:1px;
		}
		p {
			display: inline-block;
			margin: 0;
		}
	}

	.legal-links {
		padding-top: 2rem;
		display: flex;
		flex-direction: row;
		align-items: center;
		justify-content: flex-start;
		gap: 1rem;
	}

	.legal {
		padding-top: 2rem;
		font-size: var(--Paragraph-XS);
		p {
			font-size: var(--Paragraph-XS);
			margin-bottom: 0.5rem;
		}
	}

	.logo {
		width: 15.5rem;
		max-width: 100%;
		margin-bottom: 1rem;
	}
}

.legal-footnote {
	font-size: var(--Paragraph-XS);
	p {
		font-size: var(--Paragraph-XS);
	}
	sup {
		font-size: 0.9em;
		top: -0.2em;
	}
	display: flex;
	gap: 0.5rem;
	span {
		min-width: 10px;
		text-align: right;
	}
}