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

/*gets rid of the pagination on the bottom */
.tw-paginate {
	display: none !important
}
/*colors yellow fdba06 • blue 114e7f • grey bdbdbd • lighter grey hhhhh*/
/* (A) 4 four columns ON BIG SCREEN */
a.allShowsBTN {
	margin: 33px auto;
	background-color: #000000;
	background-color: rgba(0, 0, 0, 0.6);
	text-align: center;
	color: #fdba06;
	border: #fdba06 2px solid;
	width: 80%;
	max-width: 280px;
	font-size: 18px;
	box-sizing: border-box;
	display: block;
	text-decoration: none;
	font-weight: bold;
	padding: 15px
}
a.allShowsBTN:hover {
	background-color: #fdba06;
	color: #000000
}
.centerPhoneBtn {
	margin: 19px auto 0;
	text-align: center;
	width: 100%
}
.upcomingShows {
	width: 95%;
	text-align: left;
	font-size: 28px;
	margin: 23px auto;
	font-weight: bold;
	font-family: 'Roboto', sans-serif;
	;
	color: #bdbdbd
}
.swsTablePhone {
	display: none
}
.sws-desktop-mid-nav {
	display: block
}
.desktopBottomMidNavPad {
	height: 50px
}
#upNcoming {
	display: none
}
/* ImaGE EFFECTS */
.sws-imageContainer {
	position: relative;
	margin: auto;
	overflow: hidden;
	width: 100%
}
.sws-image {
	max-width: 100%;
	transition: all 0.3s;
	display: block;
	width: 100%;
	height: auto;
	transform: scale(1)
}
.sws-imageContainer:hover .sws-image {
	transform: scale(1.1)
}
/* END IMAGE EFFECTS */
.sws-buy-tickets {
	letter-spacing: 2px;
	text-decoration: none
}
/* (A) 4 four columns ON BIG SCREEN */
.blockWrap {
	width: 100%;
	margin: 0 auto;
	text-align: center;
	background-color: blue
}
/*Responsive slider AND JUST ADDEDS*/
.blockWrappest {
	width: 98%;
	margin: 0 auto;
	text-align: center
}
.productWrapper {
	margin: 0 auto;
	width: 100%;
	padding: 0
}
.tw-paginate-text {
	display: none
}
.artistList {
	margin-top: 11px
}
/* gutter between the bottom of the image and top of show content */
/* END SHOW NAME, DATE, VENUE, ADDITIONAL INFO */
.dateText {
	color: #FDBA06;
	font-size: 16px;
	font-weight: bold;
	text-align: left
}
.mainAct {
	color:#FFFFFF;
	margin-top: 5px;
	text-align: left
}
.supportText {
	margin-top: 3px;
	line-height: 1.25em;
	text-align: left;
	color: #E4E4E4
}
/*THE ACTS*/
.tw-artist-billing-1_00 {
	font-size: 24px;
	text-decoration: none;
	letter-spacing: 0.03em;
	font-weight: bold;
	color: #FFFFFF;
	line-height: 0.9em
}
.tw-artist-billing-0_75 {
	font-size: 20px
}
.tw-artist-billing-0_50 {
	font-size: 18px
}
.sws-additional-text {
	font-size: 16px;
    margin-top:0 !important;
line-height: 1.15em;
	text-align: left;
	color: #E4E4E4;
	font-style: italic
}
/* END SHOW NAME, DATE, VENUE, ADDITIONAL INFO */
/* START TICKET BTN STRUCTURE */
.sws-buy-tickets {
	color: #FDBA06;
	font-weight: bold;
	text-transform: uppercase
}
.sws-buy-tickets a:hover {
	color: black !important
}
.ticketBoxTD {
	width: 116px
}
.ticketBox {
	border: #FDBA06 solid 2px;
	padding: 10px 5px;
	text-align: center;
	cursor: pointer;
	width: 111px;
	transition: all 0.3s;
	text-decoration: none;
	font-size: 13px
}
.ticketBox:hover {
	background-color: #FDBA06;
	color: black !important
}
.showBox {
	display: inline-block;
	width: 500px;
	min-height: 197px;
	margin: 5px 12px 63px 5px;
	vertical-align: top
}
.phoneJA {
	display: none
}
/* --------------------------- SCROLLING SCROLL -----------------------------*/
.smallAd {
	display: none
}
.largeAd {
	display: block
}
.mediumAd {
	display: none
}
#responsivepromo {
	display: none
}
.footerSpacer {
	height: 200px
}
.promoOne {
	padding: 12px 6px 22px 12px;
	width: 31%;
	text-align: right;
	display: inline-block
}
.promoTwo {
	padding: 12px 6px 22px 6px;
	width: 31%;
	text-align: center;
	display: inline-block
}
.promoThree {
	padding: 12px 12px 22px 6px;
	width: 31%;
	text-align: left;
	display: inline-block
}
/*------------------ Carousel Slider ---------------------*/
.carouselHolder {
	background: #000000;
	display: block
}
.carouselOuter {
	text-align: center;
	width: 100%;
	padding: 0
}
.carouselContent {
	text-align: center;
	width: 99%;
	background: #000000;
	background: rgba(0, 0, 0, 0.4);
	position: absolute;
	bottom: 0;
	padding: 9px 0 7px 0;
	font-size: 18px;
	line-height: 1.0em
}
.carouselContent h1 {
	padding: 0;
	margin: 0;
	line-height: 1.0em;
	color: #FFFFFF;
	text-shadow: 4px 4px 2px rgba(0,0,0,0.6)
}
.carouselContent p {
	padding: 0;
	margin: 0;
	line-height: 1.33em;
	font-weight: bold;
	color: #FFFFFF;
	text-shadow: 3px 3px 2px rgba(0,0,0,0.6)
}
.carouselContent a {
	color: #FFFFFF;
	text-decoration: none;
	font-size: 14px
}
.twoTixBTN {
	background-color: #000000;
	margin: 23px;
	display: inline;
	line-height: 3.0em;
	font-weight: bold;
	color: #FFFFFF;
	padding: 5px 10px;
	border: #FDBA06 2px solid
}
.sliderWrapper {
	margin: auto;
	padding-right: 13px;
	width: 100%;
	background-color: #000000;
	-webkit-box-shadow: 0 5px 5px 0 rgba(0,0,0,0.75);
	-moz-box-shadow: 0 5px 5px 0 rgba(0,0,0,0.75);
	box-shadow: 0 5px 5px 0 rgba(0,0,0,0.75)
}
.sliderHolder {
	width: 100%;
	display: table;
	background-color: #000000
}
.sliderRow {
	display: table-row;
	height: 100%
}
.sliderCell {
	display: table-cell;
	text-align: center
}
.ja-list-td {
	display: table-cell;
	width: 450px;
	vertical-align: top;
	padding: 0 20px
}
/* table that holds the carousel */
.display_table {
	display: table;
	width: 100%;
	table-layout: fixed
}
.display_tablerow {
	width: 100%;
	display: table-row
}
.display_tablecell {
	display: table-cell
}
.paddingAboveFooter {
	height: 172px
}
.ja-title-text {
	margin: 13px 0 13px 7px;
	color: white;
	font-size: 36px
}
.desktopCarousel {
	display: block
}
.mobileCarousel {
	display: none
}
#slider_wrap {
	background: black;
	background-color: #000000
}
/* SLIDER CAROUSEL DOTS */
#slider_wrap .sa_owl_theme .owl-dots button span {
	background: #424141 !important
}
#slider_wrap .sa_owl_theme .owl-dots .active span {
	background: #ADADAD !important
}
#slider_wrap .sa_owl_theme .owl-dots .owl-dot span:hover {
	background: #FDBA06 !important
}
/* Just Added Table Stuff this is in the scroller box*/
.just-added-scrollbox {
	height: 650px;
	background-color: #000000;
	padding: 13px 0 0 0;
	color: #424242;
	margin-bottom: 13px
}
/*scrollbar css */
.simplebar-scrollbar:before {
	background-color: #FDBA06;
	background-color: rgba(253, 186, 6, 1)
}
.simplebar-track {
	background-color: #232020
}
.sws-just-added {
	color: #abb8c3;
	width: 100%;
	font-family: 'Roboto Condensed', sans-serif;
	font-size: 16px;
	border-collapse: collapse
}
.sws-just-added a {
	color: #FFFFFF;
	font-size: 28px;
	text-decoration: none
}
.sws-just-added a:hover {
	color: #FDBA06
}
.sws-just-added td {
	padding: 13px
}
/*THE ACTS*/
.tw-artist-billing-1_00 {
	font-size: 22px
}
.tw-artist-billing-0_75 {
	font-size: 18px
}
.tw-artist-billing-0_50 {
	font-size: 18px
}



