.navitem img {
	border-right: 1px solid white;
	margin-right: 6px;
	padding-right: 3px;
}


.navitem.active img {
	filter: invert(100%);
}

.navitem {
	color:  white;
	border: 1px solid white;
	margin-right: 10px;
	border-radius: 5px;
}

.active {
	background-color: white;
	color: black !important;
	transition-duration: 300ms;
	transition-timing-function: ease-in;
}

.navitem:hover {
	background-color: white;
	color: rgba(0, 0, 0, 0.7);
	transition-duration: 300ms;
	transition-timing-function: ease-in;
}

.navitem:hover img {
	filter: invert(100%) !important;
}

nav {
	margin: 5px 20px 10px 20px;
	padding: 7px !important;
	border-radius: 10px;
	transition-duration: 200ms;
	transform-origin: top;
	transition-timing-function: ease-in-out;
}

.isSticky {
	margin-left: 0px;
	margin-right: 0px;
	border-radius: 0px;

	transition-duration: 200ms;
	transform-origin: top;
	transition-timing-function: ease-in-out;
}