/*
MusicIDB Plugin 
by Megabase, Inc.
You can directly edit your WordPress theme to override any styles
*/

//Colors
	$orangeIcons: #ff802a;
	$colorDarkFoot:#1a1a1a;
	$color_hunter_green_approx: #171717;
	$color_tapa_approx: #777;
	$color_delta_approx: #a4a4a4;
	$color_chicago_approx: #5d5d5d;
	$color_mercury_approx: #e7e7e7;
	$color_fuscous_gray_approx: #525252;
	$color_pink_swan_approx: #bbb;
	$color_storm_dust_approx: #656565;
	$color_alto_approx: #ddd;
	$color_mountain_mist_approx: #999;
	$color_log_cabin_approx: #222;
	$colorDarkBack: #333;
	$color_madang_approx: #b8ffbc;
	$green: #0f0;
	$color_sundown_approx: #ffb8b8;
	$red: #f00;
	$errored: #ffb9b5;
	$color_stack_approx: #8a8a8a;
	$black: #000;
	$color_bon_jour_approx: #e2e2e2;
	$white: #fff;
	$color_gunsmoke_approx: #858585;
	$color_matisse_approx: #0e699c;
	$color_cerulean_approx: #09a6d8;
	$color_mine_shaft_approx: #333;
	$color_deep_cerulean_approx: #0077af;
	$color_pizazz_approx: #ff8f00;
	$color_pelorous_approx: #37a7c5;
	$color_celeste_approx: #ccc;
	$color_tundora_approx: #444;
	$color_apple_approx: #2ea23b;
	$color_chilean_fire_approx: #ff7200;
	$color_supernova_approx: #fc0;
	$color_malachite_approx: #10c024;
	$color_mariner_approx: #2e67cf;
	$color_gallery_approx: #eee;
	$color_cape_cod_approx: #414141;
	$blaze_orange: #f60;
	$color_blue_ribbon_approx: #0f64ff;
	$color_torch_red_approx: #f70f30;
	$color_crusta_approx: #ff7630;
	$color_neon_carrot_approx: #ff8d30;
	$color_concrete_34_approx: rgba(243, 243, 243, 0.34);
	$color_pumice_approx: #cacaca;
	$mercury: #e5e5e5;
	$color_big_stone_approx: #11243b;
	$color_concrete_approx: #f3f3f3;
	$color_dove_gray_approx: #6d6d6d;
	$yellow: yellow;
	$color_ochre_approx: #cf7b24;
	$color_monza_approx: #e20d0d;
	$color_eastern_blue_approx: #12989f;
	$color_mountain_meadow_approx: #1abc9c;
	$color_fuchsia_pink_approx: #d229b7;
	$color_forest_green_approx: #00af18;
	$color_royal_blue_approx: #4f4ff3;
	$color_alabaster_approx: #fbfbfb;
	$color_perano_approx: #a3caf5;
	$color_dodger_blue_approx: #208bf8;
	$color_carrot_orange_approx: #f88b20;
	$color_wild_sand_approx: #f5f5f5;
	$white_82: rgba(255, 255, 255, 0.82);
	$color_shark_approx: #292929;
	$color_cararra_approx: #ebebeb;
	$alto: #dbdbdb;
	$black_38: rgba(0, 0, 0, 0.38);
	$color_masala_approx: #3c3c3c;
	$color_limed_spruce_approx: #354e52;
	$color_oxford_blue_approx: #353f52;
	$color_amaranth_approx: #de2c45;
	$color_quill_gray_approx: #d5d5d5;
	$gallery: #efefef;
	$color_tiara_approx: #c6d3d6;
	$color_gray_nurse_approx: #eaeaea;
	$color_woodsmoke_approx: #111;
	$color_concord_approx: #7b7b7b;
	$color_iron_approx: #d8d8d8;
	$color_san_marino_approx: #3b67bb;
	$color_orange_roughy_approx: #d05126;
	$color_lochmara_approx: #008dcc;
	$color_shady_lady_approx: #a7a7a7;
	$color_bahama_blue_approx: #016797;
	$color_vermilion_approx: #ff3d00;
	$color_suva_gray_approx: #888;
	$gray: #808080;
	$color_outrageous_orange_approx: #f36638;
	$color_pale_slate_approx: #c3c3c3;
	$color_sandal_approx: #a98870;
	$color_burning_orange_approx: #ff6a2f;
	$color_desert_approx: #b56027;
	$seashell: #f1f1f1;
	$color_gravel_approx: #4a4a4a;
	$color_black_rock_approx: #003;
	$color_bright_turquoise_approx: #0cf;
	$color_mirage_approx: #0c182e;
	$color_heavy_metal_approx: #2d2d2d;
	$color_sangria_approx: #9f0000;
	$color_juniper_approx: #6d8c99;
	$color_fun_green_approx: #00662d;
	$color_bali_hai_approx: #9097ad;
	$color_chathams_blue_approx: #1b516a;
	$color_tarawera_approx: #0c4046;
	$color_pomegranate_approx: #ef501d;
	$color_harlequin_approx: #10bb27;
	$color_japanese_laurel_approx:  green;
	$color_silver_approx: #c1c1c1;
	$color_star_dust_approx: #a1a1a1;
	$white_84: rgba(255, 255, 255, 0.84);
	$white_100: rgba(255, 255, 255, 1);
	$color_desert_storm_approx: #f8f8f8;
	$color_pewter_approx: #97afa1;
	$color_de_york_approx: #7ecea0;
	$color_nepal_approx: #8ebac3;
	$color_fountain_blue_approx: #5eb1c3;
	$color_black_haze_approx: #f7f7f7;
	$color_catskill_white_approx: #eef7f6;
	$color_sorrell_brown_approx: #d1ba8a;
	$color_double_pearl_lusta_approx: #faf1d4;
	$color_banana_mania_approx: #f6e4af;
	$color_smalt_blue_approx: #547b84;
	$color_fern_approx: rgb(98, 199, 114);
	$color_boulder_approx: #797979;
	$color_gray_approx: #7e7e7e;
	$color_surf_approx: rgb(188, 219, 188);
	$color_jewel_approx: #1c7032;
	$color_tuatara_approx: #383838;
	$color_ironside_gray_approx: #676767;
	$color_half_baked_approx: #76bdd6;
	$color_off_yellow_approx: rgb(255, 248, 228);
	$alabaster: #fafafa;
	$color_mustard_approx: #ffd74a;
	$color_mango_tango_approx: #eb7800;
	$color_mojo_approx: #cc4a3d;
	$black_90: rgba(0, 0, 0, 0.9);
	$mine_shaft: #323232;
	$mine_shaft_80: rgba(50, 50, 50, .8);
	$color_fuzzy_wuzzy_brown_approx: #c55959;
	$color_radical_red_approx: #ff3b52;
	$color_sinbad_approx: #9cd3d3;
	$color_nobel_approx: #b3b3b3;
	$blue:  blue;
	$color_arapawa_approx: #11116b;
	$color_silver_chalice_approx: #aaa;
	$black_62: rgba(0, 0, 0, 0.62);
	$color_bay_of_many_approx: #1b3883;
	$web_orange: orange;
	$color_anakiwa_approx: #8cdefe;
	$color_fiord_approx: #4a546d;
	$color_tangerine_approx: #e78d00;
	$color_laser_lemon_67_approx: rgba(255, 255, 103, 0.67);
	$color_spanish_green_approx: #898;
	$color_sapphire_approx: #2451a1;
	$color_log_cabin_74_approx: rgba(34, 34, 34, 0.74);
	$color_allports_approx: #0070a6;
	$white_60: rgba(255, 255, 255, .6);
	$color_ship_cove_approx: #6b96bb;
	$color_havelock_blue_approx: #4897d2;
	$color_gray_chateau_approx: #9fa9ae;
	$color_bismark_approx: #4e6d7d;
	$color_bull_shot_approx: #825426;
	$concrete: #f2f2f2;
	$wheat: wheat;
	$red_80: rgba(255, 0, 0, 0.8);
	$red_40: rgba(255, 0, 0, 0.4);
	$color_dark_fern_approx: #0d440d;
	$white_64: rgba(255, 255, 255, 0.64);
	$black_64: rgba(0, 0, 0, 0.64);
	$color_madang_93_approx: rgba(190, 250, 190, 0.93);
	$color_madang_55_approx: rgba(190, 250, 190, 0.55);
	$color_silver_sand_approx: #c2c2c2;
	$wild_sand: #f4f4f4;
	$black_35: rgba(0, 0, 0, 0.35);
	$color_rangoon_green_approx: #1b1b1b;
	$color_pizza_approx: #ca8f08;


