/*========================================
 	COLOR PALETTE
		
 	GV Taupe (Light): #f4f5f3;
 	GV Taupe (Medum): #6D6E61;	 
 	GV Taupe (Dark): #86877c;  
 	GV Gray (Dark): #353439;
	Bloody Wins Red (Medium): #DD153D;
	Bloody Wins Red (Dark): #B70017;
==========================================*/

/*========================================
	CSS IMPORTS              
==========================================*/

@import url(https://fonts.googleapis.com/css?family=Roboto:300,400,900);
@import url(https://maxcdn.bootstrapcdn.com/font-awesome/4.7.0/css/font-awesome.min.css);

/*========================================
 	GLOBAL STYLES                
==========================================*/

body {
	background-color: #FFF;
	color: #6D6E61;
	font-family: "Roboto", sans-serif;
	font-size: 16px;
	font-weight: 300;
}

/* Hyperlinks & Buttons ---------------------------*/

a {
	color: #DD153D;
}

a:active,
a:focus,
a:hover {
	color: #B70017;
	text-decoration: none;
	opacity: 0.8;
   filter: alpha(opacity=80);
}

a, .btn {
		transition: all .3s ease-in-out;
}

.btn {
	border-radius: 0;
	font-size: 16px;
	letter-spacing: 0.1em;
	padding: 0.7em;
	text-transform: uppercase;
}

.btn-primary {
	background-color: #DD153D;
   border-color: #DD153D;
}

.btn-primary:active,
.btn-primary:focus,
.btn-primary:hover {
	background-color: #B70017;
   border-color: #B70017;
}

.btn-primary.disabled {
	background-color: #A8A8A8;
   border-color: #A8A8A8;	
}

.btn-lg {
	font-size: 24px;
}

/* Badges ---------------------------*/

.badge {
	background-color: transparent;
	border: 1px solid #1D9C73;
	border-radius: 500px;
	color: #1D9C73;
	font-size: 70%;
	font-weight: 400;
	margin-right: 0.35em;
	padding: 0.25em 0.75em;
}

/* Typography ---------------------------*/

h1, h2, h3, h4, h5 {
	color: #86877c;
	font-weight: 300;
	letter-spacing: 0.1em;
	text-transform: uppercase;
}

h1 {
	border: 1px solid #86877c;
	display: inline-block;
	font-size: 2em;
	margin: 0 0 0.7em;
	padding: 0.7em 1.4em;
	text-align: center;
	text-transform: uppercase;
}

h2 {
	font-size: 2em;
	margin: 0 0 1em;
	text-align: center;
}

h5 {
 margin-bottom: 2em;
}

/* Margin & Padding ---------------------------*/

header, footer {
	padding: 1em 0;
}

section {
	padding: 2em 0;
}

.margin-bottom-lg {
	margin-bottom: 2em;
}

/* Background Colors ---------------------------*/

.bg-light {
	background-color: #f4f5f3;
}

.bg-dark {
	background-color: #353439;
}

/*========================================
   HEADER                
==========================================*/

header {
	text-align: center;
}

header img {
	width: 60px;
}

/*========================================
   SECTION: MASTHEAD               
==========================================*/

#section-masthead {
	background: transparent url(../img/bg-masthead-bloody-win.png) no-repeat top center;
	background-size: cover;
	height: 150px;
	padding: 0;
}

/*========================================
   SECTION: TOUR DATES             
==========================================*/

#panel-vip {
	background: #353439;
	background-size: contain;
	color: #FFF;
}

#panel-vip h3 {
	border-bottom: 5px solid #DD153D;
	color: #FFF;
	display: inline-block;
	margin: 0 auto;
	padding: 0.35em;
}

#panel-vip .fa-check {
	color: #1D9C73;
	margin-right: 0.35em;
}

#panel-vip ul {
	margin-top: 1.5em;
}
#panel-vip ul li {
	margin-bottom: 0.35em;
}

#section-tour small,
#section-tour .small {
	font-size: 75%;
}

#section-tour td {
	background-color: #f4f5f3;
	border-top-color: #FFF;
	border-width: 0.35em 0 0;
	font-size: 16px;
	padding: 0.5em;
	vertical-align: middle;
}

#section-tour  .months td {
	background-color: #FFF;
	border-top: 0;
	font-size: 24px;
	font-weight: 600;
}

#section-tour  .months .fa {
	color: #DD153D;
	margin-right: 0.5em;
}

#section-tour  td.dates {
	text-align: center;
}

#section-tour .day,
#section-tour .date,
#section-tour .time {
	display: block;
	padding: 0.25em;
}

#section-tour .day {
	background-color: #353439;
	border-top-left-radius: 5px;
	border-top-right-radius: 5px;
	color: #FFF;
	font-size: 16px;
	text-transform: uppercase;
}

