/*
Theme Name: SS
Author: Eske Design
Author URI: eske.com.au
Description: Soundsplash 2018 NEON Theme 
Version: 1.1
*/

html {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}
*, *:before, *:after {
  -webkit-box-sizing: inherit;
  -moz-box-sizing: inherit;
  box-sizing: inherit;
  }

html,
body {
	height:100%;
	}

body {
	background:#fefefe;
	font-family: Helvetica, Arial, sans-serif;
	color:#1f1f1f; text-align:left;
	margin:0; padding:0;
	 }
	
p { 
	margin:0;
	padding:0 0px 1.0em 0px;
	color:#131313; 
	font-size:14px; 
	line-height:1.5;	
	}
	
strong {
	font-weight:normal;	
	}
	
h1,h2,h3,h4,h5,h6 { 
	line-height:1.5;
	font-weight:normal;
	padding-bottom:.6em;	
	}
	
a {
	color:#3366FF; /*1d3983*/
	text-decoration:none;
	}	
	p a {
		position:relative;
		}
	p a:after {
  content: '';
  position: absolute;
  bottom: -.2em;
  left: 0;
  width: 0%;
  border-bottom: 2px solid #3366FF;
  transition: 0.4s;
	}
	p a:hover:after {
  width: 100%;
	}
	
	
/* FONTS */
p,
h1,h2,h3,h4,h5,h6,
li { 
	font-family:'Myriad W01 Regular',Verdana; }	
strong,
#hashtag,
#footer p,
li.f-q { 
	font-family:'Myriad W01 SmBd',Verdana; }


#container {
	width:100%; 
	height:100%;
	background:#000;
	margin: 0 auto; 
	padding:0;
	text-align:left;
	font-size:0.6em;
	}
	
	
	
#mob-logo {
	display:block;
	position:relative;
	margin:50px auto 0;
	width:40%;
	}	
#mob-logo a { 
	display:block;
	background:url(images/SS18_logo_black.svg) bottom center no-repeat; 
	background-size:cover;
	width:100%; height:0; padding-bottom:100%;
	text-indent:-9999px; overflow:hidden;
	 }	
	
.menu-nav2-container {
	
	}	
		
.menu {
	position:relative; 
	overflow:hidden;
	padding:10px 20px 0;
	text-align:center;
	 }	
	
.menu li {
	float:none;
	padding:0;
	display:block;
	 }
	
.menu li a {
	display:block;
	height:auto;
	color:#4d4d4d;
	font-size:16px;
	transition:color ease-in-out 0.3s;
	font-family:'Kroppen Round W01 Bold';
	text-transform:uppercase;
	letter-spacing:0.1em;
	padding:1em 0;
	 }		
	.menu li a:hover,
	.menu li.current_page_item a { color:#f0d857; }
	
	li#menu-tickets a:hover { color:#783cbd; }
	li#menu-map a:hover { color:#00a887; }
	li#menu-information a:hover { color:#ff5f00; }
	li#menu-buy a:hover { color:#00acc8; }
	
/* submenu */
.menu li ul {	
	padding:0;
	}
.menu li ul li a {
	text-transform:lowercase;
	font-size:14px;
	}	


/*

#fff200 - yellow
#f7323f - red

#783cbd - purple
#00acc8 - blue
#ff5f00 - orange
#00a887 - green

*/	
	
		
.hamburger {
  padding: 15px 15px;
  display: inline-block;
  cursor: pointer;
  transition-property: opacity, -webkit-filter;
  transition-property: opacity, filter;
  transition-property: opacity, filter, -webkit-filter;
  transition-duration: 0.15s;
  transition-timing-function: linear;
  font: inherit;
  color: inherit;
  text-transform: none;
  background-color: transparent;
  border: 0;
  margin: 0;
  overflow: visible;

	position:fixed;
	left:24px;
	top:24px;
	z-index:999;
	
	display:block; /* NEW DESKTOP VERSION */
	 }
  .hamburger:hover {
    opacity: 0.7; }

.hamburger-box {
  width: 30px;
  height: 24px;
  display: inline-block;
  position: relative; }

.hamburger-inner {
  display: block;
  top: 50%;
  margin-top: -2px; }
  .hamburger-inner, .hamburger-inner::before, .hamburger-inner::after {
    width: 30px;
    height: 4px;
    background-color: #fff;
    border-radius: 4px;
    position: absolute;
    transition-property: -webkit-transform;
    transition-property: transform;
    transition-property: transform, -webkit-transform;
    transition-duration: 0.15s;
    transition-timing-function: ease; }
  .hamburger-inner::before, .hamburger-inner::after {
    content: "";
    display: block; }
  .hamburger-inner::before {
    top: -10px; }
  .hamburger-inner::after {
bottom: -10px; }

#navigation.menu-visible .hamburger-inner, #navigation.menu-visible .hamburger-inner::before, #navigation.menu-visible .hamburger-inner::after {
	background-color: #000;
	}

