/* GLOBAL CSS */


@font-face {
	font-family: 'Bebas Neue';
	src: url('../fonts/BebasNeueRegular.eot');
	src: url('../fonts/BebasNeueRegular.eot?#iefix') format('embedded-opentype'),
		url('../fonts/BebasNeueRegular.woff2') format('woff2'),
		url('../fonts/BebasNeueRegular.woff') format('woff'),
		url('../fonts/BebasNeueRegular.ttf') format('truetype');
	font-weight: normal;
	font-style: normal;
}

@font-face {
	font-family: 'Bebas Neue';
	src: url('../fonts/BebasNeueBold.eot');
	src: url('../fonts/BebasNeueBold.eot?#iefix') format('embedded-opentype'),
		url('../fonts/BebasNeueBold.woff2') format('woff2'),
		url('../fonts/BebasNeueBold.woff') format('woff'),
		url('../fonts/BebasNeueBold.ttf') format('truetype');
	font-weight: bold;
	font-style: normal;
}

@font-face {
	font-family: 'Bebas Neue';
	src: url('../fonts/BebasNeueBook.eot');
	src: url('../fonts/BebasNeueBook.eot?#iefix') format('embedded-opentype'),
		url('../fonts/BebasNeueBook.woff2') format('woff2'),
		url('../fonts/BebasNeueBook.woff') format('woff'),
		url('../fonts/BebasNeueBook.ttf') format('truetype');
	font-weight: 400;
	font-style: normal;
}

@font-face {
	font-family: 'Bebas Neue';
	src: url('../fonts/BebasNeueLight.eot');
	src: url('../fonts/BebasNeueLight.eot?#iefix') format('embedded-opentype'),
		url('../fonts/BebasNeueLight.woff2') format('woff2'),
		url('../fonts/BebasNeueLight.woff') format('woff'),
		url('../fonts/BebasNeueLight.ttf') format('truetype');
	font-weight: 300;
	font-style: normal;
}

.bebas {
	font-family: "Bebas Neue";
	font-weight: normal;
	font-style: normal;
	letter-spacing: 0.05em;
}

.bebas h1 {
	font-weight:300;
	font-size:3em;
	line-height:.8em;
}

.bebas h2 {
	font-weight:400;
	font-size:2em;
}

.bebas h3 {
	font-size: 1.2em;
}

