@charset "utf-8";
/* CSS Document */

body {
	background-color: #f3f3f3;
	line-height: 1.5;
}
#content-container {
	background-color: #fff;
	max-width: 1199px;
	margin: 0 auto;
	padding: 30px;
}
/*========================================================= DEFAULT STYLING ==============================================================*/

h1, h2, h3, h4, h5, h5, .title {
	font-family: 'Oswald', sans-serif;
	font-weight: 700;
}
h1 {
	font-size: 3.2em;
	line-height: 1.3;
	margin-bottom: 25px;
	margin-top: 0;
}
#content-container a {
	color: #2f4d9d;
}
p {
	font-family: 'Alice', san-serif;
	font-size: 1.1em;
	color: #424242;
	line-height: 1.75;
	margin-bottom: 25px;
}

.caps{text-transform: uppercase;}

	/*----------------------sponsor text ---------------------*/
	
	#content-container ul{ 
	font-family: 'Alice', san-serif;
	font-size: 1.1em;
	color: #424242;
	line-height: 1.75;
	margin-bottom: 25px;}


img {max-width:100%;}

article{overflow:hidden;}
/*========================================================= HEADER STYLING ==============================================================*/

header .container {
	background-image: url(../img/logo-rib-pig.png);
	background-repeat: no-repeat;
	background-position: top right;
}
#event-city {
	font-family: "proxima-nova", sans-serif;
	font-size: 2em;
	color: #2f4d9d;
}
#event-name a{
	font-family: 'Oswald', sans-serif;
	font-weight: 700;
	font-size: 6.5em;
	color: #2f4d9d;
	line-height: 1;
	margin-bottom: 10px;
}
#event-name a:hover{
text-decoration:none;
}

#event-date {
	font-family: 'Oswald', sans-serif;
	font-size: 1.7em;
	color: #000;
}
#event-location {
	font-family: 'Oswald', sans-serif;
	font-weight: 300;
	font-size: 1.4em;
	color: #818080;
	padding-bottom:15px;
}
/*========================================================= HEADER gallery STYLING ==============================================================*/

header .top-gallery {
	margin-top: 25px;
	border-top: solid 20px #2f4d9d;
	text-align: Center;
}

#content-gallery{margin-bottom:25px;}

#content-gallery img{ max-width:100%;border:solid 1px #2f4d9d;}

.videoWrapper{
	position: relative;
	padding-bottom: 56.25%; /* 16:9 */
	padding-top: 25px;
	height: 0;}
.videoWrapper iframe {	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;}
/*========================================================= MAIN NAVIGATION ==============================================================*/

.navbar.navbar-default {
	background: inherit;
	border: none;
	text-align: center;
	width: 100%;
}
ul.nav.navbar-nav {
	width: 100%;
	border-bottom: solid 1px #000;
	margin: 0 auto;
	float: none;
}
ul.nav.navbar-nav > li {
	display: inline-block;
	float: none;
	margin: 0;
}
#content-container ul.nav.navbar-nav > li a {
	font-size: .9em;
	text-transform: uppercase;
	font-family: 'Oswald', sans-serif;
	font-weight: 400;
	color: #000;
}
#content-container .navbar-default .navbar-nav > .active > a, #content-container .navbar-default .navbar-nav > .active > a:focus, #content-container .navbar-default .navbar-nav > .active > a:hover, #content-container ul.nav.navbar-nav > li a:hover {
	background-color: inherit;
	color: #2f4d9d;
}
/*========================================================= FEATURED LARGE BOXES	 ==============================================================*/

.section .feature-box.col-md-12{
	border: solid 1px #2f4d9d;
	padding-left: 0;
	padding-right: 0;
	margin-bottom: 35px;
	background-color: #2f4d9d;
	overflow:hidden;
}

.feature-box{
	
	margin-bottom: 35px;
}

body.inner2 .feature-box{
	position:relative;
	}
	
	body.inner2 .feature-box .featured-text{
		overflow:hidden;
	}
	
	body.inner2 .triangle{
		display:none;
		}

.featured-text,.featured-text p {
	background-color: #2f4d9d;
	color: #fff;
	
}

.featured-text p{
	margin-top:15px;
	text-align:justify;
}
.featured-image {
	padding: 0;
	overflow: hidden;
	position: relative;
}
.featured-image .triangle {
	width: 0;
	height: 0;
	border-top: 30px solid transparent;
	border-bottom: 30px solid transparent;
	border-left: 40px solid #2f4d9d;
	position: absolute;
	top: 25px;
	left: 0;
	z-index: 2;
}
body.inner .featured-image .image {
	position: relative;
	z-index: 1;
	max-height:350px;
	float:right;
}

.featured-image .image img{
max-width:inherit;
	}

