/* style.css */

body {
	background-color: black !important;
	color: rgb(196,58,58) !important;
	font-family: 'Open Sans', sans-serif !important;
	font-size: 16px !important;
}
h2, p, p.contact, p.contact a, p.copyright {
	color: rgb(196,58,58) !important;
}

a {
	color: rgb(174,46,47) !important;
}
h2 {
	font-weight: normal;
	font-size: 2em;
	margin: 0 0 0.5em 0;
}
.content {
	margin: 2%;
}
@media (min-width: 2001px) {
	.content {
		margin: 2% auto;
		max-width: 2000px;
	}
	#streaming {
		margin-left: 25% !important;
	}
}
#header {
	max-width: 33%;
	margin: 0 auto 2%;
	top: 2%;
}
#streaming {
	width: 80%;
	margin: 0 auto;
}
#album_artwork {
	width: 80%;
	margin: 3em auto 0;
}
#press, #video, #footer {
	margin: 3em 0 0 0;
}
#press a {
	text-decoration: underline;
}
.press_quote {
    display: block;
    padding: 0.5em 1em 0;
}
.out_now {
	font-size: 3vw !important;
}
.list-inline {
	width: 100%;
	text-align: center;
	list-style: none !important;
	margin: 0 !important;
	padding: 0 !important;
}
.list-inline li {
	display: inline-block !important;
	font-size: 1em !important;
}
.list-inline li a {
	/* font-size: .8em !important; */
	padding: .25em !important;
}
a:hover {
	animation: glow .5s infinite alternate;
}
@keyframes glow {
	to {
		text-shadow: rgb(0, 251, 255) 1px 1px 20px;
	}
}
@media (orientation: portrait) {
	#header {
		max-width: 100%;
		position: relative;
	}
	#header img {
		max-width: 50%;
	}
	#streaming {
		margin: 1.5vh 0 .9vh;
		position: sticky !important;
		top: 10px;
		max-width: 100%;
	}
	.list-inline li {
		font-size: 3vw !important;
	}
}
#video iframe {
	aspect-ratio: 16 / 9;
	width: 100%;
}

p {
	margin: .5em 0 1em !important;
}

.bit-top-track-button, .bit-nav-bar-container {
	display: none !important;
}
.bit-widget, .bit-event, .bit-upcoming-events, .bit-no-dates-container {
	border: none !important;
}
.bit-details, .bit-venue, .bit-no-dates-title {
	color: rgb(235,255,255) !important;
}
.bit-button, .bit-upcoming-events-show-all-button {
	transform: skewX(7.5deg) !important;
}
.bit-details bit-event-buttons {
	display: none !important;
}
.bit-no-dates-container {
	padding: 0 !important;
}
.bit-no-dates-container a {
	margin: 0 !important;
}
.bit-no-dates-title {
	font-weight: normal !important;
	margin-bottom: 0 !important;
}
.bit-widget.bit-layout-ipad .bit-event {
    padding: .5em 0 !important;
}
.bit-widget .bit-rsvp, .bit-offers, .bit-button, .bit-upcoming-events-show-all-button {
		background: rgb(0,125,214) !important;
		color: rgb(255,255,255) !important;
    border: none !important;
}