/*
 * Start: Main
 */
body {
	font-family: proxima-nova, sans-serif;
	font-style: normal;
	font-weight: 100;
}

h1 {
	font-family: miller-headline, serif;
	font-size: 10vh;
	font-style: italic;
	font-weight: 300;
	letter-spacing: 1px;
}

h3 {
	font-family: miller-headline, serif;
	font-size: 4vh;
	font-style: italic;
	font-weight: 300;
	letter-spacing: 1px;
}

h4 {
	font-weight: bold;
	text-transform: uppercase;
	letter-spacing: 2px;
}

.clear10 {
	width: 100%;
	height: 10px;
}

input.active-button {
	background-color: white;
    text-transform: uppercase;
    font-weight: bold;
    letter-spacing: 3px;
    color: black;
    padding: 10px 20px;
    border: 1px black solid;
    -webkit-transition: all .2s ease;
    -moz-transition: all .2s ease;
    -ms-transition: all .2s ease;
    -o-transition: all .2s ease;
    transition: all .2s ease;
}

input.active-button:hover {
    color: white;
    background-color: #d4145a;
    border-color: #d98f30;
    text-decoration: none;
    -webkit-transition: all .2s ease;
    -moz-transition: all .2s ease;
    -ms-transition: all .2s ease;
    -o-transition: all .2s ease;
    transition: all .2s ease;
}


.active-button:link {
    text-transform: uppercase;
    font-weight: bold;
    letter-spacing: 3px;
    color: black;
    padding: 10px 20px;
    border: 1px black solid;
    -webkit-transition: all .2s ease;
    -moz-transition: all .2s ease;
    -ms-transition: all .2s ease;
    -o-transition: all .2s ease;
    transition: all .2s ease;
}

.active-button:visited {
    color: black;
    border-color: black;
}

.active-button:hover {
    color: white;
    background-color: #d4145a;
    border-color: #d98f30;
    text-decoration: none;
    -webkit-transition: all .2s ease;
    -moz-transition: all .2s ease;
    -ms-transition: all .2s ease;
    -o-transition: all .2s ease;
    transition: all .2s ease;
}

#standard-hero {
    height: 50vh;
    background-image: url('../images/default.jpg');
    background-size: cover;
    background-position: center;
    border-top: 20px black solid;
    border-bottom: 20px black solid;
	padding: 0;
}

#cover {
	background-color: rgb(0, 0, 0, 0.5);
	height: 100%;
}

#cover h1 {
	line-height: 40vh;
	color: white;
}

table.pieces-table b {
	text-transform: uppercase;
}

/*
 * End: General
 * Start: Navbar
 */

#nav-top {
    height: 16vh;
}

#logo {
    margin-top: 1.5vh;
    height: 13vh;
}

#main-nav ul {
    list-style: none;
	padding: 0;
}

#main-nav ul li {
    line-height: 16vh;
	height: 16vh;
    font-size: 1.8vh;
    text-transform: uppercase;
    letter-spacing: 5px;
    display: inline-block;
    margin-left: 1vw;
	padding: 0 15px;
}

#main-nav ul li.active {
	border-bottom: 10px #d4145a solid;
}

#main-nav ul li.featured-item {
	font-weight: bold;
}

#main-nav ul li a:link {
    color: black;
}

#main-nav ul li a:visited {
    color: black;
}

#main-nav ul li a:hover {
    text-decoration: none;
}

#main-nav ul li.featured-item a:link {
    color: #d4145a;
}

#main-nav ul li.featured-item a:visited {
    color: #d4145a;
}

#main-nav ul li:hover {
    cursor: pointer;
}

#main-nav ul li ul {
    position: absolute;
    left: -16.66666vw;
    width: 99vw;
    top: 16vh;
    padding: 0;
    text-align: center;
    display: none;
    line-height: 20vh;
}

#main-nav ul li ul li {
    display: inline-block;
    text-align: center;
    width: 25vw;
    margin: 0;
}

#main-nav ul li ul li a:link {
    color: white;
}

#main-nav ul li ul li a:visited {
    color: white;
}

#main-nav ul li ul li a:hover {
    text-decoration: none;
}

#nav-background {
    background-color: #3a3537;
    height: 20vh;
    display: none;
}

/*
 * End: Navbar
 * Start: Roster
 */

.roster-menu ul {
	list-style: none;
	padding: 0;
}

.roster-menu ul li {
	border-top: 1px black solid;
	padding: 10px 5px;
}

.roster-menu ul li.active {
	font-weight: bold;
}

.roster-menu ul li:last-child {
	border-bottom: 1px black solid;
}

.roster-menu ul li a:link {
	color: black;
}

.roster-menu ul li a:visited {
	color: black;
}

.roster b {
	font-weight: bold;
	letter-spacing: 2px;
	text-transform: uppercase;
}

/*
 * End: Roster
 * Start: Concert page
 */

 h4.concert {
 	text-transform: uppercase;
 	font-weight: 100;
 	letter-spacing: 3px;
 }

 h5.concert {
 	font-size: 1.2rem;
 	font-weight: 100;
 	margin: 0;
 }

 h6.concert {
 	font-size: 1.1rem;
 	font-weight: 100;
 	margin: 0;
 }

.artist {
	width: 23%;
	float: left;
	margin: 1%;
}

.artist-image {
	width: 100%;
	padding-top: 100%;
	background-size: cover;
	background-position: center;
}

/*
 * End: Concert page
 * Start: Footer
 */

#footer {
	background-color: black;
	padding: 4vh 0;
	color: white;
	margin-top: 5vh;
}

#logo-footer {
    width: 30%;
	margin-bottom: 10px;
}

#shunpike-footer {
    margin-top: 2vh;
	margin-bottom: 10px;
    width: 50%;
}

/*
 * End: Footer
 * Start: Team Page
 */

.team-outer {
	width: 24%;
	padding: 0.5%;
	float: left;
}

.team-inner {
	width: 100%;
	padding-top: 100%;
	background-image: url('../images/empty-head.jpg');
	background-size: cover;
	background-position: center;
}

.team-text {
	position: absolute;
	width: 100%;
	top: 0;
	left: 0;
	bottom: 0;
	right: 0;
}

h3.team {
	font-size: 3vh;
	margin-top: 2px;
	margin-bottom: -3px;
}

/*
 * End: Team Page
 */