/* Unpinned */
header.headroom--unpinned {
	top: -100px;
}

body.show-menu header.headroom--unpinned {
	top: 0;
}
body.show-menu {
	background: var(--primary-ultra-dark);
}

@media screen and (max-width: 767px) {
	header.headroom--unpinned {
		top: calc(var(--header-height) * -1);
	}
}

header.headroom--pinned,
header.headroom--top,
body.show-menu header {
	top: 0;
	transition: top 0.5s ease-out 0.2s, background 0.3s ease-out 0s, border-color 0.1s ease-out 0.1s;
}

@media screen and (min-width: 768px) {
	body.header--unpinned .projekt-toc,
	body nav.projekt-toc {
		top: 0;
	}

	body.header--pinned nav.projekt-toc {
		top: var(--header-height);
	}
}

@media screen and (max-width: 767px) {
	body.header--unpinned .projekt-toc__mobile-bar,
	body .projekt-toc__mobile-bar {
		top: 0;
	}

	body.header--pinned .projekt-toc__mobile-bar,
	body.header--top .projekt-toc__mobile-bar {
		top: var(--header-height);
	}
}

/* Transparent white header (add `transparent-header` body class to opt in) */
body.transparent-header:not(.show-menu) header.headroom--top {
	background: transparent;
	border-color: transparent;
}
body.transparent-header:not(.show-menu) header.headroom--top .primary-navigation > li > a {
	color: white !important;
}
body.transparent-header:not(.show-menu) header.headroom--top .primary-navigation > li > button,
body.transparent-header:not(.show-menu) a.logo-link {
	outline-color: white !important;
}
body.transparent-header:not(.show-menu) header.headroom--top .menu-toggle-button svg path {
	stroke: white !important;
}
body.transparent-header:not(.show-menu) header.headroom--top .logo-link g#Group path {
	fill: white;
}
body.transparent-header:not(.show-menu) header.headroom--top ul.primary-navigation > li > button.expand-icon path {
	fill: white !important;
}
body.transparent-header:not(.show-menu) header.headroom--top .primary-navigation > li > a:is(:hover, :focus-visible) {
	text-decoration-color: white !important;
}