/**
 * @license
 * MyFonts Webfont Build ID 3738342, 2019-03-25T07:22:53-0400
 * 
 * The fonts listed in this notice are subject to the End User License
 * Agreement(s) entered into by the website owner. All other parties are 
 * explicitly restricted from using the Licensed Webfonts(s).
 * 
 * You may obtain a valid license at the URLs below.
 * 
 * Webfont: BookmanJFPro-Regular by Jukebox Collection
 * URL: https://www.myfonts.com/fonts/cbx-jukebox/bookman-jf-pro/roman/
 * Copyright: Digital Outlines Copyright (C) 2005/2016. Jason Walcott/Jukebox. All Rights Reserved.
 * 
 * Webfont: BookmanJFPro-Italic by Jukebox Collection
 * URL: https://www.myfonts.com/fonts/cbx-jukebox/bookman-jf-pro/italic/
 * Copyright: Digital Outlines Copyright (C) 2005 and 2016 Jason Walcott/Jukebox. All Rights Reserved.
 * 
 * 
 * License: https://www.myfonts.com/viewlicense?type=web&buildid=3738342
 * Licensed pageviews: 20,000
 * 
 * © 2019 MyFonts Inc
*/


/* @import must be at top of file, otherwise CSS will not work */


/* http://meyerweb.com/eric/tools/css/reset/ 
   v2.0 | 20110126
   License: none (public domain)
*/

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed, 
figure, figcaption, footer, header, hgroup, 
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
	margin: 0;
	padding: 0;
	border: 0;
	font-size: 100%;
	font: inherit;
	vertical-align: baseline;
}
/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure, 
footer, header, hgroup, menu, nav, section {
	display: block;
}
body {
	line-height: 1;
}
ol, ul {
	list-style: none;
}
blockquote, q {
	quotes: none;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content: '';
	content: none;
}
table {
	border-collapse: collapse;
	border-spacing: 0;
}



@import url("//hello.myfonts.net/count/390ae6");

  
@font-face {font-family: 'BookmanJFPro-Regular';src: url('../webfonts/390AE6_0_0.eot');src: url('../webfonts/390AE6_0_0.eot?#iefix') format('embedded-opentype'),url('../webfonts/390AE6_0_0.woff2') format('woff2'),url('../webfonts/390AE6_0_0.woff') format('woff'),url('../webfonts/390AE6_0_0.ttf') format('truetype');}
 
  
@font-face {font-family: 'BookmanJFPro-Italic';src: url('../webfonts/390AE6_1_0.eot');src: url('../webfonts/390AE6_1_0.eot?#iefix') format('embedded-opentype'),url('../webfonts/390AE6_1_0.woff2') format('woff2'),url('../webfonts/390AE6_1_0.woff') format('woff'),url('../webfonts/390AE6_1_0.ttf') format('truetype');}
 


body 		{background-color: #000;
			color: #E7E7BD;
			font-family: 'BookmanJFPro-Regular', sans-serif;
			font-size: 14px;
			font-weight: 300;
			height: 100%;
			}

.overlay	{
			margin:0;
			padding: 0;
			width: 100vw;
			height: 100vh;
			position: fixed;
			z-index: 1200;
			background-image: url(../dust_2.jpg);
			opacity: 0.2;

			}

		

a 			{color: #E7E7BD;
			text-decoration: none;}	



h1 				{font-size: 24px;
				margin-bottom: 20px;
				font-family: BookmanJFPro;
				}


header 			{
				width: 100%;
				box-sizing: border-box;
				padding: 30px;
				font-size: 18px;
				z-index: 2500;
				position: fixed;
				}

.logo, .logo-contact			{
				position: relative;
				margin-left: auto;
				margin-right: auto;
				left: 0;
				right: 0;
				font-weight: 600;
				font-size: 44px;
				width: 510px;
				height: 100px;
				text-align: center;
				top: calc(30vh - 50px);
				
				z-index: 2000;
				}


.whatkindamusic	{max-width: 500px;
				height: auto;
				margin:80px 0;
				}

.logo-contact	{width: 320px;
				top:130px;
				}

nav 			{
				z-index: 2000;
				width: 100%;
				font-size: 15px;
				position: fixed;

				}

nav ul 			{
				text-align: left;
				}


header nav li 	{display: inline-block;
				margin: 5px;}


.social-media {	
				position: fixed;
				right: 40px;
				top: 40px;}

.social-media li {display: inline-block;
				margin: 5px;}

#content 		{
				width: 100%;
				box-sizing: border-box;
				padding: 0;
				letter-spacing: 0.5px;
				min-height: 100vh;
				z-index: 1500;
				position: absolute;
				background-color:rgba(0, 0, 0, 0.0);
				transition: 0.5s all;
				padding-bottom: 85px;
				text-align: center;
				}				

