/**************************** GLOBAL *******************************/

* {

box-sizing:border-box;    
transition:background-color 200ms linear;
-webkit-transition:background-color 200ms linear;
-moz-transition:background-color 200ms linear;
-ms-transition:background-color 200ms linear;
text-underline-offset:3px;
text-decoration-thickness:1.5px !important;

}


html {

margin:0px;
padding:0px;
background-color:#000000;

}


body {

margin:0px;
padding:0px;
font-size:17px;
font-family:'Arimo', arial, sans-serif;
font-weight:300;
color:#fafafa;
width:100%;
letter-spacing:0.3px;
position:relative;
line-height:24px;

}


.container {

width:100%;
max-width:1440px;
text-align:left;
padding-left:20px;
padding-right:20px;
position:relative;
display:inline-block;

}


.container.center {text-align:center;}


.overlay {

position:fixed;
top:0px;
left:0px;
width:100%;
height:100%;
background-color:rgba(0,0,0,.95);
background-color:rgba(9,16,26,.95);
z-index:100;
display:none;

}


#main {

position:relative;
min-height:640px;
opacity:0;

}


.cta {

font-size:12px;
text-transform:uppercase;
letter-spacing:2px;
padding:5px;
padding-left:10px;
padding-right:10px;
color:#fafafa;
border:1px solid #fafafa;
display:inline-block;
text-decoration:none;

}


.cta span {font-size:18px;}


.closepop {

position:absolute;
top:5px;
right:5px;
width:40px;
display:inline-block;
padding:5px;
border:1.5px solid #ffffff;
border-radius:50%;
cursor:pointer;

}


.closepop img {

width:100%;
height:auto;

}


.sec_heading {

font-size:40px;
line-height:44px;
font-weight:400;
text-transform:uppercase;
color:#dedede;
font-family:"Passion One";
letter-spacing:2.5px;
margin-top:0px;
margin-bottom:50px;

}


.sec_heading span:before {

content:"";
display:inline-block;
width:25px;
height:25px;
background-color:#dedede;
position:relative;
margin-right:15px;

}



.sec_heading span:after {

content:"";
display:inline-block;
width:25px;
height:25px;
background-color:#dedede;
position:relative;
margin-left:15px;

}



@media screen and (max-width:500px) {

.sec_heading {font-size:32px;}
.sec_heading span:before {width:20px; height:20px; margin-right:10px;}
.sec_heading span:after {width:20px; height:20px; margin-left:10px;}

}




/**************************** HEADER *******************************/

#header {

background-color:#161718;
top:0px;
left:0px;
width:100%;
z-index:95;

}


#logo {

display:inline-block;
width:210px;
position:absolute;
top:15px;
left:20px;
z-index:5;
opacity:0.9;

}


#logo img {

width:100%;
height:auto;

}


.title {

background-color:#161718;
background-size:cover;
background-position:bottom;

}


.title h1 {

font-family:"Rubik Distressed";
font-size:40px;
line-height:40px;
font-weight:normal;
margin:0px;
padding-top:60px;
padding-bottom:50px;
padding-left:250px;
color:#dedede;

}


#desknav {

padding-top:15px;
padding-bottom:12px;
background-color:#292d30;
border-bottom:1px solid #000000;
margin-top:100px;

}


#desknav .container {padding-left:280px;}


.navlink {

font-family:"Oswald";
text-transform:uppercase;
font-size:22px;
line-height:22px;
letter-spacing:2.5px;
margin-right:60px;
cursor:pointer;
font-weight:500;
color:#fafafa;
text-decoration:none;
transition:color 200ms linear;
-webkit-transition:color 200ms linear;
-moz-transition:color 200ms linear;
-ms-transition:color 200ms linear;

}


.navlink:last-of-type {margin-right:0px;}


.navlink:hover {color:#fadc48;}



#mobopen {

display:inline-block;
position:absolute;
top:45px;
right:20px;

}


#mobclose {

