:root {
	--zonas-admin-bar-offset: 0px;
	--zonas-sticky-header-height: 0px;
	--zonas-sticky-header-z-index: 990;
}

body.admin-bar {
	--zonas-admin-bar-offset: 32px;
}

@media (max-width: 782px) {
	body.admin-bar {
		--zonas-admin-bar-offset: 46px;
	}
}

#masthead.site-header,
.site-header {
	background-color: rgba(255, 255, 255, 0.96);
	transition: box-shadow 180ms ease, border-color 180ms ease, background-color 180ms ease;
}

body.zonas-header-is-stuck {
	padding-top: var(--zonas-sticky-header-height);
}

body.zonas-header-is-stuck #masthead.site-header,
body.zonas-header-is-stuck .site-header {
	position: fixed;
	top: var(--zonas-admin-bar-offset);
	left: 0;
	right: 0;
	width: 100%;
	z-index: var(--zonas-sticky-header-z-index);
	border-bottom-color: var(--zonas-border, rgba(20, 0, 84, 0.14));
	box-shadow: var(--box-shadow-size)  var(--box-shadow-raga) ;
}

body.zonas-header-is-stuck #masthead.site-header .site-search,
body.zonas-header-is-stuck .site-header .site-search {
	z-index: 1;
}

@supports ((-webkit-backdrop-filter: blur(12px)) or (backdrop-filter: blur(12px))) {
	body.zonas-header-is-stuck #masthead.site-header,
	body.zonas-header-is-stuck .site-header {
		-webkit-backdrop-filter: saturate(180%) blur(12px);
		backdrop-filter: saturate(180%) blur(12px);
	}
}

@media (max-width: 767px) {
	#masthead.site-header,
	.site-header {
		background-color: rgba(255, 255, 255, 0.98);
	}

	body.zonas-header-is-stuck #masthead.site-header,
	body.zonas-header-is-stuck .site-header {
		box-shadow: var(--box-shadow-size) var(--box-shadow-rgba) ;
	}
}