@charset "utf-8";
/* CSS Document */

/* Navigations */
.site .navigation#main-navigation {
	position: static;
}
.site .navigation#main-navigation .menu {
	display: flex;
	list-style: var(--list-none);
	padding: 0;
	position: static;
}
.site .navigation#main-navigation .sub-menu {
	list-style: var(--list-none);
	padding: 0;
}
.site .navigation#main-navigation .menu:after {
	content: '';
	order: 2;
	flex-basis: 100%;
}
.site .navigation#main-navigation .menu > .menu-item {
	margin: 0;
	padding: 0;
	order: 1;
	position: static;
}
.site .navigation#main-navigation .menu > .menu-item:last-child {
	margin-right: 0;
}
.site .navigation#main-navigation .menu > .menu-item > a,
.site .navigation#main-navigation .menu > .menu-item > a:visited {
	display: block;
	height: calc(5 * var(--size-space-m));
	font-size: var(--font-size-m);
	line-height: var(--size-space-m);
	padding: calc(2 * var(--size-space-m)) var(--size-space-s);
	text-align: center;
	text-transform: uppercase;
	white-space: nowrap;
	color: var(--color-grey-xl);
}
.site .navigation#main-navigation .menu > .menu-item > a:hover,
.site .navigation#main-navigation .menu > .menu-item > a:active,
.site .navigation#main-navigation .menu > .menu-item > a:focus {
	color: var(--color-background);
	text-decoration: none;
}
.site .navigation#main-navigation .menu > .menu-item > .sub-menu {
	display: flex;
	/* flex-flow: column wrap; */
	flex-flow: row wrap;
	justify-content: flex-start;
	align-items: flex-start;
	align-content: flex-start;
	width: 100%;
	height: auto;
	/* max-height: calc(16 * var(--font-size-m)); */
	position: absolute;
	top: 100%;
	left: 0;
	opacity: 0;
	pointer-events: none;
	padding: var(--size-space-m) 0;
	background-color: var(--color-grey-xd);
	/* column-count: 4;
	column-gap: calc(2 * var(--size-space-l)); */
	clip-path: inset(0 -100% 100% -100%);
}
.site .navigation#main-navigation .menu > .menu-item > .sub-menu:before {
	content: '';
	display: block;
	width: calc((100vw - 100%) / 2);
	height: 100%;
	position: absolute;
	top: 0;
	right: 100%;
	background-color: var(--color-grey-xd);
}
.site .navigation#main-navigation .menu > .menu-item > .sub-menu:after {
	content: '';
	display: block;
	width: calc((100vw - 100%) / 2);
	height: 100%;
	position: absolute;
	top: 0;
	left: 100%;
	background-color: var(--color-grey-xd);
}
.site .navigation#main-navigation .menu > .menu-item.active > .sub-menu {
	opacity: 1;
	pointer-events: all;
	clip-path: inset(0 -100% 0 -100%);
}
.site .navigation#main-navigation .menu > .menu-item > .sub-menu > .menu-item {
	display: block;
	width: calc(1 / 3 * (100% - 2 * var(--size-space-l)));
	line-height: var(--font-size-m);
	margin: 0 var(--size-space-l) var(--size-space-s) 0;
}
.site .navigation#main-navigation .menu > .menu-item > .sub-menu > .menu-item:nth-child(3n),
.site .navigation#main-navigation .menu > .menu-item > .sub-menu > .menu-item:last-child {
	margin-right: 0;
}
.site .navigation#main-navigation .menu > .menu-item > .sub-menu > .menu-item:nth-last-child(1),
.site .navigation#main-navigation .menu > .menu-item > .sub-menu > .menu-item:nth-last-child(2),
.site .navigation#main-navigation .menu > .menu-item > .sub-menu > .menu-item:nth-last-child(3) {
	margin-bottom: 0;
}
.site .navigation#main-navigation .menu > .menu-item > .sub-menu > .menu-item > a,
.site .navigation#main-navigation .menu > .menu-item > .sub-menu > .menu-item > a:visited {
	display: inline-block;
	vertical-align: bottom;
	font-weight: var(--font-regular);
	font-size: var(--font-size-m);
	line-height: var(--size-size1);
	padding: 0;
	color: var(--color-grey-l);
}
.site .navigation#main-navigation .menu > .menu-item > .sub-menu > .menu-item > a:empty {
	display: none;
}
.site .navigation#main-navigation .menu > .menu-item > .sub-menu > .menu-item.sub-menu-group > a {
	pointer-events: none;
	font-weight: var(--font-regular);
	color: var(--color-background);
	margin: 0 0 var(--size-space-s) 0;
}
.site .navigation#main-navigation .menu > .menu-item > .sub-menu > .menu-item.sub-menu-group.no-label > a {
	display: none;
}
.site .navigation#main-navigation .menu > .menu-item > .sub-menu > .menu-item > .sub-menu {

}
.site .navigation#main-navigation .menu > .menu-item > .sub-menu > .menu-item > .sub-menu > .menu-item {
	display: block;
	width: 100%;
	line-height: var(--font-size-m);
	margin: 0 0 var(--size-space-s) 0;
}
.site .navigation#main-navigation .menu > .menu-item > .sub-menu > .menu-item > .sub-menu > *:last-child {
	margin-bottom: 0;
}
.site .navigation#main-navigation .menu > .menu-item > .sub-menu > .menu-item > .sub-menu > .menu-item > a,
.site .navigation#main-navigation .menu > .menu-item > .sub-menu > .menu-item > .sub-menu > .menu-item > a:visited {
	display: inline-block;
	vertical-align: bottom;
	font-weight: var(--font-regular);
	font-size: var(--font-size-m);
	line-height: var(--size-size1);
	padding: 0;
	color: var(--color-grey-l);
}
.site .navigation#main-navigation .menu .menu-item.current-menu-ancestor:not(.sub-menu-group) > a,
.site .navigation#main-navigation .menu .menu-item.current-menu-item > a {
	color: var(--color-background) !important;
}

