/* ==========================================================================
   Site footer
   ========================================================================== */

.site-footer {
	background: var(--fda-navy);
}

/* --------------------------------------------------------------------------
   Link columns
   -------------------------------------------------------------------------- */

.footer-main {
	background: var(--fda-navy);
	padding: 5% 0 3%;
}

.footer-main__inner {
	display: flex;
	flex-direction: row;
	align-items: flex-start;
	gap: 0;
}

.footer-col {
	min-width: 0;
	padding: 10px;
}

/* The old footer used these exact column ratios. */
.footer-col--about {
	flex: 0 0 26.161%;
	max-width: 26.161%;
}

.footer-col--services {
	flex: 0 0 24.327%;
	max-width: 24.327%;
}

.footer-col--industries {
	flex: 0 0 25.443%;
	max-width: 25.443%;
}

.footer-col--newsletter {
	flex: 1 1 auto;
	padding: 10px;
}

/* About column ------------------------------------------------------------ */

.footer-brand {
	margin: 0 0 20px;
	font-family: var(--fda-font-ui);
	font-size: 29px;
	font-weight: 600;
	line-height: 29px;
	color: var(--fda-foot-heading);
}

.footer-about {
	margin: 0 0 20px;
	font-family: var(--fda-font-ui);
	font-size: 16px;
	font-weight: 400;
	line-height: 25.6px;
	letter-spacing: 0.5px;
	color: var(--fda-foot-text);
}

.footer-contact {
	list-style: none;
	margin: 0;
	padding: 0;
}

.footer-contact li {
	display: flex;
	align-items: center;
	padding-bottom: 2.5px;
}

.footer-contact li + li {
	margin-top: 2.5px;
}

.footer-contact__icon {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	width: 19px;
	flex: 0 0 19px;
}

.footer-contact__icon .fda-icon {
	width: 15px;
	height: 15px;
	fill: var(--fda-foot-text);
	margin-right: 3.75px;
}

.footer-contact a {
	padding-left: 5px;
	font-family: var(--fda-font-ui);
	font-size: 15px;
	font-weight: 400;
	line-height: 25.6px;
	letter-spacing: 0.5px;
	color: var(--fda-foot-text);
	text-decoration: none;
	transition: color var(--fda-speed);
}

.footer-contact a:hover,
.footer-contact a:focus {
	color: var(--fda-palette9);
}

/* Link columns ------------------------------------------------------------ */

.footer-col__title {
	margin: 0 0 20px;
	font-family: var(--fda-font-ui);
	font-size: 20px;
	font-weight: 600;
	line-height: 20px;
	color: var(--fda-foot-heading);
}

.footer-list {
	list-style: none;
	margin: 0;
	padding: 0;
}

.footer-list li {
	padding-bottom: 2.5px;
}

.footer-list li + li {
	margin-top: 2.5px;
}

.footer-list a {
	display: inline-block;
	font-family: var(--fda-font-ui);
	font-size: 16px;
	font-weight: 400;
	line-height: 25.6px;
	letter-spacing: 0.5px;
	color: var(--fda-foot-text);
	text-decoration: none;
	transition: color var(--fda-speed);
}

.footer-list a:hover,
.footer-list a:focus {
	color: var(--fda-palette9);
}

/* Newsletter -------------------------------------------------------------- */

.footer-newsletter__title {
	margin: 0 0 20px;
	font-family: var(--fda-font-display);
	font-size: 29px;
	font-weight: 600;
	line-height: 29px;
	color: var(--fda-palette9);
}

.footer-newsletter__note {
	margin: 14px 0 0;
	font-family: Verdana, sans-serif;
	font-size: 14px;
	font-weight: 400;
	line-height: 22.4px;
	color: var(--fda-palette9);
}

/* --------------------------------------------------------------------------
   Legal bar
   -------------------------------------------------------------------------- */

.footer-bottom {
	background: var(--fda-navy);
	padding: 1% 0;
}

.footer-bottom__inner {
	display: flex;
	flex-direction: row;
	align-items: center;
}

.footer-copy {
	flex: 0 0 50%;
	max-width: 50%;
	min-width: 0;
	margin: 0;
	padding: 10px;
	font-family: var(--fda-font-ui);
	font-size: 15px;
	font-weight: 300;
	line-height: 24px;
	letter-spacing: 0.5px;
	color: var(--fda-foot-meta);
}

.footer-legal {
	flex: 0 0 50%;
	max-width: 50%;
	min-width: 0;
	display: flex;
	flex-wrap: wrap;
	justify-content: flex-end;
	list-style: none;
	margin: 0 -2.5px;
	padding: 10px;
}

.footer-legal li {
	margin: 0 12.5px;
}

.footer-legal a {
	font-family: var(--fda-font-ui);
	font-size: 15px;
	font-weight: 300;
	line-height: 24px;
	letter-spacing: 0.5px;
	color: var(--fda-foot-meta);
	text-decoration: none;
	transition: color var(--fda-speed);
}

.footer-legal a:hover,
.footer-legal a:focus {
	color: var(--fda-palette9);
}

/* --------------------------------------------------------------------------
   Responsive
   -------------------------------------------------------------------------- */

@media (max-width: 1024px) {
	.footer-main__inner {
		flex-wrap: wrap;
	}

	.footer-col--about {
		flex: 0 0 100%;
		max-width: 100%;
	}

	.footer-col--services,
	.footer-col--industries {
		flex: 0 0 50%;
		max-width: 50%;
	}

	.footer-col--newsletter {
		flex: 0 0 100%;
		max-width: 100%;
	}
}

@media (max-width: 767px) {
	.footer-main {
		padding: 10% 0 6%;
	}

	.footer-col--services,
	.footer-col--industries {
		flex: 0 0 100%;
		max-width: 100%;
	}

	.footer-bottom {
		padding: 0 0 5%;
	}

	.footer-bottom__inner {
		flex-direction: column;
		align-items: flex-start;
	}

	.footer-copy,
	.footer-legal {
		flex: 0 0 100%;
		max-width: 100%;
	}

	.footer-legal {
		justify-content: flex-start;
		margin-left: 0;
	}

	.footer-legal li:first-child {
		margin-left: 0;
	}
}