/**
 * Hide-on-scroll header.
 *
 * The JS adds .od-nav to the fixed header wrapper, so nothing here is tied to a
 * GenerateBlocks uniqueId that could change when the header block is edited.
 */

.od-nav {
	transition: transform 0.35s cubic-bezier( 0.4, 0, 0.2, 1 );
	will-change: transform;
}

.od-nav.od-nav--hidden {
	transform: translateY( -100% );
}

/* Never slide away while the full-overlay mobile menu is open. */
.od-nav.od-nav--menu-open {
	transform: none;
}

@media ( prefers-reduced-motion: reduce ) {
	.od-nav {
		transition: none;
	}
}