@font-face {
font-family: 'superclarendon';
src: url("fonts/SuperClarendon-Regular.eot");
src: url("fonts/SuperClarendon-Regular.eot?#iefix") format("embedded-opentype"),
url("fonts/Superclarendon-Regular.woff2") format("woff2"),
url("fonts/Superclarendon-Regular.woff") format("woff"),
url("fonts/Superclarendon-Regular.ttf") format("truetype");
}

:root {
--white: #FFFFFF;
}
		
.clear {
clear:both;
}

img,
img a {
border:none;
max-width:100%;
height:auto;
}

ul {
list-style:none;
margin:0;padding:0;
}

a, a:hover {
-webkit-transition: color 0.2s linear;
   -moz-transition: color 0.2s linear;
					-o-transition: color 0.2s linear;
								transition: color 0.2s linear;
text-decoration:none;
}

* {
margin:0;
padding:0;
}

body, html {
-webkit-text-size-adjust: 100%;
-ms-text-size-adjust: none;
-webkit-font-smoothing: antialiased !important;
font-family:"superclarendon", Arial;
position:relative;
overflow-x:hidden;
}

#main {
height:100vh;
position:relative;
}

#videobg {
object-fit: cover;
width: 100vw;
height: 100vh;
position: absolute;
top: 0;
left: 0;
opacity:1;
z-index:-1;
}


#menu {
padding:20px 0 0 0;
margin:0 auto;
}

#menu a {
color: var(--white);
}

#menu a:hover {
color:rgb(255,255,255,.8);
}

#menu #logo {
position:absolute;
top:20px;
left:20px;
}

#menu #logo img {
max-height:40px;
display:block;
z-index:999;
position:relative;

}




#menu nav {
position:absolute;
left:0;
right:0;
text-align:center;
line-height:40px;
text-transform:uppercase;
font-size:23px;
z-index:1;
max-width:auto;
}

#menu nav li {
display:inline-block;
margin:0 10px;
}

@media all and (max-width:1000px) {
#menu #logo {
position:relative;
top:20px;
margin:0 auto 30px auto;
left:0;right:0;
text-align:center;
}

#menu #logo img {
margin:0 auto;
}

#menu nav {
position:relative;
}

#menu nav {
font-size:4vw;
}
}






/** Tool box **/
#container {
width:70%;
margin:0 15%;
z-index:999;
position:relative;
}

#music,
#tour,
#about {
padding:80px 0;
}

#section-head {
margin:0 auto 30px auto;
border:5px solid;
border-color: var(--yellowwhite);
color:var(--yellowwhite);
font-family:var(--goodland);
font-variation-settings:var(--varsettings);
text-transform:uppercase;
border-radius:20px;
font-size:40px;
line-height:100%;
text-align:center;
display:inline-block;
padding:10px 30px !important;
}


/** Music **/
#music {
position:relative;
}

#music::before {
content: "";
position: absolute;
top: 0; 
left: 0;
width: 100%; 
height: 100%;  
background:url(images/bg-music.jpg) top center repeat;
background-attachment:fixed;
background-size:cover;
z-index:1;
}

#music #head {
font-family:var(--goodland);
font-variation-settings:var(--varsettings);
color:var(--orange);
text-transform:uppercase;
text-shadow: 2px 2px 0px var(--charcoal);
font-size:80px;
line-height:80px;
display:inline-block;
padding-right:20px;
}

#music-feature {
max-width:80%;
margin:0 auto;
}

#music-feature #artwork {
float:left;
width:50%;
}

#music-feature #content {
float:right;
width:45%;
text-align:center;
padding-top:80px;
}

#music-feature #content .title {
margin:0 0 10px 0;
}

#music-feature #content .title img {
max-width:50%;
}

#music-feature #content .copy {
font-size:24px;
margin:0 0 20px 0;
color:#FFF;
}

#music-feature #content #btn {
text-align:center;
}

#music-feature #content #btn a {
background-color:#dbb896;
padding:12px 0;
width:80%;
color:#000;
font-size:17px;
display:block;
margin:0 auto;
}

#music-feature #content #btn a:hover {
background-color: rgb(219,184,150,.8);
}

@media all and (max-width:1000px) {
#music-feature #content .title,
#music-feature #content .copy {
display:none;
}

#music-feature #content #btn a {
width:90%;
}

#music-feature #artwork {
float:none;
width:100%;
}

#music-feature #content {
float:none;
width:100%;
padding-top:20px;
}
}


/** Tour **/
#tour {
background-color:#f5f2eb;
}

#tour-head {
text-align:center;
margin:0 0 30px 0;
}

#tour-head img {
max-width:50%;
}