/*----------------------------------------------------------- MEDIA QUERIES -------------------------------------------------------*/
/* Holy Cow Developer here is where we start the resposive design */
/*----------------------------------------------------------- MEDIA QUERIES -------------------------------------------------------*/
/* Holy Cow Developer here is where we start the resposive design */
@media only screen and (max-width: 2300px) {
	.just-added-scrollbox {
	height: 600px
	}
}
@media only screen and (max-width: 2200px) {
	.just-added-scrollbox {
	height: 550px
	}
}
@media only screen and (max-width: 2170px) {
	.showBox {
	width: 420px
	}
}
@media only screen and (max-width: 2100px) {
	.just-added-scrollbox {
	height: 525px
	}
}
@media only screen and (max-width: 2000px) {
	.just-added-scrollbox {
	height: 500px
	}
}
@media only screen and (max-width: 1950px) {
	.just-added-scrollbox {
	height: 480px
	}
}
@media only screen and (max-width: 1900px) {
	.just-added-scrollbox {
	height: 460px
	}
}
@media only screen and (max-width: 1840px) {
	.showBox {
	width: 400px
	}
}
@media only screen and (max-width: 1820px) {
	.just-added-scrollbox {
	height: 440px;
	padding: 0
	}
}
@media only screen and (max-width: 1760px) {
	.showBox {
	width: 380px
	}
	.just-added-scrollbox {
	height: 420px
	}
	.ja-title-text {
	margin: 18px 0 8px 7px
	}
}
@media only screen and (max-width: 1700px) {
	.just-added-scrollbox {
	height: 410px
	}
	.ja-title-text {
	margin: 16px 0 8px 7px;
	font-size: 34px
	}
}
@media only screen and (max-width: 1680px) {
	.showBox {
	width: 340px
	}
	.ticketBoxTD {
	width: 95px
	}
	.ticketBox {
	width: 90px;
	font-size: 12px
	}
}
@media only screen and (max-width: 1650px) {
	.just-added-scrollbox {
	height: 405px
	}
	.sws-just-added a {
	font-size: 24px
	}
	.sws-just-added td {
	padding: 11px
	}
}
@media only screen and (max-width: 1600px) {
	.just-added-scrollbox {
	height: 390px
	}
	.ja-title-text {
	font-size: 32px
	}
}
@media only screen and (max-width: 1590px) {
	.showBox {
	width: 320px
	}
	.dateText {
	font-size: 14px
	}
	/*THE ACTS*/
	.tw-artist-billing-1_00 {
	font-size: 20px
	}
	.tw-artist-billing-0_75 {
	font-size: 16px
	}
	.tw-artist-billing-0_50 {
	font-size: 15px
	}
	.sws-additional-text {
	font-size: 15px
	}
}
@media only screen and (max-width: 1550px) {
	.just-added-scrollbox {
	height: 375px
	}
}
@media only screen and (max-width: 1500px) {
	.just-added-scrollbox {
	height: 350px
	}
	.ja-title-text {
	margin: 16px 0 0 7px;
	font-size: 30px
	}
	.sws-just-added {
	font-size: 14px
	}
	.sws-just-added a {
	font-size: 20px
	}
	.sws-just-added td {
	padding: 9px
	}
}
@media only screen and (max-width: 1436px) {
	.showBox {
	width: 300px
	}
	.ticketBoxTD {
	width: 80px
	}
	.ticketBox {
	border: #FDBA06 solid 2px;
	padding: 10px 5px;
	text-align: center;
	cursor: pointer;
	width: 75px;
	transition: all 0.3s;
	font-size: 11px
	}
}
@media only screen and (max-width: 1450px) {
	.just-added-scrollbox {
	height: 365px
	}
	.ja-title-text {
	margin: 14px 0 3px 3px;
	font-size: 28px
	}
	.ja-list-td {
	width: 350px;
	padding: 0 10px 0 3px
	}
}
@media only screen and (max-width: 1400px) {
	.just-added-scrollbox {
	height: 350px
	}
}
@media only screen and (max-width: 1350px) {
	.smallAd {
	display: none
	}
	.largeAd {
	display: none
	}
	.mediumAd {
	display: block
	}
	.footerSpacer {
	height: 180px
	}
}
@media only screen and (max-width: 1350px) {
	.just-added-scrollbox {
	height: 335px
	}
}
@media only screen and (max-width: 1340px) {
	.showBox {
	width: 380px
	}
}
@media only screen and (max-width: 1325px) {
	.just-added-scrollbox {
	height: 325px
	}
}
@media only screen and (max-width: 1300px) {
	.just-added-scrollbox {
	height: 310px
	}
	.ja-title-text {
	font-size: 24px;
	letter-spacing: 1px
	}
}
@media only screen and (max-width: 1280px) {
	.smallAd {
	display: block
	}
	.mediumAd {
	display: none
	}
	.footerSpacer {
	height: 160px
	}
}
@media only screen and (max-width: 1270px) {
	.just-added-scrollbox {
	height: 300px
	}
}
@media only screen and (max-width: 1260px) {
	.showBox {
	width: 340px
	}
}
@media only screen and (max-width: 1235px) {
	.ja-list-td {
	width: 320px;
	padding: 0 7px 0 3px
	}
	.just-added-scrollbox {
	height: 300px
	}
}
/* Slider changes from 2 to 1 slide per view */
@media only screen and (max-width: 1199px) {
	.just-added-scrollbox {
	height: 600px
	}
	.ja-title-text {
	margin: 13px 0 9px 7px;
	font-size: 30px
	}
	.sws-just-added {
	font-size: 14px
	}
	.sws-just-added a {
	font-size: 24px
	}
	.sws-just-added td {
	padding: 14px
	}
	.blockWrappest {
	width: 100%
	}
}
@media only screen and (max-width: 1179px) {
	.just-added-scrollbox {
	height: 575px
	}
}
@media only screen and (max-width: 1175px) {
	.showBox {
	width: 320px
	}
}
@media only screen and (max-width: 1160px) {
	.just-added-scrollbox {
	height: 560px
	}
	.sws-just-added td {
	padding: 9px
	}
}
@media only screen and (max-width: 1125px) {
	.just-added-scrollbox {
	height: 540px
	}
}
@media only screen and (max-width: 1100px) {
	.just-added-scrollbox {
	height: 520px
	}
}
@media only screen and (max-width: 1075px) {
	.showBox {
	width: 300px
	}
	.just-added-scrollbox {
	height: 500px
	}
}
@media only screen and (max-width: 1050px) {
	.just-added-scrollbox {
	height: 480px
	}
}
@media only screen and (max-width: 1025px) {
	.just-added-scrollbox {
	height: 460px
	}
}
@media only screen and (max-width: 1010px) {
	.showBox {
	width: 400px
	}
}
@media only screen and (max-width: 1000px) {
	.just-added-scrollbox {
	height: 440px
	}
	.sws-just-added {
	font-size: 14px
	}
	.sws-just-added a {
	font-size: 22px
	}
	.sws-just-added td {
	padding: 9px
	}
	.footerSpacer {
	height: 130px
	}
}
@media only screen and (max-width: 980px) {
	input[type=text], select {
	padding: 9px 15px;
	font-size: 14px
	}
}
@media only screen and (max-width: 940px) {
	.ja-title-text {
	font-size: 24px;
	font-weight: bold;
	margin: 21px 0 0 7px
	}
	.sws-just-added {
	font-size: 14px
	}
	.sws-just-added a {
	font-size: 18px
	}
	.just-added-scrollbox {
	height: 400px
	}
}
/* (A) 4 four columns ON iPAD */
@media only screen and (max-width: 900px) {
	.carouselContent a {
	color: #FFFFFF;
	text-decoration: none;
	font-size: 11px
	}
	.twoTixBTN {
	margin: 23px 11px 13px;
	display: inline;
	line-height: 3.5em;
	padding: 5px 17px
	}
}
@media only screen and (max-width: 890px) {
	.showBox {
	width: 340px
	}
}
@media only screen and (max-width: 880px) {
	.just-added-scrollbox {
	height: 380px
	}
}
@media only screen and (max-width: 850px) {
	.just-added-scrollbox {
	height: 335px
	}
}



