/* GeneratePress owns the global header. These rules style only the one menu
 * item the Customizer cannot target independently and provide a compatibility
 * scope for the approved legacy GenerateBlocks footer Element. */
#site-navigation .main-nav > ul > li.lc-nav-cta > a,
#sticky-navigation .main-nav > ul > li.lc-nav-cta > a {
	background-color: var(--lc-gold);
	color: var(--lc-ink);
	margin-left: 0.75rem;
	padding-left: 1.25rem;
	padding-right: 1.25rem;
}

#site-navigation .main-nav > ul > li.lc-nav-cta > a:hover,
#site-navigation .main-nav > ul > li.lc-nav-cta > a:focus,
#sticky-navigation .main-nav > ul > li.lc-nav-cta > a:hover,
#sticky-navigation .main-nav > ul > li.lc-nav-cta > a:focus {
	background-color: var(--lc-gold-hover);
	color: var(--lc-ink);
}

@media (max-width: 1100px) {
	#site-navigation .main-nav > ul > li.lc-nav-cta > a,
	#sticky-navigation .main-nav > ul > li.lc-nav-cta > a {
		margin-left: 0;
	}
}

/* The approved footer predates the site-wide system and references layout
 * tokens that originally existed only inside the homepage stylesheet. Keep
 * those aliases local to the footer and let GeneratePress Global Colors remain
 * the colour source of truth. */
body footer[aria-label="Site footer"] {
	--lc-max: 82.5rem;
	--lc-gutter: clamp(1.25rem, 4vw, 4rem);
	--lc-hairline-dark: color-mix(in srgb, var(--lc-sand) 24%, transparent);
	background-color: var(--lc-ink) !important;
	box-sizing: border-box;
	color: var(--lc-sand);
	margin: 0 !important;
	max-width: none !important;
	width: 100% !important;
}