body {
	color:#242424;
	font-size:16px;
	line-height:1.65;
	text-align:center;
	font-family:'Libre Franklin',serif;
	font-weight: 200;
	margin:0;
	padding:0;
	background-color: #eee;
}

#container {
	position:relative;
	top:0;
	left:0;
	width:100%;
	padding:0;
	margin:0;
}

header {
	width:100vw;
	position:relative;
	top:0;
	left:0;
	font-size:1em;
	height:20vw;
	display:block;
	text-align:center;
	margin:0;
	padding:0;
	font-family:'Libre Franklin',sans-serif;
	background:url(layout/bg2021-low.jpg) right top no-repeat fixed hsl(214, 30%, 8%);
	background-size:cover;
}

.homepage_page header {
	height:100vh;
	background:url(layout/hpbg2021-low.jpg) right center no-repeat fixed hsl(214, 30%, 8%);
	background-size:cover;
}

header .inner {
	position: relative;
	margin: 0 auto;
	width: calc(100% - 2em);
	max-width: 80em;
	height:20vw;
}

.homepage_page header .inner {
	height: 100vh;
}

header h1 {
	position:absolute;
	top:calc(10vw - .5em);
	left: 0;
	display:block;
	font-size:4em;
	width:calc(100% - .25em);
	max-width:20em;
	height:auto;
	font-weight:600;
	line-height:1;
	height:auto;
	text-align:left;
	color:#af9a47;
	margin:0;
	padding:0;
	text-transform:uppercase;
	letter-spacing:.25em;
	z-index: 10;
}

.homepage_page header h1 {
	text-align:left;
	top:calc(50vh - .5em);
}

header h1 a {
	color:hsla(115, 10%, 92%,.88);
}

header h1 a:hover {
	color:hsl(115, 10%, 92%);
}

#hero {
	position:fixed;
	top:0;
	left:0;
	width:100%;
	height:100vh;
	background:url(layout/bg2021.jpg) right top no-repeat transparent;
	background-size:cover;
	z-index:0;
}

#heromask {
	position:absolute;
	top:calc(45vh - 3em);
	left:0;
	width:100%;
	height:110vh;
	z-index:0;
}

.homepage_page #hero {
	background:url(layout/hpbg2021.jpg) right center no-repeat transparent;
	background-size:cover;
}

.homepage_page #heromask {
	top:calc(75vh - 3em);
}

#heromask.fixie {
	position:fixed;
	top:0;
}

a#hamburger {
	background:transparent;
}

a#hamburger .hlines {
	background:hsl(348, 65%, 25%);
}

nav {
	position:absolute;
	bottom:0;
	left:0;
	font-size:1em;
	display:block;
	width:100%;
	margin:0;
	padding:0;
	height:3em;
	text-align:left;
	letter-spacing:.125em;
	background:transparent;
	z-index:100;
}

header.fixie nav {
	position:fixed;
	top:0;
	z-index:7;
	background:hsl(215, 32%, 27%);
}

header.fixie nav #homepage_nav {
	display:inline-block;
}

#social_nav {
	position: absolute;
	top: auto;
	bottom: 3rem;
	right: 1rem;
	width: 5rem;
	height: auto;
	text-align: right;
	z-index: 12;
}

#social_nav a {
	display: inline-block;
	font-size: .88em;
	margin:0;
	padding: .5em;
	line-height:1.5em;
	width: 1em;
	height:1em;
	color: hsla(115, 10%, 92%,.88);
}

#social_nav a.icontiktok {
	background: url(layout/tiktok.svg) center bottom no-repeat transparent;
	background-size: 1.33em auto;
}

#social_nav i {
	font-size:1.5em;
	display:inline;
}

nav ul {
	position:relative;
	width:100%;
	max-width:80em;
	margin:0 auto;
	padding:0;
	background:transparent;
	text-transform:uppercase;
	height:3em;
}

nav ul li {
	position:relative;
	top:0;
	text-align:center;
	list-style:none;
	float: left;
	margin:0!important;
	padding:0;
	height:3em;
	width:auto;
	vertical-align:bottom;
}

