@charset "UTF-8";
/* CSS Document */


/*  Ajoitetut tyylit: piiloon-esille kampanjan mukaan */

	#ohjelma_full {        /* Aikataulut, ensin vain päiväkohtaiset bändilogot taulukossa */
		display:none;	
	}

    #ohjelma_mobile {       /* Käännä puhelin vaakatasoon, pois ennen aikatauluja */
        display:none!important;	
    }

    body.bussit #pos1,      /* Bussien aikataulut piiloon ennen julkaisua */
    body.bussit #pos2,
    body.bussit #pos4 {      
        /*display: none;*/
    }

    body.ohjelma #pos5,      /* Ohjelman alaosasta kapeat palstat pois */
    body.ohjelma #pos6 {
        display: none;
    }
    body.festivaalialueen_kartta .alasivun_article header, /* Otsikot pois */  
    body.nummirock-saunat #pos2 header,
    body.lepoloota #pos2 header
    {   
        display: none;
    }



body {
    color:#FFF;
    font-family: 'Anaheim', sans-serif!important;
    background-image: url("/2016/images/Coming-soon_tausta_2.jpg");
    background-position: center top;
    background-repeat: no-repeat;
}

@media handheld, only screen and (min-width: 767px) and (max-width: 1143px) { 
    .row {
        max-width: 780px;
    }
}




/* ETUSIVUN responsiivisuus -> */

    body.etusivu {
        background-image: url(http://www.nummirock.fi/2017/images/Etusivu_tausta_3C.jpg);
            background-size: 2500px;        
        padding-top: 0px;
    }

    /* Only Desktop view */
    @media only screen and (min-width: 1143px) { /* (max-width: 1023px) */
        body.etusivu {
            padding-top: 0px;
        }    
    }

    /* Smaller screens: iPad*/
    @media only screen and (max-width: 1143px) { /* (max-width: 1023px) */
        body.etusivu {
            background-size: 220% auto !important;
        }
    }

    /* Smaller screens: iPad*/
    @media handheld, only screen and (min-width: 767px) and (max-width: 1143px) { 
        body.etusivu {
            background-image: url(http://www.nummirock.fi/2017/images/Etusivu_tausta_2C.jpg);
        }
    }

/* Mobile: iPhone */
    @media handheld, only screen and (max-width: 767px) { /* (max-width: 767px) */
        body.etusivu {
            padding-top: 0px;
            background-image: url(http://www.nummirock.fi/2017/images/Etusivu_tausta_1C.jpg);
            background-size: 100% auto!important; 
        }
    }

    /* Mobile: iPhone portrait moodi */
    @media handheld, only screen and (max-width: 350px) { 
        body.etusivu {
            padding-top: 0px;
        }
    }




    /* Etusivun yläosan tyhjän tilan teko ALKAA -> */

    body.etusivu header.container {
        padding-top: 750px;
    }

    /* Only Desktop view */
    @media only screen and (min-width: 1143px) { /* (max-width: 1023px) */
        body.etusivu header.container {
            padding-top: 550px!important;
        }    
    }

    /* Smaller screens: iPad*/
    @media only screen and (max-width: 1143px) { /* (max-width: 1023px) */
        body.etusivu header.container {
            padding-top: 33vw!important;
        }
    }

    /* Mobile: iPhone */
    @media handheld, only screen and (max-width: 767px) { /* (max-width: 767px) */
        body.etusivu header.container {
            padding-top: 75vw !important;
        }
    }

    /* Mobile: iPhone portrait moodi */
    @media handheld, only screen and (max-width: 350px) { 
        body.etusivu header.container {
        }
    }

    /* Etusivun yläosan tyhjän tilan teko LOPPUU <-  */


/* ETUSIVUN responsiivisuus LOPPUU */







body.etusivu {
  
}

a:link, a:visited {
	color:#94f3c0 ;	/* #71A5A8 */
	outline:none;	
	-moz-outline-style: none;
}
a:hover, a:active {
	color:#78c79d ;	/*  8CBFC2 */
}

img {
	width:100%;	
	display:block;
	border:0px;
	margin:auto;
}

.no-border {
	border:solid 0px transparent!important;	
}

.no-show {
	display:none;	
}

#otsikko_lippubannerit > .last {
  position:relative;
  left: -1px;
}

    #otsikon_grafiikat_2,
    #otsikon_grafiikat_1  {
        
    }

.bandilogot_container {
  margin: 2% auto;
}


/* PAAVALIKKO -tyylit ALKAA ***************************** */

nav .legendaarinen_tyhjapiste_piste_gif {
	margin:0 auto;
}


#mainNav { 
    padding-top: 0.7rem;

}
#mainNav li { 
    border-radius: 0.5rem;
    margin: 0rem -0.4rem;
    border: solid 2px #fff;
    position: relative;
    margin-bottom: 0.7rem;
    background-color: black; 
}
.paavalikko {
	text-align:center;
	position:relative;
	font-size:1.22em; /*muutetaan responsiivisissa*/
    /* z-index: 10000; */
    margin: -1rem auto; 
}

	.paavalikko li {
		position:relative; 
		list-style-type:none;
		list-style:none;
		/*background-color:#390; /* green */
		display:inline-block;
		/*width:13.5%;		/* leveille erikseen alla */
		margin:0 ;
        /* z-index: 10000; */
	}
	.paavalikko li:hover {
		bottom:-2px;	
	}
	
	.paavalikko li.nav-frontpage {
		padding-left:2.4em;	
		background-image:url(../images/Valikko_etusivu_tausta_1.png);
		background-repeat:no-repeat;
		background-position:left center;
	}
        body.etusivu .paavalikko li.nav-frontpage { /* Ei näytetä etusivulla */
            display: none!important;
        }

    #mainNav li.nav-selected { 
        background-color: white!important;   
    }
    #mainNav li.nav-selected a { 
        color: black!important;  
    }
    .paavalikko li.nav-selected {
		text-decoration: underline;
        
	}
	.paavalikko li.nav-selected a {
		text-decoration: underline;
	}
	
	.paavalikko li.nav-frontpage.nav-selected {
		display:none!important;
	}
	.paavalikko a:link, .paavalikko a:visited {
		
		color:#FFF!important;
		font-family: 'nummirock_2013_custom_3Rg',"Arial Narrow", "Helvetica Neue", Helvetica, Arial, sans-serif;
		font-size:2.1em;
		text-transform:uppercase;
		text-decoration:none;
		display:block;
		padding: 0.5em 10px;
        border-radius: 1rem;
	}