/* Top navigation */
.site .navigation#top-navigation {
	flex-shrink: 0;
}
.site .navigation#top-navigation .menu {
	display: flex;
	justify-content: flex-end;
}
.site .navigation#top-navigation .menu > .menu-item {
	margin: 0 0 0 var(--size-space-m);
}
.site .navigation#top-navigation .menu > .menu-item > a {
	text-transform: uppercase;
	font-size: var(--font-size-s);
	line-height: var(--font-line-l);
	color: var(--color-grey-l);
}
.site .navigation#top-navigation .menu > .menu-item > span {
	text-transform: uppercase;
	font-size: var(--font-size-s);
	line-height: var(--font-line-l);
	color: var(--color-background);
}
.site .navigation#top-navigation .menu > .menu-item > a .material-icons {
	display: inline-block;
	vertical-align: bottom;
}

/* Footer navigation */
.site .navigation#footer-navigation {
	margin: 0 0 var(--size-space-l);
}

/* Child item navigation */
.site .navigation#children-navigation {
	position: relative;
	font-size: var(--font-size-l);
	line-height: var(--font-line-l);
	/* font-family: var(--font-secondary); */
	font-family: var(--font-primary);
}
.site .navigation#children-navigation .menu {
	display: block;
	padding: 0;
}
.site .navigation#children-navigation .sub-menu {
	display: none;
	padding: 0;
}
.site .navigation#children-navigation .menu-item-current .sub-menu,
.site .navigation#children-navigation .menu-item.active .sub-menu {
	display: block;
}
.site .navigation#children-navigation .menu-item {
	position: relative;
	padding-left: 0;
}
.site .navigation#children-navigation .menu-item span,
.site .navigation#children-navigation .menu-item a:hover {
	color: var(--color-primary);
}
.site .navigation#children-navigation .menu-item a {
	color: var(--color-foreground);
}
.site .navigation#children-navigation .sub-menu .menu-item {
	padding-left: var(--size-space-m);
}
.site .navigation#children-navigation .sub-menu .menu-item a {
	color: var(--color-grey-d);
}

.site .navigation#breadcrumbs {
	display: block;
	flex-basis: 100%;
	margin-right: var(--size-space-m);
	font-size: var(--font-size-s);
	line-height: var(--font-line-s);
	text-overflow: ellipsis;
	white-space: nowrap;
	color: var(--color-grey-l);
	overflow: hidden;
}
.site .navigation#breadcrumbs a {
	display: inline;
	color: var(--color-background);
}
.site .navigation#breadcrumbs i {
	display: inline;
	margin: 0 0.5ch;
	font-style: normal;
}
.site .navigation#breadcrumbs span {
	display: inline;
}