@media all and (max-width:900px) {
#tour-head img {
max-width:80%;
}
}

#tour #dates {
text-align:left;
}

bit-widget {
font-size: 16px !important;
}
.bit-widget .bit-event:hover {
background: none !important;
box-shadow: none !important;
}
.bit-follow-section-wrapper,
.bit-rsvp-container,
.bit-play-my-city-wrapper {
display:none !important;
}
.bit-button {
border:1px solid #000 !important;
outline:0 none !important;
border-radius:0 !important;
-webkit-transition: all 0.3s ease;
-moz-transition: all 0.3s ease;
-o-transition: all 0.3s ease;
transition: all 0.3s ease;
}
.bit-button:hover {
background-color:#000 !important;
color:#FFF !important;
opacity:1 !important;
-webkit-transition: all 0.3s ease;
-moz-transition: all 0.3s ease;
-o-transition: all 0.3s ease;
transition: all 0.3s ease;
}
.bit-event {
position:relative;
padding:10px 0 25px 0 !important;
}
.bit-event::after {
content: "";
width: 100%;
height: 16px;
background: url("images/seated-border.jpg") bottom left repeat-x;
background-size: auto;
background-size: 100% 100%;
bottom: 0px;
left: 0;
right: 0;
position: absolute;
display: inline-block;
}



/** Videos **/
#videos {
background-color:#404a42;
position:relative;
}

#videos .wrapper {
padding:80px 0;
opacity:100%;
}

#videos #section-head {
margin:0 auto 50px auto;
border:5px solid;
border-color:var(--white);
color:var(--white);
}

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

.slider {
float:right;
width: 95%;
}

@media all and (max-width:1000px) {
.slider {
width:100%;
float:none;
}
}

.slick-slide {
margin: 0px 20px;
}

.slick-slide video {
max-width:100%;
margin:0 0 7px 0;
}

.slick-slide img {
width: 100%;
display:block;
margin:0 0 15px 0;
}
				
.slick-slide .title {
float:left;
color:var(--white);
font-size:14px;
text-transform:uppercase;
}

.slick-slide .title a {
color:var(--white);
}

.slick-slide .title a:hover {
color:rgb(255,255,255,.8);
}

.slick-slide .btn {
float:right;
color:var(--white);
font-size:14px;
line-height:100%;
text-transform:uppercase;
}

.slick-slide .btn a {
color:var(--white);
display:inline-flex;
align-items:center;
}

.slick-slide .btn a:before {
font: var(--fa-font-regular);
content: '\f04b';
padding-right:10px;
font-size:10px;
-webkit-transition: all .2s ease;
			-moz-transition: all .2s ease;
				-ms-transition: all .2s ease;
					-o-transition: all .2s ease;
    				transition: all .2s ease;
}

.slick-slide .btn a:hover:before {
padding-right:16px;
color:rgb(255,255,255,.8);
}

.slick-slide .btn a:hover {
color:rgb(255,255,255,.8);
}

.slick-prev:before,
.slick-next:before {
color: black;
}

.slick-slide {
transition: all ease-in-out .3s;
opacity: .2;
}
    
.slick-active {
opacity: 1;
}
				


/** About **/
#about {
background-color:#627474;
color:#FFF;
padding:80px 0;
}

#about #section-head {
margin:0 auto 30px auto;
border:0;
padding:0 !important;
text-align:left;
color:var(--white);
z-index:999;
position:relative;
}

#about #col-1 {
float:left;
width:40%;
z-index:999;
position:relative;
}

#about #col-2 {
float:right;
width:55%;
padding-top:40px;
z-index:999;
position:relative;
}

#about #bio {
font-size:15px;
line-height:160%;
}

#about #bio p {
margin:0 0 20px 0;
}

#about #bio p:last-child {
margin:0;
}



/** Socials **/
#socials {
text-align:center;
z-index:999;
position:fixed;
bottom:30px;
left:0;
right:0;
}

#socials ul {
background-color:rgb(0,0,0,.7);
border-radius:50px;
padding:15px 30px;
display:inline-block;
}

#socials li {
display:inline-block;
margin:0 5px;
font-size:17px;
}

#socials a {
color:var(--white);
}

#socials a:hover {
color:var(--yellow);
}











@media all and (min-width:1000px) {
#ernest-photo {
display:none;
margin:0;
}
}


@media all and (max-width:1110px) {
#container {
width:80%;
margin:0 10%;
}
}

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

.slick-prev,
.slick-next {
position: absolute;
top: 40%;
}

#about #col-2 {
width:100%;
float:none;
padding:0;
}

#ernest-photo {
margin:0 0 20px 0;
}

#about #col-1 {
display:none;
}

#about #bio {
font-size:16px;
}
}