/* ShopKit Header & Footer */
.skw-hf { width: 100%; box-sizing: border-box; }
.skw-hf-header { position: relative; z-index: var(--skw-hf-z, 999); transition: transform .3s ease, box-shadow .25s ease; }

/* Sticky */
.skw-hf-header.skw-hf-sticky { position: -webkit-sticky; position: sticky; top: 0; }
body.admin-bar .skw-hf-header.skw-hf-sticky { top: 32px; }

/* Transparent overlay (floats over the top of the page) */
.skw-hf-header.skw-hf-overlay { position: absolute; top: 0; left: 0; right: 0; }
body.admin-bar .skw-hf-header.skw-hf-overlay { top: 32px; }

@media (max-width: 782px) {
	body.admin-bar .skw-hf-header.skw-hf-sticky,
	body.admin-bar .skw-hf-header.skw-hf-overlay { top: 46px; }
}
@media (max-width: 600px) {
	/* The admin bar scrolls away on small screens. */
	body.admin-bar .skw-hf-header.skw-hf-sticky { top: 0; }
}

/* Shadow after scrolling / auto hide (classes are set by headerfooter.js) */
.skw-hf-header.skw-hf-shadow.skw-hf-scrolled { box-shadow: 0 2px 16px rgba(0, 0, 0, .12); }
.skw-hf-header.skw-hf-autohide.skw-hf-hidden { transform: translateY(-110%); }

@media (prefers-reduced-motion: reduce) {
	.skw-hf-header { transition: none; }
}