/* hhxspillet CSS */

/* Global styling / typography */
html, body {
	height: 100%;
	min-height: 100%;
}

body {
	margin: 0;
	color: blue;
	// background-color: #fff;
	background-color: #004575;
}
a {
	color: #80C5F5;
}
h1,h2,h3 { line-height: 1.2em; // border: solid red 1px; }

h1 {
	margin-bottom: 0.5vh;
	font-size: 1.5rem;
	color: #004578;
}
h2 {
	font-size: 1rem;
	color: #004578;
	text-align: center;
}
p {
	color: #004578;
}

.light {
	color: #004575;
	background: white;
}
.dark {
	color: white;
	background-color: #004575;
}

.site--wrapper {
	min-height: 100%;
	max-width: 1080px;
	margin: auto;
}

/* banner */
.logo--container {
	text-align: center;
	padding: 1vh;
}

.section {
	/* border: solid 1px red; */
}

#logo img { max-height: 9vh;}

.section--top {
	color: #3A4144;
	background-color: white;
	margin-top: 1.5vh;
	margin-bottom: 1vh;
	padding-left: 10px;
    	padding-right: 10px;
}
.section--image {
    margin: auto;
    width: 100%;
    /* background-color: #15191C; */
	background-color: #004575;
    display: flex;
    flex-grow: 1;
    flex-direction: column;
    height: 100px;
}
.section--image img {
    object-fit: cover;
    flex: 1;
    overflow: hidden;
    height: 100%;
    width: 100%;
}

.section--buttons {
	padding: 4px;
	min-height: 10vh;
	margin-top: 1vh;
	margin-bottom: 1vh;
}
.section--gamebutton {
	border-radius: 10px;
	min-width: 30px;
    margin: 5px;
	padding: .5vh 2vh .5vh 2vh;
}

.vimeo-article {
    height: 56vw;
    max-height: 480px !important;
}

.underlay {
	position:fixed;
	top: 0px;
	height: 34vh;
	background-color: white;
	z-index: -1;
	width: 100%;
}

/* custom CSS for front page */

.frontpage--content {
	margin: auto;
	width: 100%;
}

ul.frontpage--content-menu {
	border: solid green 1px;
	list-style-type: none;
	padding-left: 0px;
}


/* target mobile */
@media only screen and (max-width: 568px) {
	/*
	h1 { font-size: 1.2em; }
	h2 { font-size: 1em; }
   #logo img { max-height: 8vh;}
   .section--image {
		max-height: 35vh;
	}
	.section--top {
		padding-top: 1vh;
	}	
	.gamebutton {
		padding: 1vh 2vh;
		display: table;
		margin: auto;
		margin-bottom: 1vh;
		max-width: 300px;
	}	
	.vimeo-article {
		height: 56vw;
		max-height: 320px !important;
	}
	.section--image, .imageholder--wide {
		max-height: 428px !important;
	}
*/
}