:root {
--blue: #0f496a;
--white: #FFFFFF;
}

@font-face {
font-family: square;
src: url(fonts/721-regular.eot);
src: url(fonts/721-regular.eot?#iefix) format("embedded-opentype"), 
url(fonts/721-regular.woff2) format("woff2"), 
url(fonts/721-regular.woff) format("woff"), 
url(fonts/721-regular.ttf) format("truetype");
font-weight:normal;
}

@font-face {
font-family: square-bold;
src: url(fonts/721-bold.eot);
src: url(fonts/721-bold.eot?#iefix) format("embedded-opentype"), 
url(fonts/721-bold.woff2) format("woff2"), 
url(fonts/721-bold.woff) format("woff"), 
url(fonts/721-bold.ttf) format("truetype");
font-weight:bold;
}

* {
margin:0;
padding:0;
}

.clear {
clear:both;
}

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


a, a:hover {
-webkit-transition: color 0.3s linear;
   -moz-transition: color 0.3s linear;
				 -o-transition: color 0.3s linear;
								transition: color 0.3s linear;
text-decoration:none;
cursor:pointer !important;
}

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

body {
font-family:'square', Arial;
font-weight:normal;
color: var(--white);
font-size:15px;
background-color: var(--blue);
-webkit-text-size-adjust: 100%;
-ms-text-size-adjust: none;
-webkit-font-smoothing: antialiased !important;
}

section {
margin:0 0 90px 0;
}

header {
line-height:100px;
font-size:17px;
}


header #logo {
float:left;
margin-top:20px;
}


header #logo img {
max-width:200px;
}

header #right {
float:right;
}

header #socials {
float:right;
}

header nav {
float:right;
margin:0 30px 0 0;
font-family:'square-bold';
text-transform: lowercase;
}


header nav li,
header #socials li {
display:inline-block;
margin:0 0 0 10px;
}

header a {
color: var(--white);
}

#main {
background:url(images/bg-main.jpg) center 40% no-repeat;
background-size: cover;
height:80vh;
margin-bottom:50px;
}

#container {
width:80%;
margin:0 auto;
}

#container.wide {
width:90%;
}


#section-head {
font-family:'square-bold';
text-align:center;
font-size:30px;
letter-spacing:4px;
margin:0 0 25px 0;
text-transform:lowercase;
}

/** Shows **/
.seated-events-table {
border-top:0 !important;
}

.seated-event-row:hover {
background: none !important;
box-shadow: none !important;
}

.seated-event-row {
border-color:rgb(255,255,255,.3) !important;
}

.seated-event-link, .seated-event-link:visited, 
.seated-event-link1, .seated-event-link1:visited, 
.seated-event-link2, .seated-event-link2:visited, 
.seated-event-link3, .seated-event-link3:visited {
border:3px solid #FFF !important;
background:none !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;
font-size:18px !important;
color:#FFF !important;
padding:8px 30px !important;
}

.seated-event-link:hover {
background-color:#FFF !important;
color:#000 !important;
-webkit-transition: all 0.3s ease;
   -moz-transition: all 0.3s ease;
	    -o-transition: all 0.3s ease;
								transition: all 0.3s ease;
								font-family:'square-bold';
}


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


/** Music **/
#music ul {
display:grid;
grid-template-columns:1fr 1fr 1fr 1fr;
grid-gap:30px;
}

#music .cover {
margin:0 0 8px 0;
}

#music .cover img {
display:block;
}

#music .btn a {
text-align:right;
font-family:'square-bold';
font-size:17px;
display:block;
color: var(--white);
text-transform:uppercase;
position:relative;
padding-right:60px;
-webkit-transition: all 0.3s ease;
   -moz-transition: all 0.3s ease;
	    -o-transition: all 0.3s ease;
								transition: all 0.3s ease;
}

#music li:hover .btn a {
padding-right:70px;
-webkit-transition: all 0.3s ease;
   -moz-transition: all 0.3s ease;
	    -o-transition: all 0.3s ease;
								transition: all 0.3s ease;
}

#music .btn a:after {
content: " ";
display: block;
position: absolute;
height: 3px;
background: white;
width: 40px;
right: 0%;
top: calc(50% - 2px);
-webkit-transition: all 0.3s ease;
   -moz-transition: all 0.3s ease;
	    -o-transition: all 0.3s ease;
								transition: all 0.3s ease;
}

#music li:hover .btn a:after {
width:50px;
-webkit-transition: all 0.3s ease;
   -moz-transition: all 0.3s ease;
	    -o-transition: all 0.3s ease;
								transition: all 0.3s ease;
}

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


/** Spread **/
#spread img {
min-width:100%;
opacity:.8;
}


/** Contact **/
#contact {
margin:40px 0;
text-align:center;
}

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

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


/** Footer **/
footer {
background-color: var(--white);
color: var(--blue);
text-align:center;
padding:10px 0;
font-size:12px;
font-family:'square-bold';
}


@media all and (min-width:1100px) {
.mobile {
display:none;
}
}

@media all and (max-width:1100px) {
.mobile {
display:inherit;
}

.mobile header {
border-bottom:5px solid;
border-bottom-color: var(--white);
line-height:80px;
}

header {
line-height:100%;
padding:30px 0;
}

header #logo {
float:none;
text-align:center;
display:block;
margin:0 0 25px 0;
}

header #logo img {
max-width:60%;
display:block;
margin:0 auto;
}

header #right {
float:none;
text-align:center;
}

header #socials {
float:none;
line-height:100%;
margin:0 0 25px 0;
}

header nav {
float:none;
margin:0;
line-height:100%;
}

header nav li {
margin:0 8px;
}



#container {
width:86%;
}

.mobile #img {
margin-bottom:50px;
}

#main {
display:none;
}

#music ul {
grid-template-columns:1fr 1fr 1fr;
}

#music .btn a {
padding:0;
text-align:center;
}

#music .btn a:after {
content: " ";
height:0;
width:0;
}
}

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

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

#music .btn a {
font-size:14px;
}
}