/*
 * Theme Builder header and footer. Loaded on every page (the header is everywhere).
 * Full logo on desktop; compact logo once the header is stuck, and below 1025px.
 * Classes are set in the Advanced tab of each element (003_header_footer).
 */
.hl-header .hl-logo--compact { display: none; }
.hl-header.elementor-sticky--effects .hl-logo--full { display: none; }
.hl-header.elementor-sticky--effects .hl-logo--compact { display: block; }
.hl-header.elementor-sticky--effects { box-shadow: 0 1px 0 var(--hl-hairline); }

@media (max-width: 1024px) {
	.hl-header .hl-logo--full { display: none; }
	.hl-header .hl-logo--compact { display: block; }
}

/* Footer links sit on navy-deep: focus ring switches to rose-light. */
.hl-footer :focus-visible { outline-color: var(--hl-rose-light); }