display:none;
position:absolute;
top:45px;
right:20px;

}


#mobnav {

display:none;
position:fixed;
left:0px;
top:143px;
width:100%;
height:100%;
background-color:#161718;
z-index:105;

}


.navlinkM {

display:block;
padding-top:15px;
padding-bottom:15px;
padding-right:20px;
text-align:right;
color:#fafafa;
font-family:"Oswald";
text-transform:uppercase;
font-size:18px;
font-weight:500;
text-decoration:none;

}



@media screen and (max-width:1200px) {

.navlink {margin-right:40px;}

}



@media screen and (max-width:1000px) {

#logo {width:120px; margin-top:8px; top:0px; left:0px; position:relative;}
#desknav {display:none;}
#header {border-bottom:10px solid #292d30; padding-bottom:6px;}

}


@media screen and (min-width:1001px) {

#mobnav {display:none;}
#mobopen {display:none;}
#mobclose {display:none;}

}


@media screen and (min-width:1001px) and (max-width:1439px) {

#logo {left:60px; width:190px;}

}


@media screen and (min-width:1441px) and (max-width:1600px) {

#logo {left:40px;}

}





/**************************** HOMEPAGE BACKGROUNDS *******************************/

.backsec {

background-size:cover;
background-position:center;
background-attachment:fixed;
background-repeat:no-repeat;
height:100vh;

}


#backsec1 {background-image:url("images/chris_soundgarden2.jpg");}

#backsec2 {background-image:url("images/chris_audioslave.jpg");}

#backsec3 {background-image:url("images/chris_solo.jpg");}








/**************************** ALERT POPUP *******************************/

#alert {

display:flex;
align-items:center;
justify-content:center;
position:fixed;
top:0px;
left:0px;
width:100%;
height:100%;
z-index:200;
background-color:rgba(0,0,0,.9);
padding:10px;
overflow-y:auto;

}


#alert_holder {

display:inline-block;
width:100%;
max-width:550px;
transform:scale(0,0);
transition:transform 500ms ease-in-out;

}


.flyer {

width:100%;
height:auto;

}


.alert_title {

font-size:40px;
font-family:"Passion One";
display:block;
margin-bottom:10px;

}


.dismiss {

display:inline-block;
margin-top:10px;
font-size:16px;
text-transform:uppercase;
text-decoration:underline;
cursor:pointer;

}








/**************************** LATEST NEWS *******************************/


#featured {

padding-top:80px;
background-color:#1b1311;
padding-bottom:100px;
background:linear-gradient(to right, rgba(10, 10, 10, .85), rgba(10, 10, 10, .85)), url("images/brick_back.jpg");
//background-size:cover;
background-position:top;
border-bottom:1px solid #000000;

}







/**************************** UPCOMING SHOWS *******************************/

#shows {

padding-top:80px;
padding-bottom:80px;
background:linear-gradient(to right, rgba(148, 115, 89, .98), rgba(148, 115, 89, .98)), url("images/motor_back.jpg");
background-size:cover;
background-position:bottom;
color:#252525;
min-height:100vh;

}


#show_schedule {

display:inline-block;

}


.show_row {

display:block;
border:1px solid #000000;
border-bottom:4px solid #000000;
font-size:0;

}


