/* V2 Footer */

.kh-footer-wrapper {
	margin-block-start: var(--wp--preset--spacing--4-xl);
}

.kh-pre-footer {
	background: linear-gradient(70deg, var(--wp--preset--color--teal-600) 0%, var(--wp--preset--color--teal-600) 20%, #4099A8 100%);
}

.kh-pre-footer .kh-block-inner {
	padding-block: 0;
}

.kh-pre-footer .pre-footer-layout {
	position: relative;
	display: flex;
	flex-direction: column;
	align-items: center;
	justify-content: center;
	gap: var(--wp--preset--spacing--md);
	text-align: center;
	padding-block: 12%;
	min-height: 24rem;
}

.kh-pre-footer .pre-footer-layout > * {
	margin: 0;
}

.kh-pre-footer .pre-footer-layout::before {
	content: "";
	position: absolute;
	z-index: 0;
	inset: 50% 0 auto auto;
	min-width: 400px;
	translate: 0 calc(-65% + var(--parallax-y, 0px));
	width: 50%;
	aspect-ratio: .75;
	background: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iNzA0IiBoZWlnaHQ9Ijg5NiIgdmlld0JveD0iMCAwIDcwNCA4OTYiIGZpbGw9Im5vbmUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+CjxwYXRoIGQ9Ik02NTIuNzM0IDU5Mi45NDlDNjgxLjUyNCA2MjkuMTQ3IDY5NS43MDQgNjc0LjgwOSA2OTIuNTczIDcyMC45MDFDNjg5LjQ0MyA3NjcuMDU1IDY2OS4xMjQgODEwLjMyMSA2MzUuNzI5IDg0Mi4yNzhMNTgzLjg1OCA4OTIuMTgxQzU4Mi41MDcgODkzLjQ3MSA1ODAuOTExIDg5NC40NTQgNTc5LjEzMSA4OTUuMTNDNTc3LjM1MSA4OTUuODA2IDU3NS41MDkgODk2LjA1MiA1NzMuNjY4IDg5NS45OTFDNTcxLjgyNiA4OTUuODY4IDU2OS45ODUgODk1LjQzOCA1NjguMzI3IDg5NC42MzlDNTY2LjY3IDg5My44NCA1NjUuMTM1IDg5Mi42NzIgNTYzLjkwNyA4OTEuMjU5QzU2My44NDYgODkxLjE5NyA1NjMuODQ2IDg5MS4xOTcgNTYzLjc4NSA4OTEuMTM2TDM0OS45MTQgNjIwLjc4OUMzMjMuMDI3IDU4Ni45MjYgMzA5Ljc2OCA1NDQuMjc2IDMxMi43MTQgNTAxLjE5NUMzMTUuNjYxIDQ1OC4wNTIgMzM0LjU2OCA0MTcuNjE0IDM2NS43NTIgMzg3Ljc0Nkw0MjUuNzg4IDMyOS43MzFMNDI1Ljg0OSAzMjkuNjdDNDI3LjIgMzI4LjM3OSA0MjguODU3IDMyNy40NTcgNDMwLjU3NiAzMjYuODQzQzQzMi4zNTYgMzI2LjIyOCA0MzQuMTk4IDMyNS45ODIgNDM2LjAzOSAzMjYuMTA1QzQzNy44ODEgMzI2LjIyOCA0MzkuNzIzIDMyNi43MiA0NDEuMzggMzI3LjU4QzQ0My4wMzggMzI4LjQ0IDQ0NC41MTEgMzI5LjYwOCA0NDUuNjc3IDMzMS4wODNDNDQ1LjY3NyAzMzEuMDgzIDQ0NS42NzcgMzMxLjE0NSA0NDUuNzM5IDMzMS4xNDVMNjUyLjczNCA1OTIuOTQ5Wk0yOTIuNTE4IDEzLjI5MTdDMjkyLjUxOCAxMy4yMzAzIDI5Mi41MTggMTMuMjMwMyAyOTIuNTE4IDEzLjI5MTdDMjkyLjUxOCAxMC42NDkxIDI5MS43MiA4LjEyOTQxIDI5MC4yNDcgNS45MTY5N0MyODguNzczIDMuNzY2IDI4Ni43NDggMi4wNDUyMiAyODQuMzU0IDEuMDYxOTFDMjgxLjk2IDAuMDE3MTU0MiAyNzkuMzIgLTAuMjI4NjcyIDI3Ni43NDIgMC4yMDE1MjRDMjc0LjE2NCAwLjYzMTcxOSAyNzEuODMxIDEuODYwODUgMjY5LjkyOCAzLjY0MzA5TDg2LjgxMjIgMTc4Ljc5NEM2Mi44NzE1IDIwMS43NzkgNDMuNzgwMyAyMjkuMzczIDMwLjc2NjQgMjU5Ljk3OEMxNy43NTI1IDI5MC41ODMgMTEgMzIzLjQwMSAxMSAzNTYuNjQ5Vjg4Mi41OTNWODgyLjY1NUMxMSA4ODUuMjM2IDExLjc5OCA4ODcuODE3IDEzLjI3MTMgODg5Ljk2OEMxNC43NDQ2IDg5Mi4xMTkgMTYuNzcwMyA4OTMuODQgMTkuMTY0NCA4OTQuODg1QzIxLjU1ODUgODk1LjkyOSAyNC4xOTgxIDg5Ni4xNzUgMjYuNzc2MyA4OTUuNzQ1QzI5LjM1NDUgODk1LjMxNSAzMS42ODcyIDg5NC4wODYgMzMuNTkwMiA4OTIuMzAzTDE3OS4zMjIgNzUyLjY3NEMyMTUuMTEgNzE4LjM4MiAyNDMuNTkzIDY3Ny4xNDQgMjYzLjA1MyA2MzEuNTQ0QzI4Mi41MTIgNTg1Ljk0MyAyOTIuNTE4IDUzNi44MzkgMjkyLjUxOCA0ODcuMTgzVjEzLjI5MTdaIiBmaWxsPSIjMDA3NzhCIiBmaWxsLW9wYWNpdHk9IjAuNSIvPgo8L3N2Zz4K) no-repeat center;
	background-size: contain;
}

