body{
	background-color:black;
	/*font-family: GroteskCondensedURWExtraLight, 'Berthold Akzidenz Grotesk BE', 'Arial Narrow', Arial, Helvetica, sans-serif;*/
	font-family: Helvetica, Arial, Sans-serif;
	color:white;
	background-size:cover;
	background-position: center;
	background-attachment: fixed;
}
*{
	-webkit-font-smoothing: antialiased;
}
html{
  height: 100%;
}
body {
  /* min-height: 100%; */
  overflow-x:hidden;
}



header{
	width:auto;
	padding-left:20px;
	padding-right:20px;
	background-image:url('../gfx/tint.png');
	background-repeat: repeat-x;
	background-position: top left;
	height:95px;
	position: fixed;
	top:0px;
	left:0px;
	right:0px;
	z-index:3;
}
table#header{
	width:auto;
	margin-top: 90px;
	background-color: rgba(0,0,0,0.5);
}
table#header td{
	padding-top:10px;
	padding-bottom:6px;
}
tr.first td{
	padding-top:8px;
}
div#line{
	border-top:3px solid white;
	height:0px;
	margin-bottom:0px;
}
table.gigs{
  margin: auto;
  text-transform: uppercase;
  background-color: rgba(0,0,0,0.5);
    margin-bottom: 70px!important;
}



table.gigs, table#header{
	width:90%;
	max-width:750px;
	margin:auto;
	text-transform: uppercase;
  font-size: 19px;
  text-align: left;
  letter-spacing:1px;
}
body.page-template-page-live-php header{
	background-image: url('../gfx/liveTint.png');
}

body.page-template-page-live-php footer{
	background-image: url('../gfx/liveTint2.png');
}
body.page-template-page-live-php #mute{
	display:none;
}

.date{
	width:15%;
	overflow:hidden;
	padding-bottom:4px;
	padding-left:14px;
}
.tickets{
	width:10%;
	overflow:hidden;
	padding-bottom:4px;
	padding-right:14px;
	text-align:right;
}
.venue{
	width:45%;
	padding-bottom:4px;
	padding-left:14px;
}
.city{
	width:30%;
	padding-bottom:4px;
	padding-left:14px;
}
table#header{
	margin-top: 90px;
}



footer{
	background-image:url('../gfx/tint2.png');
	background-repeat: repeat-x;
	background-position: top left;
	height:75px;
	color:white
}
h1{
	width:50%;
	max-width:300px;
	margin-top:20px;
	float:left;
	text-transform: Uppercase;
	font-weight:100;
	font-size: 27px;
}
h1 img{
	width:100%;
	height:auto;
}
header nav{
	margin-top:20px;
	float:right;
}
a{
	color:white;
	text-decoration:none;
}
header nav a{
	font-size:27px;
	font-weight:100;
	display:inline-block;
	margin-left:20px;
}
footer{
	bottom:0px;
	left:0px;
	right:0px;
	position: fixed;
	z-index:3;
}
footer nav#legal{
	position: absolute;
	left:100px;
	bottom:0px;
	margin-bottom:10px;
	margin-left:20px;
	font-weight:800!important;
	font-size:8px;
}
footer nav#social{
	position: absolute;
	right:0px;
	bottom:0px;
	margin-bottom:10px;
	margin-right:20px;
	font-weight:800!important;
}
footer nav#legal a{
	font-size:8px;
	font-weight:100;
	display:inline-block;
	font-weight:800!important;
	letter-spacing:1px;
}
footer nav#social a{
	font-size:18px;
	font-weight:100;
	display:inline-block;
	font-weight:100!important;
	margin-left:4px;
}

footer nav#social a span {
    position: absolute;
    margin: -5000px;
}

#mobileNav{
	display:none;
}
body {
    -webkit-text-size-adjust:none;
}
hr{
		visibility:hidden!important;
		opacity:0!important;
		height:0px!important;
		border:0px!important;
	}
tr#tall{
	display:none;
}

#cookie-banner-title{
	margin-top: 0px!important;
	font-family: GroteskCondensedURWExtraLight, 'Berthold Akzidenz Grotesk BE', 'Arial Narrow', Arial, Helvetica, sans-serif;
}
#cookie-banner-copy p{
	margin-top: 0px!important;
	font-family: GroteskCondensedURWExtraLight, 'Berthold Akzidenz Grotesk BE', 'Arial Narrow', Arial, Helvetica, sans-serif!important;
	text-transform: uppercase!important;
	font-size: 12px!important;
	margin-bottom:7px!important;
	line-height: 13px!important;
}
#cookie-banner-right{
  margin-top: 0px!important;
}
#cookie-banner-right p{
	display:none!important;
}
#cookie-banner-right a{
	font-family: GroteskCondensedURWExtraLight, 'Berthold Akzidenz Grotesk BE', 'Arial Narrow', Arial, Helvetica, sans-serif!important;
	text-align:center!important;
	text-transform:uppercase!important;
	font-size:13px!important;
	text-align: left!important;
	color: white!important;
	background-color: transparent!important;
	padding: 0px!important;
	margin-top: 0px!important;
	font-size: 18px!important;
}