/*
 * Collapse
 */
.hamburger--collapse .hamburger-inner {
  top: auto;
  bottom: 0;
  transition-duration: 0.15s;
  transition-delay: 0.15s;
  transition-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); }
  .hamburger--collapse .hamburger-inner::after {
    top: -20px;
    transition: top 0.3s 0.3s cubic-bezier(0.33333, 0.66667, 0.66667, 1), opacity 0.1s linear; }
  .hamburger--collapse .hamburger-inner::before {
    transition: top 0.12s 0.3s cubic-bezier(0.33333, 0.66667, 0.66667, 1), -webkit-transform 0.15s cubic-bezier(0.55, 0.055, 0.675, 0.19);
    transition: top 0.12s 0.3s cubic-bezier(0.33333, 0.66667, 0.66667, 1), transform 0.15s cubic-bezier(0.55, 0.055, 0.675, 0.19);
    transition: top 0.12s 0.3s cubic-bezier(0.33333, 0.66667, 0.66667, 1), transform 0.15s cubic-bezier(0.55, 0.055, 0.675, 0.19), -webkit-transform 0.15s cubic-bezier(0.55, 0.055, 0.675, 0.19); }

.hamburger--collapse.is-active .hamburger-inner {
  -webkit-transform: translate3d(0, -10px, 0) rotate(-45deg);
          transform: translate3d(0, -10px, 0) rotate(-45deg);
  transition-delay: 0.32s;
  transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); }
  .hamburger--collapse.is-active .hamburger-inner::after {
    top: 0;
    opacity: 0;
    transition: top 0.3s cubic-bezier(0.33333, 0, 0.66667, 0.33333), opacity 0.1s 0.27s linear; }
  .hamburger--collapse.is-active .hamburger-inner::before {
    top: 0;
    -webkit-transform: rotate(-90deg);
            transform: rotate(-90deg);
    transition: top 0.12s 0.18s cubic-bezier(0.33333, 0, 0.66667, 0.33333), -webkit-transform 0.15s 0.42s cubic-bezier(0.215, 0.61, 0.355, 1);
    transition: top 0.12s 0.18s cubic-bezier(0.33333, 0, 0.66667, 0.33333), transform 0.15s 0.42s cubic-bezier(0.215, 0.61, 0.355, 1);
    transition: top 0.12s 0.18s cubic-bezier(0.33333, 0, 0.66667, 0.33333), transform 0.15s 0.42s cubic-bezier(0.215, 0.61, 0.355, 1), -webkit-transform 0.15s 0.42s cubic-bezier(0.215, 0.61, 0.355, 1); }


.menu-nav2-container {
	width:30%;
	overflow: hidden;
	-webkit-transition: left 0.8s;
	-moz-transition: left 0.8s;
	transition: left 0.8s;
	
	background:#fff;
	height:100%;
	position:fixed;
	z-index:99;
	top:0;
	left:-30%;
	overflow: scroll; overflow-x:hidden;
}
#navigation.menu-visible .menu-nav2-container {
	left:0;
}

/* ... */				
	
	
	
	
	