.paavalikko li.nav-hamburger {
  display: none;    /* hide from dekstop */
}
    .nav-hamburger a {
      padding: 0.3em;
      text-align: left;
    }

    li.nav-hamburger.toggle a {
        padding-bottom: 1.7rem;
    }  
        .nav-hamburger img {
          display: inline;
          margin: 0;
          width: 1em;
          position: relative;
          left: 10px;
        }

        .nav-hamburger .nav-logo {
          left: 1em;
          position: relative;
          top: -0.15em;
          width: 155px !important;
        }
        .nav-hamburger .nav-vakanen,
        .paavalikko.visible .nav-hamburger img.nav-plus {
          display:none;
        }
        .paavalikko.visible .nav-hamburger .nav-vakanen {
          display:inline;
        }


	.mobile_menu_icon {
		position:relative;	
		float:left;
		width:50px!important; position:relative; left:50%; margin-left:-25px; margin-bottom:10px;
	}
	
/* PAAVALIKKO -tyylit LOPPUU ***************************** */




/* Buttonit alkaa */

.cta-main { 
    text-decoration: none;
    display: table;
    margin-left: auto;
    margin-right: auto;
}

.cta-main button {
    position: relative;
    border: solid 0.13rem white !important;
    border-bottom: solid 0.43rem white !important;
    border-radius: 15rem;
    background-color: #200b0e;
    vertical-align: middle;
    height: 8rem;
    font-family: 'nummirock_2013_custom_3Rg','Arial Narrow', 'Helvetica Neue', Helvetica, Arial, sans-serif;
    text-transform: uppercase;
    font-weight: normal;
    font-size: 3.8em;
    line-height: 0.7em;
    margin-bottom: 0.5em;
    color: white;
    padding: 0 2rem;
    text-align: center;
    width: 90vw;
    display: block;
    margin-left: auto;
    margin-right: auto;
    max-width: 450px;
}    
    .cta-main button:hover {
        bottom: -1px;
        cursor: pointer;
    }

    @media handheld, only screen and (max-width: 420px) { 
        .cta-main button {
            font-size: 3.0em;
            height: 6rem;
        }
    }