#section-tour .date {
	background-color: #FFF;
	border-left: 1px solid #DDD;
	border-right: 1px solid #DDD;
	color: #DD153D;
	font-size: 20px;
	font-weight: 600;
	padding-bottom: 0;
}

#section-tour .time {
	background-color: #FFF;
	border: 1px solid #DDD;
	border-bottom-left-radius: 5px;
	border-bottom-right-radius: 5px;
	border-top: 0;
	color: #DD153D;
	font-size: 16px;
	font-weight: 400;
	padding-top: 0;
	text-transform: uppercase;
}

#section-tour .cta {
	text-align: right;
}

#section-tour .cta .btn {
	max-width: 175px;
}


#section-tour  td.cta .sold-out {
	color: #A8A8A8;
	display: block;
	font-size: 14px;
	font-weight: 700;
	line-height: 1em;
	margin-bottom: 0.25em;
	text-align: center;	
	text-transform: uppercase;
}

#section-tour  td.cta .sold-out.postponed {
	color: #DD153D;
}

#section-tour  td.cta .vip {
	display: block;
	font-size: 26px;
	line-height: 1em;
}

#section-tour  td.cta .btn {
	float: right;
}

/*========================================
   SECTION: ABOUT              
==========================================*/

#section-about .about-image {
	position: relative;
}

#section-about .about-image h3 {
	background: rgba(53,52,57,0.75);
	bottom: 5%;
	color: #FFF;
	font-size: 1em;
	left: 0;
	padding: 0.5em 0;
	position: absolute;
	right: 0;
	text-align: center;
}

#section-about .about-image:after {
  display: none;
}

#section-about .bio {
	margin-top: 2.5em;
	max-height: 14em;
	overflow-y: scroll;
}

#section-about ul {
	margin-bottom: 0;
}

#section-about ul .fa {
	color: #DD153D;
}

/*========================================
   FOOTER               
==========================================*/

footer {
	background: rgba(53,52,57,0.9);
	text-align: center;
}

footer,
footer h1 , footer h2, footer h2, footer h3, footer  h4, footer  h5 {
	color: #FFF;
}

footer a {
	color: #FFF;
	font-weight: 400;
}

footer a:hover {
	color: #FFF;
	opacity: 0.8;
 filter: alpha(opacity=80);
}

footer .fa {
	margin-right: 0.35em;
}

footer .contact {
	margin-top: 2em;
}

footer .contact p {
	margin-bottom: 2em;
}

footer .copyright {
	font-size: 0.75em;
	margin: 2.75em 0 1em;
	opacity: 0.75;
 filter: alpha(opacity=75);
	text-align: center;
}

footer .sponsors .sponsors-brand {
	font-size: 0.8em;
	margin-top: 2em;
	opacity: 0.75;
 filter: alpha(opacity=75);
	text-align: center;
}

footer .sponsors a:hover img {
	opacity: 0.6;
 filter: alpha(opacity=60);
}

/*========================================
   MEDIA QUERIES            
==========================================*/

@media only screen and (min-width: 320px) {
	#section-masthead {
		height: 135px;
	}
}
@media only screen and (min-width: 480px) {
	#section-masthead {
		height: 200px;
	}
	#panel-vip {
		background-image: url(../img/bg-vip-panel.png);
		background-position: top right;
		background-repeat: no-repeat;
		background-size: contain;
	}
}
@media only screen and (min-width: 768px) {
	#section-masthead {
		height: 300px;
	}
	#panel-vip {
		font-size: 18px;
	}	
	#section-tour td {
		font-size: 20px;
	}
	#section-tour  td.cta .sold-out {
		display: inline-block;
		margin-bottom: 0;
		margin-right: 1.5em;
		text-align: center;	
	}
	#section-tour  td.cta .sold-out.postponed {
		margin-top: 0.7em;
	}
	footer .sponsors,
	footer .contact {
		text-align: left;
	}
	footer .contact {
		margin: 0;
	}
	footer .sponsors .sponsors-brand {
		margin-top: 4em;
	}
	footer .copyright {
		margin-top: 0;
	}
}
@media only screen and (min-width: 992px) {
	header img {
		width: 100px;
	}
	section {
			padding: 3em 0;
	}
	#section-masthead {
		height: 475px;
	}
	#section-about .about-image h3 {
		font-size: 2em;
	}	
	#section-about .about-image:after {
			border-style: solid;
			border-width: 20px 20px 20px 0;
			border-color: transparent #f4f5f3 transparent transparent;
			content: '';
			display: inline-block;
			height: 0;
			margin-top: -20px;
			position: absolute;
			right: -1px;
			top: 50%; 
			width: 0;
	}	
}