@import url('https://fonts.googleapis.com/css?family=Dancing+Script:700&display=swap&subset=latin-ext');
/*colors*/
/*
	Tie red #7B3939
	Clip blue #5F6BA5
	Suit black #272727
	Collar shirt white #F7F7F7
	Stern white wall #E1E1E1
*/
/* Typografi */
@font-face {
    font-family: "roboto";
    src: url("../fonts/roboto/Roboto-Regular.ttf");
}
@font-face {
    font-family: "roboto-b";
    src: url("../fonts/roboto/Roboto-Bold.ttf");
}
/*@font-face {
    font-family: "dancing-script-b";
    src: url("../fonts/dancing-script/DancingScript-bold.ttf");
} - Blocked by CORS policy despite correct setup and attemted changes to htacess. - Will use google fonts as alternative */

body, p, div {
    font-family: "roboto", sans-serif;
	text-align: left;
	color: #000;
}
body, p, div {
	font-size: 11px;
}
p {
	line-height: 15px;
}
p {
	margin-top: 0;
	margin-bottom: 11px;
	color: #272727;
}
h1, h2, h3, h4, h5, h6 {
    font-family: "roboto-b", sans-serif;
	font-weight: normal;
	color: #7B3939;
	margin: 0
} 
h1 {
	font-size: 218%;
	margin: 15px 0;
}
section#title.front-page h1{
	margin-bottom:0;
	font-family: 'Dancing Script', cursive;
	text-align: center;
	font-weight:700;
}
h2 {
	font-size: 164%;
	margin-bottom: 15px;
}
h3 {
	font-size: 145%;
	margin-bottom: 10px;
}
h4, h5, h6 {
	font-size: 118%;
	margin-bottom: 7px;
}
a {
	text-decoration: none;
}
a:link {
	color: #5F6BA5;
}
a:visited{
	color: #3C3C6D;
}
a:hover {
	color: #5F6BA5;
	text-decoration: underline;
}
p a {
	font-family: "roboto-b";
}

/* Graphic */
img {
	float: left;
	max-width: 100%;
}

/* Page layout */
html, body {
	height: 100%;
}
body {
	display: flex;
	flex-direction: column;
	margin: 0;
	background-color: #E1E1E1;
}
.wrapper {
	width: 80vw;
	margin: 0 auto;
	flex: 1 0 auto;
}
@media only screen and (max-width: 380px){
	.wrapper {
		width: 90vw;
		margin: 0 6vw 0 4vw;
	}
}
header, footer, main, section, article, aside, nav {
	float: left;
}

header, footer, section, article, nav {
	width: 100%;
}
header, aside, main {
	background-color: #FFF;
	margin-bottom: 20px;
}
footer, aside{
	background-color: #F7F7F7;
}
header {
	border-bottom: solid 6px #7B3939;
}
footer {
	flex-shrink: 0;
	padding: 15px 0;
	border-top: solid 6px #5F6BA5;
}
main, aside{
	box-sizing: border-box;
	border: solid 6px #272727;
	border-radius: 11px;
}
main {
	width: 75%;
	padding: 10px;
	margin-right: 5%;
}
aside {
	width: 20%;
	padding-bottom: 11px;
}
aside h4 {
	float: left;
	margin: 4px 10px;
	margin-top: 10px;
}
aside ul {
	margin-bottom: 10px;
}
aside ul li::first-letter {
	text-transform: capitalize;
}
@media only screen and (max-width: 1500px){
	.hide-early{
		display: none;
	}
}
@media only screen and (max-width: 670px){
	main, aside {
		width: 100%;
	}
	main {
		margin-right: 0;
	}
	.hide-early{
		display: inline-block;
	}
}
@media only screen and (max-width: 270px){
	.hide-early{
		display: none;
	}
}

/* Lists */
ul {
	float: left;
	width: 100%;
	margin: 0;
	padding: 0 0 0 20px;
	box-sizing: border-box;
}
ul li{
	float: left;
	width: 100%;
	line-height:15px;
}

/* Navigation */
nav ul{
	padding: 0;
}
nav ul li{
	list-style-type: none;
	font-size: 145%;
}
nav ul li a{
	float: left;
	padding: 10px 0;
	font-size: inherit;
}
nav#main-navigation {
	border-top: 6px solid #7B3939;
	border-bottom: 6px solid #5F6BA5;
	background-color: #272727;
}
nav#main-navigation ul li{
	width: auto;
	margin-right: 5%;
	line-height:1;
	color: #F7F7F7;
}
nav#main-navigation ul li a{
	padding: 20px 12px;
	color: #F7F7F7;
	padding-top: 22px;
}
nav#main-navigation ul li a:hover{
	background-color: #7B3939;
}
nav#main-navigation ul li a img{
	height:15px;
}

/* Custom classes */
.description{
  text-indent: 5px;
}
.description:before{
	content: "";
	float: left;
	height: 15px;
	width: 15px;
	clip-path: polygon(50% 100%, 0 0, 100% 0);
	background-color: #5F6BA5;
}
.description ul {
	margin-bottom:7px;
}
.description ul li {
	line-height:20px;
}
.info {
	/* No specific styling changes are implementet. */
}
.tell {
	  text-indent: 10px;
}
.visiting-page {
	background-color: #5F6BA5;	
}
.footer_link {
	float:left;
	width:100%;
}
.footer_link a {
	line-height:25px;
}
.color-square{
	height: 9px;
	padding-left: 13px;
	border: solid #000 1px;
}
.tie-red {
	background-color: #7B3939;
}
.clip-blue {
	background-color: #5F6BA5;
}
.collar-shirt-white {
	background-color: #F7F7F7;
}
.suit-black {
	background-color: #272727;
}
.stern-white-wall {
	background-color: #E1E1E1;
}

/* Page specific */
/* - Frontpage */
section#title img {
	max-height: 100px;
}