/**
 * Ventureheap Builder - sticky header templates.
 *
 * Loaded only when the header template in use is set to stick.
 */

.vhb-header-template.vhb-sticky {
	position: sticky;
	top: 0;
	z-index: 90;
	transition: box-shadow .2s ease, transform .25s ease;
}

/* The admin bar is fixed from 601px up, so the header sits under it there. */
@media (min-width: 601px) {
	.admin-bar .vhb-header-template.vhb-sticky { top: 46px; }
}

@media (min-width: 783px) {
	.admin-bar .vhb-header-template.vhb-sticky { top: 32px; }
}

.vhb-header-template.vhb-sticky.is-scrolled { box-shadow: 0 6px 20px -12px rgba(15, 23, 42, .35); }

/* Reveal: slide out of the way while reading down, back on the way up. */
.vhb-header-template.vhb-sticky--reveal.is-hidden { transform: translateY(-100%); box-shadow: none; }

@media (max-width: 767px) {
	.vhb-header-template.vhb-sticky--desktop-only { position: relative; top: auto; }
	.vhb-header-template.vhb-sticky--desktop-only.is-hidden { transform: none; }
}

/* A short landscape phone has no room for a pinned header. */
@media (max-height: 480px) and (orientation: landscape) {
	.vhb-header-template.vhb-sticky { position: relative; top: auto; }
	.vhb-header-template.vhb-sticky.is-hidden { transform: none; }
}

@media (prefers-reduced-motion: reduce) {
	.vhb-header-template.vhb-sticky { transition: none; }
}