/* Buttonit alkaa */

/* ALAVALIKKO/MOBILE-VALIKKO -tyylit ALKAA ***************************** */

#secondaryNav {
  display: none; /* block Mobiilissa */
    
  background-color: black;
  bottom: 0;
  margin: 0 0 0.5rem 0;
  padding: 0;
  position: fixed;
  width: 100%;
}
    #secondaryNav ul li {
      padding: 0;
    }



/* ALAVALIKKO/MOBILE-VALIKKO -tyylit LOPPUU ***************************** */



.legendaarinen_tyhjapiste_piste_gif {
	
	width: 100%;
	max-width: 980px;
	margin: 1em auto;
	overflow: hidden;
	
	background-color:#FFF; /*white*/
	height:3px;
}

/* Vuosi-värillinen viiva */
.ohjelma-paiva .legendaarinen_tyhjapiste_piste_gif {
	background-color:#fdd499;
}

.container  {
	display:block;
	color: #fff;
    overflow: hidden;
}
.container p {
	display:block;
	/*background-color:#666; /*grey*/
	margin: 2px 0 0 0;
	/* text-align:center; */
}


.alasivun_container {
	padding-top:40px!important;
	padding-bottom:13px;
	display:block;	
}
.alasivun_article {
	/*margin-top:1.5em; */
	
}
	.alasivun_article p {
		text-align:left!important;	
		margin-bottom:0.7em;!important;
	}
    .alasivun_article p.sisalto_otsikko_1,
    .alasivun_article p.sisalto_otsikko_2,
    .alasivun_article p.sisalto_otsikko_3 {
		margin-top:0.5em;
		margin-bottom:-0.1em;;
	}
		.alasivun_article p.sisalto_otsikko_1 {
			/* margin-top:0.3em!important; */
		}

    .alasivun_article section ul li {
        margin-left:  1.2em;
    }
	
	
.sisalto_otsikko_1, .sisalto_otsikko_2 {
	text-align:left!important;
	color:#FFF!important;
	font-family: 'nummirock_2013_custom_3Rg',"Arial Narrow", "Helvetica Neue", Helvetica, Arial, sans-serif;
	font-size:3.3em;
	text-transform:uppercase;
	text-decoration:none;
	padding-bottom: 0.2em;
	line-height:0.75em; 
}

.sisalto_otsikko_2 {
	font-size:2.4em;
	padding-bottom: 0.1em;
	margin-bottom: 0.25em!important;
	line-height:0.75em; 
	border-bottom: 1px #666 solid;
	width:100%;
	display:block;
}
	.sisalto_taulu .sisalto_otsikko_2 {
		font-size:2em;
		padding-bottom: 0.0em!important;
		border-bottom: 0px #666 solid!important;
        margin: 0!important; 
	}

        body.yhteistyokumppanit .sisalto_otsikko_2 { /* ei alleviivausta yhteistyokumppanit-sivula */
          border: 0 none;
        }



.sisalto_otsikko_3 {
	text-transform:uppercase;
	font-weight:bold;
	font-size:1em;
	padding-top: 0.3em;
	padding-bottom: 0.4em;
	line-height:1.15em; 
}





.row {
	/* background-color:#630; /*brown*/	
	margin-top:1em!important;
	
}



#facebook_like_headerin_alla {
	/*background-color:#0FC;/*teal*/
	display:block;
	margin: auto;
	z-index:1000;
}
.yhteistyokumppanit_logo {
	margin-bottom:1.5em;
    margin-right: 2%;
    width: 48%;
    float: left;
}


