/* CSS Resets */

html,body,div,span,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,address,cite,code,del,dfn,em,img,ins,q,small,strong,sub,sup,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td{border:0;margin:0;padding:0}article,aside,figure,figure img,figcaption,hgroup,footer,header,nav,section,video,object{display:block}a img{border:0}figure{position:relative}figure img{width:100%}


/* ==================================================================================================================== */
/* ! The 1140px Grid V2 by Andy Taylor \ http://cssgrid.net \ http://www.twitter.com/andytlr \ http://www.andytlr.com   */
/* ==================================================================================================================== */


/* ********************** TÄHÄN TIEDOSTOON RESPONSIIVISESTI MUUTTUVAT TYYLIT ! **************************** */
body {
	background-color:#000;
	font-size:0.85em;	
	line-height:1.3em;	
	letter-spacing:0.01em;
}


.container {
	padding-left: 20px;
	padding-right: 20px;
}


.row {
	width: 100%;
	max-width: 980px;
	min-width: 725px; /* 755px; aiheuttaa iPadilla portraitissa oikean laidan leikkautumisen */
	margin: 0 auto;
	/* overflow: hidden; */
}

#otsikko_paivamaaratekstit_1 {
	margin-top: -15.5em!important; /* Tuo lippubannerit kuvan päälle, resetoidaan mobiilille*/
	/*background-color:#C90;/**/
}

#paavalikko_ala {
	display:block!important;
}
#paavalikko_ala_etusivu {
	display:block!important;
}


/* ************************ TEKSTIEN TYYLIT ***************************** */
.uutisen_paivamaara {
	font-family: 'nummirock_2013_custom_3Rg',"Arial Narrow", "Helvetica Neue", Helvetica, Arial, sans-serif;
	font-size:1.7em;
	margin-bottom:0.25em;
}
.uutisen_otsikko, .footer_huomautusteksti {
	font-family: 'nummirock_2013_custom_3Rg',"Arial Narrow", "Helvetica Neue", Helvetica, Arial, sans-serif;
	text-transform:uppercase;
	font-weight:normal;
	font-size:3.6em;	
	line-height:0.7em;
	margin-bottom:0.12em;
}
.footer_huomautusteksti {
	text-align: center;
    color: #94f3c0; /*  ec6607 */
}

#footer-top .footer_huomautusteksti {
    color: white;
}

/* ******************* Poikkeuksia ************/
.bandilogo_linkki.spacer {
	margin: 2em auto;	
}
.bandilogo_linkki.tall {
  width: 80%;
}



/* *******************Vaihtuvat grafiikat piiloon desktopilta ************/
#otsikon_grafiikat_2 {
	display:none!important;	
}

.img-mobile {
	display:none!important;	
}

#banneri_lipputarjous_2 {
	display:none!important;
}

#Otsikon_grafiikat_Alasivu_2_mobile {
	display:none;	
}

.nayta_mobiilissa {
	display:none!important;
}
.demoseta_mobiili {
	display:none!important;	
}

/* ********************** SARAKKEIDEN LEVEYDET **************************** */

.onecol, .twocol, .threecol, .fourcol, .fivecol, .sixcol, .sevencol, .eightcol, .ninecol, .tencol, .elevencol {
	margin-right: 3.8%;
	float: left;
	min-height: 1px;
}

.row .onecol {
	width: 4.85%;
}

.row .twocol {
	width: 13.45%;
}

.row .threecol {
	width: 22.05%;
}

.row .fourcol {
	width: 30.75%;
}

.row .fivecol {
	width: 39.45%;
}

.row .sixcol {
	width: 48%;
}

.row .sevencol {
	width: 56.75%;
}

.row .eightcol {
	width: 65.4%;
}

.row .ninecol {
width: 74.05%;
}

.row .tencol {
width: 82.7%;
}

.row .elevencol {
	width: 91.35%;
}

.row .twelvecol {
	width: 100%;
	float: left;
    margin: 0.4rem auto;
}

.last,
.etusivu_uutiset_container .sixcol:nth-child(2n) /* poikkeus ilman last-classia */
{
	margin-right: 0px;
}

img, object, embed {
	max-width: 100%;
}

img {
	height: auto;
}



/* Only Desktop view */

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

    body.etusivu {  
    }    
    
    body.yhteistyokumppanit .alasivu_content .sixcol { /* Sivut, joissa halutaan näyttää sixcol yhtenäisesti ilman väliä */
      margin-right: 0;
      width: 50%;
    }       
  
}

/* Smaller screens: iPad*/

