/* Dark footer. */
.ks-footer { background: var(--ks-black); color: var(--ks-white); margin-top: var(--ks-section-gap); }
.ks-footer a { color: inherit; }
.ks-footer a:hover { text-decoration: underline; text-underline-offset: 3px; }

.ks-stars { display: inline-flex; gap: 2px; color: #f5a524; }
.ks-star.is-off { color: var(--ks-gray5); }

.ks-footer__main { padding: 24px 0 32px; }
.ks-footer__links, .ks-footer__seo { display: grid; grid-template-columns: repeat(2, 1fr); gap: 32px 24px; padding: 24px 0; }
.ks-footer__heading { font-size: var(--ks-fs-14); font-weight: 500; text-transform: uppercase; margin-bottom: 14px; letter-spacing: .01em; }
.ks-footer__col ul { list-style: none; padding: 0; display: flex; flex-direction: column; gap: 8px; }
.ks-footer__col li a { font-size: var(--ks-fs-14); color: #d9d8dc; }
.ks-footer__prefs { grid-column: 1 / -1; }
.ks-footer__selects { display: grid; grid-template-columns: 1fr 1fr; gap: 24px; margin-bottom: 32px; }
.ks-select-field { display: block; }
.ks-select-field .ks-footer__heading { display: block; }
.ks-select-field__control { position: relative; display: block; }
.ks-select-field select {
	width: 100%; padding: 4px 28px 4px 0;
	background: transparent; border: 0; color: #d9d8dc;
	font-size: var(--ks-fs-14);
	-webkit-appearance: none; appearance: none; cursor: pointer;
}
.ks-select-field select option { color: var(--ks-black); }
.ks-select-field .ks-icon { position: absolute; right: 6px; top: 50%; transform: translateY(-50%); pointer-events: none; color: var(--ks-gray4); }
.ks-social { display: flex !important; flex-direction: row !important; gap: 20px !important; flex-wrap: wrap; }
.ks-social a { display: inline-flex; align-items: center; justify-content: center; width: 48px; height: 48px; background: var(--ks-charcoal); }
.ks-social a:hover { background: var(--ks-gray1); }
@media (min-width: 768px) {
	.ks-footer__links, .ks-footer__seo { grid-template-columns: repeat(4, 1fr); padding: 32px 0; }
	.ks-footer__prefs { grid-column: auto; }
}
@media (min-width: 1024px) {
	.ks-footer__seo { row-gap: 48px; }
	.ks-footer__links { padding-bottom: 56px; }
}

.ks-footer__bottom .ks-container { border-top: 1px solid var(--ks-charcoal); }
.ks-footer__mark { display: flex; justify-content: center; padding: 48px 0; border-bottom: 1px solid var(--ks-charcoal); }
.ks-footer__mark .ks-wordmark { font-size: 32px; }
@media (min-width: 1024px) {
	.ks-footer__mark .ks-wordmark { font-size: 44px; }
}
.ks-footer__mark a:hover { text-decoration: none; }
.ks-footer__copy { padding: 56px 0 64px; text-align: center; font-size: var(--ks-fs-15); }