* {
margin:0;
padding:0;
}

.video-wrapper {
	position: relative;
	padding-bottom: 56.25%; /* 16:9 */
	padding-top: 25px;
	height: 0;
}
.video-wrapper iframe {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}

.clear {clear:both;}

.aligncenter {
display: block;
margin-left: auto;
margin-right: auto;
}

a, a:hover {
-webkit-transition: color 0.3s linear;
-moz-transition: color 0.3s linear;
transition: color 0.3s linear;
-o-transition: color 0.3s linear;
text-decoration:none;
cursor:pointer !important;
}

img, img a {
border:0 none;
max-width:100%;
height:auto;
}

body, html {
margin:0;padding:0;
-webkit-text-size-adjust: 100%;
-ms-text-size-adjust: none;
-webkit-font-smoothing: antialiased !important;
font-family:'Antonio', Helvetica, Arial;
color:#e4e0d7;
background:url(images/bg.jpg?v=1.02) top left repeat;
position:relative;
}

#home-main {
position:relative;
top:0;
left:0;
right:0;
height:100vh;
}

#home-main #cct-gif {
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
width:50%;
}

#home-main #cct-gif #copy {
text-align:center;
font-size:3rem;
font-weight:700;
letter-spacing:-1.5px;
display:block;
}

#home-main #cct-gif #btn {
text-align:center;
margin:30px 0 0 0;
}

#home-main #cct-gif #btn a {
border:2px solid #000 !important;
color:#bc2a19 !important;
font-weight:700;
background-color:#e4e0d7 !important;
padding:3px 30px 7px 30px !important;
border-radius:0px !important;
font-size:2rem;
-webkit-transition: all 0.3s ease;
   -moz-transition: all 0.3s ease;
	 -o-transition: all 0.3s ease;
		transition: all 0.3s ease;
}

#home-main #cct-gif #btn a:hover {
background-color:#000 !important;
color:#e4e0d7 !important;
}

@media all and (max-width:1000px) {
#home-main #cct-gif {
width:80%;
}

#home-main #cct-gif #copy {
font-size:2.5rem;
letter-spacing:-0.5px;
}

#home-main #cct-gif #btn a {
font-size:1.5rem;
}
}

#content-wrapper {
position:relative;
z-index:999;
opacity:1 !important;
}

#container {
width:1100px;
margin:0 auto auto;
padding-bottom:80px;
}

#container.page {
padding-bottom:150px;
}

#page-title h2 {
text-align:center !important;
margin:0 auto 50px auto;
text-transform:uppercase !important;
font-size:50px;
line-height:100%;
color: #e4e0d7;
text-transform: uppercase;
letter-spacing: px;
font-weight: 700;
-webkit-text-stroke: 1px black;
}


/** Home **/
header {
position:relative;
z-index:999;
}

#logo {
float:left;
margin:30px 0 0 5%;
height:130px;
}

#logo img {
max-height:100%;
}

nav#main {
float:right;
margin:0 5% 0 0;
}

nav#main ul {
list-style:none;
margin:40px 0 0 0;
padding:0;
}

nav#main li {
float:right;
margin:0 0 0 40px;
text-transform:uppercase;
text-align:right;
font-size:28px;
BUfont-size: 1.5vw;
font-weight: 600;
}

nav#main li a {
color:#e4e0d7;
}

nav#main li a:hover {
color:#000;
}


@media all and (max-width:1100px) {
#logo {
float:left;
margin:30px 0 0 5%;
height:120px;
max-width:60%;
}
}

/** Mobile nav **/
#nav-trigger {
position:absolute;
right:5%;
top:70px;
z-index:999;
}

#nav-trigger:before {
content:"";
display:inline-block;
height:40px;
width:60px;
background-image:url("images/nav-open-light.png?v=1.02");
background-size:cover;
background-position:100% 100%;
vertical-align:middle;
}

#nav-trigger.open:before {
display:inline-block;
background-image:url("images/nav-close.png");
background-size:cover;
background-position:100% 100%;
vertical-align:middle;
}

#nav-trigger:before {
background-image:url("images/nav-open.png");
}



nav#mobile {
position:relative;
top:40px;
}

nav#mobile ul {
display:none;
background-color: rgb(228,224,215,.9);
position:fixed;
height:100vh;
padding:25vh 0 0 0;
text-align:center;
top:0;
right:0;
left:0;
bottom:0;
z-index:888;
}

nav#mobile li {
font-size:30px;
line-height:120%;
margin:0 0 20px 0;
text-transform:uppercase;
font-weight: 700;
}

nav#mobile li a {
color:#333232;
}

nav#mobile li a:hover {
color:#333232;
}

ul#mobile-nav-socials {
background-color: rgb(255,255,255,0) !important;
position:relative !important;
height:auto !important;
padding:0 !important;
text-align:center;
margin:50px 0 0 0;
}

ul#mobile-nav-socials li {
display:inline-block;
font-size:24px;
margin:0 7px;
}


