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


	
	@font-face{
		font-family:'DINWeb';src:url(/css/fonts/DINWebPro-Regular.woff) format('woff');
		font-weight:normal;
		font-style:normal;
	}
	@font-face{
		font-family:'DINWeb';src:url(/css/fonts/DINWebPro-Medium.woff) format('woff');
		font-weight:500;
		font-style:normal;}
	@font-face{
		font-family:'DINWeb';src:url(/css/fonts/DINWebPro-Bold.woff) format('woff');
		font-weight:600;
		font-style:normal;
	}
	body, li a {
		/*font-family: Lato !important; font-weight:300; font-size: 18px;	*/
		-webkit-font-smoothing: antialiased;
	}
	/*body { background: #171d25 url('/img/header-nuke.jpg') no-repeat top center; background-size: 100% auto; background-attachment:fixed; }*/
	/*body { background: #eee url('/img/header-nuke.jpg') no-repeat top center; background-size: 100% auto; background-attachment:fixed; }*/
	
	body { background: #f8f8f8 url('/img/alt-j_1800x1000.jpg') no-repeat top center; background-attachment:fixed; }
	
	p {
		font-family: Lato;
		font-weight: 300;
		text-align: justify;
		-webkit-font-smoothing: antialiased;	
	}
	h1, h2, h3, h4, h5, h6 {
		font-family: Montserrat;
		font-weight: 400;	
		-webkit-font-smoothing: antialiased;
	}
	
	.small {
		font: 500 10px/1.3 "DINWeb","Lucida Grande",verdana,sans-serif;
		text-transform: uppercase;
		-webkit-font-smoothing: antialiased;
		text-overflow: ellipsis;
	}
	
	/*
	 * CSS Animations
	 * Don't forget to add vendor prefixes!
	 */
	.m-scene .scene_element {
	  animation-duration: 0.25s;
	  transition-timing-function: ease-in;
	  animation-fill-mode: both;
	}
	
	.m-scene .scene_element--fadein {
	  animation-name: fadeIn;
	}
	
	.m-scene.is-exiting .scene_element {
	  animation-direction: alternate-reverse;
	}
	
	/*
	 * Keyframes
	 */
	@keyframes fadeIn {
	  0% { opacity: 0; }
	  100% { opacity: 1; }
	}
	
	.al-dark, .al-dark h4 { background: #171d25; color: #fff !important; }
	.al-medium, .al-medium h1 { background: #1d242e; color: #fff !important; }
	.al-sub { background: #ebf0f3; border-bottom: #cfd4d8 1px solid; }
	.al-subsub { background: #fff; }
	.logo { 
		max-width:50%;
		min-width: 350px;
	}
	/*.logo:hover { -webkit-filter: blur(2px); -moz-filter: blur(2px); -o-filter: blur(2px); -ms-filter: blur(2px); filter: blur(2px); }*/
	.al-header { 
		background: url(/img/header-0<?= round(rand(2,4)); ?>.jpg) no-repeat; background-size: cover; height: 300px; 
		
		/*
		-webkit-filter: blur(5px); 
		-moz-filter: blur(5px); 
		-o-filter: blur(5px); 
		-ms-filter: blur(5px); 
		filter: blur(5px); 
		-webkit-transition: .5s -webkit-filter ease;
		-moz-transition: .5s -moz-filter ease;
		-o-transition: .5s -o-filter ease;
		transition: .5s -webkit-filter ease;
		*/
		
	}
	/*.al-header:hover { -webkit-filter: blur(0px); -moz-filter: blur(0px); -o-filter: blur(0px); -ms-filter: blur(0px); filter: blur(0px); }*/
	
	.al-header-logo { position: absolute; left:50%; z-index:99999; }
	.al-header-logo-sub { position: relative; left: -50%; text-align:center; padding-top: 20%;}
	
	/* NAV */
	nav.top-bar {
		text-align:center;
		max-width: 62.5em !important;
	}
	section.top-bar-section {
		display: inline-block;
		float: right !important;
	}
	.top-bar.expanded .title-area { background: none !important; }
	.contain-to-grid {
		
		background: rgba(0,71,97,1);
		background: -moz-linear-gradient(top, rgba(0,71,97,1) 0%, rgba(1,100,139,1) 100%);
		background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(0,71,97,1)), color-stop(100%, rgba(1,100,139,1)));
		background: -webkit-linear-gradient(top, rgba(0,71,97,1) 0%, rgba(1,100,139,1) 100%);
		background: -o-linear-gradient(top, rgba(0,71,97,1) 0%, rgba(1,100,139,1) 100%);
		background: -ms-linear-gradient(top, rgba(0,71,97,1) 0%, rgba(1,100,139,1) 100%);
		background: linear-gradient(to bottom, rgba(0,71,97,1) 0%, rgba(1,100,139,1) 100%);
		filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#004761', endColorstr='#01648b', GradientType=0 );
		
	}
	.top-bar, .top-bar-section ul li, .top-bar-section li:not(.has-form) a:not(.button) {
		background: none !important;	
	}
	
	/*.top-bar-section ul li { margin: 0 10px; }*/
	
	.al-body {
		background: rgba(255,255,255,0.85);	
	}

	/* FOOTER */
	.al-footer { background: #171d25; color: #fff !important; padding: 40px 0; }
	.al-footer h4 { color: #fff; font-size: 0.8em; }
	.al-footer ul { list-style-type: square; }
	.al-footer li, .al-footer-text { color: #767676; font-size: 0.8em; }
	.al-social { font-size: 2.5em; color: #fff;  }
	
	.social-nav {
		color: #fff !important;
	  -webkit-transition: color 0.3s ease-in-out 0s;
	  transition: color 0.3s ease-in-out 0s;	
	}
	.social-nav:hover {
		color: #06acc1 !important;
	}
	
	.al-footer li a {  font-size: 14px; }
	
	.grid figure { width: auto; }
	
	.panel h1, .panel h2, .panel h3, .panel h4, .panel h5, .panel h6, .panel p, .panel li, .panel dl {  color: inherit !important; }
	
	.breadcrumbs {
		/* RESET */
		border: none;
		background: none;
		margin-top: 15px;	
		font-size: .7em;
	}
	.breadcrumbs > * a { color: #222; }
	.breadcrumbs li a {  font-size: 1em !important; }
	
	/* LINKS */
	
	.al-links > a {
	  position: relative;
	  color: #fff;
	  text-decoration: none;
	  font-size: 16px !important;
	  font-weight: 300;
	  font-family: Lato !important;
	}
	
	.al-links > a:hover {
	  color: #fff;
	}
	
	
@media only screen and (min-width: 640px) {
	
	.al-links > a:before {
	  content: "";
	  position: absolute;
	  text-align: center;
	  width: 100%;
	  height: 2px;
	  bottom: 8px;
	  left: 0;
	  background-color: #fff;
	  visibility: hidden;
	  -webkit-transform: scaleX(0);
	  transform: scaleX(0);
	  -webkit-transition: all 0.3s ease-in-out 0s;
	  transition: all 0.3s ease-in-out 0s;
	}
	
	.al-links > a:hover:before {
	  visibility: visible;
	  -webkit-transform: scaleX(1);
	  transform: scaleX(1);
	}
	
}
	
	.overlay {
		color: #fff;
		width: 100%;
		height: 100%;
		opacity: 1;
	}
	
	.al-social { color: #767676; font-size: 24px; cursor: pointer;}
	
	.tw-social:hover { color: #55acee !important; }
	.in-social:hover { color: #dbd2c0 !important; }
	.fb-social:hover { color: #82a4ea !important; }
	.wa-social:hover { color: #52cb5e !important; }
	
	#background-animator, #background-animator-over {
		height: 613px;
		background-size: cover;
		background-position: center center;
	}
	.al-nav {
		-webkit-box-shadow: 0px 2px 34px 1px rgba(0,0,0,0.3);
		-moz-box-shadow: 0px 2px 34px 1px rgba(0,0,0,0.3);
		box-shadow: 0px 2px 34px 1px rgba(0,0,0,0.3);	
	}
	.parallax-window {
		min-height: 382px;
		background: transparent;
	}
	.parallax-window-contact {
		min-height: 500px;
		background: transparent;
	}

	.button {
		background: #68c089 !important;	
	}

/* SOCIA FEED */

#loading-social {
	width: 100%;
	text-align: center;	
}

.stream li .section-thumb { float: none !important; /*max-width: 120px !important;*/ }
.stream li {
	min-width: 295px !important;
	max-width:295px !important;
	font-family: Montserrat !important;
	-webkit-border-radius: none !important;
    -moz-border-radius: none !important;
	margin: 5px !important;
}
.stream li .icon { display: none !important; }
.stream li .section-intro {
	padding: 2px 0 5px 8px !important; 	
}
.stream li .section-text {
	font-size: 1.2em !important;
	line-height: 1.5 !important;
}
.dcsns { background: none !important; padding: none !important; }

.dcsns-toolbar { display:none !important; }

/* CONTACT */
#contact, #contact a, #contact label, #contact h3, #contact h4 {
	color: #fff !important;	
}
#contact h3 { margin: 10px 0; }
#contact h4 { margin: 15px 10px; }
.contact-info li {
	margin-bottom: 25px;
}
.contact-info i {
	color: #323232;
	background: rgba(255,255,255,0.75);
	width: 24px;
	height: 24px;
	line-height: 24px;
	text-align: center;
	margin-right: 15px;
	padding: 3px 5px;
}
.contact-info i:hover { background: rgba(255,255,255,1); }

.top-bar.expanded .toggle-topbar a { color: #eee !important; }

@media only screen and (max-width: 62em) {
	section.top-bar-section { float: none !important; } 
	/*.top-bar-section {
		margin: auto;
		width: 100%;
	}*/
}

.sub-pos {
	width:auto; 
	font-size: 11px; 
	background: #21658c; 
	color:#fff; 
	text-align: center; 
	font-family: Lato, Arial, sans-serif; 
	margin: 10px 1%; 
	padding: 12px 5px 12px 5px; 
	text-transform:uppercase;
}
.grid {
	padding: 1em 0 0.1em;	
}
.about-profile {
	max-width: 200px !important;	
}
@media only screen and (max-width: 1024px) {
	.about-profile {
		width: 100% !important;
		max-width: none !important;	
	}	
}

.slider-object {
	height: 228px;	
}
.slider-name { 
	
	padding-top: 13%;
	text-align: center;
	
}


.slider-name h4 {
	font-size: 24px;
	text-align:center;
	color: #fff;
	/*
	margin: 0;
	padding: 0;
	text-shadow: 0px 0px 10px rgba(0, 0, 0, 1);
	*/
	
	background: rgba(0,0,0,0.5);
    display: inline-block;
    padding: 5px 10px;
	margin: 2px;
	border-radius: 3px;
}
.slider-name p {
	font-weight: bold;	
	text-align:center;
	font-size: 1.1em;
	color: #fff;
	/*
	margin: 0;
	padding: 0;
	text-shadow: 0px 0px 10px rgba(0, 0, 0, 1);
	*/
	
	background: rgba(0,0,0,0.5);
    display: inline-block;
    padding: 3px 6px;
	margin: 2px;
	border-radius: 3px;
}
.slider-name span {
	font-weight: bold;	
	text-align:center;
	font-size: 1.1em;
	color: #fff;
	/*
	margin: 0;
	padding: 0;
	text-shadow: 0px 0px 10px rgba(0, 0, 0, 1);
	*/
	
	background: rgba(247, 1, 0,0.75);
    display: inline-block;
    padding: 3px 6px;
	margin: 2px;
	border-radius: 3px;
}

.slick-prev {
	left: 15px;
	z-index: 99;
	text-shadow: 0px 0px 10px rgba(0, 0, 0, .5);
}
.slick-next {
	right: 15px;
	text-shadow: 0px 0px 10px rgba(0, 0, 0, .5);
}
.slick-dots { margin-left: 0 !important; }

/* SHOWS */

.headings { margin: 0; color: #fff; text-align: center; }


		.shows-overlay {	
			width: 100%;
			bottom:0;
			position: absolute;
		}
		
		.show-info-left {
			background: rgba(255,255,255,0.8);
			float: left;
		}
		
		.date-info {
			
		}
		
		 .show-info-left h1  { margin: 0px; }
		 .show-info-left hr { margin: 0 0 5px 0; }
		 
		 .show-info-right { float: right: width: 45%; }
		 .show-info-right h5 { color: #fff; text-align:right; }
		 
		 .show-info-date { 
			height: 87px;
			width: 	73px;
			text-align: center;
			margin: 0px;
			color: #000;
		 }
		 
		 .panel-shows {
			border-style: solid;
			border-width: 1px;
			border-color: #d8d8d8;
			margin-bottom: 1.25rem;
			padding: 1.25rem;
			background: #f2f2f2;
			color: #333333;
		}
		.shows-columns {
    		padding: 5px !important;
		}
		.btn-small {
			margin: auto;
			text-align: center;
			background: #68c088;
			color: #fff;
			padding: 4px;
			border-radius: 4px;
			font-family: Lato, Arial, sans-serif;
			font-size: 0.8em;
			color: #fff;
			text-transform: uppercase;
			letter-spacing: 0.1em;
			cursor: pointer;
			width:150px;
		}
		
		.free-entry {
			background: #68c089;	
		}
		.sold-out {
			background: #ea6256;
		}
		
		.al-shows-img {
			
			background-size:cover; height:515px;
		}
		.al-shows-img-sub {
    		position:relative;
			height:445px; 
			/*background: rgba(102,192,136,0.33);*/	
			opacity: 1;
			-webkit-transition: .5s opacity ease;
		}
		.al-shows-img-sub:hover {
			/*opacity: 0.5;*/
		}
		.al-shows-tickets {
			background:#67c089;
    		position:absolute;
			bottom: 10px;
			right: 10px;	
			width: auto !important;
			text-align:center;
			vertical-align:central;
			opacity: 0.8;
			white-space:nowrap;
			margin-right: 25px;
			text-transform: uppercase;
			padding: 5px 10px;
			border-radius: 5px;
			transition: opacity .5s;
		}
		
		.al-shows-tickets:hover {
			opacity: 1;
		}
		.al-shows-tickets h3 { color: #fff; margin: 0.5rem; }
		
		.btn-small {
            margin: auto;
            text-align: center;
            background: #68c089;
            color: #fff;
            padding: 4px;
            border-radius: 4px;
            font-family: Lato, Arial, sans-serif;
            font-size: 0.8em;
            color: #fff;
            text-transform: uppercase;
            letter-spacing: 0.1em;
            cursor: pointer;
        }
        
        .free-entry {
            background: #68c089;	
        }
        .sold-out {
            background: #ea6256;
        } 
		.panel-shows {
			border-style: solid;
			border-width: 1px;
			border-color: #d8d8d8;
			margin-bottom: 1.25rem;
			padding: 1.25rem;
			background: #f2f2f2;
			color: #333333;
		}

/* */

.ui-menu-item {
	font-family: Lato;
	font-size: 12px;
}
label, input {
	font-family: Lato;	
}

.al-festivals-img {
			
			background-size:cover; 
		}
		.al-festivals-img-sub {
    		position:relative;
			height:360px; 
			/*background: rgba(102,192,136,0.33);*/	
			opacity: 1;
			-webkit-transition: .5s opacity ease;
		}
		.al-festivals-img-sub:hover {
			/*opacity: 0.5;*/
		}
		.al-festivlas-tickets {
			background:rgba(103, 192, 137,1);
			width: 100%;
			text-align:center;
			vertical-align:central;
			color: #fff;
			padding: 7px;
		}
		.al-festivlas-tickets h3 { color: #fff; margin: 0.5rem; }
		
		
		
		
		
		.festival-overview {
			background: rgba(255,255,255,0.7);
			padding: 15px;	
		}
		.festival-map-container {
			position: relative;	
			width: 500px;
			height: 281px;
		}
		.festival-map {
			position: absolute;	
		}
		.festival-point {
			z-index: 98;
			cursor: pointer;	
			position: absolute;
			opacity: 0.7;
		}
		.festival-info {
			cursor: pointer;	
			padding: 5px;
		}
		.festival-info h4 {
			margin:0; padding: 0;
			font-size: 0.75em;
			text-align: right;
		}
		
		
		.grayscale {
			filter: url("data:image/svg+xml;utf8,&lt;svg xmlns=\'http://www.w3.org/2000/svg\'&gt;&lt;filter id=\'grayscale\'&gt;&lt;feColorMatrix type=\'matrix\' values=\'0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0 0 0 1 0\'/&gt;&lt;/filter&gt;&lt;/svg&gt;#grayscale"); /* Firefox 10+, Firefox on Android */
			filter: gray; /* IE6-9 */
			-webkit-filter: grayscale(100%); /* Chrome 19+, Safari 6+, Safari 6+ iOS */
		}
		
.mobile-contact { display:none; }

@media only screen and (max-width: 530px) {
	.festival-map-container {
		display: none;	
	}
}
@media only screen and (max-width: 640px) {
	.festival-info h4 { text-align: center !important; }
	.mobile-contact { display:block; }
	figure.effect-jazz h2 { font-size: 1.25rem !important; }
	.voteforus { padding-top: 25px; }
}