nav ul li a {
	position:relative;
	display:inline-block;
	color:hsl(115, 10%, 92%);
	font-size:1em;
	line-height:3;
	height:3em;
	width:auto;
	font-weight:600;
	padding:0 1vw;
	margin:0;
}

nav ul li a span {
	font-size:1.125em;
	line-height:2.666666;
}

nav ul li a:hover,nav ul li.lit a {
	color:hsl(215, 32%, 27%);
	background:hsl(115, 10%, 92%);
}

nav ul li ul.drop {
	position:absolute;
	top:3em;
	left:0;
	display:none!important;
	min-width:20em;
	width:auto;
	height:auto;
	z-index:999;
}

nav ul li ul.drop li {
	font-size:1em;
	display:block;
	float:none;
	clear:both;
	width:100%;
	padding:0;
	margin:0;
	height:auto;
	text-align:left;
	line-height:1.25;
	overflow:hidden;
}

nav ul li ul.drop li a {
	padding:.125em 1em;
	display:block;
	color:hsl(115, 10%, 92%);
	background:hsl(215, 32%, 27%);
}

nav ul li ul.drop li a:hover {
	color: hsl(215, 32%, 27%);
	background:hsl(115, 10%, 92%);
}

nav ul li:hover ul.drop {
	display:block!important;
	line-height:1.25;
	font-size:1em;
}

#today_everyday {
	position: absolute;
	left: 60%;
	top:auto;
	bottom: 5.5em;
	width:9em;
	height: 9em;
	display: block;
	background: url(layout/today-everyday.png) center center no-repeat transparent;
	background-size: contain;
	z-index: 101;
}

.homepage_page #today_everyday {
	left: auto;
	right: 4.5em;
}

#today_everyday span {
	display: none;
}

#today_everyday:hover {
	opacity: .85;
}

#main {
	position:relative;
	width:100vw;
	display:block;
	height:auto;
	min-height: 100vh;
	background:hsl(115, 10%, 92%);
	margin:0 auto;
	padding:2em 0;
	text-align:left;
	z-index:2;
}

#main p {
	color:#3b4246;
	font-size:1em;
	line-height:1.65;
	margin-bottom:1em;
}

#mainbox,#menubox,.fullbox #mainbox,.fullbox #menubox {
	width: calc(100% - 2em);
	max-width: 80em;
	margin: 0 auto;
	font-size:1em;
	font-weight:400;
}

#mainbox .storyp {
	margin:0 0 3em;
}

#searchbox {
	display:none;
}

#mainbox ul {
	font-size:1em;
	margin:0;
	padding:0;
}

#main h1,#main h2,#main h3,#main h4 {
	color:hsl(215, 32%, 27%);
	font-size:1.8em;
	font-weight:400;
	font-family:'Libre Franklin',sans-serif;
	letter-spacing:.0125em;
	margin-bottom:.5em;
}

#main h2.category {
	color:hsl(215, 32%, 27%);
}

.product_page h1.category {
	display:none;
}

.product_page #mainbox h4.purchasefrom {
	margin:.5em 0 .25em 0;
	color: hsl(215, 32%, 27%);
	font-size: .9em;
	text-transform: uppercase;
}

.multilinks img {
	display:none;
}

.product_page.intro .introentry a.thumb { 
	background-position: center center; 
	background-repeat: no-repeat; 
	background-color: transparent;
	background-size: contain;
}

.product_page #mainbox ul.multilinks {
	display: none;
	margin:0;
	padding:0;
	width:100%;
	min-width:15em;
	margin-bottom:1em;
}

.product_page #mainbox ul.multilinks li {
	margin:.25em 0;
	padding:0;
	width:100%;
	height: 2em;
	margin: 0 0 .125em 0;
}

.product_page #mainbox ul.multilinks li a {
	display:block;
	width:100%;
	height:1em;
	line-height: 1;
	color:hsl(115, 10%, 92%);
	background:hsl(215, 32%, 27%);
	margin:0;
	padding:.5em 0;
	font-size:1em;
	font-weight:600;
	text-align:center;
}

#mainbox div.prevnext {
	position: fixed;
	top: calc(50vh - 1em);
	left: 0;
	width: 100vw;
	height: 0;
	z-index: 200;
	margin: 0;
	padding: 0;
}