#home-container {
    position: fixed;
    z-index: 1;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    display: table;
    width: 100%;
    height: 100%;
}

#home-inner {
    display: table-cell;
    vertical-align: middle;
    text-align: center;
    position: relative;
}

#home-container img {
    max-width: 80%;
    max-height: 100%;
    border: 0;
    text-decoration: none;
}

#release-info {
    padding-top: 15px;
    font-size: 18px;
    text-transform: uppercase;
}

#release-info a {
	text-decoration:underline;
}
#release-info a:hover {
	text-decoration:none;
}

@media all and (max-width: 767px) {
	tr#tall{
		display:block;
	}
	tr#tall td{
		height:70px;
	}
	#mobileNav{
		position: fixed;
		top:0px;
		bottom:0px;
		display:block;
		width:70px;
		right:0px;
		-webkit-transition: all 0.5s; /* Safari */
    	transition: all 0.5s;
    	z-index: 9;
	}
	#mobileNav nav{

		width: 70px;
		margin-left: 20px;
		padding-top: 20px;
		font-size: 24px;
		opacity:0;
		transition: all 0.5s;
	}
	#mobileNav nav a{
		margin-bottom:5px;
		display:block;
		font-weight:100;
		white-space: nowrap;
	}
	#mobileNav.open{
		width:140px;
		background-color:rgba(0,0,0,0.5);
		-webkit-transition: all 0.5s; /* Safari */
    	transition: all 0.5s;
	}
	#mobileNav.open nav{
		opacity:1;
		transition: all 0.5s;
	}
	#toggleNav{
		margin-top:20px;
		margin-left:20px;
		display:block;
		width:30px;
		height:25px;
		padding-top:0;
		-webkit-transition: transform 0.5s; /* Safari */
    	transition: transform 0.5s;
    	
	}
	#toggleNav span{
		background-color:white;
		display:block;
		height:3px;
		width:100%;
		margin-bottom:7px;
		
	}
	#toggleNav:hover{
		 -ms-transform: rotate(90deg); /* IE 9 */
		-webkit-transform: rotate(90deg); /* Chrome, Safari, Opera */
		transform: rotate(90deg);
		-webkit-transition: transform 0.5s; /* Safari */
    	transition: transform 0.5s;
	}

	footer nav{
		width:100%;
		left:0px;
		right:0px;
		text-align:center;
		margin-left:0px;
	}
	header nav{
		display:none;
	}
	h1{
		width:65%;
		font-size:24px;
	}
	#okplayer, #mute{
		display:none!important;
	}
	footer nav#social{
		bottom:20px;
	}
	footer nav#legal a, footer nav#legal{
		font-size:5px!important;
	}
	footer nav#legal{
		margin-left:0px;
		left: 0;
	}
	table.gigs, table#header{
		font-size: 17px;
	}
	table.gigs{
		margin-bottom:100px!important;
	}
	td.tickets{
		width:20%!important;
	}
	td.date{
		width:20%!important;
	}
	td.venue{
		display:none!important;
	}
	td.city{
		width:45%!important;
	}
	td.tickets a{
		position: relative;
		z-index:9999;
		display:block;
	}
}
@media all and (max-width: 480px) {
	table.gigs, table#header{
		font-size: 17px;
	}
}

/* PUSH: AE Mailing List Modal Migrations All the hits: DCS: 13/7/17 */
.modal {
  background: #000!important;
}
.blocker {
  background-color: rgba(74, 61, 61, 0.75)!important;
}
#ae-cform-modal-container-1 .modal-image-container {
  width: 80%;
  margin: 0 auto;
}

#ae-cform-modal-container-1 .modal-image-container img {
  width: 100%;
}

#ae-cform-modal-container-1 #ae-cform-title-1 {
  color: #fff;
  text-align: center;
  margin-top: 15px;
}

#ae-cform-modal-container-1 #ae-cform-reg-item-email-1 > label span {
  color: #fff;
}

#ae-cform-modal-container-1 .ae-cform-item input[type=submit] {
  font-size: 14px !important;
  background-image: none;
  background-color: grey;
  border: 1px solid grey;
  color: #fff;
}

#ae-cform-modal-container-1 .ae-cform-item input[type=submit]:hover {
  background-color: #131011;
}

#ae-cform-modal-container-1 #ae-cform-signin-options-1 .ae-cform-signin-options-list .ae-cform-social-link {
  color: #fff;
  font-size: .85em;
}

#ae-cform-modal-container-1 #ae-cform-signin-options-1 .ae-cform-signin-options-list i.fa {
  color: #fff;
}

#ae-cform-modal-container-1 #terms {
  color: #fff;
}

#ae-cform-modal-container-1 #terms a {
  color: #fff;
}

#ae-cform-modal-container-1 .parsley-custom-error-message {
  padding-top: 4px;
  color: #c70909;
}

#ae-cform-modal-display-cta-1, .ae-cform-container-1.ae-cform-mailing-list-success-1 {
  font-family: Helvetica, Arial, Sans-serif;
}
#ae-cform-container-1 {
  display: inline-block;
}
/* PUSH: AE Mailing List Modal Migrations: END */
