@import url(colors-2016.css);
/*@import url(colors-2015.css);*/
/* @import url(colors-2014.css); */

.bodyCntr{position:relative;z-index:1;}
.bodyCntr .wrapper{min-height:250px;}

/*Added in for 2015*/
header{float:none;}

.ui-datepicker .ui-datepicker-prev .ui-icon{background:url(../images/festival/arrow-left.png) top left no-repeat;}
.ui-datepicker .ui-datepicker-next .ui-icon{background:url(../images/festival/arrow-right.png) top left no-repeat;}

/* Icon swap */

.accordingBox h3 a{background:none;}
.accordingBox h3 a:after{
	content:"\f055";
	float:right;
	font-family:FontAwesome;
	font-size:20px;
}
.accordingBox h3.active a:after{content:"\f056";float:right;font-family:FontAwesome;}
.bannerBox .caption{background:url(../images/festival/over-bg.png) repeat;}


.nav li{padding:0 50px 15px;}
.nav li li a, .nav li.dropmenu:hover li a{padding:0px 10px 0px 20px;}
.nav li ul{left:27px;z-index:999999;}

.festivel_banner .pagina li a{
	border:none;
	border-radius:100%;
	height:15px;
	width:15px;
}

.festivel_banner{position:relative;}

.festivel_banner .banner_bg{
	left:20px;
	position:absolute;
	top:20px;
	z-index:0;
}

.wrapper:after{
	clear:both;
	content:"";
	display:block;
	height:0;
	visibility:hidden;
}

.sponserBox{margin-top:0;}
.sponserBox h2{
	float:left;
	padding:10px 0;
	font-size:16px;
	line-height:24px;
	font-weight:400;
	color: #fff;
}

