#mc_embed_signup_top{display:none;}


.unslider-wrap.unslider-carousel>li {
    pointer-events: auto;
}


.page-template-page-forside-php, .home{background:#000;}
.page-template-page-forside-php #wrapper, .home #wrapper{height:inherit;}
#new_top{overflow: hidden; background:#fff; width:100%; height:20vw;}
.top-logo{width:20vw;position:absolute; top:3vw; left:4vw;}
.top-text{font-family: 'europa-light';    position: absolute;
    left: 33vw;
	width:50vw;
    top: 5.1vw;}
.top-text .head{font-size:4.2vw;
    line-height: 1.1;}
.top-text .sub{ font-style:italic; font-size:1.55vw;
    line-height: 2;}
.top-sdg{position:absolute; right:8vw; top:5.5vw;width:11vw;}

@media screen and (min-width: 1000px) {
	#new_top{height: 200px;}
	.top-logo{width:200px; top:30px; left:40px;}
	.top-text{font-family: 'europa-light'; 
		
		width:500px;
		top: 51px;}
	.top-text .head{font-size:42px;}
	.top-text .sub{ font-size:15.5px;}
	.top-sdg{right:84px; top:55px;width:110px;}
	
	
}




#new_frontpage{overflow: hidden;}


.cluster-box{width:33.33%;float:right;  position:relative; overflow:hidden;}
.cluster-box:nth-of-type(4){clear:both;}
.cluster-box:first-child{width: 66.66%;}

.cluster-inner {height:33.33vw;font-size:2vw;}
.cluster-box:first-child .cluster-inner {height:66.66vw;font-size:4vw;}



.thumbbox{ overflow:hidden; transition: all .5s ease-in-out;
position: absolute; 
top: 0%;
/*left: -2%;
width: 104%;
height: 104%;*/
}
.thumbbox img{max-width:104%; transition: all .5s ease-in-out; -webkit-filter: grayscale(0.99);
  filter: grayscale(0.99); }

.cluster-inner:hover img{ /*transform: scale(1.05);*/-webkit-filter: grayscale(0);
  filter: grayscale(0); }


.darkbox{ position:absolute;top:0;width:100%;height:100%; background:rgba(0,0,0,0.2); z-index:2;}

..cluster-inner:hover .darkbox{}



.cluster-inner .text{ position: relative; top: 50%;  transform: translateY(-50%);width: 80%;left: 10%;text-align: center;line-height: 1;z-index: 10; color: #fff; font-family: 'europa-regular', sans-serif;}


.calendar-box .cluster-inner .text{height: 28%;}

#new_frontpage .excerpt{display:none;     width: 80%;
    padding: 10vw 10% 15vw;
    background: #fff;
    font-size: 4.5vw;
    position: relative;
    text-align: center;}


.cluster-inner .title{font-size: 1.3em;  margin-bottom:1em;   }
.cluster-inner .slug{ font-size:0.6em; line-height: 1.3;}
.calendar-box .cluster-inner .slug{ font-size:0.8em; margin-bottom: 20px;}
.cluster-inner .date{font-size: 0.5em; text-transform:uppercase;margin-top:0.5em;}




.page-template-page-forside-php #logo-b{display: none;position:static; margin-bottom:30px;}


.page-template-page-forside-php #footer{ padding:0;width: 100%; background: #000;height:40px;}
.page-template-page-forside-php #footer-inner{display:none;}
.page-template-page-forside-php #footer-front{
	font-size:11px;
  display:block;
  position: relative;
  top: 50%;
  transform: translateY(-50%);
  padding:0 3vw;
  width:94vw;
  overflow:hidden;
}

.page-template-page-forside-php ul.address{float:left;top: 8px; position: relative; }
.page-template-page-forside-php ul.address li{display: inline; margin-right:1vw;}
.page-template-page-forside-php ul.address li:nth-of-type(2n){margin-right:4vw;}

.page-template-page-forside-php .social_f{ float:right; height:23px;margin: 5px 0;}
.page-template-page-forside-php #footer p img,
.page-template-page-forside-php #footer-front img{max-height: 23px;width: auto;}


@media screen and (max-width: 1024px) {
	.page-template-page-forside-php #footer-front{display:none;}
	.page-template-page-forside-php #footer-inner{display:block;}
	.page-template-page-forside-php #footer {padding: 10px 0;height: 220px;}
}
@media screen and (max-width: 768px) {
	.cluster-box, .cluster-box:first-child{float:none;width:100%; }
	.cluster-box .cluster-inner,
	.cluster-box:first-child .cluster-inner{  height:100vw;font-size:8vw; position:relative; overflow:hidden;}
	.cluster-inner .slug{display:none;}
	#calendar-list .slug{display:block;}


	#new_frontpage  .excerpt{display:block;}
	.page-template-page-forside-php #footer {padding: 10px 0;height: 170vw;}
	
	#new_top{height:190vw;}
	.top-logo{width:70vw;top:20vw; left:15vw;}
	.top-text{position: static;
		width:80vw; text-align:center;
		margin:85vw auto;}
	.top-text .head{font-size:8vw;}
	.top-text .sub{     font-size: 5.3vw;
    line-height: 1.3;
    margin-top: 3vw;}
	.top-sdg{left: 34vw;top: 142vw; width: 32vw;}



}

/* --- REDIGERET AF GABRIEL BRODERSEN — gabriel@choraconnection.dk --- */

/*Forside billeder*/
.thumbbox img{
	transition: all 1s ease-out;
}
.thumbbox img:hover {
	transform: scale(1.02);
}

/*Forside tekst*/
.cluster-inner .title {
	margin-bottom: 0.5em;
}