.mobileNavigation
{
	position: fixed;
	--menuTriggerSize: calc(var(--defaultInterval)*4);
	top: 0px;
	z-index: 1000;
	height: 100%;
	width: 100%;
	pointer-events: none;
	font-weight: bold;
}
@media only screen and (max-width: 1000px)
{
	.top.navigation.desktop
	{
		display: none;
	}
}
/*primary
{
}*/
.top.navigation.desktop
{
	background-color:var(--colD);
	padding: calc(var(--defaultInterval)*.5);
	position: fixed;
	top: 0;
	z-index: 20000;
	display: ;
	opacity: ;
	right: 0;
	box-sizing: border-box;
	border-bottom-left-radius:var(--defaultBorderRadius);
	border-bottom: 2px solid white;
	border-left: solid white;
}
.top.navigation.desktop:before
{
	z-index: 20001;
	position: absolute;
	z-index: 20001;
	height: 100%;
	top: 0;
	left: 0;
	content: "";
	background-image: url('/wp-content/uploads/wood-texture.webp');
	width: 100%;
	border-bottom-left-radius:var(--defaultBorderRadius);
	mix-blend-mode:multiply;
	opacity: 0.05;
	background-position: center;
	background-size: 100vw;
	background-position: center;
	background-size: 50vw;
}
.top.navigation.desktop .content
{
	font-family:var(--primaryFontFamily);
	z-index: 20003;
	display: grid;
	grid-gap: calc(var(--defaultInterval)*1);
	align-content: end;
	justify-items: safe start;
	align-items: center;
	grid-template-areas: "logo" "primary";
	position: relative;
	display: grid;
	grid-template-columns:aiuto;
	grid-template-rows: auto;
}
.top.navigation.desktop .content > *
{
}
/*logo
{
}*/
.navigation.desktop .content .logo
{
	grid-area: logo;
	display: ;
}
#SD .top.navigation.desktop .logo A > *
{
	height: 100%;
	width: 100%;
}
#SD .top.navigation.desktop A
{
	transition:var(--defaultTransition);
	cursor: pointer;
}
#SD .navigation.desktop .search .search-submit
{
	background-color:var(--colC);
}
#SD .navigation.desktop .search .search-submit:hover
{
	background-color:var(--colB);
}
#SD .top.navigation.desktop UL.primary UL LI:hover > A[href]
{
	/*color:var(--colorB);*/
	color:var(--navPrimaryHovCol);
}
#SD .top.navigation.desktop UL.primary > LI:hover > A
{
	/*color:var(--colorB);*/
	color:var(--navPrimaryHovCol);
}
.top.navigation.desktop .primary.menu
{
	display: flex;
	list-style-type: none;
	margin: 0px 0px calc(var(--defaultInterval)*-.25) 0px;
	flex-wrap: wrap;
	grid-area: primary;
	align-items: center;
}
#SD .top.navigation.desktop .primary.menu > LI
{
	margin-right: calc(var(--defaultInterval)*1);
	display: flex;
	justify-content: center;
	align-content: center;
	align-items: center;
	position: relative;
	z-index: 100000;
	font-family:var(--accentFontFamily);
	font-size:var(--h3Size);
	text-transform: uppercase;
}
#SD .top.navigation.desktop .primary.menu > LI:last-child
{
	margin-right: 0;
}
#SD .top.navigation.desktop .primary.menu > LI A
{
	font-weight: 400;
}
#SD .top.navigation.desktop .primary.menu > LI.button A
{
	color: white;
}
#SD .top.navigation.desktop .primary.menu > LI.button
{
	color: white;
	padding: calc(var(--defaultInterval)*.125) calc(var(--defaultInterval)*.5);
	background-color:var(--colC);
}
.top.navigation.desktop .primary.menu > LI > A + UL
{
	position: absolute;
	z-index: 10000;
	background-color:var(--colB);
	padding: calc(var(--defaultInterval)*.5);
	list-style: none;
	opacity: 0;
	opacity: 0;
	/*+border-radius:0px var(--defaultBorderRadius) var(--defaultBorderRadius);*/
	-moz-border-radius: 0px var(--defaultBorderRadius) var(--defaultBorderRadius);
	-webkit-border-radius: 0px var(--defaultBorderRadius) var(--defaultBorderRadius);
	-khtml-border-radius: 0px var(--defaultBorderRadius) var(--defaultBorderRadius);
	border-radius:0px var(--defaultBorderRadius) var(--defaultBorderRadius);
	margin-top: calc(var(--defaultInterval)*1.25);
	margin-top: calc(var(--defaultInterval)*1);
	top: calc(var(--defaultInterval)*1);
	background-color:var(--colC);
	background-color: #EEEEEE;
	margin-left: 0px;
	transition:var(--defaultTransition);
	left: 0;
	transform: translateY(calc(var(--defaultInterval)*2));
	pointer-events: none;
}
.navigation.desktop .primary.menu .menu-item .sub-menu LI
{
	font-family:var(--primaryFontFamily);
	font-size:var(--h5Size);
}
#SD .navigation.desktop .primary.menu .menu-item .sub-menu LI A
{
	font-weight: bold;
	white-space: nowrap;
	text-transform: none;
	font-size: 20px;
}
/*#SD .navigation.desktop .primary.menu .menu-item .sub-menu LI A:visited
{
	font-style: italic !important;
	text-decoration: underline !important;
}*/
/*A:visited
{
	font-style: italic !important;
	text-decoration: underline !important;
	font-size: 93px !important;
	border-left: 158px solid black !important;
}*/
.top.navigation.desktop .primary.menu > LI:hover > A + UL
{
	opacity: 1;
	pointer-events: all;
	max-height: none;
	transform: none;
}
BODY#SD A:visited
{
}
#SD .top.navigation.desktop .content .primary.menu A:visited
{
	color:var(--colA);
}
#SD .top.navigation.desktop .content .primary.menu A:hover
{
	color:var(--colC);
}
#SD .top.navigation.desktop .content .primary.menu .button A:hover, #SD .top.navigation.desktop .content .primary.menu .A.more:hover
{
	color: white;
}
/*.top.navigation.desktop .primary.menu > LI > A + UL:before
{
	(*hack so the munu is hoverable*)
	position: absolute;
	height: 100%;
	width: 100%;
	content: "";
	position: absolute;
	margin-top: calc(var(--defaultInterval)*-2);
	z-index: -100;
	pointer-events: all;
	margin-left: calc(var(--defaultInterval)*-2);
}*/
.top.navigation.desktop .primary.menu > LI > A + UL A:hover
{
	color:var(--colA);
}
#SD .top.navigation.desktop .primary.menu > LI.button:hover
{
	background-color:var(--colA);
}
#SD .top.navigation.desktop .button:hover
{
	background-color:var(--colC);
	z-index: 400000;
}