#album-promo {
position: absolute;
left: 8%;
top:50%;
transform: translate(-8%, -50%);
color:#e4e0d7;
}

#album-promo #title {
font-size:4.2vw;
font-weight:700;
margin:0 0 8px 0;
letter-spacing:-3px;
font-style:italic;
text-align:center;
display:block;
}

#album-promo #sub {
text-align:center;
font-size:2.5vw;
font-weight:700;
letter-spacing:-1.5px;
display:block;
}

#album-promo #btn {
text-align:center;
margin:30px 0 0 0;
}

#album-promo #btn a {
border:2px solid #000 !important;
color:#bc2a19 !important;
font-weight:700;
background-color:#e4e0d7 !important;
padding:3px 30px 7px 30px !important;
border-radius:0px !important;
font-size:1.8vw !important;
-webkit-transition: all 0.3s ease;
   -moz-transition: all 0.3s ease;
	 -o-transition: all 0.3s ease;
		transition: all 0.3s ease;
}

#album-promo #btn a:hover {
background-color:#000 !important;
color:#e4e0d7 !important;
}



@media all and (max-width:1100px) {
#album-promo {
color:#333232;
}
}








/*** MUSIC ***/
ul#music {
list-style:none;
margin:0;
padding:0;
display:grid;
grid-template-columns:1fr 1fr 1fr 1fr;
grid-gap:30px;
}

ul#music li .cover {
margin:0 0 10px 0;
}

ul#music li .cover img {
display:block;
-webkit-transition: all 0.3s ease;
   -moz-transition: all 0.3s ease;
	 -o-transition: all 0.3s ease;
		transition: all 0.3s ease;
}

ul#music li .cover img:hover {
opacity:.8;
}

ul#music li .buy a {
display:block;
text-align:center;
border:2px solid #000;
color:#bc2a19;
font-weight:700;
background-color:#e4e0d7;
padding:3px 0 7px 0;
font-size:20px;
-webkit-transition: all 0.3s ease;
   -moz-transition: all 0.3s ease;
	 -o-transition: all 0.3s ease;
		transition: all 0.3s ease;
}

ul#music li .buy a:hover,
ul#music li:hover > .buy a {
background-color:#000 !important;
color:#e4e0d7 !important;
}


/*** NEWS ***/
#posts ul {
list-style:none;
margin:0;padding:0;
display:grid;
grid-template-columns: 1fr 1fr 1fr;
grid-gap:25px;
}

#posts ul li {
height:450px;
background-color:rgba(0,0,0,.2);
position:relative;
}

#posts #post-content {
padding:2%;
}

#posts ul li #img {
height:200px;
overflow:hidden;
margin-bottom:10px;
}

#posts ul li #img img {
min-height:100%;
width:auto;
min-width:100%;
opacity:1;
-webkit-transition: opacity .4s ease-in-out;
   -moz-transition: opacity .4s ease-in-out;
     -o-transition: opacity .4s ease-in-out;
		transition: opacity .4s ease-in-out;
}

#posts ul li #img img:hover {
opacity: .88;
-webkit-transition: opacity .4s ease-in-out;
   -moz-transition: opacity .4s ease-in-out;
     -o-transition: opacity .4s ease-in-out;
		transition: opacity .4s ease-in-out;
}

#posts #meta {
font-size:14px;
color: #e4e0d7;
margin:0 0 8px 0;
}

#posts ul li h1 {
font-size:22px;
margin:0 0 10px 0;
font-weight:700;
}

#posts ul li h1 a {
color:#e4e0d7;
}

#posts ul li h1 a:hover {
color:#FFF;
}

#posts ul li hr {
border-bottom:2px solid;
border-color:rgb(0,0,0,.7);
border-top:0;
border-left:0;
border-right:0;
display:inline-block;
width: 20%;
margin:0 0 10px 0;
}

#posts #body {
font-size:16px;
line-height:140%;
color:#e4e0d7;
font-weight:500;
}

#posts #body a {
color:#e4e0d7;
text-decoration:underline;
}

#posts #body a:hover {
color:#FFF;
}

#posts ul li #more {
width: 0px;
height: 0px;
border-style: inset;
border-width: 0 0 60px 60px;
border-color: transparent transparent #e4e0d7 transparent;
transform:rotate(360deg);
-ms-transform:rotate(360deg);
-moz-transform:rotate(360deg);
-webkit-transform:rotate(360deg);
-o-transform:rotate(360deg);
position:absolute;
bottom:10px;right:10px;
-webkit-transition: all .3s ease-in-out;
   -moz-transition: all .3s ease-in-out;
	-ms-transition: all .3s ease-in-out;
	 -o-transition: all .3s ease-in-out;
		transition: all .3s ease-in-out;
}

#posts ul li #more:hover {
border-color: transparent transparent #e4e0d7 transparent;
-webkit-transition: all .3s ease-in-out;
   -moz-transition: all .3s ease-in-out;
	 -o-transition: all .3s ease-in-out;
	-ms-transition: all .3s ease-in-out;
		transition: all .3s ease-in-out;
}