#header {
	width:100%;
	height:auto;
	background:none;
	}
	
	#header-hero {
		background:#000 url(images/2018/SS18_home_bg_GEN.png) center top no-repeat;
		background-size:contain;
		height:0;
		padding-bottom:50%;
		}
		#header-hero a {
			width:100%;
			height:100%;
			display:block;
			text-indent:-9999px;
			overflow:hidden;
			}
		
		
		body.home.old #header-content {
			overflow: hidden;
			width: 30%;
			position: absolute;
			bottom: 0;
			left: 35%;
			}
			
			
			body.home.old #newsletter {
				float:none;
				margin:30px auto 0;
				display:block;
				width:250px;
				}
			body.home.old #newsletter label {
				display:none;
				width:100%;
				font-size:13px;
				margin:10px 0 0;
				}	
			body.home.old #newsletter input#mc-email {
				float: none;
				border: 0;
				border-bottom: 1px solid #fff;
				background: none;
				color: #fff;
				text-align: center;
				font-size: 1.6em;
				width:250px;
				}
				
					
			body.home.old #header .social {
				float:none;
				display:inline-block;
				margin:0;
				position:absolute;
				right:0;
				top:30px;
				z-index:9;
				}	

			
			@media only screen and (max-width: 768px) {
			
			body.home.old #header-hero { 
				background:#000 url(images/SS18_holdingpg_mobilev2.jpg) center top no-repeat;
				background-size:contain;
				height:100%;
				 }
			body.home.old #follow {
				height:220px;
				background:transparent;
				}	
			body.home.old #header .social {
				position:relative;
				}	
			
			}	
			
			/* mobile landscape 
			@media only screen and (min-width: 480px) and (max-width: 767px) {
			
			body.neonlights #header-hero { 
				background:#000 url(images/SS18_holdingpg_bg3.png) center top no-repeat;
				background-size:contain;
				height:100%;
				 }
			
			}
			*/
			
			/* mobile landscape */
			@media only screen 
			and (min-device-width : 414px) 
			and (max-device-width : 736px) 
			and (orientation : landscape) {
			
			body.home.old #header-hero { 
				background:#000 url(images/SS18_holdingpg_bg3.png) center top no-repeat;
				background-size:contain;
				height:100%;
				 }
			
			}
			
			/* mobile portrait */
			@media only screen and (max-width: 479px) {
			
			body.home.old #header { background:#000; }
			body.home.old #header-hero { height: 50%; background-size: cover; }
			body.home.old #follow { position:relative; }
			body.home.old #newsletter { margin-top:0; }
			
			}
				
	
	#header-inner {
		width:100%;
		height:inherit;
		position:relative;
		margin:0 auto;
		overflow:hidden;
		}
	#header h1,
	#header h2 {
		font-size:16px;
		text-indent:-999px;
		overflow:hidden;
		 }
	
			

#follow {
	width:100%;
	height:145px;
	overflow:hidden;
	background:#000;
	}
#follow-inner {
	width:960px;
	margin:0 auto;
	overflow:hidden;
	text-align:center;
	}		
	
.social {
	display:inline-block;
	margin:50px 0px 0 40px;
	}
.sFB, .sTW, .sIG {
	display:inline-block;
	width:40px;
	height:40px;
	margin:0 10px;
	}	
.sFB a, .sTW a, .sIG a {
	width:100%;
	height:100%;
	display:block;
	text-indent:-999px;
	overflow:hidden;
	margin:0;
	transition:opacity 0.3s ease-in-out;
	opacity:1;
	}
.sFB { background:url(images/SS18_FBv2.png) 0 -44px no-repeat; height:44px; }
.sTW { background:url(images/SS18_TWv2.png) 0 -40px no-repeat; }
.sIG { background:url(images/SS18_IGv2.png) 0 -40px no-repeat; }
.sFB a { background:url(images/SS18_FBv2.png) no-repeat; height:44px; }
.sTW a { background:url(images/SS18_TWv2.png) no-repeat; }
.sIG a { background:url(images/SS18_IGv2.png) no-repeat; }	
.sFB a:hover, .sTW a:hover, .sIG a:hover {
	opacity:0;
	}		
	

