/******************/
/***** Header *****/
/******************/

header {
	background: #fff;
}

header + main {
	margin-top: 90px!important;
}


header .nav-link {
	color: #444;
	font-weight: 500;
}

header .nav-link:hover, header .nav-link:focus, header .nav-link.current {
	color: var(--brown-800);
	opacity: 1;
}

header .nav-link.current {
	font-weight: 700;
}


header .nav-link, header .nav-btn {
	font-size: .94em;
}


header .nav-btn {
	min-width: 140px;
}


.navbar-brand img {
	width: 120px;
}



@media (max-width: 991px) {
	#navmenu {
		overflow-y: scroll;
		background: rgba(237, 222, 234, .2);
		backdrop-filter: blur(10px);
		margin-top: .8rem;
		padding: 10px 13px;
		border-radius: .3rem;
	}
	#navmenu::-webkit-scroll-bar {
		display: none;
	}
}




/******************/
/***** Menu  ******/
/******************/

#checkbox {
	display: none;
}

.toggle {
	position: relative;
	width: 30px;
	cursor: pointer;
	margin: auto;
	display: block;
	height: calc(4px * 3 + 11px * 2);
}

.bar {
	position: absolute;
	left: 0;
	right: 0;
	height: 3px;
	border-radius: calc(4px / 2);
	background: #000;
	color: inherit;
	opacity: 1;
	transition: none 0.35s cubic-bezier(.5,-0.35,.35,1.5) 0s;
}

/***** Collapse Animation *****/

.bar--top {
	bottom: calc(50% + 7px + 3px/ 2);
	transition-property: bottom,margin,transform;
	transition-delay: calc(0s + 0.35s),0s,0s;
}

.bar--middle {
	top: calc(50% - 3px/ 2);
	transition-property: top,opacity;
	transition-duration: 0.35s,0s;
	transition-delay: calc(0s + 0.35s * 1.3),calc(0s + 0.35s * 1.3);
}

.bar--bottom {
	top: calc(50% + 7px + 3px/ 2);
	transition-property: top,transform;
	transition-delay: 0s;
}

#checkbox:checked + .toggle .bar--top {
	bottom: calc(50% - 8px - 3px);
	margin-bottom: calc(11px - 3px/ 2);
	transform: rotate(45deg);
	transition-delay: calc(0s + 0.35s * .3),calc(0s + 0.35s * 1.3),calc(0s + 0.35s * 1.3);
}

#checkbox:checked + .toggle .bar--middle {
	top: calc(50% + 11px);
	opacity: 0;
	transition-duration: 0.35s,0s;
	transition-delay: 0s,calc(0s + 0.35s);
}

#checkbox:checked + .toggle .bar--bottom {
	top: calc(50% - 4px/ 2);
	transform: rotate(-45deg);
	transition-delay: calc(0s + 0.35s * 1.3),calc(0s + 0.35s * 1.3);
}