﻿.clearfix::after {
	display: block;
	content: "";
	clear: both; }

.left {
	text-align: center; }

.center {
	text-align: center; }

.right {
	text-align: right; }

/* ------------------------------------------- */
/*               min-width: 1200px             */
/*                     XL                      */
/* ------------------------------------------- */
/*     min-width: 992px - max-width: 1199px    */
/*                     LG                      */
/* ------------------------------------------- */
/*     min-width: 768px - max-width: 991px     */
/*                     MD                      */
/* ------------------------------------------- */
/*     min-width: 576px - max-width: 767px     */
/*                     SM                      */
/* ------------------------------------------- */
/*               max-width: 575px              */
/*                     XS                      */
/* ------------------------------------------- */
/* Custom */
/* Menu >= 1200px */
.clearfix::after {
	display: block;
	content: "";
	clear: both; }

.left {
	text-align: center; }

.center {
	text-align: center; }

.right {
	text-align: right; }

@media all and (min-width: 1200px), only screen and (-webkit-min-device-pixel-ratio: 2) and (min-width: 1200px), only screen and (min--moz-device-pixel-ratio: 2) and (min-width: 1200px), only screen and (-o-min-device-pixel-ratio: 2 / 1) and (min-width: 1200px), only screen and (min-device-pixel-ratio: 2) and (min-width: 1200px), only screen and (min-resolution: 192dpi) and (min-width: 1200px), only screen and (min-resolution: 2dppx) and (min-width: 1200px) {
	.menuReset, .menuBtnHolder {
		display: none; }
	nav#menu {
		float: left;
		z-index: 9;
		/* 1st level */
		/* 2nd level */
		/* 3rd level */ }
		nav#menu ul {
			position: relative;
			list-style: none;
			padding: 0;
			-moz-transition: 200ms all ease-in-out;
			-o-transition: 200ms all ease-in-out;
			-webkit-transition: 200ms all ease-in-out;
			transition: 200ms all ease-in-out;
			-moz-transition-property: opacity, color, background-color;
			-o-transition-property: opacity, color, background-color;
			-webkit-transition-property: opacity, color, background-color;
			transition-property: opacity, color, background-color; }
		nav#menu li {
			float: left;
			position: relative;
			/* hover */
			/* active */ }
			nav#menu li a {
				-moz-transition: 200ms all ease-in-out;
				-o-transition: 200ms all ease-in-out;
				-webkit-transition: 200ms all ease-in-out;
				transition: 200ms all ease-in-out;
				-moz-transition-property: opacity, color, background-color;
				-o-transition-property: opacity, color, background-color;
				-webkit-transition-property: opacity, color, background-color;
				transition-property: opacity, color, background-color;
				padding: 10px 15px;
				white-space: nowrap;
				display: block;
				background-color: #efefef;
				color: #888;
				text-decoration: none; }
			nav#menu li:hover > a {
				color: pink;
				background-color: #094270; }
			nav#menu li:hover > .ulWrap > ul {
				opacity: 1;
				visibility: visible; }
			nav#menu li.active > a {
				color: pink;
				background-color: #094270; }
		nav#menu ul ul {
			background-color: #efefef;
			visibility: hidden;
			position: absolute;
			z-index: 9;
			opacity: 0;
			left: 50%;
			-moz-transform: translateX(-50%);
			-ms-transform: translateX(-50%);
			-o-transform: translateX(-50%);
			-webkit-transform: translateX(-50%);
			transform: translateX(-50%); }
			nav#menu ul ul li {
				width: 100%; }
		nav#menu ul ul ul {
			left: 100%;
			top: 0;
			-moz-transform: none;
			-ms-transform: none;
			-o-transform: none;
			-webkit-transform: none;
			transform: none; } }

/* Menu < 1199px */
.clearfix::after {
	display: block;
	content: "";
	clear: both; }

.left {
	text-align: center; }

.center {
	text-align: center; }

.right {
	text-align: right; }

