@font-face {
font-family: 'font-solid';
font-style: normal;
font-weight: 900;
src: url("fonts/fa-solid-900.eot");
src: url("fonts/fa-solid-900.eot?#iefix") format("embedded-opentype"),
url("fonts/fa-solid-900.woff2") format("woff2"),
url("fonts/fa-solid-900.woff") format("woff"),
url("fonts/fa-solid-900.ttf") format("truetype"),
url("fonts/fa-solid-900.svg#fontawesome") format("svg");
}

:root {
--navy:#2d3947;
--black:#000;
--white:#FFF;
}




.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;
}

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

img.alignleft { 
float: left;
margin:0 10px 10px 0;
}

img.alignright {
float: right;
margin:0 0 10px 10px;
}

.aligncenter, img.aligncenter {
clear: both;
display: block;
margin:0 auto 10px auto;
}

p:last-child {
margin:0;
}

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

a, a:hover {
text-decoration:none;
-webkit-transition: all 0.3s ease;
   -moz-transition: all 0.3s ease;
		transition: all 0.3s ease;
	 -o-transition: all 0.3s ease;
}


* {
margin:0;
padding:0;
}

body, html {
-webkit-text-size-adjust: 100%;
-ms-text-size-adjust: none;
-webkit-font-smoothing: antialiased !important;
font-family: Arial, sans-serif;
background-color:#000;
font-size:16px;
line-height:140%;
animation: fadein 1s;
-webkit-animation: fadein 1s; /* Safari and Chrome */
   -moz-animation: fadein 1s; /* Firefox */
	 -o-animation: fadein 1s; /* Opera */
}




@keyframes fadein {
    from {opacity:0;}
    to {opacity:1;}
}
@-moz-keyframes fadein { /* Firefox */
    from {opacity:0;}
    to {opacity:1;}
}
@-webkit-keyframes fadein { /* Safari and Chrome */
    from {opacity:0;}
    to {opacity:1;}
}
@-o-keyframes fadein { /* Opera */
    from {opacity:0;}
    to {opacity: 1;}
}

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

header {
z-index:999;
position:relative;
}

#logo {
float:left;
margin:20px 0 0 20px;
}

#logo img {
max-height:60px;
}

nav#main {
position: absolute;
left: 50%;
top:20px;
-webkit-transform: translate(-50%, 0);
transform: translate(-50%, 0);
}

nav#main li {
display:inline;
margin:0 10px;
font-size:20px;
font-weight:700;
line-height:60px;
text-transform:uppercase;
padding:0 4px;
}

nav#main li.current-menu-item {
padding-bottom:6px;
border-bottom:2px dashed #FFF;
}

nav#main li.current-menu-item a {
color:var(--white);
}

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

nav#main a:hover {
opacity:0.8;
}

#main-socials {
float:right;
line-height:60px;
font-size:18px;
margin:20px 20px 0 0;
}

#main-socials li {
display:inline-block;
margin:0 0 0 7px;
}

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

#main-socials a:hover {
opacity:0.8;
}

/** Mobile Nav **/
nav#nav-mobile {
position:relative;
display:none;
z-index:999;
top:6px;left:0;right:0;
}

nav#nav-mobile ul {
display:none;
list-style-type:none;
width:100%;
position:relative;
margin:0;
text-align:center;
padding:0;
background-color: rgba(0,0,0,.75);
}

nav#nav-mobile a {
font-size:19px;
font-weight:bold;
line-height:100%;
padding:15px 0;
margin:0;
display:block;
width:100%;
border-bottom:1px solid;
border-color: rgba(255,255,255,.3);
color:#FFF;
text-align:center;
text-transform:uppercase;
}

nav#nav-mobile a:hover {
color:#FFF;
}

nav#nav-mobile ul > ul#socials {
list-style:none;
padding:0;
text-align:center;
margin:0 auto;
border-bottom:0 none !important;
}

nav#nav-mobile ul > ul#socials li {
float:none;
display:inline-block;
margin:0 8px;
}

nav#nav-mobile ul > ul#socials a {
border-bottom:0;
color:#FFF;
}

.nav-icon3 {
float:left;
width: 40px;
height: 30px;
position: relative;
margin:20px 0 0px 20px;
z-index:99999;
-webkit-transform: rotate(0deg);
   -moz-transform: rotate(0deg);
	 -o-transform: rotate(0deg);
		transform: rotate(0deg);
-webkit-transition: .5s ease-in-out;
   -moz-transition: .5s ease-in-out;
	 -o-transition: .5s ease-in-out;
		transition: .5s ease-in-out;
cursor: pointer;
vertical-align:middle !important;
}