.featured-text h2, .featured-text .subheader {
	text-transform: uppercase;
}
.featured-text .subheader {
	font-family: 'Oswald', sans-serif;
	font-size: 1.7em;
	font-weight: 700;
}

.featured-text h3{
text-transform:uppercase;
font-size:1.4em;
font-family: "futura-pt",sans-serif;
}

#content-container .featured-text ul{
list-style-type:none;
padding-left:0;
padding-top:15px;
font-family:'Alice', sans-serif;
font-size:1.3em;
margin-bottom:25px;
color:#e6e4e4;	
}
#content-container .featured-text ul:last-of-type{
margin-bottom:0;
}


.featured-text ul li{
/*margin-bottom:15px;*/	
}

#content-container .featured-text .readmore{
text-align:right;
position:abssolute;
bottom:15px;
right:15px;	
}

#content-container .featured-text .readmore a{
color:#fff;	
font-weight:700;

}


/*========================================================= FEATURED single-listing area	 ==============================================================*/

.section .row{
	margin-bottom:45px;
}

.single{
position:relative;
	text-align:center;
	margin-bottom:15px;
}

.single .title{
	
}
.single .text{
	width:100%;
	height:186px;
position:absolute;
top:0;
left:0;

z-index:3;	
color:#fff;
padding:20px;
}

.single .overlay{

position:absolute;
z-index:2;	
overflow:hidden;
}



.single  .image{
	width:100%;
	height:100%;
position:relative;
overflow:hidden;

z-index:1;
	
}

.single  .image:after{
	content:'\A';
    position:absolute;
    width:100%; height:100%;
    top:0; left:0;
    background:rgba(0,0,0,0.3);
   
}

.single .image img{
width:100%;
/*height:100%;*/	
}

.single .title{
font-size:2.6em;
text-transform:uppercase;
line-height:1;
text-shadow: 2px 4px #000;	
margin-bottom:10px;
}

.single .subtitle, .single .performance-time{
	font-family: 'Oswald', sans-serif;
	text-transform:uppercase;
	font-weight: 700;
}

.winner {margin-bottom:15px; text-align:center;padding-top:15px;}

.winner .title{
	font-size:1.2em;}
	
	.winner .runner-up{
		font-family: 'Alice', san-serif;
		font-size:1em;
	}

footer{
border-top:solid 7px #20448e;
padding-top:15px;
text-align:center;
font-family: "futura-pt",sans-serif;	
}

/*========================================== ribber page fixes =================================================*/

body.inner2 .featured-image .image{

}

body.inner2  .feature-box{
margin-bottom:0;
max-height:450px;

}

/*----------------------ribber page images ----------------*/

body.ribber article.featured .row{ 

margin-bottom:25px;
overflow:hidden;
}

/*==========================================================inner band listings =====================================================*/


.band-listing .performance-time{
text-align:center;
color:#fff;
font-size:150%;
background-color:#2f4d9d;	
font-weight:700;
}

.band-listing .title{
	font-size:1.5em;}

.band-listing .sub-title{}

body.concerts h2{

	
	}
	

/*========================================================= footer	 ==============================================================*/

footer .social{float:left;text-align:left;}

footer .social a{margin-right:5px;}

.designed-by{
	float:right;
	text-align:Right;
	font-size:.8em;
}

footer .logo{clear:both;margin-top:25px;}


/*=========================== fix for safari - the sliders were stretching height=======================*/
.slick-slide{height:inherit;}

 /* Large Devices, Wide Screens */
    @media only screen and (max-width : 1200px) {

    }

    /* Medium Devices, Desktops */
    @media only screen and (max-width : 992px) {
header .container{background-image:none;}
#content-container{max-width:100%;}
ul.nav.navbar-nav{width:100%;}
    }

    /* Small Devices, Tablets */
    @media only screen and (max-width : 768px) {
#event-name a{font-size:3em;}
#event-date{font-size:1.2em;}
ul.nav.navbar-nav > li{display:block;border:solid 1px #ccc;margin-bottom:10px;}
 .section .row{margin-bottom:0 !important;}
body.* .feature-box{margin-bottom:15px;}
.feature-box img{width:100%;}

    }

    /* Extra Small Devices, Phones */ 
    @media only screen and (max-width : 480px) {
		.band-listing {margin-bottom:25px;}
		.featured-image{max-height:200px;}
		.featured-image .triangle{display:none;}
		#content-container{padding:10px;}
#event-date,#event-location{font-size:1em;} 

h2,.featured-text h2, .featured-text .subheader{font-size:1.5em;}
.section{font-size:75%;}
.designed-by{float:none;text-align:center;margin-bottom:15px;}
.single .subtitle, .single .performance-time{font-size:120%;}
    }

    /* Custom, iPhone Retina */ 
    @media only screen and (max-width : 320px) {
       
    }