/* header: original homepage design and editable color variables. */

:where(.wp-site-blocks, .editor-styles-wrapper) .header {
	height: 76px;
	padding: 0 max(24px,calc((100vw - 1180px)/2));
	display: flex;
	align-items: center;
	justify-content: space-between;
	background: #fff;
	position: sticky;
	top: 0;
	z-index: 8;
	border-bottom: 1px solid #eee;
}

:where(.wp-site-blocks, .editor-styles-wrapper) .nav {
	display: flex;
	gap: 30px;
}

:where(.wp-site-blocks, .editor-styles-wrapper) .nav a {
	color: inherit;
	text-decoration: none;
}

:where(.wp-site-blocks, .editor-styles-wrapper) .nav a {
	font-size: 14px;
	font-weight: 600;
}

:where(.wp-site-blocks, .editor-styles-wrapper) .nav a:hover {
	color: var(--purple);
}

:where(.wp-site-blocks, .editor-styles-wrapper) .actions {
	display: flex;
	align-items: center;
	gap: 17px;
}

:where(.wp-site-blocks, .editor-styles-wrapper) .login {
	font-size: 14px;
	font-weight: 700;
	color: var(--ink);
	text-decoration: none;
}

:where(.wp-site-blocks, .editor-styles-wrapper) .menu-toggle {
	display: none;
	border: 0;
	background: transparent;
	font-size: 25px;
}

:where(.wp-site-blocks, .editor-styles-wrapper) .menu-toggle {
	cursor: pointer;
}

@media(max-width:760px) {
	:where(.wp-site-blocks, .editor-styles-wrapper) .header {
		height: 65px;
	}
	
	:where(.wp-site-blocks, .editor-styles-wrapper) .nav {
		display: none;
	}
	
	:where(.wp-site-blocks, .editor-styles-wrapper) .login {
		display: none;
	}
	
	:where(.wp-site-blocks, .editor-styles-wrapper) .menu-toggle {
		display: block;
	}
	
	:where(.wp-site-blocks, .editor-styles-wrapper) .actions {
		gap: 9px;
	}
	
	:where(.wp-site-blocks, .editor-styles-wrapper) .header.open .nav {
		position: absolute;
		display: flex;
		top: 65px;
		left: 0;
		right: 0;
		background: #fff;
		flex-direction: column;
		padding: 24px;
		gap: 20px;
		box-shadow: 0 15px 20px #0001;
	}
	
	:where(.wp-site-blocks, .editor-styles-wrapper) .header.open {
		border-bottom: 0;
	}
	
}

.wp-site-blocks > .np-header-part { position: sticky; top: var(--wp-admin--admin-bar--height, 0px); z-index: 30; }
.np-block.header { position: relative; background: var(--header-bg, #fff); color: var(--ink); border-color: var(--header-border, #eee); gap: 18px; }
.np-block.header .nav { min-width: 0; }
.np-block.header .np-menu,
.np-block.header .sub-menu { list-style: none; margin: 0; padding: 0; }
.np-block.header .np-menu--header { display: flex; flex-wrap: wrap; align-items: center; gap: 12px 30px; }
.np-block.header .menu-item { position: relative; min-width: 0; }
.np-block.header .menu-item-has-children { display: flex; align-items: center; flex-wrap: wrap; }
.np-block.header .nav a { overflow-wrap: anywhere; }
.np-block.header .nav a[aria-current="page"] { color: var(--purple); }
.np-block.header .submenu-toggle { border: 0; background: transparent; color: inherit; cursor: pointer; padding: 4px 7px; line-height: 1; font-size: 20px; }
.np-block.header .submenu-toggle span { display: block; transition: transform .15s; }
.np-block.header .submenu-toggle[aria-expanded="true"] span { transform: rotate(180deg); }
.np-block.header .sub-menu { flex-basis: 100%; padding: 8px 0 0 14px; }
.np-block.header .sub-menu > li + li { margin-top: 10px; }
.np-block.header.has-menu-js .sub-menu { display: none; }
.np-block.header.has-menu-js .submenu-open > .sub-menu { display: block; }
.np-block.header .nav a:focus-visible,
.np-block.header button:focus-visible { outline: 2px solid var(--purple); outline-offset: 3px; border-radius: 3px; }
@media (min-width: 761px) {
	.np-block.header { height: auto; min-height: 76px; padding-block: 16px; }
	.np-block.header .np-menu--header > li > .sub-menu { position: absolute; top: 100%; left: 0; width: min(230px, 80vw); padding: 16px; background: var(--header-bg, #fff); color: var(--ink); border: 1px solid var(--header-border, #eee); border-radius: 10px; box-shadow: 0 12px 24px #0002; z-index: 2; }
	.np-block.header .np-menu--header > li:last-child > .sub-menu { left: auto; right: 0; }
}
.np-block.header .actions { flex-shrink: 0; }
.np-block.header .menu-toggle { color: var(--ink); padding: 6px; }
.np-block.header .menu-close-icon { display: none; }
.np-block.header.open .menu-open-icon { display: none; }
.np-block.header.open .menu-close-icon { display: inline; }
@media (max-width: 960px) and (min-width: 761px) {
	.np-block.header { padding-inline: 20px; }
	.np-block.header .np-menu--header { gap: 12px; }
}
@media (max-width: 760px) {
	.np-block.header.open .nav { background: var(--header-bg, #fff); max-height: calc(100dvh - 100px); overflow-y: auto; }
	.np-block.header .np-menu--header { flex-direction: column; align-items: stretch; gap: 20px; }
	.np-block.header .submenu-toggle { margin-left: auto; min-width: 36px; min-height: 36px; }
}
@media (max-width: 600px) {
	.wp-site-blocks > .np-header-part { top: 0; }
}
@media (max-width: 380px) {
	.np-block.header { padding-inline: 12px; gap: 8px; }
	.np-block.header .brand { gap: 5px; font-size: 14px; }
	.np-block.header .brand-logo { max-width: 125px; }
}