.click-blocker {
    width: 100%;
    background: var(--content);
    height: 100vh;
    z-index: 9;
    position: absolute;
    filter: opacity(0.5);
	cursor: pointer;
	position: fixed;
}

.click-blocker--hidden {
	display: none;
}

#navbar {
	position: sticky;
	top: 0;
	display: flex;
	flex-direction: row;
	justify-content: space-between;
	align-items: center;
	padding: 1.5em 8em;
	z-index: 10;
	background: var(--background);
}

#navbar .navbar-logo {
	width: 6em;
}

#navbar.navbar.sticky {
	padding: 0.8em 8em;
}

#navbar.navbar.sticky .navbar-logo {
	width: 4em;
}

#navbar .navlink a {
	font-weight: bold;
	cursor: pointer;
	color: var(--content);
}

#navbar .navlink:hover a {
	color: var(--primary--dark);
}

#navbar .burger-menu {
	display: none;
	position: relative;
	cursor: pointer;
}

#navbar .burgerlinks {
	position: absolute;
	border-radius: var(--b-radius);
	background: var(--background);
	top: var(--spacing-l);
	left: var(--spacing-l);
	gap: 0;
	overflow: hidden;
	z-index:11;
}

#navbar .burgerlinks li {
	min-width: 25ch;
	padding: var(--spacing-m);
	font-weight: bold;
}

#navbar .burgerlinks a {
	color: var(--content);
}

#navbar .burgerlinks li:hover {
	background-color: var(--primary--very-dimmed);
}

#navbar .burgerlinks a:hover li {
	color: var(--primary--dark);
}

#navbar .burgerlinks.burger-links--hidden {
	display: none;
}

#navbar .burger-icon {
	width: 1.5em;
}

@media screen and (min-width: 769px) {
	#navbar.navbar.sticky .cta {
		padding: 0.75em;
	}
}

@media screen and (max-width: 1000px) {
	#navbar, #navbar.navbar.sticky {
		padding: var(--spacing-l);
	}

	#navbar.navbar.sticky .navbar-logo,
	#navbar.navbar .navbar-logo {
		width: 8em;
	}
}

@media screen and (max-width: 769px) {
	#navbar, #navbar.navbar.sticky {
		padding: var(--spacing-l);
	}

	#navbar.navbar.sticky {
		padding-top: var(--spacing-s);
		padding-bottom: var(--spacing-s);
	}

	#navbar.navbar.sticky .navbar-logo,
	#navbar.navbar .navbar-logo {
		width: 6em;
	}

	#navbar .cta {
		padding: var(--spacing-s);
    	width: fit-content;
    	font-size: smaller;
	}

	#navbar .navlinks { display: none; }
	#navbar .burger-menu { display: block; }
}