/* Elementor Sticky Header (#sticky) */

/* Spacer that takes the header's place so the page doesn't jump when it goes fixed. */
.esh-placeholder {
	display: block;
	width: 100%;
	margin: 0;
	padding: 0;
}

/* Applied to #sticky once the visitor scrolls past it. */
#sticky.esh-is-sticky {
	position: fixed !important;
	top: var(--esh-offset, 0px);
	left: 0;
	right: 0;
	width: 100%;
	z-index: 9999;
	transition: background-color .25s ease, box-shadow .25s ease, padding .25s ease;
}

/* A little polish - remove or restyle to taste. */
#sticky.esh-is-sticky {
	box-shadow: 0 2px 12px rgba(0, 0, 0, .12);
}

/* Elementor sometimes leaves the header transparent; keep it readable when floating. */
#sticky.esh-is-sticky:not([data-esh-keep-bg="1"]) {
	background-color: var(--esh-bg, #fff);
}