/* MailChimp Form Embed Code - Slim - 08/17/2011 */
#mc_embed_signup {width:300px;}
#mc_embed_signup form {display:block; position:relative; text-align:left; padding:10px 0 10px 3%}
#mc_embed_signup h2 {font-weight:bold; padding:0; margin:15px 0; font-size:1.4em;}
#mc_embed_signup input {border:1px solid #999; -webkit-appearance:none;}
#mc_embed_signup input[type=checkbox]{-webkit-appearance:checkbox;}
#mc_embed_signup input[type=radio]{-webkit-appearance:radio;}
#mc_embed_signup input:focus {border-color:#333;}
#mc_embed_signup .button {clear:both; background-color: #aaa; border: 0 none; border-radius:4px; color: #FFFFFF; cursor: pointer; display: inline-block; font-size:15px; font-weight: bold; height: 32px; line-height: 32px; margin: 0 5px 10px 0; padding:0; text-align: center; text-decoration: none; vertical-align: top; white-space: nowrap; width: auto;}
#mc_embed_signup .button:hover {background-color:#777;}
#mc_embed_signup .small-meta {font-size: 11px;}
#mc_embed_signup .nowrap {white-space:nowrap;}     
#mc_embed_signup .clear {clear:none; display:inline;}

#mc_embed_signup label {display:block; font-size:16px; padding-bottom:10px; font-weight:bold;}
#mc_embed_signup input.email {display:block; padding:8px 0; margin:0 4% 10px 0; text-indent:5px; width:58%; min-width:130px;}
#mc_embed_signup input.button {display:block; width:35%; margin:0 0 10px 0; min-width:90px;}

#mc_embed_signup div#mce-responses {float:left; top:-1.4em; padding:0em .5em 0em .5em; overflow:hidden; width:90%;margin: 0 5%; clear: both;}
#mc_embed_signup div.response {margin:1em 0; padding:1em .5em .5em 0; font-weight:bold; float:left; top:-1.5em; z-index:1; width:80%;}
#mc_embed_signup #mce-error-response {display:none;}
#mc_embed_signup #mce-success-response {color:#529214; display:none;}
#mc_embed_signup label.error {display:block; float:none; width:auto; margin-left:1.05em; text-align:left; padding:.5em 0;}	


#newsletter {
	width:auto;
	display:inline-block;
	margin:60px 0 0 0px;
	overflow:hidden;
	}
#newsletter input#mc-email {
	float:left;
	width:205px;
	padding:4px;
	border:1px solid #fff;
	font-size:16px;
	}	

#newsletter .buttonwrap {
	float:right;
	width:155px;
	height: 30px;
	background: url(images/SS18_subscribev2.png) 0 0 no-repeat;
	margin-left:15px;
	}	
	
#newsletter button { 
	width:100%; height:100%;
	background: url(images/SS18_subscribev2.png) 0 -30px no-repeat;
	border: 0 none;
	cursor: pointer;
	transition:opacity 0.3s ease-in-out;
	opacity:0;
	 }
#newsletter button:hover {
	opacity:1;
	 }	
#newsletter button span { 
	display:none;
	}
	
#newsletter label {
	/*float:left;*/
	display:block;
	width:100%;
	margin:20px 0 0 10px;
	font-size:12px;
	color:#fff;
	}	
	

	
	
/* SECTIONS */

.inner {
	width:960px;
	overflow:hidden;
	margin:0 auto;
	padding:60px 0;
	position:relative;
	}
	
h3 {
	text-indent:-9999px;
	overflow:hidden;
	}	
	
p.intro {
	display:block;
	text-align:center;
	color:#333;
	font-size:16px;
	}	
	#information p.intro { color:#fff; }
	
	

#gallery .inner {
	width:100%; 
	background:#000;
	}
	
  /*.slider{
    width: 600px;  
    height:150px;
    margin: 20px auto;    
    text-align: center;
  }*/
  .slideshow img{
    /*margin: 10% 0 10% 0;*/
    /*
	padding: 0% 5%;
    background: #008ed6;
	width:80%;
	height:80%;
	*/
  }
  .slideshow div{
    margin-right: 5px;
	background:#000;
  }
  .slick-slide{
    opacity: .3;
	transition:opacity 2s ease-in-out;
  }
  .slick-center{
    display: block;
    max-width: 10% !important;
    max-height:20% !important;
    opacity: 1;
  }	
  /*.slick-center img {
	width:100%;
	height:100%;
	}*/	



/* ARTISTS */

#artists {
	background:#000;
	}

.artist-hero {
	position:relative;
	cursor:pointer;
	}
	
