.subsite-nav-header {
	opacity: 0;
	position: fixed;
	width: 100%;
	z-index: -1;
}

#editor .subsite-nav-header {
	opacity: 1;
	position: relative;
	z-index: 1;
}

.subsite-nav-header + * { margin-top: 6rem !important; }
.subsite-nav-header + .featured-image-with-tab-overlay,
.subsite-nav-header + .news-top-feature,
.subsite-nav-header + .wp-block-cover,
.subsite-nav-header + .entry-content
{ margin-top: 3.25rem !important; }

.subsite-nav-header .wp-block-navigation { font-size: var(--wp--preset--font-size--small); padding-right: 0.25rem; /* Kludge */ }

.subsite-nav-header .wp-block-navigation .wp-block-navigation__container {
	font-style: normal;
	font-weight: 800;
	gap: var(--wp--style--block-gap) !important;
	text-transform: uppercase;
}

.subsite-nav-header .wp-block-navigation a:where(:not(.wp-element-button)):focus, .wp-block-navigation a:where(:not(.wp-element-button)):hover {
	color: var(--wp--preset--color--quaternary) !important;
}


@media screen and (max-width: 782px) {

	.subsite-nav-header {
		align-items: stretch !important;
		flex-direction: column !important;
		gap: var(--wp--style--block-gap) !important;
	}
	
	.subsite-nav-header .wp-block-heading {
		display: inline-block;
		position: relative;
		z-index: 3;
	}
	
	.subsite-nav-header nav.wp-block-navigation {
		display: none;
	}
	
	.subsite-nav-header.open nav.wp-block-navigation {
		display: block;
	}
	
	.subsite-nav-header ul.wp-block-navigation__container {
		align-items: end !important;
		flex-direction: column !important;
	}
	
	.subsite-nav-header:has(.wp-block-navigation)::after {
		background: transparent url('/wp-content/themes/r3423-loras/assets/images/loras-caret-down-purple.svg') center center no-repeat;
		background-size: 24px 15px;
		content: ' ';
		cursor: pointer;
		display: inline-block;
		height: 44px;
		position: absolute; right: var(--wp--style--block-gap); top: calc(var(--wp--style--block-gap) * 0.6);
		width: 44px;
		z-index: 2;
	}

	.subsite-nav-header:has(.wp-block-navigation).open::after {
		background-image: url('/wp-content/themes/r3423-loras/assets/images/loras-caret-down-gray.svg');
	}

	.subsite-nav-header .wp-block-navigation { font-size: var(--wp--preset--font-size--medium-plus); }

}


@media screen and (min-width: 1440px) {

	.subsite-nav-header .wp-block-navigation { font-size: var(--wp--preset--font-size--medium); }

}