.calendar 		{
				margin: 0 auto;
				margin-top: 140px;
				max-width: 100%;}

.video 			{max-width: 90%;
				margin: 0 auto;
				margin-bottom: 80px;
				}

.buttons a 		{
				border-radius: 15px !important;
					}


.light .buttons a {
   					border: 1px solid rgba(255, 255, 255, 1) !important;
}

.slideshow 		{
				margin: 0 auto;
				width: 75%;
				max-width: 1600px;
				}

.slideshow img 	{width: 100%;}

#contact 		{max-width: 600px;
				text-align: center;
				margin: 0 auto;
				}

#contact p 		{margin-bottom: 40px;}

.contacttop {top: 30px !important}


.songkick-logo	{max-width: 100px;
				margin: 0 auto;
				margin-top: 100px;
				}

#tomvideo {
  object-fit: cover;
  width: 100vw;
  height: 100vh;
  position: fixed;
  top: 0;
  left: 0;
  z-index: 100;
}

/* Bob */
@-webkit-keyframes hvr-bob {
  0% {
    -webkit-transform: translateY(-8px);
    transform: translateY(-8px);
  }
  50% {
    -webkit-transform: translateY(-4px);
    transform: translateY(-4px);
  }
  100% {
    -webkit-transform: translateY(-8px);
    transform: translateY(-8px);
  }
}
@keyframes hvr-bob {
  0% {
    -webkit-transform: translateY(-8px);
    transform: translateY(-8px);
  }
  50% {
    -webkit-transform: translateY(-4px);
    transform: translateY(-4px);
  }
  100% {
    -webkit-transform: translateY(-8px);
    transform: translateY(-8px);
  }
}
@-webkit-keyframes hvr-bob-float {
  100% {
    -webkit-transform: translateY(-8px);
    transform: translateY(-8px);
  }
}
@keyframes hvr-bob-float {
  100% {
    -webkit-transform: translateY(-8px);
    transform: translateY(-8px);
  }
}
.hvr-bob {
  display: inline-block;
  vertical-align: middle;
  -webkit-transform: perspective(1px) translateZ(0);
  transform: perspective(1px) translateZ(0);
  box-shadow: 0 0 1px rgba(0, 0, 0, 0);
}
.hvr-bob:hover, .hvr-bob:focus, .hvr-bob:active {
  -webkit-animation-name: hvr-bob-float, hvr-bob;
  animation-name: hvr-bob-float, hvr-bob;
  -webkit-animation-duration: .3s, 1.5s;
  animation-duration: .3s, 1.5s;
  -webkit-animation-delay: 0s, .3s;
  animation-delay: 0s, .3s;
  -webkit-animation-timing-function: ease-out, ease-in-out;
  animation-timing-function: ease-out, ease-in-out;
  -webkit-animation-iteration-count: 1, infinite;
  animation-iteration-count: 1, infinite;
  -webkit-animation-fill-mode: forwards;
  animation-fill-mode: forwards;
  -webkit-animation-direction: normal, alternate;
  animation-direction: normal, alternate;
}

#scrolldown 	{position: absolute;
				top: calc(100vh - 100px);
				width: 170px;
				height: 20px;
				margin-right: auto;
				margin-left: auto;
				left: 0;
				right: 0;
				z-index: 2500;
				text-align: center;
				cursor: pointer;
				font-size: 24px;
				}




#scrolldown span {padding: 12px 18px 10px 18px;
				border-radius: 25px;
				background-color: #E7E7BD;
				color: #000;}


.hvr-sink {
  display: inline-block;
  vertical-align: middle;
  -webkit-transform: perspective(1px) translateZ(0);
  transform: perspective(1px) translateZ(0);
  box-shadow: 0 0 1px rgba(0, 0, 0, 0);
  -webkit-transition-duration: 0.3s;
  transition-duration: 0.3s;
  -webkit-transition-property: transform;
  transition-property: transform;
  -webkit-transition-timing-function: ease-out;
  transition-timing-function: ease-out;
}
.hvr-sink:hover, .hvr-sink:focus, .hvr-sink:active {
  -webkit-transform: translateY(8px);
  transform: translateY(8px);
}



.container 		{position: relative;
				top: 180px;
				font-size: 24px;
				z-index: 1500;
				padding-bottom: 80px;
				display: flex;
				transition: 0.3s all;
				}

.container:after {
				    content: ".";
				    display: block;
				    height: 0;
				    clear: both;
				    visibility: hidden;
				    font-size: 0px;
				  }

.events, .contacts 		{padding-top: 40px;
				padding-bottom: 80px;
				box-sizing: border-box;
				margin: 0 auto;
				margin-top: 100vh;
				width:840px;
				}

.events:focus 	{outline: none;}

.row 			{display: inline-block;}

.events li, .contact li 		{
				width: 400px;
				min-height: 180px;
				padding: 10px;
				margin-bottom: 40px;
				line-height: 1.2;
				text-align: center;

				}

