/* ----------- Macbook Pro, 13" (1280px) ----------- */

/* Portrait and Landscape */
@media screen
  and (max-width: 1279px) {
	

}



/* ----------- < iPad Air 2, Landscape (1024px) ----------- */
@media screen
  and (max-width: 1023px) {

	
	/*** PROGRAM ***/
	.program {
		width: initial;
		left: 10px;
		right: 10px;
	}
	
	
	/*** EVENT ***/
	.eventinfo {
		left: 20px;
		right: 20px;
	}
		
	.eventinfo .description {
		width: 400px;
	}		

}

@media screen 
  and (max-width: 988px) {
	
	/*** PROGRAM ***/
	.program .element > .tickets {
		display:none;
	}


}

@media screen 
  and (max-width: 810px) {
	
	/*** PROGRAM ***/
	.program .header .category {
		display:none;
	}

	.program .element > .category {
		display:none;		
	}

	.program .header > .time {
		position: absolute;
		right: 10px;		
	}

	.program .element .time {
		position: absolute;
		right: 10px;
		top: 25px;
	}

	.program .time {
		width: 200px;
	}

}



/* ----------- < iPad Air 2, Portrait (768px) ----------- */

@media screen 
  and (max-width: 767px) {
	
	
	/*** PROGRAM ***/
	.program {

	}
	
	.program .header {
		display:none;
	}
			
	.program .element {
		border-bottom:none;
	}

	.program .element.even {
		background:#FFF;
	}					
					
	.program .element.odd {
		background:#FFF;
	}

	.program .element .event {
		width:initial;		
	}

	.program .element .event .imagecontainer {
		width:100px;
		height:100px;
	}

	.program .element .event > .title {
		display:none;		
	}
	
	.program .element > .tickets {
		display:none;
	}

	.program .element > .category {
		display:none;		
	}

	.program .element > .time {
		display:none;		
	}
										
	.program .element .info.smallscreen {
		display: inline-block;
		margin-left: 20px;
		position: absolute;
		top: 20px;
		font-size: 12px;
		overflow: hidden;	
	}

	.program .element .info.smallscreen .over {
		display:inline-block;	
	}

	.program .element .info.smallscreen .under {
		font-weight:bold;
		text-transform:uppercase;
	}

	.program .element .info.smallscreen .time {
		width:initial;	
	}

	.program.festival .companies {
		display:none;
	}
	
	
	
	/*** MAP ***/
	.map_overlay .map_container {
		margin:initial;
		width:initial;
		height: initial;
		position: absolute;
		top: 20px;
		left: 20px;
		right: 20px;
		bottom: 50px;
	}
	
	/*** LOGO ***/
	.logocontainer {
		width:100%;
		height: 50px;
		background-color:#FFF;
		z-index:12;
	}
		
	.logocontainer .logo {
		left: 50%;
		top: 10px;
		margin-left: -92px;
	}	
				
	.logocontainer .menutoggle {
		top: 12px;
	}

	/*** HOVEDMENY ***/

	.language_container {
		font-size: 16px;

	}
	.mainmenu {
		width: initial;
		position: absolute;
		top: 0px;
		left: 0px;
		right: 0px;
		bottom: 0px;
		z-index: 11;
		height: initial;
		font-size: 21px;
		font-weight:bold;
		overflow-y:auto;
		padding-top:50px;
	}

	.mainmenu.hidden {
		top: -2000px;
		bottom:initial;
	}

	.mainmenu .element {
		border-top:none !important;
	}

	.mainmenu .information {
		position: relative;
		bottom: initial;
		font-size: inherit;
		margin-top: 20px;
	}

	.mainmenu .social_icons {
		border-top: none;
	}

	.mainmenu .social_icons img {
		width: 35px;
		height: 35px;
	}

	.mainmenu .sponsors {
		display:none;
	}

	/*** SEARCH ***/

	#searchresults {
		top: 0;
		left: 0;
    	right: 0;
    	z-index: 12;
	}

	#searchresults .closecontainer {
		display:block;
		position:absolute;
		top: 0;
		right: 0;
		padding: 15px 15px 10px 15px;
		cursor:pointer;
	}

	#searchresults .closecontainer .close {
		width:15px;
		height:15px;
		background-image:url(../images/kryss_svart.png);
		background-size:100%;	
	}

	#searchresults .searchboxcontainer {
		padding: 0 20px 0 20px;
		width: initial;
		margin-top: 40px;
	}
	
	#searchstring {
		padding-left: 0;
		padding-right:0;
	}

	.resultscontainer {
		padding:20px;
	}
	
	#searchresults .result {
		width:initial;	
	}

	#searchresults_smallscreen {
		display:block;
	}
	
	#searchresults_smallscreen .searchboxcontainer {
		background-color: #FFF;
	    margin-top: 10px;
		margin-bottom:30px;
	}
	
	#searchstring_smallscreen {
		outline: none;
		border: none;
		border-bottom: 1px solid #EEE;
    	width: 100%;
    	font-size: 18px;
	    border-radius: 0;
		padding-left:0px;
	}
	
	#searchresults_smallscreen .result {
		position:relative;
		cursor:pointer;
		padding: 15px;
    	margin-bottom: 10px;	
		box-shadow: 0 2px 10px 0 rgba(0, 0, 0, 0.16), 0 2px 5px 0 rgba(0, 0, 0, 0.26);
	}
	
	#searchresults_smallscreen .result:hover,
	#searchresults_smallscreen .result:active {
		background:#EEE;
	}
	
	#searchresults_smallscreen .result a {
		position:absolute;
		left:0;
		top:0;
		right:0;
		bottom:0;
	}
	
	#searchresults_smallscreen .result .type {
		text-transform:uppercase;
		font-size:16px;
	}
	
	
	#searchresults_smallscreen .result .title {
		font-size:24px;
		font-weight:bold;
	}
	
	#searchresults_smallscreen .noresults {
		padding: 15px 0;
		border-top: 1px solid #EEE;
	}

	/*** MAIN CONTENT ***/
	.maincontent {
		top: 50px;
		overflow-y:auto;
		overflow-x:hidden;
	}
	
	.maincontent .freewall {
		bottom: 0;
	}

	.maincontent .element {
	}

	.maincontent.menu,
	.infocontent.menu {
    	left: 0;
	}

	.maincontent .element .wrapper .title {
		font-size:32px;
	}
	
	.maincontent .element.ForsideStort .wrapper .title  {
		font-size:32px;
	}
						
	.maincontent .element .wrapper .date {
		font-size:18px;
		/*display:block;*/
	}
										
	.maincontent .element.ForsideStort .wrapper .date  {
		font-size:18px;
	}
	
	.maincontent .element .wrapper .category {
		display:inline-block;
		/*display:none;*/
	}
											
	.maincontent .element.ForsideStort .wrapper .category  {
		
	}

	.maincontent .element .wrapper .insightcategory {
		font-size:18px;
		display:block;
	}
											
	.maincontent .element.ForsideStort .wrapper .insightcategory  {
		font-size:18px;	
	}
	
	.maincontent .element .wrapper .artist {
		display:inline-block;
		font-weight:bold;
		font-size:18px;
	}
												
	.maincontent .element.ForsideStort .wrapper .artist  {
		font-size:18px;
	}



	.infocontent {
		overflow-x: hidden;	
	}
	
	/*** PROGRAM ***/
	.program {

	}
	
	.program .header {
		display:none;
	}
			
	.program .element {
		border-bottom:none;
	}

	.program .element.even {
		background:#FFF;
	}					
					
	.program .element.odd {
		background:#FFF;
	}

	.program .element .event {
		width:initial;		
	}

	.program .element .event .title {
		display:none;		
	}
	
	.program .element > .tickets {
		display:none;
	}

	.program .element > .category {
		display:none;		
	}

	.program .element > .time {
		display:none;		
	}

	.program .time {
		
	}
										
	.program .element .info.smallscreen {
		display:inline-block;	
	}

	.program .element .info.smallscreen .title {
		display:inline-block;	
	}

	.program .element .info.smallscreen .time {
		width:initial;	
		position:initial;
	}

	.program .element .info.smallscreen .artist {		
	}

	.program.festival .festivallogo {
		width: 160px;
	}

	/*** EVENT ***/

	.eventinfo {
		top: 10%;
		left: 20px;
		right: 20px;
	}

	.eventinfo .infoContainer {
		width: 100%;
	}

	.eventinfo .header {
		margin-top: 50px;
		background-color: rgba(0,0,0,0.6);
    	padding: 20px;
	}

	.eventinfo .header .over {
		font-size: 18px;
	}

	.eventinfo .header .under {
		font-size: 32px;
	}

	.eventinfo .header .companyContainer .company {
		font-weight: bold;
	}
				
	.eventinfo .header .companyContainer .country {
		vertical-align: initial; 
		margin-top: initial; 
		margin-left:initial;
	}
								
	.eventinfo .description {
		width: 100%;
		margin-right: initial;
	}

	.eventinfo iframe,
	.article.innsikt iframe {
		width:100%;
	}

	.eventinfo .infoContainer .ticketbox {
		background-color: #FFF;
	}

	.eventinfo .infoContainer .ticketbox:hover,
	.eventinfo .infoContainer .ticketbox:active {
		background-color: #EEE;
	}
								
	.infobox {
    	background-color: #FFF;
	}

	.infoContainer .ticketinfobox {
		right: 0;
		left: 0;
	}

	.ticketinfobox {
		width: initial;
	}

	.ticketinfobox > div {
		height: initial;
		overflow: auto;
	}

	.ticketinfobox .info {
		width: 70%;
	}

	.ticketinfobox > div a.mail {
		display:none;
	}
	
	.ticketinfobox > div a.phone {
		display: block;
	}

	/*** INNSIKT, oversikt ***/
	.innsikter {
		position: absolute;
		top: 10%;
		left: 20px;
		right:20px;
		width:initial;
	}

    .innsikter .element {   
    }

    .innsikter .element:hover,
	.innsikter .element:active {   

	}

	
	/*** TICKETS ***/
	
	.article {
		left: 20px;
		right: 20px;
		width: initial;
	}
	
	
	/*** CLICKABLE INFOBOX ***/
	.clickableInfobox {
		width: initial;
	}
	

	/*** ARTICLE ***/
	.article {
		left: 20px;
		right: 20px;
	}

	.article .imagecontainer {
		width: 100%;
		margin-left: initial;
	}


	.article.innsikt {
		width: 100%;
		padding: 50px 0 50px 0;
	}
		
	.article.innsikt h2,
	.article.innsikt .ingress,
	.article.innsikt .published,
	.article.innsikt .author,
	.article.innsikt .socialsharecontainer,
	.article.innsikt .text, 
	.article.innsikt #imageGallery {
		padding: 0 20px 0 20px;
	}
		
		
	.employeescontainer .employee {
		width: 100%;
		margin-right: 0px;	
	}		
		
		

	.background {
		top: 50px;
		position: relative;
	}

	
	/*** PROVEROMMET ***/
	.eventinfo.proverommet {
		padding: 0 0 40px 0;
	}

	.eventinfo.proverommet .description {
		padding-bottom: 0;
	}
	
	.eventinfo.proverommet .logo {
		width:160px;
		position: initial;
		float: right;
	}
}



/* ----------- < iPhone 6, Landscape (667px) ----------- */
@media screen 
  and (max-width: 666px) { 

    .innsikter .element {   

    }
			
	.innsikter .freewall {
		width: 270px;
		margin: 0 auto;
	}
	
    .innsikter .element.bred {
		width:270px;
		color: #FFF;
    }

	.innsikter .element.bred .content {
		position: relative;
		padding: 20px;
		z-index: 2;
		width: initial;
		height: initial;
		float: none; 
	}

	.innsikter .element.bred .cover {
		    background-color: rgba(0,0,0,0.5);
	}
}
			
/* ----------- < iPhone 6, Portrait (375px) ----------- */

/* Portrait and Landscape */
@media screen 
  and (max-width: 374px) {

	.maincontent .element.ForsideStort {
		width:270px;
		height:270px;
	}
}

/* ----------- iPhone 5 and 5S ----------- */

/* Portrait and Landscape */
@media screen 
  and (max-width: 568px) {

}








/* EDITOR PROPERTIES - PLEASE DON'T DELETE THIS LINE TO AVOID DUPLICATE PROPERTIES */