/*Opsætning for bokse med tjek dato*/


section.checkDato{
	background: #C4C1C1;
	padding: 1em;
	border-radius: 10px;
	border:1px solid #333;
}


section.checkDato select{
font-size: 1em;
}

section.checkDato input[type=submit]{
font-size: 1em;
padding: 0 20px;
}

section.checkDato input[type=button]{
font-size: 1em;
background: green;
padding: 0 8px;
}

section.checkDato .bookNej{
	font-weight: 600;
	font-size: 1.2em;
	color:red;
}


section.checkDato .bookJa{
	font-weight: 600;
	font-size: 1.2em;
	color:darkgreen;
}


section.checkDato .bookMaaske{
	font-weight: 600;
	font-size: 1.2em;
	color:orangered;
}


/* GRUPPEFOTO AF KVARTETTEN */

article.gruppeFoto{
	display: none;
}

article.gruppeFoto figure img{
	width: 100%;
	height: auto;
	border-radius: 10px;
	border:1px solid #333;
}


section.videoBoks{
	padding: 30px;
}


section .video{
	width: 100%;
	position: relative;
	padding-bottom: 56.25%;
}


section .video iframe{
	position: absolute;
	width: 100%;
	height:100%;
	border:none;
}



/*OPSÆTNING AF MUSIK PLAYER*/


section.player{
margin-top: 30px;
}

section.player .musikValg{
	display: flex;
	flex-direction: row;
}

section.player .musikValg a{
	background:var(--fvLysGraa);
	margin: 1em;
	text-align: center;
	padding: 5px 10px;
	color: #fff;
	text-decoration: none;
	flex: 1 auto;
	border-radius: 7px;
}


section.player .musikValg a:hover{
	background:#333;
}

section.player .musikValg a.aktiv{
	background:var(--fvMorkGron);
}


article.fotoBoks{
	display: none;
}






@media screen and (min-width: 600px){

	
	main{
		display:grid;
		grid-template-columns: 1fr 1fr 1fr;
		grid-template-rows: 1fr auto;
		grid-template-areas: 
		"index_info index_info bookDevito"
		"gruppeFoto fotoBoks fotoBoks";
		
	}
	

	
	
article.index_info{
		grid-area: index_info;
	}
	
article.bookDevito{
		grid-area: bookDevito;
	}
	
article.gruppeFoto{
		grid-area: gruppeFoto;
		display: block;
}
	

	
article.fotoBoks{
		display: block;
		grid-area: fotoBoks;
}
	
/* OPSÆTNING AF FOTOS FRA SPILLEJOB	*/
article.fotoBoks .fotos{
	display: grid;
	grid-template-columns: repeat(auto-fit, minmax(90px, 1fr));
	grid-column-gap: 6px;
	grid-row-gap: 2px;
	
	
}

	
article.fotoBoks .fotos .lytebox{
		border-bottom: 0;
}

article.fotoBoks .fotos .lytebox img{
	width: 100%;
	height: auto;
	border-radius: 25%;
	border:1px solid var(--fvMorkBlaa);
	transition: 0.2s ease-in-out;

}
	
	
article.fotoBoks .fotos .lytebox img:hover{
	border-radius: 5%;
	border:3px solid var(--fvMorkRod);
}
	

section.player{
		background:#C9C9C9;
		border-radius: 8px;
		padding: 10px;
		border:1px solid #444;
	}
	
	
	
footer p{
	display: inline;
	font-size: 1.3em;
	margin: 0;
	padding: 0;

}
	
}



@media screen and (min-width: 960px){
	
	article.index_info{
		padding-right: 20%;
	}
	
	
	article.fotoBoks .fotos{
	display: grid;
	grid-template-columns: repeat(auto-fit, minmax(150px, 1fr));
	grid-column-gap: 20px;
	grid-row-gap: 20px;
	
	
}
	
}