#otsikko {
	/*background-color:#090; /*green*/	
	z-index:-1000;
	margin-top:1.3em;
}

#otsikko_alasivu_oikea {
	position:relative;
	top: 10%; /*38px;*/
}


.uutinen {
	display:block;
	/*background-color:#0CF; /* LIGHT BLUE */
	margin-bottom:1.5em;	
}

.etusivu_uutiset_show-more {
  font-family: "nummirock_2013_custom_3Rg","Arial Narrow","Helvetica Neue",Helvetica,Arial,sans-serif;
  font-size: 3.4em;
  padding: 0.5em 0.1em 0;
  text-align: center;
  text-transform: uppercase;
    line-height: 1em;
}

    .etusivu_uutiset_show-more a {
        position:relative;
        text-decoration: none;
        font-size: 2rem;
        display: inline-block;
        width: calc(100% - 4px);
        border: solid 2px white;
    }
    .etusivu_uutiset_show-more a:hover {
        bottom: 1px;
    }


/* Alasivujen uutislistauksen tyylit START -> */


body.ajankohtaista .sisalto_otsikko_1 {
  border-bottom: 3px solid #fff;
  color: #fff !important;
  font-size: 4em;
  margin-bottom: 0.4em;
}

body.alasivu .uutinen {
	margin-bottom:0;	
}

body.alasivu .uutisen_paivamaara {
  display: block;
  float: right;
  text-align: right;
  width: 20%;
}
body.alasivu .uutisen_otsikko {
  /* color: #71A5A8; */
  cursor: pointer;
  text-decoration: underline;
  width: 80%;
  z-index: 1000;
}
/*body.alasivu .uutisen_otsikko:hover:after {
    content: "↴";
    position: relative;
    left: 0.2em;
}*/

body.alasivu .uutisen_leipateksti,
body.alasivu .uutisen_leipateksti * {
    opacity : 0;
    height:0px;
    visibility: hidden;
    transition:opacity 0s, height 0.6s, visibility 0s;
    z-index: -1000;
}
body.alasivu .visible .uutisen_leipateksti,
body.alasivu .visible .uutisen_leipateksti * {
    opacity : 1;
    height: auto;
    visibility: visible;
    transition:opacity 0.6s, height 0s, visibility 0s;
    z-index: -1000;
}

body.alasivu .visible .uutisen_otsikko,
body.alasivu .uutisen_otsikko:hover {
    /* color:#8CBFC2; */
}

body.alasivu .uutisen_leipateksti{
    

    

}

body.alasivu .uutisen_leipateksti > p {
    margin: 2em 0;
}


.bandilogo {
	font-size:1.7em;
	text-transform:uppercase;
	/*background-color:#CCC; /* GREY */
	padding:0em 0em;	
	margin-bottom:0.6em;
}
	.bandilogo_levea {
		/*background-color:#090; /*green*/	
	}
	.bandilogo_kapea {
		/*background-color:#CCC; /* GREY */	
	}


.bandilogo_linkki:hover,
.linkki:hover {
	position:relative;
	bottom:-1px;
}

img.bandilogo_linkki.new {
	background-image: url("/2017/images/bandit_2019/NewBand.png"); 
    background-size: cover;
}
    img.bandilogo_linkki.new.spacer {
        background-size: 100%;
        background-repeat: no-repeat;
    }


#banneri_lipputarjous_1, #banneri_lipputarjous_2 {
	margin-bottom:1.6em;
}
	
	
.banneri_lipputarjous_lippufirma {
	margin:0.8em 0em;
}

#footer_social_media_logo_container {
	text-align:center;
	padding-top:1.2em;
}

.footer_social_media_logo {
	display:inline!important;
	margin:0 0.3em;
    width:3em;
    height:3em;
	max-width:39px;
	max-height:39px;	
}
    @media only screen and (max-width: 868px) {
        .footer_social_media_logo {
            width:2em;
            height:2em; 
        }
    }
    @media only screen and (max-width: 468px) {
        .footer_social_media_logo {
            width:1.4em;
            height:1.4em; 
        }
    }


	.footer_social_media_logo:hover,
    .linkkibannerikuva:hover {
		position:relative;
		bottom:-1px; 
	}






