div.main_menu {
	position: fixed;
	top: 2rem;
	height: 2rem;
	z-index: 2;
	width: 100%;
	/* border-top: solid 1px var(--color_shade_1); */
	/* padding: 0 1.5rem; */
	background: var(--color_shade_1);
	-moz-user-select: none;
	-webkit-user-select: none;
	user-select: none;
	/* box-shadow: 0 0.35em 0.7em hsla(0, 0%, 0%, .07); */
	display: flex;
	justify-content: center;
}

div.sub_menu{
	position: fixed;
	top: 4rem;
	height: 2rem;
	z-index: 3;
	width: 100%;
	/* padding: 0 0 0 1rem; */
	box-sizing: border-box;
	/* background: hsl(206, 27%, 46%); */
	background: var(--background_color);
	-moz-user-select: none;
	-webkit-user-select: none;
	user-select: none;
	/* box-shadow: 0 0.35em 0.7em hsla(0, 0%, 0%, .07); */
	white-space: nowrap;
	/* overflow: hidden; */
	display: flex;
	justify-content: center;
}

div.sub_menu img{
	height: 1.6rem;
	padding-right: var(--space);
	box-sizing: border-box;
	vertical-align: middle;
}

div.sub_menu a{
	opacity: .5;
	filter: grayscale(1);
	transition: all .5s ease-out;
}

div.sub_menu:hover a,
div.sub_menu a.active
{
	opacity: 1;
	filter: grayscale(0);
	transition: all .05s ease-out;
}


div.main_menu a,
div.sub_menu a{
	display: flex;
	align-items: center;
	/* margin-right: 1em; */
	text-decoration:none;
	line-height: 2rem;
	padding: 0 var(--space);
	}

div.main_menu a{
	color: var(--text_color);
	}

div.sub_menu a{
	color: hsl(0, 0%, 50%);
	/* padding-left: 0; */
	}

div.sub_menu a.active{
	color: var(--text_color);
	}

div.main_menu a:hover,
div.sub_menu a:hover,
div.main_menu a.active:hover,
div.sub_menu a.active:hover
{
	color: var(--color);
	/* color: hsl(0, 0%, 0%); */
	/* color: hsl(204, 50%, 50%); */
}


div.sub_menu a.toolkit_menu{
	text-align: right;
	float: right;
	border-left: solid 1px rgba(0,0,0,.1);
	z-index: 10;
	width: 17rem;
	/* padding-right: 0; */
	box-sizing: border-box;
	user-select: none;
	-moz-user-select: none;
	-webkit-user-select: none;
}

a.toolkit_menu_active{
	/* background: hsl(0,0%,90%); */
}

div.main_menu a.active{
	background: var(--background_color);
	color: var(--text_color);
	border-radius: var(--space) var(--space) 0 0;
	/* box-shadow: 0 -1px 0px var(--main_color); */
}



div.kit_menu{
	padding: var(--half_space) var(--space);
	background: var(--color_shade_2);
	/* color: hsl(206, 0%, 40%); */
	user-select: none;
	-moz-user-select: none;
	-webkit-user-select: none;
	overflow: hidden;
}

div.panel div.kit_menu.section{
	padding-top: .5rem;
	padding-bottom: .5rem;
}


div.kit_menu select,
div.kit_menu input
{
	/* color: #646464; */
	border-radius: var(--inner_radius);
}

div.kit_menu option{
	/*background-color: #646464;*/
}

div.kit_menu div.right{
	float: right;
	/* margin-right: 0.7em; */
}

div.kit_menu div.right + div.right{
	padding-right: 1em;
	margin-right: 1em;
	border-right: solid 1px hsl(0, 0%, 75%);
}

div.kit_menu div.search form{
	display: inline-block;
}

div.kit_menu div.search button img{
	height: 1.2em;
	vertical-align: middle;
}

div.kit_menu a{
	/* display: inline-block; */
	/* color:#ededed; */
	/* margin-right: 2px; */
	/* text-decoration:none; */
	}

div.kit_menu a:hover,
div.kit_menu a.active{
	color:white;
	}

div.kit_menu a.active{
	color:white;
	}

span.startlink{
	display: inline-block;
	width: 28px;
}

.more {
	display: inline-block;
  margin: 0;
  padding: 6px 1rem;
	background: url("icons/menu.svg?color=hsl(0,0%,50%)") no-repeat center;
	background-size: 16px;
	width: .5rem;
	height: 1rem;
	vertical-align: top;
	/* cursor: pointer; */
	position: relative;
}

.more:hover .menu {
	display: block;
}

.more .menu{
	position: absolute;
	top: 0;
	left: 0;
	display: none;
	/* background: hsl(206, 27%, 46%); */
	background: white;

}

.more .menu a{
	display: block;
}

div.sub_menu.compact img {
  padding-right: 0;
}

div.sub_menu.compact span.label {
  position: absolute;
	display: none;
  left: 50%;
  transform: translateX(-50%);
  top: 2rem;
}

div.sub_menu.compact a:hover span.label {
	display: inherit;
}