/*!*******************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[2].use[1]!./node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[2].use[2]!./src/block-library/parts/part-nav-header/style.css ***!
  \*******************************************************************************************************************************************************************************************************/
/** ======================
 ** NAV CONTAINER
 ** ==================== */
.site-header__nav {
	--_text-color: var(--wp--preset--color--primary);
	--_text-current-color: var(--wp--preset--color--white);
	--_text-hover-color: var(--wp--preset--color--primary-dark);
	--_text-family: var(--wp--preset--font-family--heading);
	--_text-weight: 600;
	--_text-size: var(--wp--preset--font-size--medium);

	--_icon-color: url("#toggle-color");

	--_gap: var(--wp--preset--spacing--30);

	position: fixed;
	top: 0;

	display: flex;
	align-items: center;
	flex-direction: row;

	width: var(--wp--custom--wide-size);
	height: var(--_header-height);
}

@media (min-width: 1400px) {
	.site-header__nav {
		--_gap: var(--wp--preset--spacing--40);
		justify-content: flex-end;
	}
}

/** ======================
 ** COLOR OVERRIDES
 ** ==================== */
.home .site-header__nav {
	--_icon-color: var(--wp--preset--color--white);
	--_text-color: var(--wp--preset--color--black);
	--_text-current-color: var(--wp--preset--color--white);
}

[data-modal="open"] .site-header__nav {
	--_icon-color: var(--wp--preset--color--black);
}

:is(
		.privacy-policy,
		.page-template-account,
		.page-template-legal,
		.page-template-register,
		.page-template-subscribe,
		.page-template-login,
		.single-gig,
		.single-post,
		.error404
	)
	.site-header__nav {
	--_icon-color: var(--wp--preset--color--black);
	--_text-color: var(--wp--preset--color--black);
	--_text-current-color: var(--wp--preset--color--white);
}

/** ======================
 ** DIALOG
 ** ==================== */
.site-header__dialog {
	display: flex;
	flex-direction: column;
	align-items: center;
	justify-content: center;
	gap: var(--_gap);

	height: 100%;
	max-height: 0; /* This is the initial state of the dialog. Max-height because animation reasons */

	visibility: hidden;
}

[data-modal="open"] .site-header__dialog {
	--_gap: var(--wp--preset--spacing--50);

	position: fixed;
	top: var(--_header-height);
	right: 0;
	left: 0;

	max-height: 100%;

	background: var(--wp--preset--color--background);

	visibility: visible;

	/* Animations */
	animation: dialogSize 0.1s ease-in-out;
}

@media (min-width: 1400px) {
	.site-header__dialog {
		flex-direction: row;
		gap: var(--_gap);

		padding: 1em;

		max-height: initial;
		visibility: visible;
	}
}

@keyframes dialogSize {
	0% {
		max-height: 0%;
	}
	100% {
		max-height: 100%;
	}
}

@media (prefers-reduced-motion) {
	.site-header__dialog {
		animation: none;
	}
}

/** ======================
 ** PAGE MENU
 ** ==================== */
.site-header__menu {
	/* Reset list styles */
	list-style: none;
	padding: 0;
	margin: 0;
	width: 0;

	/* Menu styling */
	gap: var(--_gap);
}

/**
 * Menu link colors
 */
.site-header__menu-item :is(a, span) {
	font-family: var(--_text-family);
	font-weight: var(--_text-weight);
	font-size: var(--_text-size);
	color: var(--_text-color);

	text-transform: uppercase;

	white-space: nowrap;
}

a[aria-current="page"] {
	color: var(--_text-current-color);
}

.site-header__menu-item :is(a, span):hover {
	color: var(--_text-hover-color);
}

/**
 * Modal menu link colors
 */
[data-modal="open"] .site-header__menu {
	--_gap: var(--wp--preset--spacing--20);
	--_text-color: var(--wp--preset--color--foreground);

	display: flex;
	align-items: center;
	justify-content: center;

	width: -moz-fit-content;

	width: fit-content;
}

[data-modal="open"] .site-header__menu-item :is(a, span):hover {
	color: var(--wp--preset--color--primary-dark);
}

[data-modal="open"] a[aria-current="page"] {
	color: var(--wp--preset--color--foreground);
	border-bottom: 2px solid var(--wp--preset--color--foreground);
}

/**
 * Sticky header link colors
 */
[data-sticky="true"] .site-header__menu-item :is(a, span) {
	color: var(--wp--preset--color--foreground);
}

[data-sticky="true"] a[aria-current="page"] {
	border-bottom: 2px solid var(--wp--preset--color--foreground);
}

[data-sticky="true"] .site-header__menu-item :is(a, span):hover {
	color: var(--wp--preset--color--primary);
}

[data-sticky="true"] a[aria-current="page"]:hover {
	border-bottom: 2px solid var(--wp--preset--color--primary);
}

/**
 * Sub-menu title
 */
.site-header__menu-title {
	display: flex;
	align-items: center;
	gap: var(--wp--preset--spacing--10);

	cursor: pointer;
}

.site-header__menu-title svg {
	color: var(--_icon-color);
	width: 1em;
	height: 1em;
}

