/* option 1 - With Metanav */
header.wp-block-template-part {
	background: #fff;
	position: fixed;
	top: 0;
	left: 0;
	right: 0;

	transform: translateY(0);
	transition: transform 0.3s cubic-bezier(0.4, 0, 0.2, 1);

	z-index: 9999;
	will-change: transform;

	max-width: 100vw;
	box-sizing: border-box;
	overflow-x: clip;
}

header.stuck {
	position: fixed;

	box-shadow: 1px 5px 5px -2px rgba(0,0,0,0.17);
	-webkit-box-shadow: 1px 5px 5px -2px rgba(0,0,0,0.17);
	-moz-box-shadow: 1px 5px 5px -2px rgba(0,0,0,0.17);

	padding-bottom: 1rem !important;
	border-bottom: 0 !important;
}

header.stuck.scrolling-down {
	transform: translateY(-46px);
}

header.stuck.scrolling-up {
	transform: translateY(0);
}

/* ================================
   MOBILE / TABLET BREAKPOINT (1080px)
   ================================ */
@media (max-width: 1080px){

	header.stuck.scrolling-down{
		transform: translateY(-60px);
	}

	header.stuck{
		padding-bottom: 0.75rem !important;
	}

}

/* ================================
   LAYOUT OFFSET (JS CONTROLLED)
   ================================ */
body{
	padding-top: var(--header-height);
}

/* @media only screen and (max-width: 991px) {header,header.stuck {top: 0 !important;padding-bottom: 0 !important;transform: translateY(0) !important;transition: none !important;} */
/*main, .main{margin-top:96px !important;}*/

/* Option 2 - Simple Hide/show */
/* .entry-content{--header-offset: 0px;margin-top: var(--header-offset) !important;} */

/*header{background: #fff;box-shadow: 0px 2px 3px 2px rgba(0,0,0,0.25);position: fixed;top:0;left: 0;right: 0;width: 100%;z-index: 9999;transform: translateY(0);transition: transform 0.4s ease-in-out;will-change: transform;}*/