@font-face {
	font-family: "Delik";
		src: url('../../../assets/fonts/Delik.woff2') format('woff2'),
			 url('../../../assets/fonts/Delik.woff') format('woff')
			 url('../../../assets/fonts/Delik.otf') format('otf'),
			 url('../../../assets/fonts/Delik.ttf') format('ttf');
		font-weight: bold;
		font-style: normal;
}




:root {
	--swiper-navigation-color: #000;
}

* {
	box-sizing: border-box;
}

a {
	text-decoration: none;
}

body {
	margin: 0;
}

a {
	text-decoration: none;
}

.site-wrapper {
	display: grid;
	grid-template-rows: 1fr auto;
}

body,
html {
	height: 100%;
}

.site-wrapper {
	min-height: 100%;
}

.content {
	width: 100%;
	overflow-x: hidden;
}

/**
 * Menu specific generic styles
**/

.home-menu {
	padding-top: 5px;
	display: flex;
	justify-content: center;

	ul.nav-drop:hover {
		height: auto !important;
	}

	ul.nav-drop {
		flex-direction: column;
		height: 0;
		position: absolute;
		overflow: hidden;

		text-align: left;
	}

	ul {
		list-style: none;

		padding: 0;
		display: flex;

		> li:hover .nav-drop {
			height: auto !important;
		}

		margin: 0;

		li {
			display: inline-block;
			margin-left: 10px;
			margin-right: 10px;

			a {}

			a:hover {}
		}

		li.nav-drop-item:first-child {
			padding-top: 10px;
		}

		.nav-drop-item {
			padding-bottom: 5px;
			padding-top: 2px;
			margin-left: 0 !important;
		}
	}
}

/*--- GENERAL ---*/

body {
	line-height: 1.5em;
	font-family: "azo-sans-web";
}
h1,
h2,
h3,
h4,
h5,
h6 {
	text-transform: lowercase;
	text-align: center;
	font-family: 'Delik';
	line-height: 1.1em;
	text-shadow: 1px 1px 15px rgba(255,255,255,0.6);
}

h1, h2 { font-size: 4rem; padding-bottom: 0px; padding-top:20px; margin-top:0; }
h3 { font-size: 2rem; }

@media screen and (max-width: 1200px) {
	h1, h2 { font-size: 2.5rem; }
	h3 { font-size: 1.5rem; }
}

/*--- HEADER ---*/

#header {
	position: -webkit-sticky;
	position: sticky;
	top: 0;
	left: 0;
	width: 100%;
	padding-top: 3px;
	padding-bottom: 3px;
	z-index: 999;
	text-transform: lowercase;
	background: #1b106e;
}
.header-inner {
	display: flex;
	font-family: 'Delik';
	flex-direction: row;
	justify-content: space-between;
	padding-left: 0%;
	padding-right: 1%;
}

.header-inner .logo { max-width: 50%; }
.header-inner .logo img { width: 100%; display: block; margin-bottom:0 !important; }
.links { font-weight: bold; padding-top: 13px; font-size: 20px;}

@media screen and (max-width: 1200px) {
.header-inner .logo { max-width: 250px; width: 250px; }
}

#header a, #header { color: #fff; text-shadow: 1px 1px 15px rgba(255,255,255,0.6); }
#header a:hover { color: #fff; text-shadow: 1px 1px 20px rgba(255,255,255,1); }