@media (min-width: 1400px) {
	.site-header__menu {
		display: flex;
		flex-direction: row;
		align-items: center;

		width: -moz-fit-content;

		width: fit-content;
		height: 100%;
	}
}

/** ======================
 ** SUB-NAV
 ** ==================== */
/* Hide visually when closed.*/
.site-header__sub-menu {
	clip: rect(1px, 1px, 1px, 1px);
	clip-path: inset(50%);
	height: 1px;
	margin: -1px;
	overflow: hidden;
	padding: 0;
	position: absolute !important;
	width: 1px;
	word-wrap: normal !important;
}

.site-header__menu-title:hover + .site-header__sub-menu,
.site-header__sub-menu:hover {
	/* Reset */
	clip: auto;
	clip-path: none;
	height: auto;
	margin: 0;
	overflow: visible;
	padding: 0;
	position: static;
	width: auto;
	word-wrap: normal;

	/* Custom styles */
	gap: 0;

	padding-top: var(--wp--preset--spacing--10);
	padding-bottom: var(--wp--preset--spacing--20);

	background: var(--wp--preset--color--background);
}

.site-header__sub-menu > .site-header__menu-item a {
	display: block;

	font-size: var(--wp--preset--font-size--medium);

	width: 100%;
	height: 100%;

	padding-block: 0.25em;
}

.site-header__sub-menu > .site-header__menu-item a:hover {
	color: var(--wp--preset--color--foreground);
	background-color: var(--wp--preset--color--grey-extra-light);
}

/** ======================
 ** CTA MENU
 ** ==================== */
.site-header__cta {
	display: flex;
	flex-direction: row;
	align-items: center;
	gap: var(--wp--preset--spacing--30);
}

.site-header__cta :is(a, span) {
	font-family: var(--_text-family);
	font-weight: var(--_text-weight);
	font-size: var(--_text-size);
	color: var(--_text-color);

	white-space: nowrap;
}

[data-sticky="true"] .site-header__cta :is(a, span):not(.wp-block-button__link),
[data-modal="open"] .site-header__cta :is(a, span):not(.wp-block-button__link) {
	--_text-color: var(--wp--preset--color--black);
}

.home .site-header__cta-item .wp-block-button__link {
	--_background-color: var(--wp--preset--color--black);
	--_text-color: var(--wp--preset--color--white);
	--_border-color: var(--wp--preset--color--black);
}

[data-sticky="true"] .site-header__cta-item .wp-block-button__link {
	--_background-color: var(--wp--preset--color--black);
	--_text-color: var(--wp--preset--color--white);
	--_border-color: var(--wp--preset--color--black);
}

@media screen and (min-width: 1400px) {
	.site-header__cta {
		padding-left: var(--wp--preset--spacing--40);
		border-left: 1px solid var(--wp--preset--color--white);
	}
}

/** ======================
 ** PREFERENCES MENU
 ** ==================== */
.site-header__preferences {
	display: none;
}

[data-modal="open"] .site-header__preferences {
	display: flex;
	flex-direction: row;
	align-items: center;
}

@media (min-width: 1400px) {
	.site-header__preferences {
		display: flex;
	}
}

/** ======================
 ** TOGGLE BUTTONS
 ** - The typical hamburger menu button. This is the button that toggles the mobile menu.
 ** - For accessibility reasons, there are separate close button close to actual dialog content.
 ** ==================== */
.site-header__toggle {
	/* Resets */
	background: none;
	padding: 0;

	/* Variables */
	--_color: var(--wp--preset--color--foreground);
	--_size: var(--wp--preset--font-size--huge);

	--_margin-block: var(--_header-offset-block);
	--_margin-inline: var(--_header-offset-inline);

	--_border: 0 solid var(--wp--preset--color--foreground);
	--_radius: 0;

	--_animation-duration: 200ms;

	/* Custom styles*/
	position: fixed;
	top: 0;
	right: 0;

	height: var(--_header-height);
	aspect-ratio: 1 / 1;

	border: var(--_border);
	border-radius: var(--_radius);

	cursor: pointer;
	z-index: 9999;
}

@media (min-width: 1400px) {
	.site-header__toggle {
		display: none;
	}
}

/* Icon styling */
.site-header__toggle__icon {
	width: var(--_size);
}

.site-header__toggle:hover {
	background: var(--_header-background-hover-color);
}

/** ======================
 ** ICON STYLES
 ** ==================== */
.site-header__toggle--close {
	--_size: var(--wp--preset--font-size--large);
}

[data-modal="open"] .site-header__toggle--open,
[data-modal="closed"] .site-header__toggle--close {
	border: 0;
	clip: rect(1px, 1px, 1px, 1px);
	clip-path: inset(50%);
	height: 1px;
	margin: -1px;
	overflow: hidden;
	padding: 0;
	position: absolute !important;
	width: 1px;
	word-wrap: normal !important;
}

[data-modal="closed"] .site-header__toggle--close {
	display: none;
}

@media screen and (min-width: 1400px) {
	.site-header__close {
		display: none;
	}
}


/*# sourceMappingURL=style-index.css.map*/