.sponserBox hr{clear:both;margin:10px 0; background-color: #fff;}
.sponserBox ul{float:none;margin-left:200px;display:table;}
.sponserBox ul li{display:table-cell;float:none;width:1%;text-align:center;vertical-align:middle;padding:0;}
.sponserBox ul li:first-child{padding:0;}

.shape{
	clear:both;
	background-attachment:fixed;
	background-image:none;
	background-repeat:no-repeat;
	background-position:20% -10%;
}

.keyword{margin:13px 0 0 0;text-align:right;}
.keyword input[type="text"]{
	padding:0 7px;
	width:137px;
	font-family:'Oxygen',sans-serif;
	height:22px;
	line-height:22px;
	font-size:13px;
	font-weight:300;
	font-style:italic;
}
.keyword input[type="submit"]{
	margin-left:8px;
	font-size:12px;
	border:0px;
	font-weight:700;
	font-family:'Oxygen',sans-serif;
	text-transform:uppercase;
	width:65px;
	height:24px;
}

.sortBox{padding:10px 5px;width:auto;float:none;margin:0;position:relative;}
.sortBox form.search{
	box-sizing:border-box;
	float:right;
	margin:1%;
	padding:0;
	padding-right:24px;
	position:relative;
	width:48%;
}
.sortBox form.search:after{
	content:"\f002";
	display:block;
	height:24px;
	font-family:FontAwesome;
	font-size:16px;
	line-height:24px;
	position:absolute;
	right:0px;
	top:0;
	text-align:center;
	width:24px;
	z-index:1;
}

.sortBox input[type="text"]{
	box-sizing:border-box;
	height:24px;
	line-height:24px;
	margin:0;
	padding:3px 7px;
	width:100%;
}
.sortBox input[type="submit"]{
	background:transparent !important;
	height:24px;
	padding:0;
	position:absolute;
	right:0;
	top:0;
	width:24px;
}
.sortBox li:first-child{padding:0;}

.sortBox h3{
	box-sizing:border-box;
	float:left;
	margin:1%;
	width:23%;
}
.sortBox h3 span.toggle{display:none;}
.sortBox select{
	box-sizing:border-box;
	margin:1%;
	width:23%;
}
.sortBox select option{padding:0 7px;}
.sortBox select.sort{display:none;}

div.filter-box{float:left;margin:1%;position:relative;width:23%;}
div.filter-box p a{
	box-sizing:border-box;
	display:block;
	padding:2px 7px;
	text-decoration:none;
}
div.filter-box p{margin:0;}
div.filter-box p a i{float:right;margin:1px 0 0 0;}
div.filter-box ul{
	box-sizing:border-box;
	display:none;
	left:0;
	margin:0;
	overflow:hidden;
	position:absolute;
	padding:0;
	top:23px;
	width:100%;
	z-index:9999;
}
div.filter-box ul li{
	list-style:none;
	float:left;
	margin:0;
	padding:0;
	text-align:center;
	width:25%;
}
div.filter-box ul li a{display:block;padding:5px 0;}
div.filter-box ul li.all{width:50%;}
div.clear{clear:both;}

hr.thick{height:5px;margin:20px 0;}
#mainCntr.festivel .right_column.detail h1,
.right_column.detail h1{margin-top:20px;}

.right_column.detail{overflow:hidden;}
div.boxes{margin:0 -1%;overflow:hidden;}
div.boxes div.box{float:left;margin:1%;overflow:hidden;width:48%;position:relative;}
div.boxes div.box img{width:100%;opacity:0.3;vertical-align:bottom;}
div.boxes div.box span.title{
	/*font-size:36px;*/
	font-weight:600;
	box-sizing:border-box;
	margin-top:-23px;
	padding:0 20px;
	position:absolute;
	left:0;
	top:50%;
	text-transform:uppercase;
	width:100%;
}
div.boxes div.box span.caption{
	display:none;
	font-size:14px;
	height:100%;
	box-sizing:border-box;
	padding:30px;
	position:absolute;
	left:0;
	top:0;
	width:100%;
}

div.boxes div.box span.caption:after{
	content:"\f101";
	font-family:FontAwesome;
	font-size:30px;
	position:absolute;
	right:10px;
	bottom:10px;
}

div.boxes div.box a:hover span.caption,
div.boxes div.box a:focus span.caption{display:block;}


div.boxes.v2{margin-top:20px;}
div.boxes.v2 div.box{background:transparent;max-height:130px;width:31.33333%;}
div.boxes.v2 div.box img { position: relative; }

div.boxes.v2 div.box{padding-bottom:28px;position:relative;}
div.boxes.v2 div.box img{opacity:1;}
div.boxes.v2 div.box span.sub-title{
	bottom:0;
	box-sizing:border-box;
	height:auto;
	font-size:14px;
	left:0;
	line-height:18px;
	padding:5px 11px;
	position:absolute;
	width:100%;
}
div.boxes.v2 div.box span.caption{
	font-size:12px;
	line-height:20px;
	padding:10px;
}

.ctas ul{list-style:none;margin:0 0 20px;padding:0;}
.ctas ul li{margin:0 0 9px;position:relative;}
.ctas ul li a{position:relative;display:block;}
.ctas ul li img{opacity:0.4;vertical-align:bottom;width:100%;}
.ctas ul li a:hover img,
.ctas ul li a:focus img{opacity:0.2;}
.ctas ul li span.title{
	font-size:20px;
	font-weight:600;
	padding:0 10px 0 20px;
	position:absolute;
	left:0;
	line-height:80px;
	text-transform:uppercase;
	top:0;
}

.button{
	display:inline-block;
	font-size:15px;
	line-height:20px;
	margin:0 0 10px;
	padding:5px 10px;
	text-transform:uppercase;
}

.button i{font-size:20px;position:relative;margin:0 0 0 5px;}

.festivel_mobilenav{padding:3px 0;text-indent:10px;text-align:left;position:relative;font-size:14px;}
.festivel_mobilenav i{font-size:18px;}


h2.guide{margin:13px 0;float:left;padding:0;}
ul.tabnav{list-style:none;margin:13px 0;padding:0;text-align:right;}
ul.tabnav li{display:inline;margin-left:7px;text-transform:uppercase;}
ul.tabnav li a{display:inline-block;padding:3px 15px;}

div.mobile-logo{display:none;padding:20px 0 10px;text-align:center;}
div.mobile-logo div.wrapper img{width:96%;}

div.clear{clear:both;}

iframe.buy-frame{min-height:400px;margin:30px 0;width:100%;}
a.buy.mobile{display:none;}

@media only screen and (max-width:1700px){
	.festivel_banner .banner_bg{opacity:0.2;}
}


@media only screen and (min-width:768px) and (max-width:1016px){
	.nav li{padding:0 25px 15px;}
	.nav li ul{left:2px;}
	.festivel_banner .left{display:none;}
	.festivel_banner .right{float:none;width:auto;}
	.festivel_banner .banner_bg{display:none;}
	.sortBox h3{width:98%;}
	.sortBox select{width:48%;}
	div.filter-box{width:48%;}
	.sponserBox h2{float:none;}
	.sponserBox ul{margin-left:0;}
	div.boxes div.box span.caption{padding:10px;font-size:13px;line-height:16px;}
	div.boxes.v2 div.box{width:48%;}
	.ctas ul li span.title{line-height:60px;font-size:15px;}
}

@media only screen and (max-width:767px){
	div.mobile-logo{display:block;}
	.nav{margin:10px auto 0;float:none;clear:both;}
	.nav .wrapper{top:33px;}
	.nav .wrapper li{padding:0;}
	.nav li{width:100%;text-align:left;border-right:0;}
	.nav li a{padding:3px 10px;}
	.nav li ul{display:none !important;}
	.festivel_banner .banner_bg{display:none;}
	.festivel_banner .left{display:none;}
	.festivel_banner .pagina{margin:0 0 10px;}
	.pillerBox.festivel li figure img{max-height:100%;}
	.keyword{display:none;}
	h2.guide{margin:13px 0 5px;float:none;padding:0 !important;}
	.sortBox{padding:10px;}
	.sortBox select.sort{display:block;}
	.sortBox div.filter-box{display:none;}
	.sortBox .toggle-section{display:none;margin:9px 0 0 0;}
	.sortBox ul{display:block;}
	.sortBox ul li{float:none;display:none;width:auto;}
	.sortBox ul li.on{display:inline-block;}
	.sortBox ul li.on a{padding:8px 20px;font-weight:600;font-size:14px;}
	.sortBox h3{float:none;margin:0;width:100%;}
	.sortBox h3 span.toggle{
		cursor:pointer;
		display:block;
		font-size:20px;
		height:30px;
		line-height:30px;
		position:absolute;
		right:5px;
		text-align:center;
		top:5px;
		width:30px;
	}
	.sortBox form.search{margin:0 0 9px;width:100%;}
	.sortBox select{font-size:13px;height:auto;margin:0 0 9px;padding:2px 3px 2px 4px;width:100%;}
	div.boxes.v2 div.box{width:100%;}
	div.boxes.v2 div.box span.caption{padding:10px;font-size:14px;}
	div.boxes{margin:0;}
	div.boxes div.box{float:none;margin:0 0 10px;width:100%;}
	div.boxes div.box span.caption{padding:10px;font-size:14px;}
	.ctas{padding:10px;}
	.ctas ul li span.title{line-height:100px;font-size:26px;}
	.sponserBox{display:block;}
	.sponserBox h2{float:none;}
	.sponserBox ul{margin-left:0;display:block;}
	.sponserBox ul li{width:50%;float:left;display:block;display:block;margin:0 0 20px;}
	.sponserBox ul li:nth-child(odd){clear:left;}
	a.buy.desk{display:none;}
	a.buy.mobile{display:inline-block;}

/*
Steves Added Code -----------------------------------------------------------*/

.sortBox { margin-left: -10px; width: 300px; }
#mainCntr.festivel .right_column.detail .sortBox { margin-top: 0; }

/*
Steves Code End -------------------------------------------------------------*/

}

html, body { height: 100%; min-height: 100%!important; }

#bkGrndImg1 { background: url("images/bkGrndImg1.jpg"); background-repeat: no-repeat; position: absolute; z-index: 1; width: 746px; height: 418px; top: 130px; left: 0; }
#bkGrndImg2 { background: url("images/bkGrndImg2.jpg"); background-repeat: no-repeat; position: absolute; z-index: 1; width: 676px; height: 656px; top: 550px; right: -180px; }
#bkGrndImg3 { background: url("images/bkGrndImg3.jpg"); background-repeat: no-repeat; position: absolute; z-index: -1; width: 800px; height: 634px; bottom: 0; left: 0; }

/*---------------------------------------------------------------------------------*/
/*------------------------------- Steves Added Code -------------------------------*/
/*---------------------------------------------------------------------------------*/

/*
Sponsor Set Up ------------------------------------------------------*/

#welcomeNote { float: left; width: 100%; padding: 30px 0; }
#welcomeNote .wrapper { min-height: auto; }
#welcomeNote .border { border-bottom: solid 5px #727272; float: left; width: 100%; }
	#welcomeNote h1 { margin-top: 0; color: #3fafc9; }
	#titleHolder { width: 40%; margin-left: 5%; float: left; }
	#welcomeTextHolder { width: 45%; float: left; }

.vertWrap { display: table; position: relative; width: 100%; /*height: 200px;*/ }
div.boxes div.box span.title { display: table-cell; vertical-align: middle; position: relative; margin-top: 0; top: auto; }
div.boxes div.box img { position: absolute; }

.firstSpacer { margin-top: 25px; }

.logoPosAdj { margin-top: -20px; }

/*Ashley*/
.shape {background-image: none;}
.festivel_banner .banner_bg {display: none;}


.ui-widget-content .custom-highlight a:hover {
	background: #585858 !important;
	color: #fff !important;
}
.ui-widget-content .custom-highlight.custom-today ,  .ui-widget-content .custom-highlight.custom-today  a.ui-state-default{
	background: #585858 !important;
	color: #fff !important;
}


/*override welcome note color*/
#welcomeNote h1 {
  color: #414042;
  margin-top: 0;
}