/* CSS Document */
:root {
	--navbar-height:150px;
}	
header {
	background-color: rgba(255,255,255,0.8);
}
header .navbar-nav .nav-link {
	font-family: var(--font-standard);
	padding-left: 0 !important;
	padding-top: 0.15rem !important;
	padding-bottom: 0.25rem;
	border-radius: 0;
	font-weight: 700;
	margin-right: 1em;
}

header .navbar {
	margin: 0;
	width: 100%;
	border-radius: 0;
	box-shadow: none !important;
	padding-left: 0;
	padding-right: 0;
	padding-top: 0.75em;
	padding-bottom: 0;
	background-color: transparent;
	-webkit-backdrop-filter: none;
	backdrop-filter: none;
}

header {
	box-shadow: 0 .5rem 1rem rgba(0,0,0,.15)!important;
	-webkit-backdrop-filter: blur(10px);
	backdrop-filter: blur(10px);
}

#page {
	padding-top: var(--navbar-height);
}

header .navbar-brand {
	margin-left: 0;
	height: 50px;
}

header .navbar-light .navbar-nav .nav-link:hover,
header .navbar-light .navbar-nav .dropdown-toggle:hover {
	background-color: transparent;
	color: black !important;
	text-decoration: underline !important;
	outline: none !important;
	border: none;
	text-underline-offset: 6px;
}
.dropdown-item:hover a,
* a:hover {
	color: red;
	text-underline-offset: 6px;
}
.dropdown-toggle {
	width: auto !important
}

@media all and (min-width: 1px) and (max-width: 1199px) {
	
	#page {
		padding-top: calc(var(--navbar-height) - 50px);
	}
	
	header .navbar-nav .nav-link {
		padding: 0 0 0.75rem 0
	}
	header .navbar-brand {
		height: 40px;
		margin-bottom: 1rem;
	}
}