/*FONT VARIATIONS*/
.red, .red a { color: #961D1D;}
.white, .white a { color: #FFF;}
.yellow, yellow a {color:#eccd00;}
.small {font-size:70%;}
.bold {font-weight:400!important;}
sup {font-size:60%;}
a {text-decoration:none;}
a:hover {text-decoration:underline;}


body {
	margin: 0;
	text-align: center;
	border-top: 5px solid #3d1111;
	font-size: 1.2em;
}

.main-container {
	background-image: url("../images/bg-pattern-mottled-blue.png");
	background-repeat: repeat;
	padding:0;
	margin:0;
	width:100%;
}

header {
	
	background-repeat:no-repeat;
	background-position: top center;
	min-height: 430px;
	max-width:100%;
	width: 960px;
	border-bottom: 4px solid #ffffff;
	margin: 0 auto;
	/*flex*/
		display: -webkit-flex; 
		display: flex; 
		-webkit-flex-flow: row wrap; 
		flex-flow: row wrap; 
		-webkit-justify-content: center; 
		justify-content:center;
}

nav {
	text-align:left;
	/*flex*/
		-webkit-flex: 1 1 auto; 
		flex: 1 1 auto;
	font-size:1.5em;
}

nav ul {
	padding:0;
	margin:20px;
	line-height:1.6em;
}

nav ul li {
	list-style-type: none;
	text-transform: uppercase;
}

nav ul li a {
	font-weight:bold;
}

.title-container {
	text-align:center;
	padding: 10px 10px 0 0;
	/*flex*/
		-webkit-flex: 0 1 auto; 
		flex: 0 1 auto;
}

.title-container img {
	max-width:100%;
}

.featured-photo {
	max-width:100%;
	width: 960px;
	margin:0 auto;
	box-sizing:border-box;
	border: 8px solid #fff;
	overflow: hidden;
}

.featured-photo img {
	width:100%;
	height: auto;
	margin: 0 0 -5px 0;
}

.artists-container {
	/*background-image: url("../images/bg-pattern-mottled-brown.jpg");*/
	background-color:#000;
	background-repeat: repeat;
	max-width: 960px;
	margin:0 auto;
	/*flex*/
		display: -webkit-flex; 
		display: flex; 
		-webkit-flex-flow: row wrap; 
		flex-flow: row wrap; 
		-webkit-justify-content: center; 
		justify-content:center;
	color:#fff;
}

.artists-container a{
	color:#fff;
	text-decoration:none;
}

.artists-container .artist-item {
	/*flex*/
		-webkit-flex: 1 auto; 
		flex: 1 auto;
	max-width: 360px;
	padding: 20px 20px 0;
	border-bottom: 2px solid #961D1D;
}

.artists-container .artist-item h3 {
	text-align: left;
	font-size: 1.1em;
}

.artists-container .artist-item-spacer  {
	/*flex*/
		-webkit-flex: 1 auto; 
		flex: 1 auto;
	padding: 20px 20px 0;
	max-width: 260px;
	border-bottom: 2px solid #961D1D;
}


.artists-container .artist-item .image-container {
	max-width:320px;
	max-height:160px;
	overflow: hidden;
	box-sizing: border-box;
	border: 6px solid #fff;	
}

.artists-container .artist-item .image-container img{
	max-width:100%;
}

.artists-callout {
	max-width: 960px;
	width:100%;
	background: -moz-linear-gradient(left,  rgba(10,10,10,0) 0%, rgba(78,78,78,1) 20%, rgba(13,13,13,1) 40%, rgba(1,1,1,1) 50%, rgba(10,10,10,1) 60%, rgba(78,78,78,1) 80%, rgba(27,27,27,0) 100%); /* FF3.6-15 */
	background: -webkit-linear-gradient(left,  rgba(10,10,10,0) 0%,rgba(78,78,78,1) 20%,rgba(13,13,13,1) 40%,rgba(1,1,1,1) 50%,rgba(10,10,10,1) 60%,rgba(78,78,78,1) 80%,rgba(27,27,27,0) 100%); /* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(to right,  rgba(10,10,10,0) 0%,rgba(78,78,78,1) 20%,rgba(13,13,13,1) 40%,rgba(1,1,1,1) 50%,rgba(10,10,10,1) 60%,rgba(78,78,78,1) 80%,rgba(27,27,27,0) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#000a0a0a', endColorstr='#001b1b1b',GradientType=1 ); /* IE6-9 */
}

.section-divider {
	width:100%;
	border-bottom: 4px solid #961D1D;
}

.slideshow-container {
	background-color:#222;
	 /*TEMPORARY*/min-height: 100px;
	max-width: 960px;
	margin:0 auto;
}

.sponsors-container {
	background-color:#f7f4ed;
	max-width: 960px;
	margin:0 auto;
	padding: 20px 0;
}

.sponsors-container ul {
	padding: 0 15% 10px;
	/*flex*/
		display: -webkit-flex; 
		display: flex; 
		-webkit-flex-flow: row wrap; 
		flex-flow: row wrap; 
		-webkit-justify-content: center; 
		justify-content:center;
		-webkit-align-items: center;
		align-items: center;
}

.sponsors-container ul li {
	-webkit-flex: 1 auto; flex: 1 auto;
	padding: 20px 5px;
	list-style-type:none;
}

.general-container {
	background-color:#f7f4ed;
	max-width: 960px;
	margin:0 auto;
	padding: 20px 0 0 0;
}

.general-container p {
	margin:0 40px 10px;
}

footer {
	min-height:100px;
	background-image: url("../images/bg-pattern-mottled-brown.jpg");
	background-repeat: repeat;
	width:100%;
	border-top: 5px solid #3d1111;
}

footer .information {
	margin:0 auto;
	padding: 10px 20px;
	max-width: 960px;
	text-align:center;
	color: #B0B0B0;
}
footer .information p a{
	color:#fff;
	text-decoration:none;
	}



/***********************/
/****PERFORMERS PAGE****/
/***********************/

.performer-information {
	background-color:#fff; /*f7f4ed*/
	max-width:100%;
	width: 960px;
	margin: 0 auto;
	/*flex*/
		display: -webkit-flex; 
		display: flex; 
		-webkit-flex-flow: row wrap; 
		flex-flow: row wrap; 
		-webkit-justify-content: center; 
		justify-content:center;
		-webkit-align-items: center;
		align-items: center;
	box-sizing:border-box;
	border-top:4px solid #cf342f;
}

.performer-section-left {
	/*flex*/
		-webkit-flex: 1 auto; 
		flex: 1 auto;
		
		
}

.performer-section-middle {
	color: #444;
	/*flex*/
		-webkit-flex: 1 auto; 
		flex: 1 auto;
}

.performer-section-middle p a {
	color: #444;
}

.performer-section-middle p{
	margin-top:0;
	padding:0;
}

.performer-section-right {
	/*flex*/
		-webkit-flex: 0 1 auto; 
		flex: 0 1 auto;
	display: block;
	margin: 10px;
	overflow:hidden;
	max-height:250px;
}

.performer-section-right img {
	max-width:100%;
}

/****************************/
/***RESPONSIVE ADJUSTMENTS***/
/****************************/

@media only screen and (max-width: 880px) {
	
	/*remove whisper logo from featured artists*/
	.artists-container .artist-item-spacer  {
		display:none;
	}
	
}


/*********UPDATE TO MAKE PERFORMERS SECTION LIKE PATRIOTIC FESTIVAL**/
.performer-section-photo {
	/*flex*/
		-webkit-flex: 0 1 auto; 
		flex: 0 1 auto;
	display: block;
	margin: 10px;
	overflow:hidden;
	width:100%;
	max-height:450px;
}

 img.full-width {
	width: 100%;
}

.large {
	font-size: 50px;
	margin:0 !important;
	}