.prevNextSlideButtons a.imgNext {
	background:url(/common/images/pointers/rightarrwhite.svg) center center transparent;
}

.prevNextSlideButtons a.imgPrev {
	background:url(/common/images/pointers/leftarrwhite.svg) center center transparent;
}

#main h3 {
	font-size:1.4em;
	color:hsl(215, 32%, 27%);
}

#main h4 {
	font-size:1.3em;
	color:hsl(215, 32%, 27%);
}

#main a {
	color:hsl(348, 65%, 25%);
	font-weight:inherit;
	text-decoration:none;
}

#main a:hover {
	color:hsl(215, 32%, 27%);
	font-weight:inherit;
	text-decoration:none;
}

#menubox h4 {
	font-size:1em;
}

#menubox h4 a {
	display:block;
	background:hsl(215, 32%, 27%);
	padding:.5em;
	color:hsl(115, 10%, 92%);
	font-size:1.125em;
	text-transform:uppercase;
	font-weight:400;
	margin:0;
}

#menubox h4 a:hover {
	background:hsl(115, 10%, 92%);
	color:hsl(215, 32%, 27%);
	font-weight:400;
}

#menubox h4.lit,#menubox h4 a.lit {
	color:hsl(215, 32%, 27%);
	background:hsl(115, 10%, 92%);
}

#menubox ul {
	padding:.25em .5em .5em;
}

#menubox ul li a {
	font-family:'Libre Franklin',sans-serif;
	font-size:1em;
}

.contact_page #menubox {
	display:none;
}

blockquote {
	font-size:1em;
	font-style:oblique;
}

.product_page .mainimg {
	margin-right:1em;
}

.product_embed_env {
	float:none;
	clear:both;
}

.stack .image_link { 
	width: 100%; 
	height: 0; 
	padding: 100% 0 0 0; 
	background-position: center center; 
	background-repeat: no-repeat; 
	background-color: hsl(115, 10%, 92%); 
	background-size: contain;}

.stage_image {
	position:relative;
}

.stage_image iframe {
	position:absolute;
	top:0;
	left:0;
	height:100%;
	width:100%;
}

.prevNextSlideButtons {
	position:fixed;
	top:50vh;
	left:0;
	width:100%;
	height:2em;
	margin:-1em 0 0;
	z-index:-1;
}

.prevNextSlideButtons a.imgPrev {
	float:left;
	clear:none;
}

.prevNextSlideButtons a.imgNext {
	float:right;
	clear:none;
}

#mainbox ul.multilinks li {
	background:url(#) transparent;
}

.image_stage,.image_stage .stage_image {
	height: auto;
	min-height: 0;
}

.image_stage .prevnext {
	position:absolute;
	top:33%;
	left:0;
	width:calc(100% + 8em);
	margin:0 -4em;
}

.featured_box {
	position:relative;
}

#main .featured_box h4 {
	padding:0;
	margin:2em 0 .125em;
	font-size:1.25em;
	background:transparent;
	color:#af9a47;
	border-bottom:.125em #af9a47 solid;
}

#main .featured_box h4 a,#main .featured_box h4 a:hover {
	padding:.125em 0;
	margin:.125em 0;
	background:transparent;
	color:#1d3443;
}

#main .featured_box h4 a:hover {
	color:#af9a47;
}

#featured_calendar__box ul li {
	margin:0;
	padding:.125em 0;
}

#featured_calendar__box ul li a {
	margin:0;
	padding:0;
}

#featured_calendar__box ul li:hover {
	background:#af9a47;
}

#featured_calendar__box ul li:hover a span {
	color:hsl(115, 10%, 92%);
}

#featured_calendar__box ul li a span.menutitlefull {
	margin:0;
	padding:0;
}

.calendar_page #mainbox #lineview ul.days li span.citystate { width: 100%; }

.featured_gigdate,.featured_gigvenue,.featured_gigvenue,.featured_gigloc,.featured_gigname {
	font-size:1.125em;
	display:inline-block;
	margin:0 .25em;
}

.featured_gigvenue {
	color:#1d3443;
}

.featured_gigname {
	color:#af9a47;
}

.menutitle,.menutitlefull {
	font-weight:400;
}