.artist-hero img {
	transition:opacity 0.3s ease;
	display:block;
	width:100%;
	}	
	.artist-hero:hover img {
		opacity:0.8;
		}
	
.artist-hero h4 {
	width:100%;
	position:absolute;
	top:50%;
	left:50%;
	transform: translate(-50%,-50%);
	-webkit-transform: translate(-50%,-50%);
	text-align:center;
	line-height:1.2;
	}	
.artist-name {
	font-size:80px;
	color:#fff;
	font-family:'Kroppen Round W01 Bold';
	text-transform:uppercase;
	letter-spacing:0.1em;
	}
.artist-toggle {
	display:block; width:10%; background:#fff url(images/SS18_arrow_down2.png) center center no-repeat; height:22px; margin:20px auto 0;
	}	
	.accordion.open .artist-toggle { background:#fff url(images/SS18_arrow_up2.png) center center no-repeat;	}
	
.artist-more div {
	padding:5% 10%;
	}	
.artist-more p {
	color:#fff;
	/*width:70%;*/
	font-size:16px;
	}	



/* DEFAULT */

#default {
	background:#000;
	}

body.volunteer h3#default-title {
	width:100%;
	height:130px;
	background:url(images/2018/SS18_title_volunteer.png) center top no-repeat;
	}
	
iframe#73548725353867 html body form.jotform-form {
	padding-top:0!important;
	}	



/* TICKETING */

#tickets {
	background:#000;
	}
	
#tickets h3#tickets-title {
	background:#000 url(images/SS18_title_tickets_EBsold.png) center top no-repeat;
	width:100%;
	height:375px;
	}	
	
.ticket-section {
	margin:30px 0 60px;
	}