.nav-icon3 span {
vertical-align:middle;
display: block;
position: absolute;
height: 2px;
width: 100%;
background: #FFF;
border-radius: 0px;
opacity: 1;
left: 0;
-webkit-transform: rotate(0deg);
   -moz-transform: rotate(0deg);
	 -o-transform: rotate(0deg);
		transform: rotate(0deg);
-webkit-transition: .25s ease-in-out;
   -moz-transition: .25s ease-in-out;
	 -o-transition: .25s ease-in-out;
		transition: .25s ease-in-out;
}

body.page-template-music .nav-icon3 span,
body.page-template-bus .nav-icon3 span {
background: #000;
}

.nav-icon3 span:nth-child(1) {
top: 0px;
}

.nav-icon3 span:nth-child(2),
.nav-icon3 span:nth-child(3) {
top: 11px;
}

.nav-icon3 span:nth-child(4) {
top: 22px;
}

.nav-icon3.open span:nth-child(1) {
top: 18px;
width: 0%;
left: 50%;
}

.nav-icon3.open span:nth-child(2) {
-webkit-transform: rotate(45deg);
   -moz-transform: rotate(45deg);
	 -o-transform: rotate(45deg);
		transform: rotate(45deg);
}

.nav-icon3.open span:nth-child(3) {
-webkit-transform: rotate(-45deg);
   -moz-transform: rotate(-45deg);
	 -o-transform: rotate(-45deg);
		transform: rotate(-45deg);
}

.nav-icon3.open span:nth-child(4) {
top: 18px;
width: 0%;
left: 50%;
}






#page-content {
width:1100px;
margin:80px auto 0 auto;
z-index:2;
position:relative;
padding-bottom:150px;
color:var(--white);
}

#page-head {
text-align:center;
color:var(--white);
font-size:30px;
line-height:140%;
font-weight:bold;
margin:0 0 40px 0;
}



/** Music **/
body.page-template-music {
background: #e3e0d5;
background: -webkit-linear-gradient(220deg, rgba(227, 224, 213, 1) 18%, rgba(252, 250, 225, 1) 100%);
background: -moz-linear-gradient(220deg, rgba(227, 224, 213, 1) 18%, rgba(252, 250, 225, 1) 100%);
background: linear-gradient(220deg, rgba(227, 224, 213, 1) 18%, rgba(252, 250, 225, 1) 100%);
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#E3E0D5", endColorstr="#FCFAE1", GradientType=0);
}

body.page-template-music nav#main a,
body.page-template-music #main-socials a,
body.page-template-music nav#main li.current-menu-item a {
color:var(--navy);
}

body.page-template-music nav#main li.current-menu-item {
border-bottom-color:var(--navy);
}

body.page-template-music #page-head {
color:var(--navy);
}

#music-feature {
max-width:90%;
margin:0 auto 60px auto;
color:var(--navy) !important;
}

#music-feature #artwork {
position:relative;
float:left;
width:55%;
}

#music-feature #artwork img {
z-index:6;
position:relative;
}

#music-feature #artwork:after {
content: "";
position: absolute;
bottom: -7px;
right:-7px;
width: 30%;
height: 30%;
background-color: var(--navy);
z-index:1;
transition: all 150ms ease;
}

#music-feature #artwork:hover:after {
content: "";
position: absolute;
bottom: -10px; 
right:-10px;
transition: all 150ms ease;
}

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

#music-feature #content .title {
margin:0 0 20px 0;
font-size:28px;
font-weight:900;
}

#music-feature #content .title::after {
content:"";
display:block;
border-bottom:2px solid;
border-bottom-color:var(--navy);
width:10%;
margin:20px auto 0 auto;
}

#music-feature #content .copy {
font-size:22px;
margin:0 0 20px 0;
font-weight:600;
}

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

#music-feature #content #btn a {
padding:14px 0;
width:80%;
color:var(--navy);
font-size:18px;
font-weight:700;
text-transform:uppercase;
display:block;
margin:0 auto;
border:2px solid;
border-color:rgb(221,190,161,1);
}

#music-feature #content #btn a:hover {
background-color:rgb(221,190,161,.8);
}

@media all and (max-width:1000px) {
#music-feature #content #btn a {
width:90%;
}

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

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


/** About **/
body.page-template-about {
background-size:cover;
height:100vh;
}

body.page-template-about::before {
  content: "";
  position: fixed;
  inset: 0;
  z-index: 1;
  background: url("images/bg-about.jpg") top left / cover no-repeat;
}

@media all and (max-width:1000px) {
body.page-template-about::before {
background: url("images/bg-about-mobile.jpg") top left / cover no-repeat;
}
}