#main .featured_box a.raquo {
	background:transparent;
	position:absolute;
	top:0;
	right:.25em;
	color:#af9a47;
}

#main .featured_box ul {
	padding:.5em 0 0;
	margin:.5em 0 0;
}

.bigday,.calendar_page #mainbox #lineview ul.months > li,.calendar_page #mainbox #lineview ul.years > li {
	font-family:'Libre Franklin',sans-serif;
	font-weight:400;
}

.calendar_page #mainbox #lineview ul.months > li,.calendar_page #lineview ul.years > li {
	display:inline-block;
	float:left;
	vertical-align:bottom;
	font-size:2em;
	width:auto;
}

.calendar_page #mainbox #lineview ul.years > li {
	margin-right:.5em;
}

.calendar_page #mainbox #lineview ul.months > li {
	clear:right;
}

.newsletters_page #mainbox {
	background-color: #2f415b;
	text-align: center;
}

.newsletterentry {
	max-width: calc(600px - 2em);
	text-align: left;
	margin: 0 auto;
	background: url(/layout/newsletter-header-2021.jpg) center top no-repeat #e9ede9;
	background-size: contain;
	padding: 14em 1em 1em 1em;
	
}

#main .newsletterentry * {
	font-family: Ariel, sans-serif;
	letter-spacing: 0;
}

#main .newsletterentry a {
	color: #3e0f19;
}

#main .newsletterentry h1,#main .newsletterentry h2,#main .newsletterentry h3,#main .newsletterentry h4,#main .newsletterentry h5 { 
	color:#2f415b;
	margin-top:16px;
	margin-bottom:8px;
	font-size: 2em;
	font-weight: 600;
}

#main .newsletterentry h2 {
	font-size: 1.5em;
}

#main .newsletterentry h3 {
	font-size: 1.17em;
}

#main .newsletterentry h4 {
	font-size: 1em;
}

#main .newsletterentry h5 {
	font-size: .83em;
}

#main .newsletterentry p {
	font-size: 1em;
	font-weight: 400;
	color: #242424;
	margin-bottom: 8px;
}

#main .bit-widget.bit-layout-desktop .bit-titleWrapper .bit-venue { margin: 0 auto 0 1em; }
#main .bit-widget a.bit-offers,#main .bit-widget a.bit-play-my-city-button { color: hsl(115, 10%, 92%); }

#main .slabform button.specialbutton,#main button.specialbutton {
	background: #570a17;
	color: #dfdfdf;
	outline: none;
	border: none;
}

#main .slabform button.specialbutton:hover,#main button.specialbutton:hover {
	background: #dfdfdf;
	color: #570a17;
	outline: none;
	border: none;
}

/* landing page */

body.landing_page {
	background: url(layout/IllMeetYouHereCover.jpg) center center no-repeat fixed #1a3139;
	background-size: cover;
}

.landing_page #container {
	min-height: 100vh;
}

.landing_page #main {
	position: absolute;
	top: auto;
	bottom: 0;
	margin: 1em 1em 0 1em;
	width: calc(100vw - 6em);
	max-width: calc(100vw - 6em);
	padding: 2em;
	min-height: 0;
	height: auto;
	background: transparent;
}

.landing_page #main,.landing_page #main h1,.landing_page #main h2,.landing_page #main h3,.landing_page #main h4,.landing_page #main p,.landing_page #main a {
	color: #dfdfdf;
}

.landingbuttons {
	padding-top: 2em;
}

#landingmessage {
	padding-bottom:2em;
}

.caption {
	text-align: center;
	font-size: .88rem;
}

#entry685 .storyp {
	font-size: .7rem;
}

#entry685 .storyp p {
	margin-bottom: .25em;
	margin-block-start: 0;
	margin-block-end: 0;
	line-height: 1.5;
}

footer {
	position: relative;
	font-size:1em;
	width:calc(100vw - 2rem);
	height:auto;
	padding:2rem 1rem;
	margin:0 auto;
	clear:both;
	float:none;
	color:hsl(115, 10%, 92%);
	background-color:hsl(215, 32%, 27%);
	text-align:right;
	z-index: 9;
}