.singleitem		{clear:both;}

.contacts 		{margin-top: 100px;}

.contact 	 	{
				vertical-align: top;
				margin-bottom: 60px;
				font-size: 16px;
				line-height: 1.3;
				}


.events::after {content: url(../images/by-songkick-white.svg);
				width: 80px;
				display: block;
				max-width: 80px;
				margin: 0 auto;
				margin-top: 40px;
				}

.events::after img {max-width: 100px;}

.event-button 	{margin-top: 26px;
				}

.event-button a {padding: 12px 18px 10px 18px;
				border-radius: 25px;
				background-color: #E7E7BD;
				color: #000;}

.event-button a:hover {color: #E7E7BD;
						background-color: #000;}


.contact-button 	{margin-top: 26px;
				}

.contact-button span {padding: 12px 18px 10px 18px;
				border-radius: 25px;
				border: 2px solid #E7E7BD;
				background-color: #000;
				color: #E7E7BD;
				font-size: 24px;
				line-height: 1.4;
				}

					
.underline		{border-bottom: 1px solid #E7E7BD;
				padding-bottom: 1px;}


.event_details  {
				
				}

.date, .head 			{font-family: 'BookmanJFPro-Italic';}


.head 		{margin-bottom: 10px;}

.event-details:hover {border: 2px solid #E7E7BD !important;
					background-color: transparent;
					color: #000;}


.changeColor {
			opacity:0.2; !important;
}


#mailinglist 	{position: absolute;
				right: 30px;
				top: 20px;
				width: 360px;
				z-index: 100001;
				}

#mc_embed_signup {background: transparent !important;}

#mc_embed_signup{clear:left; font-family: 'BookmanJFPro-Regular', sans-serif !important;
			font-size: 14px;}

input {
				background-color: transparent;
				padding: 8px;
				border: none;
  				border: 1px solid #E7E7BD !important;
  				border-radius:25px !important;
  				color: #E7E7BD !important;
  				display: inline-block !important;
  				font-size: 11px;
}

#mc_embed_signup input.email {padding: 0 1em !important;
				color: #E7E7BD;
				font-size: 11px !important;}

::placeholder 	{color: #E7E7BD !important;}

input[type=submit] {
  				border: none;
  				display: inline-block;
  				padding-left: 20px;
}

input[type=email] {width: 200px !important;}

.mc-field-group 	{display: inline-block;}

#mc_embed_signup .button {background-color: #E7E7BD !important; color: #000000 !important;
				font-family: 'BookmanJFPro-Regular', sans-serif !important; }

#mc_embed_signup .button:hover {background-color: #000000 !important; border: 1px solid #000000 !important; color: #E7E7BD !important;}



::selection {
  background: transparent; /* WebKit/Blink Browsers */
}
::-moz-selection {
  background: transparent; /* Gecko Browsers */
}

@media only screen and ( max-width: 910px; ) /* 640 */
 {

.events {width: 100%;}

 }

@media only screen and ( max-width: 910px ) /* 640 */
 {

 	.whatkindamusic	{max-width: 280px;
				height: auto;
				margin:80px 0;
				}


 	#mailinglist {display: none;}

 	#scrolldown {font-size: 18px;
 				top: calc(100vh - 160px);}

 	.events 	{width: 280px;
 				padding: 0;
 				padding-top: 20px;
 				margin: 0 auto;
 				text-align: center;
 				}

 	.events li 	{width: 280px;
 				text-align: center;
 				margin: 0 auto;
 				box-sizing: border-box;
 				margin-bottom: 5px;
 				}

 	.container {top: 100vh;
 				font-size: 18px;}

 	.contacttop {top: 30px !important;}

 	.calendar 	{width: 100%;
 				max-width: 100%;}

 	.contacts 	{max-width: 280px;
 				font-size: 20px;
 				margin-top: 40px;}

 	.contact a:hover {color: #6d6c5c;}

 	#content 	{padding: 0 20px;}

 	.video 		{margin-top: 70px;
 				width: 100%;}

 	.slideshow {
 				margin-top: 70px;
 				width: 100%;}

 	.logo 		{width: 260px;
 				top: 100px;
 				left: 0;
 				right: 0;
 				}

 	.contact-button span {font-size: 18px;}

 	.logo-contact {width: 260px;
 					top: 100px;}

 	.social-media {position: fixed;
 					bottom: 20px;
 					width: 100%;
 					top: 90%;
 					margin: 0 auto;
 					right: 0;
 					left: 0;
 					}

 	.social-media ul {text-align: center;}

 	.social-media li {margin-bottom: 15px;
 					}


 	header 		{padding: 20px;}

 	header nav ul {margin-top: 15px;
 					text-align: center;
 					}

 	header nav li {}

 	nav 		{left: 0;
 				top: 0;}
 				

 }