footer {
	padding-bottom:3em;	
}

.footer_footertext {
	text-align:left!important;
	color:#8f8e8e;	
}

.onecol, .twocol, .threecol, .fourcol, .fivecol, .sixcol, .sevencol, .eightcol, .ninecol, .tencol, .elevencol, .twelvecol {
	/*background-color:#F90; /*Orange*/
}



.row#footer-top {
    margin: 1em auto;
    overflow: hidden;
}

#otsikko_lippubannerit {
  margin: 2em auto !important;
}

#otsikko_lippubannerit a {
	position:relative;
}
	#otsikko_lippubannerit a:hover{
		bottom:-1px;
	}
	
a.Lippubanneri_iso_alhaalla {
	position:relative;	
}
	a.Lippubanneri_iso_alhaalla:hover {
		bottom:-1px;
	}

#ohjelma_mobile { /* iPhone Portrait moodi oletus */
		display:none;	
		color:#FFF!important;
		font-family: 'nummirock_2013_custom_3Rg',"Arial Narrow", "Helvetica Neue", Helvetica, Arial, sans-serif;
		font-size:2.3em;
		text-align:center;
		margin:3em auto;
		text-transform:uppercase;
		text-decoration:none;
		padding: 0.5em 0.25em;
}
	#ohjelma_mobile img {
		margin:0.3em auto;	
	}



/* Bussi-sivun omat tyylit ALKAA */

body.bussit table {
    border-collapse: collapse;
}

body.bussit td {
    padding: 5px;
}

body.bussit table,
body.bussit tr, 
body.bussit td{
    border: 1px solid white;
}





/* Ohjelma-sivun omat tyylit ALKAA */

body.ohjelma .sisalto_otsikko_2 {
border-bottom:0px!important;
}
    #ohjelma_logot_paivittain .sisalto_otsikko_2 {
      border-bottom: 1px solid white !important;
    }


body.ohjelma table {
/*display:none;*/
width:100%; border:0px; border-spacing:1px; background-color:#505050; padding:0px; text-align:center;
}

body.ohjelma td,
body.ohjelma  th {
background-color:#161616;
padding:5px 8px;
}

body.ohjelma th {
text-transform:uppercase;
font-size:1.3em;
background-color:#363636;
}

body.ohjelma .ohjelma_kellonaika {
background-color:#212121;
}
body.ohjelma .ohjelma_paalava {
background-color:#363636;
}
body.ohjelma .ohjelma_infernolava {
background-color:#212121;
}
body.ohjelma .ohjelma_kofflive {
background-color:#363636;
}

#ohjelma_logot_paivittain td {              /* Pelkät logot ennen aikataulun julkaisua */
  background-color: black !important;
}



/* 2016 -> */

body.ohjelma #ohjelma_kellonaikoineen .twelvecol,
body.ohjelma #ohjelma_kellonaikoineen .sixcol {
    padding: 0;
}




body.ohjelma .paiva-rivi {
    background-image: url("http://www.nummirock.fi/2017/images/2019_Ohjelma-paivat/Ohjelma-Paivan-Viiva.png"); 
    background-position: center center;
    background-repeat: no-repeat;
    background-size: 100% 100%;
    
    padding: 1rem 0!important;
    transform: rotate(-1deg);
    margin: 2rem 0 1rem;
}
body.ohjelma .paiva-rivi.odd {
    transform: rotate(1deg);
}

body.ohjelma .paiva-otsikko {
  margin: 0 auto;
  width: auto;
  max-width: 19em;
}

    @media only screen and (max-width: 350px) { 
        body.ohjelma .paiva-otsikko {
          max-width: 15em;
        }
    }



/* Lipunhinnat -taulukon tyyli */

.sisalto_taulu.lipunhinnat {
    width: 100%;
}

.sisalto_taulu.lipunhinnat td {
    /* border-bottom: solid 1px #666; */
    vertical-align: top;
}
    .sisalto_taulu.lipunhinnat td:nth-child(even) * {
        text-align: right!important;
    }