@media all and (max-width: 1199px) {
	.logoHolder {
		display: none; }
	.mobileMenuHeightSpacer {
		padding: 2vw;
		min-height: 30px;
		margin: 10px; }
	.menuBtnHolder {
		position: fixed;
		display: flex;
		justify-content: space-between;
		left: 0;
		top: 0;
		z-index: 9;
		width: 100%;
		background-color: #fff;
		border-bottom: 1px solid #ddd;
		-moz-transition: 400ms all ease-in-out;
		-o-transition: 400ms all ease-in-out;
		-webkit-transition: 400ms all ease-in-out;
		transition: 400ms all ease-in-out;
		-moz-transition-property: all;
		-o-transition-property: all;
		-webkit-transition-property: all;
		transition-property: all;
		-moz-transform: translateY(-100%);
		-ms-transform: translateY(-100%);
		-o-transform: translateY(-100%);
		-webkit-transform: translateY(-100%);
		transform: translateY(-100%); }
		.menuBtnHolder.menuFixed {
			-moz-transform: translateY(0);
			-ms-transform: translateY(0);
			-o-transform: translateY(0);
			-webkit-transform: translateY(0);
			transform: translateY(0); }
		.menuBtnHolder > .menuLogo {
			display: flex;
			flex: 1;
			padding: 2vw;
			min-height: 30px;
			margin: 10px;
			float: left;
			background-size: contain;
			background-repeat: no-repeat;
			background-position: left center; }
		.menuBtnHolder > .menuBtns {
			display: flex; }
			.menuBtnHolder > .menuBtns > .menuBtn {
				padding: 0 calc(25px);
				float: left;
				width: 6vw;
				position: relative;
				border-left: 1px solid #ddd;
				background-color: #fff;
				display: flex;
				align-items: center;
				justify-content: center; }
				.menuBtnHolder > .menuBtns > .menuBtn i {
					position: absolute;
					left: 50%;
					transform: translate(-50%, -50%);
					top: 50%; }
				.menuBtnHolder > .menuBtns > .menuBtn a, .menuBtnHolder > .menuBtns > .menuBtn i {
					color: #888;
					cursor: pointer; }
				.menuBtnHolder > .menuBtns > .menuBtn.menuTrigger {
					background-color: #094270; }
					.menuBtnHolder > .menuBtns > .menuBtn.menuTrigger i {
						color: white; }
	.menuTrigger {
		cursor: pointer; }
		.menuTrigger i:before {
			content: "\f0c9"; }
		.menuTrigger.toggled i:before {
			content: "\f00d"; }
	nav#menu, .ulWrap {
		position: fixed;
		z-index: 5;
		width: 100vw;
		height: 100vh;
		top: 0;
		left: 100vw;
		-moz-transition: 400ms all ease-in-out;
		-o-transition: 400ms all ease-in-out;
		-webkit-transition: 400ms all ease-in-out;
		transition: 400ms all ease-in-out;
		-moz-transition-property: all;
		-o-transition-property: all;
		-webkit-transition-property: all;
		transition-property: all;
		opacity: 0;
		background-color: #efefef;
		padding: 20px 20px 20px 20px;
		overflow-y: auto; }
		nav#menu::-webkit-scrollbar, .ulWrap::-webkit-scrollbar {
			display: none; }
	nav#menu {
		display: flex;
		flex-direction: column; }
		nav#menu ul {
			list-style: none;
			padding: 0; }
			nav#menu ul li {
				position: relative;
				border-bottom: 1px solid #ddd; }
				nav#menu ul li:last-child {
					border-bottom: none; }
				nav#menu ul li a {
					display: block;
					text-decoration: none;
					padding: 10px 15px;
					color: #888;
					font-weight: 500; }
					nav#menu ul li a:focus {
						text-decoration: none; }
				nav#menu ul li.active > a {
					color: pink; }
		nav#menu ul {
			flex: 1 0 auto; }
		nav#menu .MenuCta {
			color: orange;
			flex-shrink: 0; }
		nav#menu.toggled, nav#menu.toggled .hasSub.toggled > .ulWrap {
			left: 0;
			opacity: 1; }
		nav#menu .menuHeader span:before {
			content: attr(data-content);
			color: #094270;
			font-weight: 500; }
		nav#menu .toggle {
			position: absolute;
			top: 0;
			right: 0;
			bottom: 0;
			padding: 0 20px;
			display: flex;
			align-items: center;
			justify-content: center; }
			nav#menu .toggle:before {
				color: orange;
				font-family: 'Font Awesome 5 Pro';
				content: "\f054";
				font-weight: 700; }
		nav#menu .backToPrevMenu {
			font-size: 12px;
			cursor: pointer; }
			nav#menu .backToPrevMenu:before {
				margin-right: 10px;
				color: orange;
				font-family: 'Font Awesome 5 Pro';
				content: "\f053";
				font-weight: 700; }
			nav#menu .backToPrevMenu:after {
				content: "Tilbage";
				color: #888; }
		nav#menu .ulWrap li {
			padding-left: 10px; }
			nav#menu .ulWrap li.menuReset {
				padding: 10px 15px; } }

@media (min-width: 500px) and (max-width: 1199px) {
	nav#menu, .ulWrap {
		left: auto;
		width: 500px;
		right: -500px; }
	nav#menu.toggled, nav#menu.toggled .hasSub.toggled > .ulWrap {
		left: auto;
		right: 0; } }

.clearfix::after {
	display: block;
	content: "";
	clear: both; }

.left {
	text-align: center; }

.center {
	text-align: center; }

.right {
	text-align: right; }

.stickySpacer {
	-moz-transition: 400ms all ease-in-out;
	-o-transition: 400ms all ease-in-out;
	-webkit-transition: 400ms all ease-in-out;
	transition: 400ms all ease-in-out;
	-moz-transition-property: height;
	-o-transition-property: height;
	-webkit-transition-property: height;
	transition-property: height; }

#sidemenu {
	float: left;
	text-transform: uppercase;
	/* 1st level */ }
	#sidemenu ul {
		padding: 0;
		margin: 0;
		list-style: none; }
	#sidemenu li {
		float: left;
		position: relative;
		width: 100%;
		/* hover */
		/* active */ }
		#sidemenu li a {
			-moz-transition: 200ms all ease-in-out;
			-o-transition: 200ms all ease-in-out;
			-webkit-transition: 200ms all ease-in-out;
			transition: 200ms all ease-in-out;
			-moz-transition-property: all;
			-o-transition-property: all;
			-webkit-transition-property: all;
			transition-property: all;
			padding: 8px 12px;
			display: block;
			color: #888; }
		#sidemenu li:hover > a {
			color: pink;
			background-color: #094270; }
		#sidemenu li.active > a {
			color: pink;
			background-color: #094270; }