body.page-id-9 header a,
body.page-template-about header a {
color:var(--white) !important;
}

body.page-template-about  #page-head {
text-align:left !important;
border-bottom:1px solid;
border-bottom-color:rgb(255,255,255,.75);
padding-bottom:10px;
margin-bottom:20px;
}

#about-bio {
float:right;
width:70%;
font-size:17px;
line-height:150%;
}

@media all and (max-width:1100px) {
#about-bio {
float:none;
width:100%;
}
}

#about-bio a {
color:var(--white);
text-decoration:underline;
}

#about-bio a:hover {
text-decoration:none;
}

/** Videos **/
body.page-id-9 {
background-size:cover;
height:100vh;
}

body.page-id-9::before {
  content: "";
  position: fixed;
  inset: 0;
  z-index: 1;
  background: url("images/bg-videos.jpg?v=1.00") top left / cover no-repeat;
}




/** Footer **/
footer {
z-index:2;
position:relative;
padding-bottom:50px;
}

body.home footer {
color:#FFF;
position:absolute;
bottom:40px;
text-align:center;
left:0;
right:0;
font-size:15px;
padding-bottom:0;
}

body.home footer a {
color:var(--white);
text-decoration:underline;
font-weight:bold;
}

body.home footer a:hover {
text-decoration:none;
}

body.page-template-bus #contact,
body.page-template-bus footer a,
body.page-template-music #contact,
body.page-template-music footer a,
body.page-id-9 #contact,
body.page-id-9 footer a {
color:var(--black) !important;
}



#contact {
color:#FFF;
text-align:center;
font-size:15px;
}

#contact a {
color:var(--white);
text-decoration:underline;
font-weight:bold;
}

#contact a:hover {
text-decoration:none;
}







.fade-in {
	-webkit-animation: fade-in 2s cubic-bezier(0.390, 0.575, 0.565, 1.000) 0.5s both;
	        animation: fade-in 2s cubic-bezier(0.390, 0.575, 0.565, 1.000) 0.5s both;
}

@-webkit-keyframes fade-in {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
@keyframes fade-in {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}



/** Bus **/
body.page-template-bus {
background: #e3e0d5;
background: -webkit-linear-gradient(220deg, rgba(227, 224, 213, 1) 18%, rgba(252, 250, 225, 1) 100%);
background: -moz-linear-gradient(220deg, rgba(227, 224, 213, 1) 18%, rgba(252, 250, 225, 1) 100%);
background: linear-gradient(220deg, rgba(227, 224, 213, 1) 18%, rgba(252, 250, 225, 1) 100%);
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#E3E0D5", endColorstr="#FCFAE1", GradientType=0);
}

body.page-template-bus nav#main a,
body.page-template-bus #main-socials a,
body.page-template-bus nav#main li.current-menu-item a {
color:var(--navy);
}

body.page-template-bus nav#main li.current-menu-item {
border-bottom-color:var(--navy);
}

body.page-template-bus #page-head {
color:var(--navy);
}

#page-content.bus {
color:#000;
}

#bus-video {
margin:0 0 40px 0;
}

#bus-copy {
text-align:center;
font-size:18px;
margin:0 0 20px 0;
}

#page-content.bus #music-feature #artwork:after {
content: "";
position:relative;
bottom:0;
right:0;
width:0;
height:0;
}

#page-content.bus  #music-feature #content .title::after {
content:"";
display:block;
border-bottom:0;
width:0;
margin:0;
}

#page-content.bus #music-feature #content #btn a{
background-color:rgb(221,190,161,1);
border:0 none;
}

#page-content.bus  #music-feature #content .copy {
font-size:18px;
margin:40px 0 0 0;
}

#page-content.bus #music-feature #content #btn a:hover {
background-color:rgb(221,190,161,.8);
}

#bus-dates {
margin:0 0 50px 0;
}

#bus-dates ul {
list-style:none;
margin:0;
padding:0;
display:grid;
grid-template-columns:1fr 1fr;
grid-column-gap:40px;
margin:0 25%;
text-align:center;
line-height:160%;
}

@media all and (max-width:1000px) {
#bus-dates ul {
margin:0;
}
}

#bus-socials {
text-align:center;
margin:0 0 40px 0;
}

#bus-socials .copy {
font-weight:700;
margin:0 0 15px 0;
font-size:18px;
}

#bus-socials ul {
font-size:18px;
margin:0 8px;
}

#bus-socials li {
display:inline-block;
margin:0 7px;
}

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

#bus-socials a:hover {
opacity:0.8;
}

#bus-signup .copy {
font-size:18px;
font-weight:700;
margin:0 0 15px 0;
text-align:center;
}