.show_row:last-of-type {border-bottom:1px solid #000000;}


.show_col {

display:inline-block;
vertical-align:top;
padding:15px;
height:100px;

}


.show_date {

background-color:#292d30;
color:#fafafa;
text-align:center;
width:120px;
padding-top:18px;

}


.show_date .day {

font-family:"Passion One";
font-size:32px;
letter-spacing:1px;
text-transform:uppercase;
display:block;

}


.show_date .year {

font-family:"Passion One";
font-size:28px;
letter-spacing:3px;

}


.show_loc {

background-color:#dedede;
text-align:left;
border-right:1px solid #000000;
width:450px;

}


.show_loc .venue {

font-size:24px;
line-height:28px;
font-weight:700;
display:block;

}


.show_loc .address {

font-size:20px;
line-height:22px;
font-weight:400;

}


.show_time {

background-color:#dedede;
font-size:20px;
border-right:1px solid #000000;

}


.show_link {

background-color:#dedede;
font-size:14px;

}


.show_link a {

color:#333333;

}


@media screen and (max-width:580px) {

.show_date {padding-top:8px; padding-bottom:5px;}
.show_date .day {font-size:28px; display:inline-block; margin-right:10px;}
.show_date .year {font-size:28px; display:inline-block;}
.show_col {display:block; width:100%; height:auto; text-align:left; border-right:0px;}
.show_time {padding-top:0px; padding-bottom:0px;}
.show_row {margin-bottom:20px; border-bottom:1px solid #000000;}
.show_loc .venue {font-size:24px; line-height:26px;}
.show_loc .address {font-size:20px;}

}


@media screen and (min-width:581px) and (max-width:850px) {

.show_date {width:100px;}
.show_date .day {font-size:24px;}
.show_date .year {font-size:20px;}
.show_col {height:130px;}
.show_loc {width:200px; padding-right:15px;}
.show_loc .venue {font-size:18px; line-height:20px;}
.show_loc .address {font-size:14px;}

}







/**************************** ABOUT US *******************************/

#about {display:block;}


#meet {

background:linear-gradient(to right, rgba(10, 10, 10, .75), rgba(10, 10, 10, .75)), url("images/videoframe.png");
background-size:cover;
background-position:center;
padding-top:50px;
padding-bottom:500px;
border-bottom:1px solid #000000;

}



#bandpic, #bandpicM {

width:100%;
height:auto;
border-top:1px solid #000000;
border-bottom:1px solid #000000;
filter: grayscale(20%);
opacity:0.9;

}


#bandbio {

display:inline-block;
text-align:left;
width:100%;
max-width:750px;
background-color:rgba(255,255,255,.8);
color:#252525;
padding:30px;
border-radius:6px;
line-height:28px;

}


#bandbio span {

font-size:28px;
font-weight:700;

}


#bandbio li {list-style:none;}

#bandbio strong {font-weight:700;}



@media screen and (max-width:767px) {

#bandpic {display:none;}
#meet {padding-bottom:80px; background:linear-gradient(to right, rgba(10, 10, 10, .85), rgba(10, 10, 10, .85)), url("images/brick_back.jpg"); background-size:auto;}

}


@media screen and (min-width:768px) {

#bandpicM {display:none;}

}






/**************************** MAILING LIST *******************************/

#mailing {

padding-top:100px;
padding-bottom:150px;
//background-color:#1b1311;
background:linear-gradient(to right, rgba(148, 115, 89, .93), rgba(148, 115, 89, .93)), url("images/truth_back2.jpg");
background-size:cover;
background-position:top;
font-size:22px;
line-height:26px;

}


#mailing .form {

width:100%;
max-width:600px;
display:inline-block;
position:relative;

}


.form label {

font-size:16px;
text-transform:uppercase;
display:block;
margin-bottom:4px;
text-align:left;
padding-left:8px;

}


.form input[type="email"] {

padding:15px;
padding-right:140px;
border:0;
border-radius:8px;
font-size:18px;
width:100%;
display:inline-block;
height:52px;

}


.form input[type="submit"] {

height:52px;
padding:15px;
font-size:14px;
font-weight:800;
text-transform:uppercase;
letter-spacing:2px;
background-color:#5b2413;
color:#fafafa;
border:0;
border-radius:0px 8px 8px 0px;
display:inline-block;
position:absolute;
bottom:0px;
right:0px;
z-index:2;

}


.ferror {

background-color:#f1f3b1;

}


.error {

display:block;
font-size:15px;
font-weight:bold;
color:#5b2413;
font-style:italic;
text-align:left;
position:absolute;

}


.thanks {

display:inline-block;
margin-top:30px;
font-weight:bold;
padding:10px;
border:1px solid;

}