@media only screen and (max-width: 1143px) { /* (max-width: 1023px) */

	body {
		/*background-color:#0F3!important; /**/
		/*background-image:none!important;/**/
		
		/*font-size: 1.6em;   PIDETÄÄN TEKSTIT SAMANA 
		line-height:1.2em;*/ 
		background-size: 185% auto; 
	}
    
    body.etusivu {  
        background-size: 144% auto!important; 
    }
    
	.paavalikko {
		font-size:1em!important; /* pienennetään skaalautuvalle näkymälle */
	}    


    /* Alasivujen uutislistauksen tyylit START -> */
    body.alasivu .uutisen_leipateksti > p {    

        /*-webkit-column-count: 2!important; /* Chrome, Safari, Opera */
        /*-moz-column-count: 2!important; /* Firefox */
        /*column-count: 2!important; */
    }
    
    
	#fixed_toihin_nummirockiin {
		position:relative!important;
		
		background-color:#1a1a1a!important; 
		border: 1px solid #434343;	
		border-bottom:solid 0.3em #434343!important;

		padding:0.7em 3em; 
		z-index:10000;
		
		-webkit-transform: rotate(-0deg)!important;
		  -moz-transform: rotate(-0deg)!important;
		  -ms-transform: rotate(-0deg)!important;
		  -o-transform: rotate(-0deg)!important;
		  transform: rotate(-0deg)!important;
		  
		left:0em!important;
		text-align:center!important;
		
		  /* also accepts left, right, top, bottom coordinates; not required, but a good idea for styling */
		  /*-webkit-transform-origin: 0% 0%!important;
		  -moz-transform-origin: 0% 0%!important;
		  -ms-transform-origin: 0% 0%!important;
		  -o-transform-origin: 0% 0%!important;
		  transform-origin: 0% 0%!important;*/
		
		  /* Should be unset in IE9+ I think. */
		  /*filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=3);*/
	}
		#fixed_toihin_nummirockiin:hover {
			font-size:1em!important;
			background-color:#202020!important;
		}
		#fixed_toihin_nummirockiin span {
			display:inline-block!important;
			position:relative!important;
			top:-0.2em;
			width:49%;
		}
		#fixed_toihin_nummirockiin .otsikko {
			top:0.05em;
			width:49%;
		}
	#otsikko_paivamaaratekstit_1 {
		margin-top: -13.2em!important; /* Tuo lippubannerit kuvan päälle, resetoidaan mobiilille */
		/*background-color:#0C6;/**/
	}
	
	.uutisen_leipateksti {
		/*font-family: 'Anaheim', sans-serif;	
		line-height:1.4em;	*/
	}
    
  
    
    
	
}

/* Mobile: iPhone */

@media handheld, only screen and (max-width: 767px) { /* (max-width: 767px) */

	body { 
		/*background-color:#93C!important;/**/
		/*background-image:none!important;/**/
		font-size: 0.95em;
		-webkit-text-size-adjust: none;
		
        background-image: url("/2016/images/Coming-soon_tausta_1.jpg");
        background-size:contain;
        background-size: 100% auto;
	}
	body.alasivu { 
        background-size: 300% auto;
	}    
    
    body.etusivu {  
        
    }       
	
	#otsikko_lippubannerit > .last {
	  margin-top: 2em;
	} 

    #otsikon_grafiikat_2 {

    }
			
	#fixed_toihin_nummirockiin {
		background-color:#1a1a1a!important; 
		border: 1px solid #434343;	
	}
	
	#fixed_toihin_nummirockiin span {	
		width:100%!important;
	}
	#fixed_toihin_nummirockiin .otsikko {
		font-size:2.2em!important;
	}
		
	
	.paavalikko li {
		display:block!important;
	}
        body.alasivu .paavalikko li.nav-frontpage { /* Näytetään vain alasivuilla */
            display: inline-block;
            background-image: none!important;
            padding-left: 0;
        }
	
	#paavalikko_yla,
    #paavalikko_yla_etusivu {
		display:none !important;	
	}
	#paavalikko_ala {
		display:block;	
	}

    
    
	.nayta_mobiilissa {
		display:block!important;	
	}
	
	.paavalikko a:link, .paavalikko a:visited {
		padding: 0.1em 0; 
		margin:0.2em 0;
		line-height:0.1em!important;
		background-color:#343434;
	}

	.paavalikko li.nav-hamburger { /* Hampurilainen näkyviin */
        display: block;
    }
    .paavalikko li.nav-item { /* Tavalliset menu itemssit */
                //display: none!important;
			
								max-height: 0;
			          overflow: hidden;
				        -webkit-transition: max-height 0.15s ease-in;
				        -moz-transition: max-height 0.15s ease-in;		
			          transition: max-height 0.15s ease-in;
			
    }
       .paavalikko.visible li.nav-item { /* Tavalliset menu itemssit */
                //display: block!important;
				 
								max-height: 3rem;
				        -webkit-transition: max-height 0.15s ease-out;
				        -moz-transition: max-height 0.15s ease-out;
			          transition: max-height 0.15s ease-out;
        }
    