//Extends
	
	//original selectors
	//.artistDetails .socialBubbleIcons li, .cardFloater .socialBubbleIcons li
	%extend_43 {
		float: right;
		padding: 0 0 0 2px;
		margin-bottom: 2px;   
		list-style-type: none;
	}

	//original selectors
	//.eventInfoArea .venueInfoTile, .eventInfoArea .tilesContainer
	%extend_27 {
		float: left;
		clear: none;
		width: 50%;
	}

//Fonts
	$fontStandard: 'Arial';				
	$fontMontserrat: 'Montserrat';
	$fontSans: 'sans-serif';
	$fontRoboto: 'Roboto';
	$font_24: 'Helvetica';
	$font_bigHead: 'Days One';
	$font_37: 'Flat-UI-Icons';
	$font_49: 'Open Sans';

//Helper Classes
	.cf:before,
	.cf:after {
	    content: "";
	    display: table;
	}
	.cf:after {
	    clear: both;
	}
	.cf {	
	/* For IE 6/7 (trigger hasLayout) */
	*zoom: 1;
	}

//Styles		
	body.noScroll {
		overflow: hidden;		
	}

	.slide {
		position: relative;

		.right {
			position: absolute;
			left: 0;
			top: 0;
			min-height: 350px;
			width: 20%;
			z-index: 10;
			opacity: 0.8;
			color: #fff;

			.label {
				display: block;
				background: #b4b6ba;
				color: #000;
				
				width: 40%;
				margin: 15px 0;
				padding: 5px 15px;
				text-align: center;
				line-height: normal;
			}

			.date {
				float: left;
				margin: 15px 15px 0 15px;
				font-size: 11px;

			}

			.name {
				text-transform: uppercase;
				float: left;
				margin: 0 15px;
				clear: both;
				font-size: 14px;
				line-height: 1em;
			}

			.tickets,
			.view-event {
				clear: both;
				float: left;
				margin: 15px;
			}
		}

		.left {
			width: 100%;
			img {
				width: 100%;
			}
		}
	}

	.musicidb-events-integration {
		position: relative;
		margin-bottom:35px;
		//Links and Buttons 
			a {
				// display: inline-block;
				border: none;
				text-decoration: none;
				box-shadow: none;
				outline:none!important;
			}
			a:focus {
				outline:none!important
			}
			.controlbar {
				display: table;
				margin: 0 auto 0;
				margin-bottom:0 !important;
				width: auto;
				float: none !important;
				position: relative;
				padding: 0;				
				.accent {
					top: 24px;
					font-size: 10px !important;
					display: block;
					font-size: 11px;
					text-align: center;
					position: absolute;
					margin: auto;
					right: 0;
					left: 0;
					bottom: -1px;
				}
				
				.likeBtn {
				}
				.loveBtn {
				}
				.greenBtn {
					margin-right: 0;
				}
				.silverBtn {
					margin-right: 0;
				}
				.blueBtn {
					margin-right: 0;
				}
				.orangeBtn {
					margin-right: 0;
				}
				.mediaBtn {
					padding-left: 31px !important;
				}
				.inactiveBtn {
					margin-right: 0;
					background: $color_mountain_mist_approx !important;
					color: $white;
					cursor: default;
				}
				&.mainHeadline {
					.likeBtn {
					}
					.loveBtn {
					}
					> li > a {
					}
				}
				li {
					display: inline-block;
					float: left;
					margin-bottom: 4px;
					position: relative;
					margin-right: 4px;
					.link {
					}
					a.rightBorderMe {
					}
					&:last-child {
						margin-right:0;
						a {

						}
					}
				}
				a {
					font: 14px/14px Arial,'Open Sans',sans-serif!important;
					&:hover {
						text-decoration: none !important;
					}
					&.musicIDBevent img.whiteIcon {
						display: none;
					}
				}
				span {
					text-align: center;
					font: 13px/15px 'Open Sans', sans-serif;
					// display: table-cell;
					// vertical-align: middle;
					// float: left;	
					// top: -3px;
		    		// position: relative;
				}

				> li {
					> a {
						background: $white;
						//Instead of the line below you could use @include border-radius($radius, $vertical-radius)
						border-radius: 4px;
						padding: 7px 10px 4px;
						display: block;
						border-right: none;
						color: $color_shark_approx;
						//max-width: 100px;
						position: relative;
						height: 30px;
						box-sizing:border-box;
						min-height: inherit;
						border: 1px solid transparent;

						&:hover {
							background: $color_dove_gray_approx;
							background: $color_mine_shaft_approx;
							color: $white;
						}
					}
					a.TicketLink {
						position: relative;
						// top: -2px;
						border:1px solid #2ea23b !important;
						// padding: 8px 18px 3px!important;
						&.ticketSmall {
							// padding: 4px 13px 0 !important;
							// top: 2px;
							border: 1px solid $color_forest_green_approx!important;
						}
					}

					a.orangeBtn {
						background: $blaze_orange;
						color: $white;
						margin: 0;
						// padding: 6px 10px 7px !important;

						&:hover {
							background: $color_orange_roughy_approx;
							text-decoration: none !important;
						}
					}
				}
				&.msgBar {
					li {
						float: none;
						margin: 0 -2px;
					}
					a {
						height: 16px;
						background: $white;
						margin-right: 5px;
					}
					.aReplacement {
						height: 16px;
						background: $white;
						margin-right: 5px;
					}
				}
				
				.tableize {
					display: table;
				}
				span {
				}
				.playBtn {
					top: 0;
				}
				.claim {
					float: right;
				}
				.buttonSpinner,
				.buttonMsg {
					position: relative;
					top: 3px;
					left: 4px;
				}
			}

			.greenBtn {
				font-family: $fontRoboto;
				padding: 2px 17px;
				height: 34px;
				display: table-cell;
				vertical-align: middle;
				font-size: 16px;
				text-transform: none;
				border: 0;
				cursor: pointer;
				margin-right: 10px;

				padding: 9px 20px;
				height: inherit;
				//Instead of the line below you could use @include border-radius($radius, $vertical-radius)
				border-radius: 4px;
				color: $white !important;
				min-height: 18px;

				background: $color_apple_approx !important;
				&:hover {
					text-decoration: none !important;
					background: $color_malachite_approx !important;
				}
			}
			.eventInfoWide {
				font-size: 12px;
				line-height: 15px;
				margin-bottom: 13px;
				a {
					color: $color_tangerine_approx;
					
					&:hover {
						color: $color_tangerine_approx;
					}
				}
			}
			.btn {
				i {
					padding: 0 7px 0 0;
					float: left;
				}			
			}
			.simpleBtn{
				display: inline-block;
			    margin: 0 4px 0 0;
			    padding: 4px 8px;
			    border-radius: 5px;
			    border: 1px solid #ccc;
			    font-size: 11px !important;
			    background: #fff;
			    color: #444;				
			}
			.TicketLink span,
			.orangeBtn span {
				font: 14px/15px Arial,'Open Sans',sans-serif!important;

				i {
					// margin-right: 5px;
					position: absolute;
				    left: 10px;
			    	top: 5px;
				}
			}
			a.fbLinkWide {
		    	color: #fff !important;
		    	background: #3B5998 !important;
			    border: 1px solid transparent !important;
			    i.fui-facebook{
			    	color:#FFF;
			    }
			    &:hover{
			    	color:#fff !important;
			    	background: #1919f3 !important;
			    }
		    }
		    &.blackBack{
		    	.eventsList .rowView .rowColumn .simpleBtn{
					background:#181818;			
					color:#eee;	
					&:hover{
						background:#000;
					}	
				}
				.fbLinkWide{
					background: #3B5998 !important;
    				border: none !important;
    				border: 1px solid transparent !important;			
    				&:hover{
    					background: #153a85 !important;
    					color: #fff !important;;
    				}
				}				
		    }
		    
		//General Styles
			
			img {
				max-width:100%;
				height:auto;
				border:none;
				background:none;
			}
			.preLoader {
				display: table;
				margin: 140px auto;
			}
			.fui-plus-circle {
				cursor: pointer;
				color:#797979;
			}
			.summaryToggle:hover .fui-plus-circle{
				color:#444;	
			}
			h2.date {
				font-size: 20px;
    			margin: 0 0 5px;
			}

		//List Styles
			ul {
				left:0;
				list-style:none;
				padding-right:0;
				margin-left: 0;
			}
			ul.eventsList {
				margin:0 !important;
				padding:0 !important;
			}
			.thumbTileHolder {
				width: 220px;
				height: 220px;
				position: relative;
			}
			.viewListPics{
				.eventsList {
					list-style: none;
					left:0;
					padding-left: 0;
				    margin-left: 0;

					.listEvent {
						background: $white;  
						background:#ffffffe0;  
						border: 1px solid $white !important;
						margin-bottom: 0;
						margin: 0 0 5px 0;
						padding: 8px 8px 5px 16px;
						position: relative;
						clear: both;

						.centeredBlock {
							margin-top: 0;
						}			

						&:nth-child(2n) {
							background:#fbfbfbe0;
							border-top: 1px solid $gallery;
							border-bottom: 1px solid $gallery;
						}
						.summaryToggle  {
							position:absolute;
							// top: 15px;
	    					// left: 5px;
	    					top: 7px;
	    					left: 10px;
						}
						&.noExpand {
							padding-left: 8px;
						}

						article {
							margin-bottom: 5px;
						}

						.details {
							margin-bottom: 0;
						}

						.navWithBubbles .bubbleContent {
							bottom: 44px;
						}

						h3.date {
							background:none;
							padding:1px 0px 0px;
							font-size:18px;
							float:left;
							margin: 4px 6px 0 0;

							span {
								color: #5d5d5d !important;
								background: none !important;
								width: 65px;

								&.monthName {				
									font: 15px/17px "Arial", "sans-serif";
									padding: 2px 0 0;
									height: 15px;									
								}
								
								&.dayNameAbb {
									text-transform: none;
								}
								
								&.dayNum {	
								    font: 35px/35px "Raleway", "Arial", "sans-serif";
								    height: 39px;		
								    position: relative;
				    				top: -3px;		    
								}

								&.yearNum{
									color: #999 !important;
								}
							}
						}

						.eventPosterArea {
							max-height: 140px;
							width: 125px;
							overflow: hidden;
							float: left;

							img {
								//width: 125px !important;
								width:100%;
								height:auto;
								margin: 7px 0 0;
								// max-height: 210px;
								max-height: none;
								background: $color_gray_nurse_approx;
								max-width: 100%;
							}
							&.large{
								width:350px;
								img{
									
								}
							}
							img.defaultPic {
								opacity: .3;
							}

							.bandPicBox img {
								margin: 0 auto;
								height: auto;
								min-width: 41px;
								width: 100% !important;
							}
						}
						.listingBody, .controlbar.moveLeft {
							margin-left: 215px;
						}
						.listingBody {
					    	
					    	h3 {
					    		margin-bottom:12px;
					    		.atText{
						        	font-size:12px;
						        }
					    	}
					    	p {
					    		margin-bottom:4px;    
					    		padding: 0;
					    	}
					    }

						.details {
							margin-bottom: 4px;
						}
						.eventLogistics {
							height: inherit;
							margin-bottom: 3px;
						}
						.venueInfo .detailsRow {
							width: 70%;
						}
						.fullInfo {
						    margin-top: 15px;
						}
						.eventInfoWide {
							// font-size: 12px;
							// line-height: 15px;
							// margin-bottom: 13px;
							// a {
							// 	color: $color_tangerine_approx;
								
							// 	&:hover {
							// 		color: $color_tangerine_approx;
							// 	}
							// }
						}
						span {
							&.monthName, &.dayNum, &.yearNum {
								display: block;
								text-align: center;
							}

							&.monthName {
								font: 14px/20px $fontRoboto, $fontStandard, $fontSans;
								text-transform: uppercase;
								padding: 2px 0;
								width: 80px;
								font-weight: bold;
								height: 19px;
							}

							&.dayNum {
								font: 60px/63px $fontRoboto, $fontStandard, $fontSans;
								font-weight: bold;		
								padding: 0;
								width: 80px;
								height: 80px;
								margin-bottom: 0;
								overflow: hidden;
							}
							&.yearNum {
								color: #999 !important;
							    font-size: 10px;
							    position: relative;
							    top: -8px;
							}
						}						
					}

					&.largePics{
						.listEvent{
							.eventPosterArea{
								width:330px;
								max-height:none;
								.bandPics{
									//background:#222;
									display:flex;				
									justify-content: center;				
									flex-wrap: wrap;
									height: 100%;
									width:100%;
									max-height: 500px;
									.bandPicBox{
										float:none;
										width:50%;	
										height: auto;
										aspect-ratio:1 / 1;
					        			gap: 0px;
					        			align-content:center;
					        			// justify-content: center;
										// align-items: center;		
										// display: block;
									}
									&.oneBand{
										.bandPicBox{
											width:100%;
										}
									}
								}
								img{
									
								}
							}
							.listingBody, .controlbar.moveLeft{
								margin-left:420px !important;
							}
						}
					}
					//Artist View / Simple Compact Event List View
					
				}
			}
			.viewPosters{
				max-width:1140px;
				ul.eventsList{
					display:flex;
					flex-wrap: wrap;					
					justify-content: space-between;
					list-style:none;   
					margin: 0 !important;
    				padding: 0 !important;
    				//* TEMPORARY FOR TESTING: */ background:#eee;
					li.listEvent{
						box-sizing:border-box;
						width:33%;
						width:calc(33% - 20px);	
						margin-bottom: 20px;
				        gap: 0px;
						display:flex;        
						justify-content: space-between;
						align-items: center;		
						align-content: flex-start;
						// display: block;
						flex-wrap: wrap;
						position:relative;
						// /* TEMPORARY FOR TESTING: */ background:#fff;
						.summaryToggle {
							position:absolute;
							top:1px;
							left:2px;
							.musicidb-events-integration .fui-plus-circle{
								color:#bbb;
							}
						}
						div.eventPosterArea{
							background:#333;
							width: 100%;
							margin-bottom: 10px;							
							/* This height works with a container width 1150px; */ height: 315px; 
							overflow:hidden;
							display: flex;
    						align-items: center;
							a{
								display:block;
								margin: 0 auto;
							}
							.eventImg{
								width: 100%;
							}
							.bandPics{
								//background:#222;
								display:flex;				
								justify-content: center;				
								flex-wrap: wrap;
								height: 100%;
								width:100%;
								.bandPicBox{
									float:none;
									width:50%;	
									height: auto;
									aspect-ratio:1 / 1;
				        			gap: 0px;
				        			align-content:center;
				        			// justify-content: center;
									// align-items: center;		
									// display: block;
								}
								&.oneBand{
									.bandPicBox{
										width:100%;
									}
								}
							}
						}
						div.listingBody{
							padding:0 10px;
							box-sizing:border-box;
							width:100%;
							h3.date{
								margin-bottom:8px;
								font-size: 18px;
								line-height:1.1em;
							}
							h3.titleofevent{
								margin-bottom:12px;
								.cardFloater{
									padding-top:0;
								}
							}
							.eventInfoArea{
								.marginBottom{
									margin-bottom:5px;
								}
							}
						}
						ul.controlbar {
							left:0;
							margin-left:0;
							padding:0;
							margin:0;    
							list-style:none;    
							width: 100%;
							display: flex;
							flex-wrap: nowrap;
    						justify-content: center;
    						align-items: center;
							li{
								a{
									&:hover, &:active, &:focus{
										
									}
								}
							}
						}						
					}
				}
			}
			.viewCompact{
				.rowView {
				        width: 100%;
				        display:flex;   
				        align-items: center;
						.rowColumn{
							text-align: left;
							vertical-align: top;
							width: 20%;    
							padding: 5px 5px;
			    			box-sizing: border-box;
			    			display: flex;
			    			align-items: center;
						    // flex-direction: row;
						    // align-content: center;						    
			    			.cardFloater{
			    				
			    			}
						    &.venueColumn{
						        width:20%;
						    }
						    &.detailsColumn{
						    	position: relative;
	    						// top: -13px;
						    }
			    			
			    			&.buttonsColumn{
			    				width:26%;    
			    				text-align: right;
								min-width: 220px;
								display:flex; 
								flex-direction: row-reverse;
    							align-items: center;
			    			}
			    			
			    			span.yearNum{
			    				text-align:left;
			    				display:inline;
			    				top:0;
			    			}
			    			
			    			.simpleBtn{
			    				display: inline-block;
							    // margin: 0 4px 0 0;
							    // padding: 4px 8px;
							    // border-radius: 5px;
							    // border: 1px solid #ccc;
							    // 
							    font-size: 11px !important;
							    // background: #fff;
							    // color: #444;						    
			    				&.fbLinkWide{
			    					display:inline-block;
			    				}
			    			}
						}

						.locationColumn {
				        	width:14%;
				    	}
					    .simpleTitle {
					        font-size: 14px;
					        line-height: 15px;
					        margin-bottom: 6px;
					        
					    }
				    }
			}
			.eventInfoArea {
				.left {
					width: 50%;
				}
				.venueInfoTile {
					@extend %extend_27;
				}
				.tilesContainer {
					@extend %extend_27;
				}
				
			}
			//Strip & Reset WYSIWYG Content for Clean Display
			.eventDescription {
				color: $color_cape_cod_approx !important;
				font-family:Arial, sans-serif !important;
				font-size:16px !important;
				line-height:22px !important;
				span, div, p, 
				h1, h2, h3, h4, h5, h6{
					color:$color_cape_cod_approx !important;
					background:none !important;
				}
				a{
					background:none !important;	
				}
				span, div, p {
					font-family:Arial, sans-serif !important;
					font-size:16px !important;
					line-height:22px !important;
				}
				div, p {
					margin-bottom:15px !important;
					padding:0 !important;
				}
			}
			
			.thumbTileHolder {
				width: 220px;
				height: 220px;
				position: relative;
			}

			.showDetailsLink:not(.simpleBtn) {
	        	//padding-top: 13px;
	        	//display: inline-block;
	        }

			.cardFloater {
				position: relative;
				display: inline-block;
				padding-top: 10px;
				//padding-top:13px; //Better on dirty dottys..
				
				&:hover {
					.hoverArtist {
						color: $color_mine_shaft_approx;
						text-decoration: underline;
					}
					.thumbTileHolder {
						display: block;
					}
				}
				
				.thumbTileHolder {
					display: none;
					position: absolute;
					bottom: 23px;
					left: -10px;
					overflow: hidden; /*beta change */
					z-index: 3;
					font-weight: normal;
					font-size: 14px;
					margin: 0;
				}
				
				.linkTileHolder {
					border: 8px solid $color_cararra_approx;
					box-sizing: border-box;
				}
				
				.socialBubbleIcons {					
					left:auto;
					right: 4px;
					position: absolute;
					z-index: 3;
					bottom: -1px;
					height: 25px;
					padding-right:0;    		
					margin: 0 !important;
			    	padding: 0 !important;
			    	box-sizing: border-box;
					// left: 8px;
					
					li {
						@extend %extend_43;

						a.fbLink, a.facebook { background: url("../images/social-icons.png") no-repeat -133px -98px; }
						a.fbLink:hover, a.facebook:hover { background: url("../images/social-icons.png") no-repeat -133px -34px; }
						
						a.twitterLink { background: url("../images/social-icons.png") no-repeat -67px -98px; }
						a.twitterLink:hover { background: url("../images/social-icons.png") no-repeat -67px -34px; }
						
						a.otherLink { background: url("../images/social-icons.png") no-repeat -263px -98px; }
						a.otherLink:hover { background: url("../images/social-icons.png") no-repeat -263px -34px; }
						
						a.soundcloudLink { background: url("../images/social-icons.png") no-repeat -100px -66px; }
						a.soundcloudLink:hover { background: url("../images/social-icons.png") no-repeat -100px -2px; }
						
						a.instagramLink { background: url("../images/social-icons.png") no-repeat -166px -66px; }
						a.instagramLink:hover { background: url("../images/social-icons.png") no-repeat -166px -2px; }
						
						a.googlePlusLink { background: url("../images/social-icons.png") no-repeat -199px -98px; }
						a.googlePlusLink:hover { background: url("../images/social-icons.png") no-repeat -199px -34px; }
						
						a.linkedinLink { background: url("../images/social-icons.png") no-repeat -133px -66px; }
						a.linkedinLink:hover { background: url("../images/social-icons.png") no-repeat -133px -2px; }
						
						a.pinterestLink { background: url("../images/social-icons.png") no-repeat -232px -98px; }
						a.pinterestLink:hover { background: url("../images/social-icons.png") no-repeat -232px -34px; }
						
						a.bandcampLink { background: url("../images/social-icons.png") no-repeat -2px -66px; }
						a.bandcampLink:hover { background: url("../images/social-icons.png") no-repeat -2px -2px; }
						a.reverbLink { background: url("../images/social-icons.png") no-repeat -199px -66px; }
						a.reverbLink:hover { background: url("../images/social-icons.png") no-repeat -199px -2px; }
						a.webLink { background: url("../images/social-icons.png") no-repeat -67px -66px; }
						a.webLink:hover { background: url("../images/social-icons.png") no-repeat -67px -2px; }

						a.youtubeLink { background: url("../images/social-icons.png") no-repeat -2px -98px; }
						a.youtubeLink:hover { background: url("../images/social-icons.png") no-repeat -2px -34px; }
						a.vevoLink { background: url("../images/social-icons.png") no-repeat -35px -66px; }
						a.vevoLink:hover { background: url("../images/social-icons.png") no-repeat -35px -2px; }
						
						a.itunesLink { background: url("../images/social-icons.png") no-repeat -232px -66px; }
						a.itunesLink:hover { background: url("../images/social-icons.png") no-repeat -232px -2px; }
						
						a.spotLink { background: url("../images/social-icons.png") no-repeat -355px -66px; }
						a.spotLink:hover { background: url("../images/social-icons.png") no-repeat -355px -2px; }
						
						a.wikiLink { background: url("../images/social-icons.png") no-repeat -324px -66px; }
						a.wikiLink:hover { background: url("../images/social-icons.png") no-repeat -324px -2px; }
						
						a.storeLink { background: url("../images/social-icons.png") no-repeat -293px -98px; }
						a.storeLink:hover { background: url("../images/social-icons.png") no-repeat -293px -34px; }
						a {
						    width: 21px;
						    height: 21px;
						    opacity: .8;
						    display: block;
						   	background-size: 381px 123px !important;
						    &:hover {
								opacity: 1;
							}
						}
						img {
							width: 100% !important;
							display: block;
						}
					}
				}				
				.oneBand .bandPicBox {
					width: 100%;
					img {
						width:100% !important;
					}
				}				
				.thumbTile img {
					border: none;
					margin: 0;
					border-radius: 0;
					max-width: 100%;
				}
			}
			.thumbTile, .thumbTile .frame {
				height: 204px; /*without this the short images cause overlay text to not stick to bottom */
			}
			.thumbTile {
				position: relative;
				//width: 220px;
				//height: 220px;    
				//height: 220px;
				
				color: $color_mountain_mist_approx !important;
				display: block;
				background: $white;

				.tileData {
					position: absolute;
					bottom: 0;
					left: 0;
					height: 106px;
					box-sizing: border-box;
					width: 100%;
					padding:3px 10px;
					overflow: hidden;
					background: linear-gradient(to bottom, $white_84 0, $white_84 1%, $white_100 100%);
					filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#d6ffffff', endColorstr='#ffffff', GradientType=0);

					p {
						margin-bottom: 2px;
			    		line-height: 13px;
			    		font-size: 12px;
					}

					h3 {
						margin-right: 0;
						color: $color_fuscous_gray_approx !important;
						// line-height: 19px;
						//font:17px/18px 'Roboto', Arial, sans-serif !important;
						font: 18px/22px 'Roboto', Arial, sans-serif !important;
    					margin-bottom: 5px;
					}

				}

				&:hover {
					text-decoration: none;
				}
				
				.frame {
					overflow: hidden;
					//height: 220px;
					position: relative;
				}

				img {
					position: relative;
					width: 100%;
					height: auto;
					vertical-align: middle;
					display: table-cell;
				}

				.bandPicBox {
					width: 73px;
					height: 73px;
					margin-right: 0;
					margin-bottom: 0;
					background: $color_woodsmoke_approx;
				}

				h3 {
					font: 20px/19px 'Roboto', Arial, sans-serif !important;
				}
				
				.fourSet .bandPicBox {
					width: 110px;
					height: 110px;
				}
			}

			.bandPicBox {
				width: 62px;
				height: 62px;
				display: block;
				overflow: hidden;
				float: left;
				margin-right: 0px;
				margin-bottom: 0px;
				box-sizing:border-box;
				text-align: center;

				&:nth-child(2n) {
					margin-right: 0;
				}
			}

			.eventsList .listEvent .oneBand .bandPicBox {
				width: 125px;
				height: auto;
				float: none;
				margin-right: 0;
				img {
					width:100% !important;
				}
			}
			

		//Tabs
			.musicidb-tabs {
				padding-bottom:10px;
				//min-width: 1500px;
				&.horizontal {
					display: block;
					width: 100%;
					clear: both;
				}
				ul.musicidb-tabNav {
					left:0;
					float: left;
					padding:0;    
					margin: 0 0 7px 0 !important;
					li {
						list-style:none;
						float:left;
						display:inline-block;
						margin:0 8px 8px 0;
						a {
							display:block;
							// padding:5px;
							background:none;					    
						    padding: 10px 16px;
						    border-radius: 3px;
						    &:hover {
						    	background: #333;	
						    	color:#FFF;
						    }
						}
						&.current a {							
							background: #ececec;	
							color: #444;
						}
					}
				}			

				> a {
			    	font: 17px/20px 'Roboto',Arial,sans-serif;
			    }

				ul.calViewButtons {
					float: right !important;
					position: absolute !important;
					right: 5px;
					left: inherit !important;
					z-index: 3;
					padding: 0 !important;
					li {
						display: block;
						float: left;   
						margin: 0 0px 8px 0;

						a {
							border: 1px solid #eee !important;
							background:#FFF !important;
							display: block;
							padding: 11px;
							font-size: 23px;
							line-height: 20px;
							color: #5d5d5d;
							
							&:hover {
								color: $black;								
								border: 1px solid #eee !important;
								// border-bottom: 1px solid #000 !important;
							}
							&#listViewToggle {
								border-radius:3px 0px 0px 3px;
							}
							&#calViewToggle{
								border-radius:0px 3px 3px 0px;
							}
						}

						&.current a {
							color: $black;
							border: 1px solid #eee !important;
							// border-bottom: 1px solid #000 !important;
						}
						
					}
				}
			}
			
			.musicidb-tab {
				display: none;
    			clear: both;
				&.current {
					display: block;
				}
			}

			.mediaTabNav {
				display: block;
				float: left;    
				margin: 0;
				list-style: none;
    			padding: 0;

				li {
					float: left;
					margin-right: 5px;
					margin-bottom: 0;
					a {
						// padding: 5px 8px;
						display:block;
						padding:1px 8px 0px;
						// background:#f1f1f1;
						color: #9a9a9a;
						//Instead of the line below you could use @include border-radius($radius, $vertical-radius)
						border-radius: 0 0 5px 5px;
						font-family: Arial, sans-serif;
						line-height: 24px;
						font-size: 18px;			
						&:hover {
							background: $color_gallery_approx;
							color: $color_storm_dust_approx;
						}
					}
					&.current a {
						background: $color_gallery_approx;
						color: $color_storm_dust_approx;
					}
				}
			}

		//Modal Styles
			.eventDetailModal {
				width: 60%;
				left: 0 !important;
				right: 0 !important;
				top: 39px !important;
				margin: 0 auto;
				box-sizing: border-box;
	        	max-height: 95%;
	        	p {
	        		margin-bottom:5px;
	        	}

				.cardsSlideWrap {
					width: 90%;
					max-width: 770px;
					margin: 0 auto;
					padding:0;
					margin-bottom:14px;
				
					#artistCardsSlider {
				        padding:0 !important;
						background: #dcdcdc;
						margin: 0 auto 0px;

				        .mediaHolder {
							float: left;
						    color: #656565;
						    background:#FFF;
						    padding:7px;
						    width: 66% !important;
    						margin: 5px 0 0 9px !important;
						    box-sizing:border-box;
						}

						.cardFloater {
							padding-top: 0;    							
							float: left;
							max-width: 28%;
						    width: 28% !important;
						    margin: 5px 0 0 2% !important;
							box-sizing: border-box;
							.thumbTile, .linkTileHolder, .frame {	
								max-width:100%;
								border:none;
							}		
						}

						.linkTileHolder {
							margin-left: 0;
						}

						.thumbTile {
							width: 250px;
							width: 100%;
							height: 250px;
							box-sizing:border-box;
							padding:7px;

							.frame {
								height:250px;
								max-height: 100%;
							}

							.tileData {
								width: 100%;
								max-width: 100%;
								-moz-box-sizing: border-box;
					    		-webkit-box-sizing: border-box;
								box-sizing: border-box;

								.socialBubbleIcons {
									bottom:inherit;
									top: 73px;

									li a {
										background-size: 381px 123px !important;
									}
								}
							}
						}

						.artistMediaTabs {
							height: 208px;
							overflow: hidden;
						}
						.artistMediaTab {
							width: 100%;
							height: 100%;    						
							display: none;
							justify-content: center;
							iframe {
								//width: 100%;
								width: auto;
								height: 100%;								
							}
							&.current {								
								display: flex;    							
							}
							&.artistBio {
								overflow: auto;    
								background: white;

								.bioWrapper {
									padding: 10px;
									display: block;   
					    			color: #5f5f5f;
					    			font:14px/18px Arial, sans-serif !important;
									span {
										background: none !important;
										color: #5f5f5f !important;
										font:14px/18px Arial, sans-serif !important;
									}
								}
							}
						}
						.mediaHolder.noMedia{
							display:none;
						}

						.noMedia {							
							.thumbTile {	
								background: none;							
								.tileData {
									background: none;
									// left: 260px;
									// bottom: -8px;
									// width: 172%;
									left: 210px;
    								bottom: 60px;
									width: 338px;
							    	max-width: none;
									.socialBubbleIcons {
										left:8px;
										right:0;
										li {
											float: left;
										} 
									}
								}
							}
						}
				    }

				    #artistCardsSlider, 
					#artistCardsSlider ul.slides , 
					#artistCardsSlider .slides li.slick-slide {
						height: 270px !important;
					}
				}

				#artistCardsList {
					display: none;
					
					> h2 {
						text-align: center;
					}   
					.artistsList {
					
					}
					
					.cardFloater {
						display: block;
						// text-align:left;
						width: 236px;
						margin: 0 auto 35px;
					}

					.linkTileHolder {
						margin-left: 0;
					}

					span.stat {
						background:none;
						color:#888
					}
				}

				.artistMediaExpander {
					cursor: pointer;
					text-align: center;
					padding-bottom: 10px;
					margin-bottom: 0;
					font-size: 22px;
					i {
						&.leftIcon {
							margin-right: 12px;
						    top: 3px;
						    position: relative;
						}
						&.expandCollapseIcon {
							float: right;
							font-size: 13px;
							margin-top: 5px;
						}
					}
				}

				.artistMediaSection {
					display: none;
					iframe {
						width: 100%;
					}
				}
				.modalTickets {
					max-width: 770px;					
				    padding: 9px 0;
    				margin: 0 auto 20px;
    			}
				.playNowText {
					display: block;
					float: left;
					display:none;
					margin-right: 15px;
					// color: $color_desert_storm_approx;
				}
				.eventDescription{
					min-height:250px;
				}
				.eventTopDetails, 
				.eventDescription {	
					padding: 0;	    
				    width: 770px;
				    max-width: 90%;
				    margin:0 auto 10px;
				}
				.eventTopDetails{
					margin-top:5px;
					h2.date {
						padding-top:25px;
					}
				}
			}

			.eventArtistStats {
				float: right;
				position: relative;
			    top: 4px;
				span {
					display: block;
					float: left;
					margin-right: 5px;
					// color: $color_desert_storm_approx; 
					font-size: 16px;
					line-height: 19px;
					&.pageLink {
						font-size: 12px;
					    position: relative;
					    color: #999;
					    top: 3px;
					}
					i {
						font-size: 11px;
					}
					a {
						// color: $color_desert_storm_approx;
						// text-decoration: underline;
						&:hover {
							text-decoration: none;
						}
					}
					&:last-child {
						margin-right: 0;
					}
					&.stat {
						// background: $color_storm_dust_approx;
						padding: 2px 5px;
					}
				}
			}
			.musicidb-integration-mask {
				display: none;
				position: fixed;
				top: 0;
				left: 0;
				cursor:pointer;
				width: 100% !important;
				height: 100% !important;
				z-index: 9000;
				background-color: rgba(0, 0, 0, 0.87);
			}

			.window {
				display: none;
				position: fixed;
				z-index: 9999;
				border: 12px solid #ffffff;
				border-radius: 10px;
				box-sizing: border-box;
				background-clip: padding-box;
				background: $color_desert_storm_approx;
				width: 85%;
				max-width: none;
				min-width: 796px;
				height: 90%;
				overflow: auto;
				min-height: inherit !important;			
				padding-bottom: 10px;	
			}

			.modalClose {
				text-transform: none;
				color: $color_fuzzy_wuzzy_brown_approx;
				position: absolute;
				top: 5px;
				right: 10px;
				font-size: 12px;
				float: right;
				margin-bottom: 5px;
				padding: 7px 6px 6px;
				border: 1px solid $color_silver_approx;
				color: $color_tapa_approx !important;
				font-size: 10px;
				line-height: 12px;
				position: relative;
				z-index: 100;
				font-size: 20px;

				&:hover {
					color: $color_radical_red_approx;
					background: $white;
					color: $color_tundora_approx;
				}
			}
	
		/*Slider - there are two : 
		#artistCardsSlider .slides,  
		#featured-events-slider
		*/
			.slick-slider {
			    position: relative;
			    display: block;
			    box-sizing: border-box;
			    -webkit-touch-callout: none;
			    -webkit-user-select: none;
			    -khtml-user-select: none;
			    -moz-user-select: none;
			    -ms-user-select: none;
			    user-select: none;
			    -ms-touch-action: pan-y;
			    touch-action: pan-y;
			    -webkit-tap-highlight-color: transparent;
			}

			.slick-list {
			    position: relative;
			    overflow: hidden;
			    display: block;
			    margin: 0;
			    padding: 0;

			    &:focus {
			        outline: none;
			    }

			    &.dragging {
			        cursor: pointer;
			        cursor: hand;
			    }
			}

			.slick-slider .slick-track,
			.slick-slider .slick-list {
			    transform: translate3d(0, 0, 0);
			}

			.slick-track {
			    position: relative;
			    left: 0;
			    top: 0;
			    display: block;
			    margin-left: auto;
			    margin-right: auto;

			    &:before,
			    &:after {
			        content: "";
			        display: table;
			    }

			    &:after {
			        clear: both;
			    }

			    .slick-loading & {
			        visibility: hidden;
			    }
			}
			
			.slick-slide {
			    float: left;
			    height: 0;
    			box-sizing: border-box;
			    min-height: 1px;
			    &.slick-active {
					height: 100% !important;
				}
			    [dir="rtl"] & {
			        float: right;
			    }

			    img {
			        display: block;
			    }
			    &.slick-loading img {
			        display: none;
			    }

			    &.dragging img {
			        pointer-events: none;
			    }

			    .slick-initialized & {
			        display: block;
			    }

			    .slick-loading & {
			        visibility: hidden;
			    }
			    .slick-loading {
					background:url('../images/loading.svg') no-repeat center;
					min-height: 300px;
				}
			    .slick-vertical & {
			        display: block;
			        height: auto;
			        border: 1px solid transparent;
			    }
			}

			.slick-arrow.slick-hidden {
			    display: none;
			}

			ul.slides {
				overflow:visible !important;
				list-style: none;

				.slick-arrow {
					display: block !important;
					width: 21px;
					height: 35px;
					position: absolute;
					top: 110px;
					cursor: pointer;

					background-color: transparent !important;
					background-image: url('../images/arrows.png');
					outline: none !important;
					border: none !important;
					text-indent: -9999px;

					&.slick-prev {
						background-position: top left;
						left: -30px;
					}

					&.slick-next {
						background-position: top right;
						right: -30px;
					}
				}
			}		
			
	
		//Misc Styles
			.centerThisGuy{
				text-align:center;
				.loadMoreBtn {
					margin:0 auto;
					display: inline-block;
				}
			}
			.modalFootLinkers{
				font-size: 12px;
				line-height: 15px;
				margin-bottom: 13px;
				a{
					color:#969696;
				}
			}
			.widgetsLink {
				float:right;
				img {
		    		width: 100px;
		    	}	    	
		    }
		    

		//Themes
			&.blackBack {
				color:#EEE;
				.musicidb-integration-mask {
					background-color: $black_90;
					background-color: rgba(0, 0, 0, 0.84);   
				}
				.modalInner {
					background: $black;
				}				
				.st-bg {
					border: $color_rangoon_green_approx 1px solid!important;
				}
				.summaryToggle:hover .fui-plus-circle{
					color:#FFF;	
				}
				.window {
					background: $black;
					border: 12px solid #353535;
				}
				div.fbutton {
					border: $color_rangoon_green_approx 1px solid!important;
				}
				div .rb-m .rb-i {
					background: #1b1b1b;
					background:rgba(14, 14, 14, 0.91);
					//background:none;
					color: #dedede;
				}
				.rb-i .dateBoxTextUnderImg{
					background:rgba(14, 14, 14, 0.91);
					color:#FFF !important;					
				}
				.rb-i:hover .dateBoxTextUnderImg{
					background:#333 !important;
				}
				.month-row {
					border: none !important;
				}
				.preferencesBox {
					color: #767676 !important;
				}
				.eventsList .listEvent{
					
					background:#191919;

					border:1px solid #191919 !important;
					&:nth-child(2n){
						// background:#ffffffe0;
						background:#191919;
					}
					h3 {
			    		// color:#eee;
			    		margin-bottom:5px;
			    		&.date span{
							color:#c3c3c3 !important;
			    		}
			    	}
				}			
				h3 {
		    		color:#eee;		    		
				}
				.musicidb-tabs ul.calViewButtons {
					li {
						a {					
						    border: 1px solid #232323 !important;    				
    						background: #272727 !important;
    						color: #a5a5a5;
    						&:hover {
    							background:$color_crusta_approx !important; 
    							color:#FFF !important;
    						}
						}
					}
					li.current {

					}
				}
				ul.slides .slick-arrow {
					background-image: url('../images/arrowsdark.png');
				}
				
			}

			&.lightBack {
				h2, h3 {
					color:#565656;
				}
				//background: $color_black_haze_approx;
				
				&:hover {
					//background: $color_catskill_white_approx;
				}

				h4 {
					color: $color_chicago_approx;
				}

				p {
					color: $color_chicago_approx;
				}

				.listItem:nth-child(2n),
				.tableEventView:nth-child(2n) {
					border-top: 1px solid $color_gallery_approx;
					border-bottom: 1px solid $color_gallery_approx;
					clear: both;
				}
			}		
			
			&.blackBack .horizontal .ui-tabs-panel, 
			&.blackBack .musicidb-tabNav li.current a, 
			&.blackBack .modalSections > .modalTabNav a.currentState, 
			&.blackBack .horizontal .musicidb-tabNav li a,
			&.blackBack .musicidb-tabNav li:first-child,

			&.lightBack .horizontal .ui-tabs-panel, 
			&.lightBack .musicidb-tabNav li.current a, 
			&.lightBack .modalSections > .modalTabNav a.currentState, 
			&.lightBack .horizontal .musicidb-tabNav li a,
			&.lightBack .musicidb-tabNav li:first-child {
				background: none;
				border:none !important;
			}
			&.blackBack .horizontal .musicidb-tabNav li.current,
			&.lightBack .horizontal .musicidb-tabNav li.current {
				top:inherit;
			}
			&.blackBack .musicidb-tabNav li.current a, 
			&.blackBack .horizontal .musicidb-tabNav li a:hover {
				// border-bottom: 1px solid #eee !important;
		    	color: #EEE !important;
    			background: #272727 !important;    				
			}
			&.blackBack .horizontal .musicidb-tabNav li a{
				color:#6d6d6d;
				background: #272727 !important; 
				&:hover {

				}
			}
		
			&.blackBack .listItem:nth-child(2n), 
			&.blackBack .tableEventView:nth-child(2n) {
				border-top:1px solid #373737;
		    	border-bottom: 1px solid #373737;
		    	clear:both;
			}
			&.lightBack .listItem:nth-child(2n), 
			&.lightBack .tableEventView:nth-child(2n) {
				border-top: 1px solid #d3d3d3;
		    	border-bottom: 1px solid #d3d3d3;
		    	clear:both;
			}
			&.blackBack .artistFacts {
				color:#7b7b7b;		
			}
			&.blackBack a, &.blackBack h3 a {
				color:#1aadff;
			}


			&.blackBack .linkTile {
		    background: #1d1d1d !important;
		    /*color:#666;*/
			}
			&.blackBack .linkTile.lightBack h4 {
			    color:#9f9f9f !important;
			}
			&.blackBack img.alignleft {
			    border:1px solid #1d1d1d;
			}
			&.blackBack .modalTickets {
				border-top: 1px solid #383838;
				border-bottom: 1px solid #383838;
			}
			.venue-377 {

			}
			&.blackBack.venue-377 .listingBody a {
			    color: #c4c4c4;
			}
			&.blackBack .controlbar>li>a {
		    	border:1px solid transparent !important;
			}
			&.blackBack img.alignleft {
			    border:none !important;
			}
			&.lightBack #caltoolbar,
			&.lightBack #gridcontainer,
			&.lightBack .cc,
			&.lightBack .mv-daynames-table,
			&.lightBack .mv-event-container,
			&.lightBack .st-dtitle,
			&.lightBack div.ctoolbar div.fbutton.fcurrent, 
			&.lightBack .whiteBack {
			    background: none !important;
			}
			&.lightBack div.fbutton, &.lightBack .mv-container {
			    /*background: rgba(255, 255, 255, 0.56) !important;*/
			}
			&.lightBack div.fbutton {
			    border:none;
			}
			&.lightBack div#sfnextbtn, &.lightBack div#sfprevbtn {
				border: #ececec 1px solid;
			    border-radius: 2px;
			}
			&.blackBack .whiteBack, &.blackBack div.ctoolbar, 
			&.blackBack div.fbutton.fcurrent, &.blackBack .st-dtitle-nonmonth,
			&.blackBack .cc, &.blackBack .mv-daynames-table, 
			&.blackBack .mv-event-container, &.blackBack #gridcontainer, 
			&.blackBack .st-dtitle, &.blackBack ul.calViewButtons, 
			&.blackBack .st-bg {
			    background:none !important;
			}
			&.blackBack .cardFloater:hover .hoverArtist {
			    color:#eee !important;
			    text-decoration:none;
			}
			&.blackBack h1, &.blackBack div.ctoolbar div.fshowdatep,
			&.blackBack div.ctoolbar {
			    color:#eee !important;
			}
			&.blackBack div.fbutton:hover i {
			    color:#eee;
			}
			&.blackBack .st-bg, 
			&.blackBack div.fbutton {
			    border: #4d4d4d 1px solid !important;
			}
			&.blackBack div.ctoolbar div.fshowdatep {
			    border:none !important;
			}
			&.blackBack .st-dtitle {
			    border-left:none !important;
			}
			&.blackBack .controlbar >li a.TicketLink {
		    	border: 1px solid #0d440d !important;    	
			}
			&.blackBack .stageImageAndName {
			    background:#161616;
			}
			&.blackBack .stageImageAndName h3 {
			    color:#eee;
			}   
			&.blackBack .listItem:nth-child(2n){
			    border-top:1px solid #2d2d2d;
			    border-bottom:1px solid #2d2d2d;
			}
			&.blackBack .eventDescription{
		    	color: #ddd !important;						
				span, div, p, 
				h1, h2, h3, h4, h5, h6{
					color:#ddd !important;
					background:none !important;
				}				
			}
			&.blackBack h1, &.blackBack h2, &.blackBack h3, &.blackBack h4, &.blackBack h5, &.blackBack h6, &.blackBack .framePage h3, &.blackBack .h2, &.blackBack .h3, &.blackBack .h4, &.blackBack .h5, &.blackBack .h6 {
		    color:#cecece;
			}
			&.blackBack .controlbar>li a.TicketLink {
			    border: 1px solid #15bd15!important;
			}
			&.blackBack .eventLogistics, 
			&.blackBack .listEvent .date span {
			    color: #929292;
			}
			&.blackBack .eventInfoArea .eventDescription * {
		    	color: #d0d0d0 !important;
			}
	
		//Custom Tweaks
		.listEvent .controlbar.moveLeft{
			text-align:left;
			// float:left;
			margin:0;
		}
		.listEvent .controlbar.moveRight{
			text-align: right;
    		margin: 0;
    		float: right !important;
		}  
		.listEvent .controlbar.moveCenter{
			text-align: center;
    		margin: 0 auto;    
    		clear: both;
    		float: none !important;
		}   

		//Featured Events Slider

		.slider-wrapper {
			position: relative;
			overflow: hidden;

			.rightSlideArea {
				position: absolute;
				bottom: 30px;
				right: 15px;
			}
			.slider-controllers {
				display: flex;
				position: relative;
				.btn {
					align-items: center;
					background-color: #cc3333;
					background-image: url('../images/arrow-left.png');
					background-position: center;
					background-repeat: no-repeat;
					background-size: 50%;
					outline: none;
					border: none;
					cursor: pointer;
					display: flex;
					height: 50px;
					justify-content: center;
					width: 50px;
					//position: relative; - This broke Abrews, can't figure out why it was added
					transform: none;
					position:absolute;
					bottom: 0px;
    				right:50px;					
					&:hover {
						background-color: #a92121;
					}
					&-next {
						transform: rotate(180deg);
						right: 0;
					}
					&:before {
						content: none;
					}
				}
			}
			.slick-dots {
				// bottom:-19px;
				height: 24px;
				li  {
					button {
						background:#5f0505;
						
						-webkit-border-radius: 10px;
						-moz-border-radius: 10px;
						border-radius: 10px;
						&:before {
							content: none;
						}
					}
				}
			}
		}
		
		// max-width:1240px;
		// margin: 0 auto 30px;

		.slider-banner {
			// max-width: 1410px;
			max-width:1240px;
			width: 100%;
			display: none;
			min-height: 350px;
			&.slick-initialized { display: block; }
			* {
				box-sizing: border-box;
			}
			img {
				height: auto;
				object-fit: cover;
				width: 100%;
			}
			.overlay {
				background-color: #cc3333;
				opacity: 0.8;
			}
			.slider-foreground {
				display: flex;
				justify-content: space-between;
				position: relative;
			}
			.detailsCard {
				max-width: 350px;
				min-width: 238px;
				width: 27%;
			}
			.rightSlideArea {
				align-items: flex-end;
				display: flex;
			}
			.slider-label {
				align-items: center;
				background-color: #c9c9c9;
				display: flex;
				height: 54px;
				justify-content: center;
				line-height: 1;
				color: #000;
				//font-family: sans-serif;
				font-size: 19px;
				text-transform: uppercase;
				width: 206px;
				margin-top: 20px;
				span {
					font-size: 31px;
				}
			}
			.slider-date {
				color: #fff;
				//font-family: 'Montserrat-Regular', sans-serif;
				font-size: 20px;
				margin-bottom: 15px;
			}
			.slider-title {
				color: #fff;
				//font-family: Oswald, sans-serif;
				font-size: 50px;
				font-weight: 400;
				line-height: 1.12;
				margin: 0;
				text-shadow: 0 2px 1px rgba(0, 0, 0, 0.75);
				text-transform: uppercase;
				max-height: 140px;
		    	overflow: hidden;
			}
			.content {
				padding: 0 16px;
				margin-top: 25px;
			}
			
			.buttonsBlockSection {
				// position: absolute;
				// bottom: 24px;
    			// left: 153px;
    			position: absolute;
			    bottom: 8px;
				left: 10px;
				a{
					display:inline-block;
					padding: 7px 23px;
					font-size: 13px;
					line-height: 18px;
					//font-family: 'Montserrat-SemiBold', sans-serif;
					text-transform: uppercase;
					i{
						line-height: 10px;
					}
				}
				a.slider-link , 
				a.view-event{
					color: #333;
					&.fbLinkWide{
					    border-radius: 6px;
					    padding-left: 12px;
					    padding-right: 12px;
					    width: auto !important;
					    //padding: 0 19px;
					    //height: 32px !important;
					    //top: -10px !important;
					    //position: relative;					    
					    .fui-facebook{
							margin-right:3px;		
							position: relative;
    						top: 4px;								
						}
					}
				}
				a.slider-link {
					
					background: url('../images/ticket-link-bg.png') no-repeat center;
					background-size: contain;					
					// display: flex;	
					// align-items: center;
					// justify-content: center;				
					//font-size: 15px;
					//height: 51px;					
					text-decoration: none;					
					width: 128px;
					&:hover {
						filter: brightness(1.2);
					}
					.link-arrow {
						border-color: transparent transparent transparent #033333;
						border-style: solid;
						border-width: 5px 0 5px 7px;
						display: block;
						height: 0;						
						width: 0;						
						line-height: 10px;
					    position: absolute;
					    left: 30px;
					    top: 15px;
					}
				}
				a.ticketsLink{
					padding: 12px 25px 12px 45px;
				    position: relative;
				    height: 44px;
				}
				a.view-event {
					background: #ccc;					
					border-radius: 7px;
					//font-size: 13px;
					&:hover, &:focus{
						background: #fff;
					}
				}
			}
			.slick-dots li{
				width:8px;
				height:8px;
				button{
					width:8px;
					height:8px;
				}
				&:hover button, &.slick-active button{
					background: #cc3333;
				}
			}				
			.slider-background,
			.overlay {
				bottom: 0;
				left: 0;
				position: absolute;
				right: 0;
				top: 0;
			}
			.overlay{
				opacity: 0.8;
			}
			.slider-item,
			.detailsCard,
			.content-wrapper {
				position: relative;
			}
			.slider-item {
				float: left;
				width: 100%;
			}
			.detailsCard {
				height: 100%;
				min-height: 330px;
			}
			.content-wrapper {
				height: 100%;
				min-height: 330px;
			}
		}		
	}

//Alt Views
#musicidb-featured-events.tvScreen, 
.tvScreen #musicidb-featured-events{
    width:100% !important;
    max-width:100% !important;
    .detailsCard{
        display:none;
    }
    #featured-events-slider{
    	padding:0;
    }
    .slider-banner {
        max-width:100% !important;
        width:100% !important;
        margin-bottom:0 !important;
        .slider-foreground{
            //height: 1000px;
            display:none;
        }
        .slider-background{
        	left:auto;
        	right:auto;
        	top:auto;
        	bottom:auto;
        	position:relative;
        }
        .slick-slide{
        	//min-height:none !important;
        }
    }
    .rightSlideArea{
        display:none;
    }
    .slick-dots{
    	padding: 0 37px 0 0 !important;
    	text-align: right;
    	bottom: 21px;
    }
}    

//Images to fit vertically 
#musicidb-featured-events.fitImagesByHeight {
	.slider-banner img {
	    width: auto;
	    height: 100%;
	    // right: 0;
	    // left: 0;
	    // position: relative;	    
	    margin: 0 auto !important;	    
	}
}