.ticket-section h2 {
	color:#fff;
	font-size:25px;
	font-family:'Kroppen Round W01 Bold';
	text-transform:uppercase;
	letter-spacing:0.1em;
		color:#fff200;
	}
	.ticket-section.packages h2 { color:#ff5f00; }
	.ticket-section.camping-pass h2 { color:#00a887; }
	.ticket-section.vehicle-passes h2,
	.ticket-section.soundsplash-return-bus h2 { color:#f7323f; }	
	
.ticket-overview p {
	color:#fff;
	font-size:18px;
	}	

		
.ticket-group {
	margin:25px 0;
	}
.ticket-type {
	background:#fff;
	transition:background-color 0.4s ease-in-out;
	cursor:pointer;
	
	width:60%;
	display:inline-block;
	vertical-align:middle;
	}		
	.ticket-type.wide-toggle { width:100%; /*display:block;*/ }
	.ticket-type:hover {
		background:#fff200;
		}
	.ticket-section.packages .ticket-type:hover { background:#ff5f00; }
	.ticket-section.camping-pass .ticket-type:hover { background:#00a887; }
	.ticket-section.vehicle-passes .ticket-type:hover,
	.ticket-section.soundsplash-return-bus .ticket-type:hover { background:#f7323f; }
		
.ticket-type h4 {
	color:#000;
	font-size:15px;
	line-height:1.3;
	padding:10px 10px 7px;
	margin:0;
	font-weight:bold;
	overflow:hidden;
	}
.ticket-name { display:inline-block; float:left; width:75%; }
.ticket-cost { display:inline-block; float:left; width:15%; }
.ticket-toggle { display:inline-block; float:right; width:10%; background:url(images/SS18_arrow_down2.png) right center no-repeat; height:22px; }
	.accordion.open .ticket-toggle { background:url(images/SS18_arrow_up2.png) right center no-repeat;	}
	
.ticket-description {
	/*background:url(images/SS18_img_comfort.png) left top no-repeat;*/
	overflow:hidden;
	}
	.accordion.open .ticket-description {
		
		}
.ticket-description > div {
	/*width:540px;  min-height:170px;*/
	width:100%;
	/*float:right;*/
	padding:15px;
	}
	.ticket-description > div.ticket-image {
		width:30%;
		height:100%;
		float:left;
		padding:0 20px 20px 0;
		padding:0;
		}
	.ticket-description > div.ticket-image img {
		width:100%;
		height:auto;
		}	
		
.ticket-description p {
	color:#fff;
	font-size:16px;
	}	
	
.ticket-image {
	width:39%;
	height:auto;
	display:inline-block;
	vertical-align:middle;
	}
.ticket-image a {
	display:block;
	width:100%;
	height:100%;
	position:relative;
	}	
	.ticket-image a:hover {
	
	}
	.ticket-image a span {
		display:block;
		color:#fff;
		font-size:2em;
		font-family:'Kroppen Round W01 Bold';
		text-transform:uppercase;
		letter-spacing:0.1em;
		text-align:center;
		vertical-align:middle;
		position:absolute;
		z-index:9;
		top:33%;
		left:30%;
		
		transition:opacity 0.3s ease-in-out;
		opacity:0;
		
		}
		.ticket-image a:hover span {
			opacity:1;
			}
	
.ticket-image img {
	height:auto;
	transition:opacity 0.3s ease-in-out;
	opacity:1;
	}
	.ticket-image a:hover img {
		opacity:0.6;
	}		


/*

#fff200 - yellow
#f7323f - red

#783cbd - purple
#00acc8 - blue
#ff5f00 - orange
#00a887 - green

*/			

	
	
	
.breaker {
	width:100%;
	/*height:800px;*/
	background-size:cover;
	}
.breaker img {
	width:100%;
	display:block;
	}	
#breaker1 { background:url(images/SS17_img_soundof.jpg) center top no-repeat; }		
	
	
	
	
#tickets {
	width:100%;
	}
	
	h3#tickets-title { 
		width:100%;
		height:97px;
		background:url(images/SS17_title_tickets.png) center top no-repeat;
		}
		 h3#tickets-title { background:url(images/SS17_title_tickets2.png) center top no-repeat; }
		
	#tickets-content {
		width:900px; /*855*/
		height:735px; /*432*/
		background:url(images/SS17_ticket_pricesv4-1.png) center top no-repeat;
		margin:20px auto 0;
		
			background:none;
			height:auto;
		}
		#tickets-content img {
			display:block;
			width:100%;
			}
		
	#tickets-banner {
		width:100%;
		height:50px;
		background:url(images/SS17_banner_buytix.png) center 0 no-repeat;
		text-indent:-9999px;
		overflow:hidden;
		margin:30px 0;
		}
		 #tickets-banner { background:url(images/SS17_banner_buytix2.png) center 0 no-repeat; }
		
		#tickets-banner a {
			width:100%;
			height:100%;
			display:block;
			background:url(images/SS17_banner_buytix.png) center -50px no-repeat;
			transition:opacity 0.3s ease-in-out;
			opacity:0;
			}	
			 #tickets-banner a { background:url(images/SS17_banner_buytix2.png) center -50px no-repeat; }
		#tickets-banner a:hover {
			opacity:1;
			}	
			
	#tickets-sticker {
		width:125px;
		height:125px;
		background:url(images/SS18_circle125_buy.png) center 0 no-repeat;
		text-indent:-9999px;
		overflow:hidden;
		position:absolute;
		top:30px;
		left:40px;
		z-index:9;
		}
		
		#tickets-sticker a {
			width:100%;
			height:100%;
			display:block;
			background:url(images/SS18_circle125_buy.png) center -125px no-repeat;
			transition:opacity 0.3s ease-in-out;
			opacity:0;
			}	

		#tickets-sticker a:hover {
			opacity:1;
			}
			
	
#map {
	width:100%;
	/*background:#beefe7;*/
	background:#000;
	}

#map .inner {
	padding:60px 0 100px;
	}
	
	h3#map-title { 
		width:100%;
		height:130px;
		background:url(images/SS18_title_map.png) center top no-repeat;
		}
		 
	#map-content {
		width:900px; /**/
		height:611px; /*584*/
		background:url(images/SS17_map_sitev4.jpg) center top no-repeat;
		margin:20px auto 0;
		
			background:none;
			height:auto;
		}	
		#map-content img {
			display:block;
			width:100%;
			}
			
		
	
	
