:root {
	--hc-adminbar-h: 0px;
	--hc-header-h: 80px;
}

header {
	height: 0;
}

.hc-header {
	position: absolute;
	top: var(--hc-adminbar-h);
	left: 0;
	right: 0;
	z-index: 100;
	background-color: var(--wp--preset--color--custom-header-color) !important;
	transition: background-color .2s ease, box-shadow .2s ease, transform .2s ease;
}

.home .hc-header:not(.hc-header--solid) {
	background: transparent !important;
}

.hc-header--fixed {
	position: fixed;
	top: var(--hc-adminbar-h);
}

.hc-header--solid {
	background-color: var(--wp--preset--color--custom-header-color) !important;
	box-shadow: 0 10px 30px rgba(0, 0, 0, .08);
}

.hc-header--hidden {
	transform: translateY(-100%);
}

body.hc-has-fixed-header {
	scroll-padding-top: calc(var(--hc-adminbar-h) + var(--hc-header-h));
}

body.hc-menu-open .hc-header,
body.hc-menu-open .hc-header--hidden {
	transform: none !important;
}

.wp-block-navigation__responsive-container,
.wp-block-navigation__responsive-dialog {
	z-index: 100000;
}

.has-hc-hero {
	padding-top: 120px;
}

@media (max-width: 767px) {
	.is-menu-open {
		background-color: #FFFBF3 !important;
	}

	.is-menu-open .wp-block-navigation__responsive-container-close svg {
		fill: var(--wp--preset--color--custom-header-color) !important;
	}

	.main-header-nav.wp-block-navigation,
	.main-header-nav .wp-block-navigation,
	.items-justified-right.main-header-nav.wp-block-navigation {
		--navigation-layout-justify: flex-start !important;
		--navigation-layout-justification-setting: flex-start !important;
	}

	.main-header-nav .wp-block-navigation__container {
		justify-content: flex-start !important;
	}

	.main-header-nav .wp-block-navigation__responsive-container .wp-block-navigation__container {
		justify-content: flex-start !important;
		align-items: flex-start !important;
		width: 100%;
	}

	.wp-block-navigation__responsive-container-close svg,
	.wp-block-navigation__responsive-container-open svg {
		width: 40px !important;
		height: 40px !important;
	}

	.wp-block-navigation__responsive-container-content .wp-block-navigation-item .wp-block-navigation-item__label {
		line-height: 56px !important;
		font-size: 24px !important;
		color: var(--wp--preset--color--custom-header-color) !important;
	}

	.wp-block-navigation__responsive-container-content .current-menu-item .wp-block-navigation-item__label {
		color: #bf9056 !important;
	}
}

@media (prefers-reduced-motion: reduce) {
	.hc-header {
		transition: background-color .2s ease, box-shadow .2s ease;
	}

	.hc-header--hidden {
		transform: none;
	}
}