:root {
	--zia-logo-size: 150px;
	--zia-logo-size-sticky: 70px;
	--zia-logo-size-tablet: 96px;
	--zia-logo-size-mobile: 88px;
	--zia-header-bg: rgba(255, 255, 255, 0.92);
	--zia-header-text: #141822;
	--zia-header-border: rgba(20, 24, 34, 0.16);
	--zia-accent: #2f7d1a;
}

.zia-header-logo-img {
	display: block;
	width: var(--zia-logo-size) !important;
	height: var(--zia-logo-size) !important;
	object-fit: contain;
	max-width: none;
}

#header .header-logo {
	margin: 16px 0;
	line-height: 0;
}

#header .zia-header-body {
	background: var(--zia-header-bg) !important;
	background-color: var(--zia-header-bg) !important;
	backdrop-filter: blur(10px);
	border-bottom: 1px solid var(--zia-header-border);
}

html:not(.sticky-header-active) #header.header-transparent .zia-header-body {
	background: transparent !important;
	background-color: transparent !important;
	border-bottom-color: transparent;
	backdrop-filter: none;
}

html.sticky-header-active #header .zia-header-body {
	background: var(--zia-header-bg) !important;
	background-color: var(--zia-header-bg) !important;
	backdrop-filter: blur(10px);
}

/* #header #mainNav > li > a,
#header #mainNav > li > span > a,
#header .header-btn-collapse-nav i {
	color: var(--zia-header-text) !important;
}

#header #mainNav > li > a.active,
#header #mainNav > li > span > a.active,
#header #mainNav > li > span > a.current-page-active {
	color: var(--zia-accent) !important;
} */

html.sticky-header-active .zia-header-logo-img {
	width: var(--zia-logo-size-sticky) !important;
	height: var(--zia-logo-size-sticky) !important;
}

html.sticky-header-active #header .header-logo {
	margin: 0 !important;
}

@media (max-width: 1199px) {
	.zia-header-logo-img {
		width: var(--zia-logo-size-tablet) !important;
		height: var(--zia-logo-size-tablet) !important;
	}
}

@media (max-width: 575px) {
	.zia-header-logo-img {
		width: var(--zia-logo-size-mobile) !important;
		height: var(--zia-logo-size-mobile) !important;
	}
}