#information {
	width:100%;
	background:#021a32;
	}	
	h3#information-title { 
		width:100%;
		height:97px;
		background:url(images/SS17_title_info.png) center top no-repeat;
		}
	#information-content {
		margin:10px 0 0; 
		border-top:2px dotted #e6b3d3;
		/*padding-top:15px;*/
		}	
	#information-content ul {
		margin:30px 0 0; padding:0 150px;
		text-align:left;
		}
	#information-content ul li {
		display:block;
		width:100%;
		list-style-type:none;
		padding:0;
		margin:0;
		font-size:16px;
		color:#fff;
		line-height:1.5;
		}
		#information-content ul li.f-h { font-size:2.6em; color:#f6ed82; padding:20px 0; text-transform:uppercase; }
		#information-content ul li.f-q { /*font-weight:bold;*/ color:#32a9b9; }
		#information-content ul li.f-a { margin-bottom:20px; }
		
	/* 2018 */
	
	#information {
		background:#000;
		}
		
	h3#information-title { 
		width:100%;
		height:130px;
		background:url(images/SS18_title_info.png) center top no-repeat;
		}	
	
	#information-content {
		text-align:center;
		border-top:0;
		}
		
	#information .ticket-section {
		/*
		width:45%;
		margin:30px 2% 0px;
		display:inline-block;
		*/
		width:auto;
		margin:30px 15% 60px;
		display:block;
		text-align:left;
		vertical-align:top;
		}	
	
	#information .ticket-section h2 {
		color:#ff5f00;
		}	
		
	#information .ticket-type {
		width:100%;
		}	
		#information .ticket-type:hover {
			background:#ff5f00;
			}	
		
			
	
	
#footer {
	width:100%;
	/*background:#73243d;*/
	background:#000;
	text-align:center;
	}	

	
	#hashtag {
		display:block;
		width:100%;
		font-size:23px;
		color:#fff;
		margin:10px 0 30px;
		}
							
	#footer .social {
		float:none;
		width:100%;
		margin:15px auto 30px;
		clear:both;
		text-align:center;
		}	
	#footer .sFB, #footer .sTW, #footer .sIG {
		float:none;
		display:inline-block;
		}	
	
	p#copyright {
		display:block;
		width:100%;
		font-size:12px;
		color:#fff;
		padding:20px 0 0;
		}
	p#sitebyeske {
		font-size:10px;
		text-transform:uppercase;
		color:#fff;
		padding:10px 0 0;
		}
		p#sitebyeske a {
			color:#fff;
			}	
a#madebyeske {
	display:block;
	text-indent:-999px; overflow:hidden;
	position:relative;
	margin:30px auto 0;
	
	background:url(images/madebyeske.svg) top center no-repeat;
	background-size:contain;
	opacity:1;
	width:40px;
	height:40px;
	
-webkit-transition: -webkit-transform 0.4s ease-in-out;
-moz-transition: -moz-transform 0.4s ease-in-out;
-o-transition: -o-transform 0.4s ease-in-out;
transition: transform 0.4s ease-in-out;

	 }	
a#madebyeske:hover {
-webkit-transform:rotate(360deg);
-moz-transform:rotate(360deg);
-o-transform:rotate(360deg);
transform:rotate(360deg);
	 }			
			
			


#sponsors {
	width:100%;
	background:#fff;
	}
#sponsors .inner {
	width:100%;
	}	
	
	h3#sponsors-title { 
		width:100%;
		height:97px;
		background:url(images/SS17_title_sponsors.png) center top no-repeat;
		}
		
	#sponsors-content {
		margin:40px 0 0; 
		text-align:center;
		}
	#sponsors-content a {
		display:inline-block;
		width:40px; height:40px;
		text-indent:-999px;
		overflow:hidden;
		/*background:#000;*/
		margin:0 20px;
		background-repeat:no-repeat;
		vertical-align:middle;
		}	
	a#s-hallertau { background-image:url(images/SS17_hallertau.png); width:98px; height:99px; }
	a#s-george { background-image:url(images/SS17_george.png); width:178px; height:68px; }
	a#s-eventfinda { background-image:url(images/SS17_eventfinda.png); width:203px; height:79px; }
	a#s-jager { background-image:url(images/SS17_jager.png); width:141px; height:169px; }
	a#s-redbull { background-image:url(images/SS17_redbull.png); width:142px; height:90px; }
	a#s-wanna { background-image:url(images/SS17_wanna.png); width:179px; height:77px; }
	a#s-bookabach { background-image:url(images/SS17_bookabach.png); width:111px; height:111px; }
	a#s-zerowaste { background-image:url(images/SS17_xtremezerowaste.png); width:210px; height:64px; }
	a#s-kai { background-image:url(images/SS17_kaivolution.png); width:166px; height:84px; }
	a#s-kasm { background-image:url(images/SS17_kasm.png); width:127px; height:56px; }
	a#s-karioimaunga { background-image:url(images/SS17_karioimaunga.png); width:118px; height:103px; }
	a#s-plasticbag { background-image:url(images/SS17_plasticbagfreeraglan.png); width:96px; height:94px; }
	a#s-whaingoroa { background-image:url(images/SS17_whaingaroa.png); width:199px; height:55px; }	
	
		
	#sponsors-content p {
		text-align:center;
		padding:50px 0 20px;
		}	
	
	
	
