.clear {
clear:both;
}

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

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;
		transition: color 0.2s linear;
	 -o-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:'Playfair Display', Arial;
color:#FFF;
font-size:15px;
height:100vh;
background-color:#2b2b1c;
}

#announcement-bar {
background-color:#866f54;
text-align:center;
padding:7px 0;
font-size:17px;
letter-spacing:0.4px;
font-weight:bold;
}

#announcement-bar a {
color:#FFF;
}

#announcement-bar a:hover {
color: rgb(255,255,255,.8);
}

#feature {
background:url(images/banner.jpg?v=1.01) top right no-repeat;
background-size:cover;
height:600px;
}

#feature #content {
BUfloat:left;
width:80%;
padding-top:80px;
}

#logo {
text-align:center;
padding:0 0 40px 0;
}

#logo img {
max-width:60%;
}

#socials {
text-align:center;
margin:0 auto;
}

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

#socials a {
color:#FFF;
}

#socials a:hover {
color: rgb(255,255,255,.7);
}

#banner-store {
text-align:center;
font-size:16px;
font-weight:bold;
text-transform:uppercase;
letter-spacing:0.3px;
}

#banner-store a {
color: rgb(255,255,255,1);
background-color:#a9683a;
padding:6px 20px;
border-radius:50px;
}

#banner-store a:hover {
color: rgb(255,255,255,.9);
}


#container {
BUfloat:right;
width:60%;
padding:40px 30px 100px 0;
}

#content #container {
float:none;
width:1100px;
margin:50px auto 80px auto;
}

#socials {
text-align:center;
margin:0 auto 30px auto;
}

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

#socials a {
color:#FFF;
}

#socials a:hover {
color: rgb(255,255,255,.7);
}


#video {
margin:0;
}

#tour {
margin:0 0 80px 0;
}

#heading {
text-align:center;
font-weight:700;
font-size:30px;
margin:0 0 30px 0;
}

.seated-event-row {
border-top:1px solid;
border-bottom:1px solid !important;
border-color: rgb(255,255,255,.5) !important;
padding:20px 20px 10px 20px !important;
line-height:100% !important;
}

.seated-event-row:hover {
background:rgb(0,0,0,0) !important;
}

.seated-event-date-cell,
.seated-event-venue-name,
.seated-event-venue-location {
font-family:'Playfair Display', Arial;
font-size:18px;
line-height:140%;
}

.seated-event-date-cell {
}

.seated-event-details-cell {
padding:0 0 20px 0;
}

.seated-event-venue-name {
padding:20px 0 0 0;
}

.seated-event-venue-location {

}

.seated-event-link-cells {
}

.seated-event-details-cell {
opacity:1 !important;
display:inline-block !important;
color:#a9683a;
font-size:15px;
}

.seated-event-link-cell {
margin:0 auto !important;
}

.seated-event-link1, .seated-event-link1:visited, 
.seated-event-link2, .seated-event-link2:visited {
color: #bcb383 !important;
border:0 none !important;
background:0 none !important;
border-radius:0 !important;
display: block !important;
font-size: 23px !important;
margin:0 auto !important;
overflow:visible !important;
padding: 15px 20px 20px 20px !important;
width:100% !important;
min-width:10px !important;
}

.seated-event-link:hover {
color:#FFF !important;
}

.seated-follow-box,
.seated-events-table > div:last-child {
display:none !important;
}


/** Music **/
#music {
margin:0 0 60px 0;
}

#music ul {
display:grid;
grid-template-columns:1fr 1fr 1fr;
grid-gap:40px;
}

@media all and (max-width:800px) {
#music ul {
grid-template-columns:1fr;
}
}

#music .cover img {
margin:0 0 8px 0;
-webkit-transition: all 0.2s ease;
   -moz-transition: all 0.2s ease;
		transition: all 0.2s ease;
	 -o-transition: all 0.2s ease;
}

#music .cover img:hover {
opacity:0.8;
}

#music .title {
text-align:center;
color:#bcb383;
font-size:22px;
margin:0;
}

#music .title a {
color:#bcb383;
}

#music .title a:hover {
color:#FFF;
}

#music-btn {
text-align:center;
font-size:20px;
}

#music-btn a {
color:#a9683a;
}

#music-btn a:hover {
color:#FFF;
}


/** About **/
#about {
margin:0 0 70px 0;
background:url(images/bg-about.jpg?v=1.01) top center no-repeat;
background-size:cover;
padding:40px 0;
}

#about #container {
padding:0;
}

#about p {
line-height:180%;
font-size:18px;
}


/** Sign up **/
.mc-field-group {
float:left;
width:30%;
margin:0 1.5%;
}

.mc-field-group.size1of2  {
float:none;
width:100%;
margin:0 auto;
}

.datefield {
display: inline;
position: relative;
left: 39%;
-webkit-transform: translateX(-50%);
transform: translateX(-50%)
}

.mc-field-group.size1of2 label {
text-align:center !important;
font-size:18px;
margin:20px auto 8px auto;
display:block;
}

.mc-field-group.size1of2 input {
width:5%;
display:inline-block;
margin:0 5px;
}

.mc-field-group input {
width:96%;
padding:8px 2%;
text-align:center;
font-size:17px;
font-family:'Playfair Display', Arial;
outline:0 none;
border:0 none;
}

.mc-field-group input:focus {
outline:0 none;
border:0 none;
}

input.button {
background-color:#bcb383;
font-family:'Playfair Display', Arial;
color:#FFF;
font-size:20px;
font-weight:700;
text-transform:uppercase;
border:0 none;
outline:0 none;
padding:10px 0;
width:40%;
margin:40px auto 0 auto;
text-align:center;
display:block;
cursor:pointer;
-webkit-transition: all 0.2s ease;
   -moz-transition: all 0.2s ease;
		transition: all 0.2s ease;
	 -o-transition: all 0.2s ease;
}

input.button:hover {
background-color:#FFF;
color:#bcb383;
}




@media all and (max-width:1200px) {
#feature {
background:url(images/banner-mobile.jpg?v=1.03) top center no-repeat;
background-size:cover;
height:auto;
}

#feature #content {
float:none;
width:100%;
padding:100px 0;
}

#container {
float:none;
width:80%;
margin:0 10%;
padding:40px 0 80px 0;
}

#content #container {
float:none;
width:80%;
margin:50px 10% 80px 10%;
}


#logo img {
max-width:70%;
}

#about {
max-width:100%;
}

.seated-event-link1, .seated-event-link1:visited, 
.seated-event-link2, .seated-event-link2:visited {
padding:0 0 10px 0 !important;
}

.mc-field-group {
float:none;
width:100%;
margin:0 0 20px 0;
}

.mc-field-group.size1of2 input {
width:20%;
display:inline-block;
margin:0 5px;
}

.datefield {
display: inline;
position: relative;
left: 24%;
-webkit-transform: translateX(-50%);
transform: translateX(-50%)
}

input.button {
width:100%;
}
}

@media all and (max-width:900px) {
#logo img {
max-width:100%;
}
}