.home.page .body-wrap header {
	position: absolute;
}

header {
	font-size: 0.75rem;
	line-height: 1.2rem;
	width: 100%;
}

.home header #main + div {
	display: none;
}

header a {
	display: inline;
}

body:not(.is-mobile) header a:not(.logo) {
	padding: 0 6px;
	margin: 0 -6px;
}
body:not(.is-mobile) header a:not(.logo):hover {
	background: #8BEDBD;
}

.body-wrap ul.menu {
	margin: 0;
	padding: 0;
	list-style-type: none;
}

.body-wrap ul.sub-menu {
	padding: 0;
	list-style-type: none;
	position: absolute;
	top: 0;
	display: none;
}

.body-wrap ul.sub-menu li a {
	white-space: nowrap;
}

.body-wrap ul.menu .current-menu-ancestor ul.sub-menu {
	display: block;
}

/*
	SOME SERIOUS CSS SELECTORS
	[1].single-commissioned-work [2]ul.menu li [3] > a[href*="commissioned-work"] [4] + ul.sub-menu

	[1] The template name for a single page for a custom post-type
	[2] The main navigation's li tags
	[3] Each li's immediate child a tag that has the custom post-type slug somewhere in the href
	[4] The a above's next sibling that is the sub-menu list

	#sorrynotsorry
 */
.body-wrap .single-commissioned-work ul.menu li > a[href*="commissioned-work"]	+ ul.sub-menu {
	display: block;
}

.body-wrap .single-research ul.menu li > a[href*="research"] + ul.sub-menu {
	display: block;
}