/* #Media Queries
================================================== */

	@media only screen and (max-width: 1099px) {
	
	#timetable .inner { width:100%; }
	
	}

	/* Smaller than standard 960 (devices and browsers) */
	@media only screen and (max-width: 959px) {
	
	
	#follow-inner { width:100%; }
	.inner { width:100%; }
	#about h2 { padding:0 40px 0.6em 40px; }
	#tickets-content { width:100%; }
	.camping-zone {  }
	#map-content { width:100%; }
	
	#follow { height:auto; }
	#newsletter { margin:60px auto 20px; float:none; }
	.social { margin:0 auto 50px; float:none; text-align:center; width:100%; }
	
	#win { width:100%; }
	#win .inner { background-size:contain; }
	
	.artist-name { font-size:60px; }
	
	
	}

	/* Tablet Portrait size to standard 960 (devices and browsers) */
	@media only screen and (min-width: 769px) and (max-width: 959px) {
	
	
	#tickets .inner { width:90%; padding:30px 0; }
	
	
	}

	/* All Mobile Sizes (devices and browser) */
	@media only screen and (max-width: 768px) {
	
	
	.hamburger:hover { opacity:1; }
	.menu-nav2-container { width:60%; left:-60%; }
	#header-hero { background:#000 url(images/2018/SS18_home_bg_GEN_mobile.png) center top no-repeat; background-size:contain; padding-bottom: 120%; }
	#tickets .inner { width:90%; padding:30px 0; }
	#tickets h3#tickets-title { height: 0; background-size: contain; padding-bottom: 40%; }
	
	
	
	#information-content ul { padding:0 20px; }
	
	
	}

	/* Mobile Landscape Size to Tablet Portrait (devices and browsers) */
	@media only screen and (min-width: 480px) and (max-width: 767px) {
	
	
	#header-banner { display:none; }
	.artist-name { font-size:50px; }

	
	}
	
	
	@media only screen 
	and (min-device-width : 414px) 
	and (max-device-width : 736px) 
	and (orientation : landscape) {
	
	body.home.old #header-hero { 
		background:#000 url(images/SS18_hom_bg.png) center top no-repeat; }
		
	}	

	/* Mobile Portrait Size to Mobile Landscape Size (devices and browsers) */
	@media only screen and (max-width: 480px) {
	
	
	#navigation.menu-visible .menu-nav2-container { width:70%; }
	/*#header-hero { background-size:cover; }*/
	#newsletter input#mc-email { float:none; }
	#newsletter .buttonwrap { float:none; margin:15px auto; }
	#tickets .inner { width:90%; padding:20px 0; }
	.ticket-section h2 { font-size:20px; text-align:center; }
	.ticket-overview p { font-size:18px; }
	
	.ticket-description > div,
	.ticket-description > div.ticket-image { 
		width:100%; }
	.ticket-name { width:65%; }	
		
	#tickets-sticker { position:relative; margin:0 auto; top:auto; left:auto; }
	#information .ticket-section { width:90%; margin:30px auto 60px; }
		
	.artist-name { font-size:30px; }
	
	#sponsors-content a { width:100%!important; background-position:center; margin:10px auto; }
	h3#sponsors-title { background-size:90%; } 
	
	#ttable { display:none; }
	#ttablemob { display:block; }
	
	
	}