#posts ul li #more span.text {
	position:relative;
    text-align: center;
    width: 60px;
    height: 60px;
    left:-25px;
	top:10px;
	color:#000;
	font-weight:600;
	font-size:30px;
	line-height:60px;
	vertical-align:middle;
}


/*** SINGLE ***/
#single {
padding:50px 0 100px 0;
}

#single #meta {
font-size:15px;
color:#e4e0d7;
margin:0 0 20px 0;
}

#single h2 {
margin:0 0 30px 0;
padding:0;
color:#e4e0d7;
font-size:32px;
}

#single #body {
margin-bottom:80px;
color:#e4e0d7;
}

#single #body p {
font-size:18px;
line-height:170%;
margin:0 0 20px 0;
}

#single #body h1,
#single #body h2,
#single #body h3,
#single #body h4 {
font-size:20px;
}

#single #body strong {
font-weight:700;
}

#single ul {
padding-left:30px;
margin:0 0 20px 0;
}

#single ul li {
line-height:150%;
}

#single #body a {
color:#e4e0d7;
text-decoration:underline;
}

#single #body a:hover {
color:#FFF;
}

figure.wp-block-image {
margin:0 0 20px 0;
}

figure.wp-block-image figcaption {
font-size:14px;
margin:6px 0 0 0;
}

#previous {
float:left;
max-width:49%;
}

#next {
float:right;
text-align:right;
max-width:49%;
}

#previous a,
#next a {
color:#000;
font-size:20px;
font-weight:700;
}

#previous a:hover,
#next a:hover {
color:#e4e0d7;
text-decoration:underline;
}

@media all and (max-width:900px) {
#previous {
float:none;
max-width:90%;
margin:0 0 30px 0;
}

#next {
float:right;
max-width:90%;
}
}




/*** Shows ***/
#dates.home {
margin:50px 0 0 0;
}

p.seated-no-events {
text-align:center;
}

.seated-events-table {
color:#e4e0d7;
font-size:18px;
border-top:none !important;
}

.seated-events-table .seated-event-row {
border-color: rgba(0,0,0,.5) !important;
}

.seated-event-link1,
.seated-event-link2,
.seated-event-link1:visited,
.seated-event-link2:visited {
border:2px solid #000 !important;
color:#bc2a19 !important;
font-weight:700;
background-color:#e4e0d7 !important;
padding:3px 20px 7px 20px !important;
border-radius:0px !important;
font-size:20px !important;
-webkit-transition: all 0.3s ease;
   -moz-transition: all 0.3s ease;
	 -o-transition: all 0.3s ease;
		transition: all 0.3s ease;
}

.seated-event-link1:hover,
.seated-event-link2:hover {
background-color:#000 !important;
color:#e4e0d7 !important;
}

.seated-event-date-cell {
color:#e4e0d7;
margin:0 0 5px 0;
}

.seated-event-row:hover {
background-color: transparent !important;
}

.seated-event-venue-name {
color:#e4e0d7;
margin:0 0 5px 0;
font-weight:500;
}

.seated-event-venue-location {
font-weight:700;
}

.seated-event-details-cell {
opacity:1 !important;
}

a.seated-follow-link {
border:2px solid #000 !important;
color:#bc2a19 !important;
font-weight:700;
background-color:#e4e0d7 !important;
padding:3px 20px 7px 20px !important;
border-radius:0px !important;
font-size:15px !important;
-webkit-transition: all 0.3s ease;
   -moz-transition: all 0.3s ease;
	 -o-transition: all 0.3s ease;
		transition: all 0.3s ease;
}

a.seated-follow-link:hover {
background-color:#000 !important;
color:#e4e0d7 !important;
}

.seated-event-row {pointer-events:none;}
.seated-event-row a {pointer-events:auto;}
.seated-events-table > div:last-child {display:none;}




/*** VIDEOS ***/
#videos .epyt-gallery-title {
text-align:center;
margin:0px 0 0 0;
font-size:17px;
font-weight:700;
}

#videos .epyt-gallery-title {
color:#e4e0d7 !important;
}

#videos .epyt-gallery-thumb:hover > .epyt-gallery-title {
color:#FFF !important;
}


/** FOOTER **/
footer {
padding:10px 15px;
background-color:rgba(0,0,0,.6);
color:#e4e0d7;
position:relative;
}

footer #copyright {
text-align:right;
font-size:13px;
font-weight:700;
line-height:130%;
}

footer a {
color:#e4e0d7;
text-decoration:underline;
}

footer a:hover {
color:#e4e0d7;
}

footer #socials ul {
position: absolute;
left: 50%;
top:50%;
transform: translate(-50%, -50%);
list-style:none;
margin:0;padding:0;
}

footer #socials ul li {
display:inline-block;
margin:0 8px;
font-size:21px;
line-height:100%;
}

footer #socials li a {
color:#e4e0d7;
}

footer #socials li a:hover {
color:#FFF;
}