#header {


	.music-menu a:hover { color: #fd0303; text-shadow: 1px 1px 15px rgba(255,255,255,0.8); }
	.shows-menu a:hover { color: #fda633; text-shadow: 1px 1px 15px rgba(255,255,255,0.8); }
	.bio-menu a:hover { color: #fdfb5b; text-shadow: 1px 1px 15px rgba(255,255,255,0.8); }
	.video-menu a:hover { color: #35b761; text-shadow: 1px 1px 15px rgba(255,255,255,0.8); }
	.press-menu a:hover { color: #533ff1; text-shadow: 1px 1px 15px rgba(255,255,255,0.8); }
	.merch-menu a:hover { color: #fff; text-shadow: 1px 1px 20px rgba(255,255,255,1); }
	.epk-menu a:hover { color: #fff; text-shadow: 1px 1px 20px rgba(255,255,255,1); }
	.subscribe-menu a:hover { color: #1b106e; text-shadow: 1px 1px 15px rgba(255,255,255,0.8); }
	.contact-menu a:hover { color: #7e53a4; text-shadow: 1px 1px 15px rgba(255,255,255,0.8); }


}



.social { padding-top: 5px; }

.social i {
	margin-left: 15px;
	font-size: 20px; 

	@media screen and (max-width: 980px) {
		margin-left: 0;
		margin-right: 10px;
		font-size: 18px;
	}
}

/*--- FOOTER ---*/

#footer {
	text-align: center;
	text-transform: uppercase;
	padding-top: 40px;
	padding-bottom: 30px;
	background: #1b106e;
	color: #fff;
	font-size: 12px;
	font-weight: 700;
}
.footer-inner i {
	margin-right: 6px;
	margin-left: 6px;
	margin-bottom: 10px;
	font-size: 18px;
	font-weight: 400;
}

#footer a { color: #fff; text-shadow: 1px 1px 15px rgba(255,255,255,0.6); }
#footer a:hover { color: #fda633; }

#footer img { max-width: 250px; height: auto; }

/*--- HOME ---*/

.home-contact,
.home-header,
.home-mailing,
.home-music,
.home-press,
.home-shows,
.home-videos {
	padding-top: 100px; padding-bottom: 100px;
	padding-left: 5%; padding-right: 5%;

	@media screen and (max-width: 980px) {
		padding-top: 80px; padding-bottom: 80px;
	}

}


.home-mailing { padding-top: 100px; padding-bottom: 100px;

	h2 { margin-bottom:0; padding-bottom: 20px; }



	.formkit-form[data-uid="21560f2a3d"] .formkit-button, .formkit-form[data-uid="21560f2a3d"] .formkit-submit { font-weight: 700 !important; text-transform:  uppercase;  background: #fff !important; color: #1b106e !important;	font-family: 'azo-sans-web';}


	@media screen and (max-width: 980px) {
		padding-top: 30px; padding-bottom: 40px;
	}

	form { margin: 0 auto; display: block; }

}



.home-bio {
	background: #fdfb5b;
	color: #1b106e;
	padding-left: 0;
	padding-right: 0;
}

.home-header { padding: 0; width: 100%;  }
.home-header img { width: 100%;}
.desk { display: block; }
.mob { display: none; }

@media screen and (max-width: 1200px) {
	.desk { display: none; }
	.mob { display: block; }
}

.home-shows { background: #fda633; background-position: center; background-size: cover; background-attachment: fixed; color: #fff; }
.home-mailing { background: #1b106e; color: #fff; }
.home-videos { background: #35b761; background-position: center; background-size: cover; background-attachment: fixed; color: #fff; }
.home-music { background: #fd0303; background-position: center; background-size: cover; background-attachment: fixed;  color: #fff; }
.home-press { background: #533ff1; color: #fff; }
.home-contact { background: #7e53a4; color: #fff; }
.home-shows-content { max-width: 980px; margin: 0 auto; }

.home-contact a { color: #fff; }
.home-contact a:hover { color: #fda633; }

/*--- SHOWS ---*/

.bit-widget {
	color: #fff !important;
}

.bit-upcoming-events-show-all-button,
.bit-widget .bit-upcoming-events-show-all-button {
	display: none !important;
}

.more {
	font-family: "azo-sans-web";
	border: 2px solid #fff;
	color: #fff;
	padding: 15px; padding-top: 18px;
	font-size: 18px;
	display: table;
	font-weight: 700;
	margin: 0 auto;
	text-transform: uppercase;
	text-shadow: 1px 1px 15px rgba(255,255,255,0.6);
	box-shadow: 1px 1px 15px rgba(255,255,255,0.6);
}

.more:hover {
	background: #fff;
	border: 2px solid #fff;
	color: #0b100f;
}

.bit-widget .bit-nav-bar-container {
	padding: 0;
}

.bit-widget .bit-top-track-button {
	padding-top: 0 !important;
	color: #fff !important;
	padding-bottom: 10px !important;
}

.bit-lineUp-with,
.bit-widget .bit-event .bit-lineUp-container .bit-lineUp {
	font-family: "azo-sans-web";
	font-size: 12px !important;
	line-height: 1.2em;
}

.bit-widget-container {
	margin-top: 0 !important;
	width: 100%;
	font-size: 15px;
}

.bit-track-button {
	display: none !important;
}

.bit-events {
	color: #fff !important;
}

.bit-top-track-button {
	color: #fff;
	margin: 0 auto;
	display: block;
	text-transform: uppercase;
	font-family: "azo-sans-web";
	padding-bottom: 30px !important;
	text-align: center;
	font-size: 12px !important;
}

.bit-top-track-button a {
	color: #fff !important;
}

a.bit-top-track-button {
	padding-left: 10px !important;
	padding-right: 10px !important;
	margin-bottom: 10px !important;
}

.bit-nav-bar {
	font-family: "azo-sans-web";
	text-transform: uppercase;
	padding-bottom: 30px;
	font-size: 16px;
}

.bit-nav-bar a,
.bit-nav-bar span {
	color: #fff !important;
}

.bit-nav-bar a:hover,
.bit-nav-bar span a:hover {
	color: #fff !important;
}

.bit-venue,
.bit-venue a {
	font-weight: bold !important;
	color: #fff !important;
}

.bit-widget {
	padding-top: 0;
}

.bit-widget .bit-venue {
	color: #fff !important;
}

.bit-widget .bit-location,
.bit-widget .bit-venue {
	padding-top: 10px !important;
}

.bit-widget .bit-location {
	color: #fff;
}

.bit-event {
	padding-top: 20px;
	padding-bottom: 25px;
	text-align: left !important;
	font-size: 16px;
}

.bit-details {
	padding-top: 15px;
	padding-bottom: 10px;
}

.bit-widget .bit-event {
	border-bottom: 1px solid #fff;
	border-top: 0 !important;
}

.bit-widget .bit-event:last-child {
	border-bottom: 0 !important;
}

.bit-widget .bit-event:last-child {
	border-top: 0 !important;
	border-bottom: 0 !important;
}

.bit-past-events,
.bit-upcoming-events {
	font-family: "azo-sans-web" !important;
	text-transform: uppercase;
}

.bit-widget .bit-upcoming-events,
bit-past-events {
	border-bottom: 0 !important;
}

.bit-past-events a,
.bit-upcoming-events a {
	color: #fff;
}

.bit-date {
	font-size: 24px;
	color: #fff;
	padding-bottom: 5px;
	display: block;
	margin-right: 18px;
}

.bit-button,
.bit-date {
	font-family: "azo-sans-web";
	text-transform: uppercase;
}

.bit-button {
	font-size: 16px;
	background: none !important;
	font-weight: bold;
	padding-bottom: 2px;
	color: #fff !important;
	border: 2px solid #fff !important;
	text-shadow: 1px 1px 15px rgba(255,255,255,0.6);
	box-shadow: 1px 1px 15px rgba(255,255,255,0.6);
	/*float: right; margin-bottom: 5px; clear:both;*/
}

.bit-button:hover {
	color: #0b100f !important;
	background: #fff !important;
	border: 2px solid #fff !important;
}

.bit-widget .bit-event .bit-event-buttons {
	margin-top: 0 !important;
}

.bit-widget .bit-event-list-title,
.bit-widget .bit-top-track-button {
	font-size: 22px !important;
}

.bit-event:hover {
	background: rgba(255, 255, 255, 0.025) !important;
}

.bit-widget .bit-no-dates-container .bit-track-button {
	display: none;
}

.bit-widget .bit-no-dates-container .bit-no-dates-title {
	font-family: "azo-sans-web";
	font-size: 16px;
}

@media screen and (max-width: 1125px) {
	.bit-date {
		padding-bottom: 10px;
		font-size: 18px !important;
	}

	.bit-widget.bit-layout-ipad .bit-event .bit-button {
		width: 120px;
	}

	.bit-widget.bit-layout-ipad .bit-event {
		padding-right: 15px;
	}

	.bit-event {
		font-size: 15px;
	}

	.bit-button {
		font-size: 15px;
	}
}

.bit-widget.bit-layout-desktop .bit-details {
	display: flex !important;
}

.bit-widget.bit-layout-desktop .bit-location {
	margin-left: 0 !important;
	text-align: left !important;
	font-weight: bold;
}

.bit-past-events .bit-event .bit-date {
	width: 200px;
}

.bit-past-events-show-all-button {
	font-family: "azo-sans-web";
	font-size: 16px;
	max-width: 300px;
	margin: 10px auto !important;
	display: block !important;
	background: none;
	border: 2px solid #fff;
}

.bit-widget .bit-play-my-city-button {
	display: none !important;
}

.bit-widget.bit-layout-desktop .bit-details,
.bit-widget.bit-layout-desktop .bit-details > div {
	display: block !important;
}

.bit-past-events .bit-event .bit-rsvp-container {
	padding-top: 10px !important;
}

.bit-nav-bar {
	display: none !important;
}

@media screen and (max-width: 1125px) {
	.bit-date {
		padding-bottom: 0 !important;
	}
}

.bit-upcoming-events-show-all-button {
	font-family: "azo-sans-web" !important;
	font-weight: 700 !important;
	max-width: 300px !important;
	display: block !important;
	margin: 5px auto !important;
	background: #fff;
	font-size: 16px !important;
}

.bit-upcoming-events-show-all-button:hover {
	background: #fff !important;
	color: #0b100f !important;
}

@media screen and (max-width: 800px) {
	.bit-widget {
		padding-top: 10px;
	}

	.bit-details {
		padding-top: 20px !important;
		padding-bottom: 10px !important;
	}
}

@media screen and (max-width: 600px) {
	.bit-date {
		padding-top: 10px !important;
	}

	.bit-widget .bit-event {
		padding-top: 10px !important;
	}
}

.bit-date {
	padding-top: 5px;
}

.bit-rsvp-container a {
	margin-left: auto;
	margin-bottom: 5px;
}

.bit-widget .bit-event .bit-button,
.bit-widget .bit-event .bit-offers-text,
.bit-widget .bit-event .bit-rsvp {
	text-transform: uppercase !important;
}

/*--- BIO ---*/


.bio-grid {
	display: grid;
	grid-template-columns: 50% 50%;
	align-content: center;
	align-items: center;
	max-width: 100%;
	margin: 0 auto;
	min-height: 85vh;
}
.bio-img {
	margin-right: 0;
	height: 100%;
	min-height: 85vh;
}
.bio-info {
	padding: 5%;
}
.bio-info h2 {
	text-align: left;
	text-shadow: 1px 1px 15px rgba(27,16,110,0.4);
}

@media screen and (max-width: 1024px) {
	.bio-grid {
		display: block;
		min-height: auto;
		width: 100%;
	}
	.bio-img {
		padding-right: 0;
		height: 60vh;
	}
	.bio-info h2 {
		text-align: center;
		padding-bottom:0; margin-bottom:10px;
	}
}

/*--- MUSIC ---*/

.music-more {
	border: 1px solid #fff;
	color: #fff;
	padding: 10px;
	text-transform: uppercase;
	font-size: 12px;
	text-shadow: 1px 1px 15px rgba(255,255,255,0.6);
	box-shadow: 1px 1px 15px rgba(255,255,255,0.6);
}

.music-more:hover {
	position: relative;
	z-index: 5;
	background: #fff;
	color: #1b106e;
}

.disco-grid {
	display: grid;
	max-width: 1600px;
	width: 90%;
	margin: 20px auto;
	grid-gap: 1%;
	grid-template-columns: repeat(3, 1fr);
}

.grid-item {
	overflow: hidden;
	box-shadow: 1px 1px 15px rgba(255,255,255,0.6);
}

.grid-item .grid-content {
	position: relative;
}

.grid-item img {
	margin-bottom: -10px;
	padding-bottom: 0;
	width: 100%;
	height: auto;
}

.title-overlay {
	position: absolute;
	left: 0;
	top: 0;
	text-transform: uppercase;
	font-weight: 700;
	font-size: 16px;
	width: 100%;
	height: 100%;
	display: flex;
	grid-template-columns: 100%;
	align-items: center;
	z-index: 3 !important;
	justify-content: center;
	text-align: center;
	flex-direction: column;
	opacity: 0;
	transition: opacity 0.5s;
	padding: 5%;
	background-color: rgba(27, 16, 110, 0.8);
	color: #fff;
}

.title-overlay div { padding-top: 10x; padding-bottom: 10px; }

.grid-item div:hover .title-overlay {
	opacity: 1;
}

@media screen and (max-width: 980px) {
	.grid-item div:hover .title-overlay {
		display: none;
		opacity: 0;
	}
}


@media screen and (max-width: 1200px) {
	.disco-grid {
		display: grid;
		grid-template-columns: repeat(2, 1fr);
	}
}

@media screen and (max-width: 600px) {
	.disco-grid {
		display: block;
		grid-template-columns: repeat(1, 1fr);
		.grid-item{
		    margin: 2em 0;
		}
	}
}

/*--- VIDEOS ---*/

.videos-grid {
	padding-bottom: 40px;
	display:flex;
    flex-wrap:wrap;
    justify-content: center;
	max-width: 1200px;
	margin:0 auto;

    >a{

        @media all and (min-width:800px){
            flex: 50% 0 1;
			&:first-child{
				flex:100% 0 1;
			}
        }

        @media all and (max-width:799px){
            flex: 100% 0 1;
        }
        
        padding: 0.5rem;
    }
}

.video {
	overflow: hidden;
	position: relative;
	box-shadow: 1px 1px 15px rgba(255,255,255,0.6);

    &:hover{
        .title-overlay {
            opacity: 1;
        }
    }
    
	.title-overlay {
		position: absolute;
		left: 0;
		top: 0;
		text-transform: uppercase;
		font-weight: 700;
		font-size: 16px;
		width: 100%;
		height: 100%;
		display: grid;
		grid-template-columns: 100%;
		justify-content: space-between;
		align-items: center;
		z-index: 3 !important;
		align-content: center;
		text-align: center;
		opacity: 0;
		transition: opacity 0.5s;
		padding: 5%;
		background-color: rgba(27, 16, 110, 0.8);
		color: #fff;
	}

	.video:hover .title-overlay {
		opacity: 1;
	}
}




/*--- PRESS ---*/

.press-grid {
	padding-bottom: 40px;
	display:grid;
	grid-template-columns: repeat(3,1fr);
	grid-gap: 1%;

	@media screen and (max-width: 1800px) {
		grid-template-columns: repeat(3,1fr); 
	}

	@media screen and (max-width: 1300px) {
		grid-template-columns: repeat(2,1fr); 
	}

	@media screen and (max-width: 980px) {
		grid-template-columns: repeat(1,1fr); 
		padding-bottom: 150px;
	}


.press {
	overflow: hidden;
	position: relative;
	box-shadow: 1px 1px 15px rgba(255,255,255,0.6);

	&:hover{
		.title-overlay {
			opacity: 0.8 !important;
		}
	}
    
	.title-overlay {
		position: absolute;
		left: 0;
		top: 0;
		text-transform: uppercase;
		font-weight: 700;
		font-size: 16px;
		width: 100%;
		height: 100%;
		display: grid;
		grid-template-columns: 100%;
		justify-content: space-between;
		align-items: center;
		z-index: 3 !important;
		align-content: center;
		text-align: center;
		opacity: 1 !important;		
		padding: 8%;
		background-color: rgba(27, 16, 110, 0.8);
		color: #fff;

		@media screen and (max-width: 1400px) {
			padding: 3%; 
			font-size: 0.9em;
		}
	}

}
}


/*--- LIGHTBOX ---*/

.lbxp { z-index: 9999 !important; }


/*--- EPK ---*/

.pslug_epk {

	h2 { color: #fff; text-shadow: 1px 1px 15px rgba(255,255,255,0.6); }

	/*
	#music h2 { color: #fd0303; text-shadow: 1px 1px 15px rgba(253,3,3,0.6); }
	#shows h2 { color: #fda633; text-shadow: 1px 1px 15px rgba(253,166,51,0.6); }
	#bio h2, #bio h1 { color: #fdfb5b; text-shadow: 1px 1px 15px rgba(253,251,91,0.6); }
	#video h2 { color: #35b761; text-shadow: 1px 1px 15px rgba(53,183,97,0.6); }
	#press h2 { color: #533ff1; text-shadow: 1px 1px 15px rgba(83,63,241,0.6); }
	#photos h2 { color: #fff; text-shadow: 1px 1px 15px rgba(255,255,255,0.6); }
	#subscribe h2 { color: #fff; text-shadow: 1px 1px 15px rgba(255,255,255,0.6); }
	#contact h2 { color: #7e53a4; text-shadow: 1px 1px 15px rgba(83,63,241,0.6); }
	*/

	.epk-menu, .subscribe-menu { display: none !important; }
}



.pslug_epk { background: #1b106e; color: #fff;}
.pslug_epk .wrapper-inner { background: #1b106e; padding-top: 50px; padding-bottom: 50px; color: #fff; }

.epk-bio-grid { display: grid; grid-template-columns: repeat(2,1fr); align-content: top; padding-bottom: 30px; }
.epk-bio-photo { padding-right: 30px; padding-top: 10px; }

@media screen and (max-width: 1200px) {
	.epk-bio-grid { display: block; }
	.epk-bio-photo img { max-width: 60%; margin: 0 auto 20px; }
	.epk-bio-photo { padding-right: 0; padding-top: 0; }
}

.epk-header { width: 90%; max-width: 1200px; margin: 0 auto; display: block; }
.epk-section { width: 90%; max-width: 1200px; margin: 0 auto; display: block; padding-top: 50px; padding-bottom: 50px; }
#press-quotes { padding-top: 50px; padding-bottom: 50px; }
.press-quotes { width: 90%; max-width: 1200px; margin: 0 auto; display: block; }
.press-quote { margin-bottom: 50px; }
.press-quote a { color: #fff; }
.press-quote a:hover { color: #fda633; }

#contact.epk-section { text-align: center; }

.pslug_epk #music { background: #1b106e; color: #fff; width: 100%; max-width: 100%; }
.pslug_epk #shows { /*background: url(../../../assets/img/shows-bg.jpg) #1b106e;*/ background-position: center; background-size: cover; background-attachment: fixed; color: #fff; width: 100%; max-width: 100%; }
.shows-content, .music-content, .videos-content { width: 90%; max-width: 1200px; margin: 0 auto; display: block; padding-bottom: 20px;  }

.pslug_epk #video { /*background: url(../../../assets/img/videos-bg.jpg) #1b106e;*/ background-position: center; background-size: cover; background-attachment: fixed; color: #fff; width: 100%; max-width: 100%; }
.pslug_epk #video .more { margin-top: 40px;  }

.pslug_epk #contact { padding-top: 50px; padding-bottom: 30px; }
.pslug_epk #contact a { color: #fff; }
.pslug_epk #contact a:hover { color: #fda633; }

/*--- RESPONSIVE MENU ---*/

#responsive-menu-pro-wrapper {
	position: relative;
	top: 50%;
	transform: translateY(-50%);
	text-transform: lowercase;
	font-family: 'Delik';
	font-weight: 700;
  }

  #responsive-menu-pro-wrapper a { text-shadow: 1px 1px 15px rgba(255,255,255,0.6); }