/* Qreative Header Footer Designer sticky header behavior. */

.qt-header-section {
	box-sizing: border-box;
	max-width: 100%;
	overflow: visible;
}

[data-qt-hf-sticky-header] {
	--qt-hf-sticky-offset: 0px;
	--qt-hf-admin-bar-offset: 0px;
	--qt-hf-sticky-z-index: 999;
	--qt-hf-sticky-transition: 260ms cubic-bezier(0.22, 1, 0.36, 1);
	position: relative;
	overflow-anchor: none;
	overflow: visible;
	z-index: var(--qt-hf-sticky-z-index);
	transition:
		background-color var(--qt-hf-sticky-transition),
		box-shadow var(--qt-hf-sticky-transition);
}

[data-qt-hf-sticky-header].qt-hf-sticky-immediate.qt-hf-sticky-active {
	animation: none;
}

html.qt-hf-sticky-transitioning {
	overflow-anchor: none;
}

html.qt-hf-anchor-offset-ready {
	--qt-hf-anchor-gap: 16px;
	scroll-behavior: smooth;
	scroll-padding-top: max(
		var(--qt-hf-theme-anchor-offset, 0px),
		calc(var(--qt-hf-sticky-anchor-offset, 0px) + var(--qt-hf-anchor-gap))
	);
}

[data-qt-hf-sticky-header].qt-hf-sticky-active {
	animation: qt-hf-sticky-enter 180ms ease-out both;
	position: sticky;
	overflow: visible;
	top: calc(var(--qt-hf-sticky-offset) + var(--qt-hf-admin-bar-offset));
}

@keyframes qt-hf-sticky-enter {
	from {
		opacity: 0.92;
		top: calc(var(--qt-hf-sticky-offset) + var(--qt-hf-admin-bar-offset) - 6px);
	}

	to {
		opacity: 1;
		top: calc(var(--qt-hf-sticky-offset) + var(--qt-hf-admin-bar-offset));
	}
}

[data-qt-hf-sticky-header].qt-hf-sticky-immediate {
	position: sticky;
	top: calc(var(--qt-hf-sticky-offset) + var(--qt-hf-admin-bar-offset));
}

[data-qt-hf-sticky-header].qt-hf-sticky-active .elementor-section,
[data-qt-hf-sticky-header].qt-hf-sticky-active .elementor-container,
[data-qt-hf-sticky-header].qt-hf-sticky-active .elementor-element,
[data-qt-hf-sticky-header].qt-hf-sticky-active .e-con {
	overflow: visible;
}

body.admin-bar [data-qt-hf-sticky-header] {
	--qt-hf-admin-bar-offset: 32px;
}

@media screen and (max-width: 782px) {
	body.admin-bar [data-qt-hf-sticky-header] {
		--qt-hf-admin-bar-offset: 46px;
	}
}

@media (prefers-reduced-motion: reduce) {
	html.qt-hf-anchor-offset-ready {
		scroll-behavior: auto;
	}

	[data-qt-hf-sticky-header] {
		animation: none;
		transition: none;
	}
}