@media only screen and (max-width: 815px) {
	.just-added-scrollbox {
	height: 325px
	}
}





@media only screen and (max-width: 780px) {
	.showBox {
	width: 300px
	}
}
@media (min-width: 768px) and (max-width: 1234px) {
	.ja-list-td {
	width: 319px;
	max-width: 320px
	}
}
/*--------------- START media 768px stack for phone ---------------------*/
@media only screen and (max-width: 768px) {
	
	#adsID {display:none}
	
	.paddingAboveFooter {
	height: 5px; 
		font-size: 3px;
		padding: 0;
	}
	.just-added-scrollbox {
	height: 360px;
	margin: 0 9px 0
	}
	#slider_wrap {
	padding-bottom: 9px
	}
	.sliderWrapper {
	padding-right: 0;
	margin-top: -35px;
	padding-top: 10px
	}
	.sliderHolder {
	display: block;
	width: 100%;
	margin: auto
	}
	.sliderRow {
	display: block;
	background-color: #232020;
	width: 100%
	}
	.sliderCell {
	display: block
	}
	.ja-list-td {
	display: none
	}
	/* Carousel text */
	.carouselContent h1 {
	font-size: 20px;
	margin: 0 0 2px 0;
	line-height: 1.0em
	}
	.carouselContent p {
	font-size: 12px
	}
	.twoTixBTN {
	margin: 4px 15px 3px;
	display: inline-block;
	line-height: 1.5em;
	color: #FFFFFF;
	font-size: 14px;
	padding: 3px 7px;
	font-weight: bold;
	border: #FDBA06 1px solid
	}
	/* Just Added text */
	.ja-title-text {
	margin: 0 auto 3px;
	text-transform: uppercase;
	text-align: center;
	color: #fdba06;
	font-size: 22px;
	font-weight: bold
	}
	.phoneJA {
	display: block;
	margin: auto;
	margin: 13px auto 15px;
	width: 95%;
	padding: 13px 0 5px 3px;
	background-color: #000000;
	border: #fdba06 1px solid;
	max-width: 795px;
	text-align: center
	}
	.sws-just-added {
	font-size: 16px
	}
	.sws-just-added a {
	font-size: 24px
	}
	.sws-just-added td {
	padding: 11px
	}
	.rock-n-nav {
	overflow: hidden;
	margin: auto;
	width: 95%;
	max-width: 720px
	}
	a.allShowsBTN {
	font-size: 22px;
	padding: 13px 15px;
	margin: 13px auto;
	text-align: center;
	width: 95%;
	max-width: 720px;
	border: #fdba06 1px solid
	}
	.upcomingShows {
	width: 95%;
	text-align: center;
	font-size: 28px;
	margin: 13px auto
	}
	#upNcoming {
	display: block;
	margin: 9px auto;
	color: #FFFFFF;
	font-size: 36px;
	text-shadow: 4px 4px 8px #000000
	}
	.wds_right-ico_1 {
	width: 37px !important;
	height: 30px !important;
	padding-top: 9px !important;
	margin-left: -9px
	}
	.wds_left-ico_1 {
	width: 37px !important;
	height: 30px !important;
	padding-top: 9px !important;
	margin-left: -7px
	}
	.desktopBottomMidNavPad {
	display: none
	}
	.sliderRow {
	display: block
	}
	.sliderCell {
	display: block
	}
	.swsTablePhone {
	display: block;
	margin: auto;
	text-align: center;
	width: 95%
	}
	.sws-desktop-mid-nav {
	display: none
	}
	.dateText {
	line-height: 125%;
	font-weight: normal !important
	}
	/*THE ACTS*/
	.mainAct {
		margin-top: 3px;
	line-height: 115%
	}
	.supportText {
		line-height: 1.0em;
	margin-top: 0;
		
	}
	.tw-artist-billing-1_00 {
	font-size: 18px;
	text-decoration: none;
	letter-spacing: 0;
	font-weight: bold
	}
	.tw-artist-billing-0_75 {
font-size: 13px !important;
		
	}
	.tw-artist-billing-0_50 {
	font-size: 13px !important;
		
	}
	.sws-additional-text {
	font-size: 13px; 
		margin-top: 1px;
	line-height: 115%
	}
	.sws-buy-tickets {
	letter-spacing: 0;
	text-decoration: none
	}
	.ticketBoxTD {
	width: 53px;
	text-align: center
	}
	.ticketBox {
	border: #fdba06 solid 1px;
	font-size: 10px;
	padding: 5px 3px;
	width: 50px
	}
}
@media only screen and (max-width: 700px) {
	.showBox {
	width: 275px;
	margin: 5px 5px 13px 5px
	}
}
@media only screen and (max-width: 640px) {
	.showBox {
	width: 265px
	}
	/*THE ACTS*/
	.tw-artist-billing-1_00 {
	font-size: 26px
	}
	.tw-artist-billing-0_75 {
	font-size: 16px
	}
	.tw-artist-billing-0_50 {
	font-size: 14px
	}
	.smallAd {
	display: none
	}
	#responsivepromo {
	display: block
	}
	.promoOne {
	margin: auto;
	padding: 12px;
	width: 95%;
	max-width: 520px;
	text-align: center;
	display: block
	}
	.promoTwo {
	margin: auto;
	padding: 12px;
	width: 95%;
	max-width: 520px;
	text-align: center;
	display: block
	}
	.promoThree {
	margin: auto;
	padding: 12px;
	width: 95%;
	max-width: 520px;
	text-align: center;
	display: block
	}
	.footerSpacer {
	height: 12px
	}
}
@media only screen and (max-width: 620px) {
	.showBox {
	width: 260px
	}
}
@media only screen and (max-width: 575px) {
	.showBox {
	width: 228px;
	margin: 5px 3px 13px 3px
	}
	/*THE ACTS*/
	.tw-artist-billing-1_00 {
	font-size: 18px
	}
	.tw-artist-billing-0_75 {
	font-size: 16px
	}
	.tw-artist-billing-0_50 {
	font-size: 14px
	}
}
@media only screen and (max-width: 473px) {
	.showBox {
	width: 200px
	}
	a.allShowsBTN {
	margin: 9px auto;
	max-width: 320px;
	border: #fdba06 1px solid
	}
	.rock-n-nav {
	max-width: 320px
	}
}
@media only screen and (max-width: 429px) {
	.showBox {
	width: 180px
	}
	
	.mainAct {
	line-height: 125%
	}
	.tw-artist-billing-1_00 {
	line-height: 100%
	}
}
@media only screen and (max-width: 380px) {
	.showBox {
	width: 178px;
	margin: 5px 2px 13px 2px
	}
}
@media only screen and (max-width: 376px) {
	.just-added-scrollbox {
	height: 285px
	}
	/* Just Added text */
	.ja-title-text {
	font-size: 18px
	}
	.sws-just-added {
	font-size: 14px
	}
	.sws-just-added a {
	font-size: 20px
	}
	.sws-just-added td {
	padding: 11px
	}
}
@media only screen and (max-width: 372px) {
	.showBox {
	display: block;
	width: 90%;
	max-width: 335px;
	margin: 5px 13px
	}
}
@media only screen and (max-width: 360px) {
	.promoOne {
	max-width: 350px
	}
	.promoTwo {
	max-width: 350px
	}
	.promoThree {
	max-width: 350px
	}
}
/* Phone Date and Venue: To line break or not to line break*/
.pipeColor{
	display:inline
}
.pipeBreak{
	display:none
}
.tw-day-of-week{
	color:#fdba06
}
.tw-event-date{
	color:#fdba06
}
.venueHighlight{
	color:#fdba06;
	text-decoration: none
}
.venueHighlight :hover{
	color:#fdba06;
	text-decoration: underline
}
@media only screen and (max-width: 768px) {
	.pipeColor{
	display:none
}
	.pipeBreak{
	display:inline
}
	.tw-day-of-week{
	color:white
}
	.tw-event-date{
	color:white
}
}