---
---
/* Overwriting nav style */
header {
	box-shadow: none;
	margin-bottom: -70px;
	background-color: rgba(134, 144, 154, 0.15);
	-webkit-backdrop-filter: blur(4px);
	backdrop-filter: blur(4px);
}

@media (max-width: 1200px) {
	input#nav_toggle_cb:checked~header {
		background-color: var(--navbar-background-color);
	}
}

nav#nav {
	a {
		color: white;
	}
}

.nav-logo {
	display: none;
	&.dark-logo {
		display: inline;
	}
}

#nav_toggle_btn {
	filter: invert(100%) saturate(0%) brightness(120%);
}

@media (max-width: 1200px) and (prefers-color-scheme: light) {
	nav#nav a {
		color: var(--navbar-link-color);
	}

	input#nav_toggle_cb:checked~header #nav_head {
		#nav_toggle_btn {
			filter: none;
		}
		.nav-logo {
			display: inline;
		}
		.nav-logo.dark-logo {
			display: none;
		}
	}
}

#nav .language-selector {
	@media (min-width: 1200px) {
		background-image: url(/assets/icons/language.svg) !important;
	}
}