footer a {
	color:hsl(348, 65%, 85%);
}

@media(min-width: 60em) and (max-width: 70.625em){
	header nav {
		height: 2.5rem;
	}
	header nav ul {
		height: 2.5rem;
	}
	header nav ul li {
		height: 2.5rem;
		line-height: 2.5;
	}
	header nav ul li a {
		font-size: .88em;
		padding:0 .75vw;
		height: 2.5rem;
		line-height: 2.5;
	}
}

@media(min-width: 51em) and (max-width: 60em){
	header nav {
		height: 2rem;
	}
	header nav ul {
		height: 2rem;
	}
	header nav ul li {
		height: 2rem;
		line-height: 2;
	}
	header nav ul li a {
		font-size: .75em;
		padding:0 .66vw;
		height: 2rem;
		line-height: 2;
	}
}

@media(max-width: 51em){
	
	a#hamburger .hlines {
		background:#ac1e51!important;
	}
	
	header,.homepage_page header {
		position: relative;
		top: 0;
		left: 0;
		z-index: 998;
		height: 15em;
		background:url(layout/bg2021-low.jpg) right top no-repeat hsl(214, 30%, 8%);
		background-size:cover;
	}
	
	header .inner {
		height: 15em;
	}
	
	.homepage_page header {
		background:url(layout/hpbg2021-low.jpg) right top no-repeat hsl(214, 30%, 8%);
		background-size:cover;
		height: 75vw;
	}
	
	.homepage_page header .inner {
		height: 75vw;
	}
	
	#social_nav {
		position: absolute;
		top: 4rem;
		bottom: auto;
		right: .5rem;
		width: 5rem;
		height: auto;
		text-align: right;
		z-index: 12;
	}
	
	header h1,.homepage_page header h1 {
		position: absolute;
		top: auto;
		bottom: 1em;
		left: 1rem;
		width: calc(100vw - 2rem);
		font-size: 1.66em;
	}
	
	header nav.mobi {
		min-height: 100vh;
		font-size: 1rem;
		background: hsl(215, 32%, 27%);
		overflow-y: auto;
	}
	
	header nav.mobi ul {
		height: auto;
		min-height: 0;
		margin: 0;
		top: 1em;
	}
	
	header nav.mobi ul li#homepage_nav {
		display:inline-block;
	}
	
	header nav.mobi ul li {
		margin-bottom: .25em!important;
		width: calc(100% - 2em);
	}
	
	header nav.mobi ul li a,header nav.mobi ul li a:hover {
		color:#fff;
		font-size: 1rem;
		font-weight: 400;
	}
	
	header nav.mobi ul li a span {
		font-size: 1rem;
	}
	
	header nav.mobi ul li.lit a {
		color:white;
	}
	
	header nav.mobi ul li ul.drop {
		display: block!important;
		height: auto;
		width: calc(100% - 4em);
		min-width: 0;
		margin-left: 2em;
		margin-bottom: 1em;
		font-size: 1rem;
	}
	
	header nav.mobi ul li ul.drop {
		width: 100%;
	}
	
	#today_everyday {
		position: absolute;
		left: 0;
		top: 1em;
		bottom: auto;
		width:6em;
		height: 6em;
		display: block;
		background: url(layout/today-everyday.png) center center no-repeat transparent;
		background-size: contain;
	}
	
	.homepage_page #today_everyday {
		right: auto;
	}

	#hero {
		display: none;
	}
	
	#heromask {
		display: none;
	}
	
	.homepage_page #hero {
		display: none;
	}
	
	#main {
		width: calc(100vw - 2rem);
		padding: 1rem;
	}
	#mainbox,#menubox {
		width: 100%;
	}
	
	#main h1,#main h2 {
		font-size: 1.5rem;
	}
	
	#main h3 {
		font-size: 1.25rem;
	}
	
	#main h4 {
		font-size: 1.125rem;
	}
	
	#main h5 {
		font-size: 1rem;
	}
	
	body.landing_page {
		background: url(layout/IllMeetYouHereCover.jpg) right bottom no-repeat fixed #1a3139;
		background-size: cover;
	}
	
	.landingbuttons {
		padding-top: 0;
		margin-bottom: 0;
	}
	
}