@import url('https://fonts.googleapis.com/css?family=Raleway:200,300,400,500,600,700,800');

:root {
    --main-color:#001940;
	--greenish:#53ad4f;
}

body {
}

.clear {
	clear: both;
}

p {
	font-family: 'Raleway', sans-serif;
	font-weight: 500;
	font-size: 18px;
	margin-bottom: 20px;
}

ol { /* bruges til kategorier og samlinger lister */
	font-family: 'Raleway', sans-serif;
	font-weight: 500;
	font-size: 18px;
	margin-bottom: 20px;
}

ol li {
	line-height: 25px;
}

h1, h2, h3 {
	font-family: 'Raleway', sans-serif;
	font-weight: 700;
	font-size: 22px;
	margin-bottom: 20px;
}

.note {
	font-size: 11px;
	margin-top: -11px;
}

.left {float: left;}
.right {float: right;}

#cover {
	position: relative;
	width: 100%;
	height: 74px;
	margin: 0 auto;
	overflow: hidden;
	margin-bottom: 60px;
	background-color: var(--main-color); /* not seen on front page */
}

#cover video {
	position: absolute;
	width: 100%;
}

#menu {
	position: absolute;
	top: 29px;
	width: 90%;
	left: 5%;
	
	color: #FFF;
	text-shadow: 2px 2px 4px #000000;
	
/* 	border: red solid 1px; */
}

#menu a {
	color: #FFF;
	text-decoration: none;
	}

#menu .separator {
	margin-left: 10px;
	margin-right: 10px;
}

.menu_left {
	float: left;
}

.menu_left a {
	font-weight: 700;
}

.menu_right {
	float: right;
}
	
#search_front {
	position: absolute;
	top: 180px;
	width: 90%;
	left: 5%;
	color: #FFF;
	text-shadow: 2px 2px 4px #000000;
	font-size: 18px;
	text-align: center;
}

#search_front .statement {
	font-size: 50px;
	font-weight: 700;
}

#search_front input[type=text] {
	font-size: 18px;
	padding: 12px;
	width: 50%;
	margin-bottom: 25px;
	border-radius: 10px;
}

#search { /* sub-pages */
	position: absolute;
	top: 16px;
	width: 22%;
	left: 18%;
/* 	border: 1px solid purple */
}

#search input[type=text] {
	font-size: 18px;
	color: #FFF;
	padding: 6px 12px 6px 12px;
	width: 100%;
	border: 1.5px solid #DDD;
	border-radius: 6px;
	background: transparent;
}

#search input[type=text]:focus {
/* 	border: 2px solid #FFF; */
}

#page {
	position: relative;
	width: 90%;
	margin: 0 auto;
	overflow: auto;
/* 	border: red solid 1px; */
}

form label {
font-family: 'Raleway', sans-serif;
font-weight: 500;
font-size: 18px;
margin-bottom: 20px;
}

form input[type=text], form textarea {
font-size: 18px;
padding: 6px 12px 6px 12px;
margin-bottom: 20px;
width: 50%;
border: 1.5px solid #DDD;
border-radius: 6px;
}

form textarea {
	height: 200px;
}

/* FRONTPAGE RELATED */

.item {
	width: 24.25%;
	min-height: 280px; /* fjerner de vaerste fejl med rodet soege layout - er overskrevet i index.php head */
	float: left;
	margin-right: 1%; 
	margin-bottom: 1%; 
/* 	border: blue solid 1px; */
}

.item:nth-child(4n+1) {
  margin-right: 0%;
}

.item video {
	width: 100%;
}

.item a img {
	width: 100%;
}

.specials {
width: 49.5%;
height: 130px;
border-radius: 18px;
float: left;
margin-right: 1%; 
margin-bottom: 1%; 
background-color: #001940;
/* 	border: blue solid 1px; */
}

.specials:nth-child(2n+1) {
	margin-right: 0%;
}

.specials h2, .specials a {
	text-align: center;
	color: #FFF;
	margin-top: 34px;
	text-decoration: none;
	text-shadow: 2px 2px 3px #000;
}

.specials .underlined {
	text-decoration: underline;
}

.specials p {
	text-align: center;
	color: #FFF;
	text-decoration: none;
}
	
.featured {
	width: 32.66%;
	border-radius: 18px;
	overflow: hidden;
	float: left;
	margin-right: 1%; 
	margin-bottom: 1%; 
/* 	border: blue solid 1px; */
}

.featured:nth-last-child(3n+1) {
  margin-right: 0%;
}

.featured a img {
	width: 100%;
	}
	
.featured div {
	width: 100%;
	height: 0px;
	overflow: visible;
	position: relative;
	top: -135px;
	text-align: center;
	font-family: 'Raleway', sans-serif;
	font-weight: 500;
	font-size: 30px;
	color: #FFF;
	text-shadow: 2px 2px 3px #000;
/* 	background-color: red; */
	}

.featured a {
	text-decoration: none;
}
#footer {
	position: relative;
	width: 100%;
	height: 160px;
	margin: auto auto 0px auto;
	padding-top: 40px;
	overflow: auto;
	background-color: var(--main-color); /* not seen on front page */
	color: #FFF;
}

/* SUBPAGE RELATED */

.page_left {
	float: left;
	width: 65%;
	}
	
.page_left video {
	width: 100%;
	margin-bottom: 60px;
	}

.page_left img {
	width: 100%;
	margin-bottom: 60px;
	}

.page_right {
	float: right;
	width: 30%;
	}

.box {
	background-color: #f3f0e5;
	border-top:60px solid var(--main-color);
	padding: 20px 20px 10px 20px;
	margin-bottom: 40px;
/* 	box-shadow: 0px 0px 40px #999; */
}

.box p {
	}

.box p a { /* tags */
	/* margin-right: 8px; */
	line-height: 25px;
	text-decoration: none;
	color: #000;
    }

.box h2 {
	color: #FFF;
	margin-top: -58px;
	margin-bottom: 42px;
}

.box ul { /* bruges til info tekst i bokse */
	font-family: 'Raleway', sans-serif;
	font-weight: 500;
	font-size: 18px;
	margin-bottom: 20px;
	columns: 2;
	-webkit-columns: 2;
	-moz-columns: 2;
	margin-bottom: 20px;
}

.box ul li {
	line-height: 25px;
}

.box iframe {
}

.button {
  background-color: color(display-p3 0.337 0.643 0.365); /* Green */
  border: none;
  color: white;
  padding: 15px 32px;
  text-align: center;
  text-decoration: none;
  display: inline-block;
  font-family: 'Raleway', sans-serif;
  font-weight: 500;
  font-size: 18px;
  border-radius: 5px;
}