#mainNav {
  display: none!important; /* pois Mobiilissa */
    
}
    
#secondaryNav {
  display: block!important; /* block Mobiilissa */
  /*position:inherit!important; /* Vaaka-mobiilissa aina omalla paikallaan */
    
    
    
    /* display: none!important; /* POIS NÄKYVISTÄ COMING SOON */
} 
  
    
	
	.more_margin_bottom_for_mobile {
		margin-bottom:0.2em!important;	
	}
	
	
	.uutisen_otsikko, .footer_huomautusteksti {
		font-size:2.4em;	
		line-height:0.7em;
		margin-bottom:0.15em;
	}
	.uutisen_leipateksti {
		/*font-family: 'Anaheim', sans-serif;	
		line-height:1.2em;	*/
	}
	
	.sisalto_otsikko_1 {
		font-size:2.5em!important;
		padding-bottom: 0.2em!important;
		line-height:0.75em!important; 
		
		/*border-bottom: 2px #666 solid;*/
		
	}
	.sisalto_otsikko_2 {
		font-size:2.2em!important;
		
	}
			
.bandilogo_linkki {
  margin-top: -3% auto -3%; 
}	
.bandilogo_linkki.tall {
  width: 65%;
}

	/* Grafiikkojen vaihdot mobiiliin */
	#otsikon_grafiikat_1 {
		display:none!important;	
	}
	#otsikon_grafiikat_2 {
		display:block!important;	
	}
	.img-desktop {
		display:none!important;	
	}	
	.img-mobile {
		display:block!important;	
	}
		
	#banneri_lipputarjous_1 {
		display:none!important;
	}
	#banneri_lipputarjous_2 {
		display:block!important;
	}
	#Otsikon_grafiikat_Alasivu_2 {
		display:none;	
	}
	#Otsikon_grafiikat_Alasivu_2_mobile {
		display:block;	
	}
	.demoseta_mobiili {
		display:block!important;
	}
	.demoseta {
		display:none!important;	
	}
	
	
	
	
	#otsikko_paivamaaratekstit_1 {
		display:none!important;	
		margin-top:0em!important; /* tämä resetoi mobiilille, ei enää bannereita kuvan päälle */
	}
	
	.row, body, .container {
		width: 100%;
		min-width: 0;
		margin-left: 0px;
		margin-right: 0px;
		padding-left: 0px;
		padding-right: 0px;
	}
	
	.row .onecol, .row .twocol, .row .threecol, .row .fourcol, .row .fivecol, .row .sixcol, .row .sevencol, .row .eightcol, .row .ninecol, .row .tencol, .row .elevencol, .row .twelvecol {
		width: auto;
		float: none;
		margin-left: 0px;
		margin-right: 0px;
		padding-left: 20px;
		padding-right: 20px;
	}
    
#spotify-box {
    display: none!important;
}
    

} /* Iphone END <-- */




/* Mobile: iPhone pieni landscape moodi */

@media handheld, only screen 
    and (max-width : 750px) 
    and (orientation : landscape)  {
        
    #secondaryNav {
      position:inherit!important; /* Vaaka-mobiilissa aina omalla paikallaan */
    }         
        
    }


/* Mobile: iPhone portrait moodi */

@media handheld, only screen and (max-width: 350px) { 

	body { 
        background-size: 100% auto;
	}    
	body.alasivu { 
        background-size: 300% auto;
	} 
    
	/* Sisaltojen vaihdot mobiliin */
	#ohjelma_mobile {
		display:block!important;	
	}
	#ohjelma_full {
		display:none;	
	}
    
/* Alasivujen uutislistauksen tyylit START -> */
body.alasivu .uutisen_leipateksti > p {    
    /*
    -webkit-column-count: 1!important; /* Chrome, Safari, Opera */
    /*-moz-column-count: 1!important; /* Firefox */
    /*column-count: 1!important;*/
}
    
#secondaryNav {
  position:fixed!important; /* Pysty-mobiilissa aina fixed */
}    
	
.footer_footertext {
  padding-bottom: 3em;
}
    
    
}