/**************************** VIDEOS *******************************/

#videos {

background:linear-gradient(to right, rgba(10, 10, 10, .85), rgba(10, 10, 10, .85)), url("images/brick_back.jpg");
padding-top:100px;
padding-bottom:60px;
border-bottom:1px solid #000000;

}


#videos .container {text-align:center;}


.video_thumb {

display:inline-block;
position:relative;
width:350px;
height:220px;
max-width:100%;
margin:10px;
margin-bottom:80px;
border:1px solid #000000;

}


#videos .video_thumb {

margin-left:30px;
margin-right:30px;

}


.video_thumb iframe {

width:100%;
height:100%;

}


.video_overlay {

position:absolute;
top:0px;
left:0px;
width:100%;
height:100%;
z-index:2;

}


#videopop {

position:fixed;
top:0px;
left:0px;
width:100%;
height:100%;
display:flex;
align-items:center;
justify-content:center;
z-index:105;

}


#videoplayer, #ytplayer {

width:100%;
height:100%;

}


#videoholder {

width:95%;
aspect-ratio:16 / 9;
max-width:1000px;
position:relative;

}


#videoholder .closepop {

top:-30px;
right:-60px;

}


.video_caption {

margin-top:8px;
margin-bottom:20px;
font-size:16px;
font-weight:700;
text-align:left;
padding-left:5px;
padding-right:5px;

}



@media screen and (max-width:800px) {

.video_thumb {width:600px; height:350px; margin-left:0px; margin-right:0px;}
#videos .video_thumb {margin-left:0px; margin-right:0px;}
.video_overlay {display:none;}

}







/**************************** MOBILE BUTTONS *******************************/

#mobile {

font-size:0;
position:fixed;
bottom:0px;
left:0px;
width:100%;
background-color:#eeeeee;
margin-top:60px;
z-index:100;
border-top:1px solid #1e3050;
border-bottom:1px solid #1e3050;

}


.mbutton {

width:24.9%;
padding:8px;
border-right:1px solid #1e3050;
display:inline-block;
vertical-align:top;
background-color:#eeeeee;
text-decoration:none;
height:60px;
background:linear-gradient(to right, rgba(255, 255, 255, .80), rgba(255, 255, 255, .80)), url("images/brick_back.jpg");
background-size:contain;
opacity:0.9;

}


.mbutton:last-of-type {border:0;}


.mbutton img {

height:26px;
width:auto;

}


.mbutton span {

display:block;
margin-top:-2px;
font-size:10px;
font-weight:500;
text-transform:uppercase;
color:#1e3050;

}



@media screen and (min-width:768px) {

#mobile {display:none;}

}







/**************************** FOOTER *******************************/

#footer {

//background-color:#161718;
background:linear-gradient(to right, rgba(10, 10, 10, .85), rgba(10, 10, 10, .85)), url("images/brick_back.jpg");
padding-top:80px;
padding-bottom:60px;
border-top:1px solid #000000;

}



.footerlink {

font-size:16px;
color:#dddddd;
text-decoration:none;
cursor:pointer;

}


#footer span {

font-size:15px;
display:inline-block;
margin-left:20px;
margin-right:20px;
position:relative;
top:-1px;
color:#dddddd;

}


.booking {

font-size:17px;
color:#dddddd;
margin-top:40px;
margin-bottom:60px;

}


.booking a {

color:#ffffff;
font-weight:600;
text-decoration:none;

}


.emailicon {

height:15px;
width:auto;
display:inline-block;
margin-right:10px;
vertical-align:middle;
position:relative;
top:-2px;

}


.copy {

font-size:14px;
color:#dddddd;

}



@media screen and (max-width:590px) {

.footerlink {display:block; margin-bottom:15px;}
#footer span {display:none;}
#footer {padding-top:40px; padding-bottom:40px;}

}


@media screen and (max-width:767px) {

#footer {margin-bottom:60px;}

}