.pre-footer-layout .pre-footer-content {
	position: relative;
}

.pre-footer-content h2 {
	color: #0F4C57;
}

.pre-footer-content h2 .word-animate {
	display: inline-block;
	color: inherit;
}

.kh-footer .footer-layout {
	display: flex;
	flex-direction: column;
	gap: var(--wp--preset--spacing--3-xl);
}

.kh-footer .footer-layout a {
	text-decoration: none;
	color: var(--wp--custom--color--text--primary);
	transition: color .3s ease;
}

.kh-footer .footer-layout a:hover {
	color: var(--wp--custom--color--text--action);
}

.kh-footer .footer-main {
	display: flex;
	flex-direction: column;
	gap: var(--wp--preset--spacing--3-xl) var(--wp--preset--spacing--4-xl);
}

.kh-footer .footer-main-contact {
	display: flex;
	flex-direction: column;
	gap: var(--wp--preset--spacing--sm);
}

.kh-footer .footer-main-contact > * {
	margin: 0;
}

.kh-footer .footer-main-contact .footer-logo {
	width: 100%;
	max-width: 10rem;
}

.kh-footer .footer-main-contact address {
	font-style: normal;
}

.footer-social ul {
	display: flex;
	gap: var(--wp--preset--spacing--sm);
}

.footer-social ul li a {
	display: block;
	width: 1.5rem;
	aspect-ratio: 1;
	background: no-repeat center / contain;
}

.footer-social ul li a[href*="facebook.com"] {
	background-image: url('/wp-content/themes/ketteringhealth-2020/assets/images/facebook.svg');
}

.footer-social ul li a[href*="x.com"] {
	background-image: url('/wp-content/themes/ketteringhealth-2020/assets/images/x.svg');
}

.footer-social ul li a[href*="instagram.com"] {
	background-image: url('/wp-content/themes/ketteringhealth-2020/assets/images/instagram.svg');
}

.footer-social ul li a[href*="linkedin.com"] {
	background-image: url('/wp-content/themes/ketteringhealth-2020/assets/images/linkedin.svg');
}

.footer-social ul li a[href*="youtube.com"] {
	background-image: url('/wp-content/themes/ketteringhealth-2020/assets/images/youtube.svg');
}

.kh-footer .footer-main-lists {
	display: flex;
	flex-direction: column;
	justify-content: space-between;
	flex: 1;
	min-width: calc(50% - (var(--wp--preset--spacing--lg) / 2));
	gap: var(--wp--preset--spacing--lg);
}

.footer-main-lists .footer-main-list-wrapper {
	display: flex;
	flex-direction: column;
	gap: var(--wp--preset--spacing--sm);
}

.footer-main-list-wrapper > * {
	margin: 0;
}

.footer-main-list-wrapper ul {
	display: flex;
	flex-direction: column;
	gap: var(--wp--preset--spacing--xxs);
	font-weight: 500;
}

.kh-footer .footer-sub {
	display: flex;
	flex-wrap: wrap;
	align-items: flex-start;
	justify-content: space-between;
	gap: var(--wp--preset--spacing--md);
	border-top: 1px solid var(--wp--custom--color--border--03);
	padding-top: var(--wp--preset--spacing--xl);
}

.kh-footer .footer-sub > * {
	margin: 0;
}

.kh-footer .footer-sub .footer-sub-list {
	display: flex;
	flex-wrap: wrap;
	gap: 0 var(--wp--preset--spacing--md);
}

@media (min-width: 62.5rem) {
	.kh-footer .footer-layout {
		gap: var(--wp--preset--spacing--3-xl);
	}

	.kh-footer .footer-main-lists {
		flex-direction: row;
	}

	.kh-footer .footer-sub {
		padding-top: var(--wp--preset--spacing--3-xl);
	}
}

@media (min-width: 85rem) {
	.kh-footer .footer-main {
		flex-direction: row;
	}
}