.web-page-nav-content {
	display   : flex;
	flex-grow : 1;
}

.home-nav-icon {
	pointer-events : none;
}

.web-page-ui-nav .item {
	background    : none !important;
	border        : none !important;
	border-radius : 0 !important;
	color         : #303030 !important;
	overflow      : hidden !important;
	padding       : 0.35rem 0.5rem !important;
	text-overflow : ellipsis !important;
	white-space   : nowrap !important;
}

.units-nav-option {
	cursor        : pointer;
	display       : inline-block !important;
	max-width     : 100%;
	overflow      : hidden;
	text-overflow : ellipsis;
}

.web-page-ui-nav .menu .units-nav-option:hover {
	opacity : 0.5;
}

.web-page-ui-nav .active.units-nav-option {
	color       : #0e336c !important;
	font-weight : 900 !important;
}

.web-page-ui-nav .menu {
	margin : 0 !important;
}

.web-page-nav {
	border        : none;
	border-radius : 0;
	display       : flex !important;
	flex-grow     : 1;
	width         : 100%;
}

.web-page-ui-nav {
	background    : transparent !important;
	border        : none !important;
	border-radius : 0 !important;
	box-shadow    : none !important;
	flex-grow     : 1;
	margin-top    : 0 !important;
	padding       : 0 !important;
	width         : 0 !important;
}

.web-page-ui-nav .item .menu .header.units-nav-option {
	font-size : 1em;
	margin    : 0 0 .5em;
}

.home-nav-icon {
	float : none !important;
}

.web-page-ui-nav .item .home-menu {
	display        : flex;
	flex-direction : column;
}

.web-page-ui-nav .item::after,
.web-page-ui-nav .item::before {
	display : none !important;
}

.home-nav-menu-item {
	font-size : 1.5rem !important;
}

.sub-nav-menu-item {
	margin-left : 0.85rem;
}

.web-page-ui-nav>.item:first-of-type,
.web-page-ui-nav .home-nav-menu-item,
.home-menu {
	padding-top : 0 !important;
}

.copy-btn {
	background    : #1047a4;
	border        : none;
	border-radius : 4px;
	color         : #fff;
	margin-right  : 0.5rem;
	padding       : 5px 10px;
	width         : fit-content;
}

.copy-btn:hover {
	opacity : 0.8;
}

.item > .menu > .item:hover {
	opacity : 1;
}

.menu .item a:hover {
	opacity : 0.5;
}

.menu-item-context {
	font-size : 0.95rem !important;
}

.menu-item-context.sub-nav-menu-item {
	font-size : 0.9rem !important;
}

.not-current {
	opacity : 0.8;
}
