/* Sticky Menu Kit */

.smk-sentinel {
	height: 0;
	margin: 0;
	padding: 0;
	pointer-events: none;
}

.smk-placeholder {
	height: 0;
	margin: 0;
	padding: 0;
	pointer-events: none;
}

.smk-stuck {
	position: fixed !important;
	top: 0;
	margin: 0 !important;
}

.smk-stuck.smk-full {
	left: 0 !important;
	right: 0 !important;
	width: 100% !important;
	max-width: 100% !important;
}

/* A short slide-in so the menu does not appear abruptly. */
.smk-animate {
	animation: smk-drop .22s ease-out;
}

@keyframes smk-drop {
	from { transform: translateY( -100% ); }
	to   { transform: translateY( 0 ); }
}

@media ( prefers-reduced-motion: reduce ) {
	.smk-animate { animation: none; }
}

/* Show or hide menu items only while stuck. Add these classes to menu items. */
.smk-only            { display: none !important; }
.smk-stuck .smk-only { display: inline-block !important; }
.smk-stuck .smk-hide { display: none !important; }
