/* template.css overwrites -- use only when absolutely necessary
================================*/
.banner-img {
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	max-height: 450px;
	background: url(../imgs/hero.jpg) no-repeat 0 0;
	background-size: 189.72%;
}


/* custom CSS on a per project basis
================================*/
span.dayText{width:100%;font-size:2.5vw;}
span.dateText{width:100%;font-size:8vw;font-weight:700;letter-spacing:-4px;line-height:0.8;}
span.lessTracking{letter-spacing:-6px;}
span.dealText{width:100%;font-size:3vw;}

.break{display:block;width:100%;height:6px;background-image:url(../imgs/break.jpg);}

.fullResFeat{display:none}
.lowResFeat{display:block;width:100%}


.cal{width:100%;max-width:1366px;height:auto;margin:0 auto;padding:0;clear:both;overflow:visible;display:flex;flex-wrap:wrap;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;}

.row{width:100%;max-width:1366px;min-height:360px;margin:0 auto;padding:20px 0;border-bottom:thin solid rgba(0,0,0,0.5);
	clear:both;overflow:visible;display:flex;flex-wrap:wrap;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;}

.active{background-color:rgba(255,195,90,1);}
.past{opacity: 0.3;background-color:rgba(0,0,0,0.2)}
.inactive{opacity: 0.5;}

.left{width:33%;height:auto;margin:0;padding:10px;text-align:left;
display:flex;flex-wrap:wrap;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;order:1;}

.mid{width:33%;height:auto;margin:0;padding:10px;border-left:thin solid rgba(0,0,0,0.5);border-right:thin solid rgba(0,0,0,0.5);
display:flex;flex-wrap:wrap;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;order:2;}

.right{width:33%;height:auto;margin:0;padding:10px;
display:flex;flex-wrap:wrap;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;order:3;}

.copy{width:100%;height:10px;margin:0;padding:0;text-align:left;color:rgba(50,50,50,1);text-transform:uppercase;clear:both;
display:flex;flex-wrap:wrap;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;order:1;}

.day1{background-image:url(../imgs/day1.png);background-repeat:no-repeat;background-position:top 70% center;background-size:90%;}
.day2{background-image:url(../imgs/day2.png);background-repeat:no-repeat;background-position:top 70% center;background-size:30%;}
.day3{background-image:url(../imgs/day3.png);background-repeat:no-repeat;background-position:top 74% center;background-size:45%;}
.day4{background-image:url(../imgs/day4.png);background-repeat:no-repeat;background-position:top 70% center;background-size:85%;}
.day5{background-image:url(../imgs/day5.png);background-repeat:no-repeat;background-position:top 70% center;background-size:80%;}
.day6{background-image:url(../imgs/day6.png);background-repeat:no-repeat;background-position:top 70% center;background-size:80%;}
.day7{background-image:url(../imgs/day7.png);background-repeat:no-repeat;background-position:top 70% center;background-size:90%;}
.day8{background-image:url(../imgs/day8_grey.png);background-repeat:no-repeat;background-position:top 75% center;background-size:45%;}
.day9{background-image:url(../imgs/day9_grey.png);background-repeat:no-repeat;background-position:top 73% center;background-size:85%;}
.day10{background-image:url(../imgs/day10_grey.png);background-repeat:no-repeat;background-position:top 70% center;background-size:80%;}
.day11{background-image:url(../imgs/day11_grey.png);background-repeat:no-repeat;background-position:top 70% center;background-size:60%;}
.day12{background-image:url(../imgs/day12_grey.png);background-repeat:no-repeat;background-position:top 70% center;background-size:85%;}
.day13{background-image:url(../imgs/day13_grey.png);background-repeat:no-repeat;background-position:top 70% center;background-size:85%;}
.day14{background-image:url(../imgs/day14_grey.png);background-repeat:no-repeat;background-position:top 70% center;background-size:50%;}
.day15{background-image:url(../imgs/day15_grey.png);background-repeat:no-repeat;background-position:top 70% center;background-size:85%;}
.day16{background-image:url(../imgs/day16_grey.png);background-repeat:no-repeat;background-position:top 70% center;background-size:50%;}
.day17{background-image:url(../imgs/day17_grey.png);background-repeat:no-repeat;background-position:top 70% center;background-size:45%;}

/* responsive CSS on a per project basis
================================*/

@media only screen and (max-width: 1024px) {
	/* insert responsive CSS for screens below 1024px */
}

@media only screen and (min-width: 375px) {
	/* insert responsive CSS for screens above 375px */
}
@media only screen and (min-width: 481px) {
	/* insert responsive CSS for screens above 481px */
}
@media only screen and (min-width: 641px) {
	/* insert responsive CSS for screens above 641px */
	.banner-img {
		background-position: 0 100%;
		background-size: 100%;
	}

span.dayText{width:100%;font-size:1vw;}
span.dateText{width:100%;font-size:3.75vw;font-weight:700;letter-spacing:-4px;line-height:0.8;}
span.lessTracking{letter-spacing:-6px;}
span.dealText{width:100%;font-size:1.5vw;}


.fullResFeat{position: absolute;top:30%;right:2%;width:50%;max-height:285px;margin:0 auto;padding:0;z-index:2;
	clear:both;overflow:visible;display:flex;flex-wrap:wrap;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;}
.fullResFeat img{display:block;width:100%;}

.featuredDetails{width:40%;height:auto;margin:0;padding:0;text-align:left;font-size:1vw;
display:flex;flex-wrap:wrap;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;order:1;}

.featuredDetails a{font-weight:700;font-size:1.5em;line-height:1.25;}
.featuredDetails .featTitle{height:8em;overflow:hidden;}

.featuredImg{width:60%;height:auto;margin:0;padding:0;
display:flex;flex-wrap:wrap;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;order:2;}

.featuredDetails .item-promo-code{padding:1.5em 5px 0 5px;height:3.6em;}
.featPricing{width:100%;display:block;}
.featPricing .main-item{width:80%;margin:0;padding:0;}
.featPricing .main-item .item-info{width:100%;margin:0;padding:0;}

.lowResFeat{display:none;}


}
@media only screen and (min-width: 769px) {
	/* insert responsive CSS for screens above 769px */
}

@media only screen and (min-width: 1024px){
span.dayText{width:100%;font-size:1vw;}
span.dateText{width:100%;font-size:3.75vw;font-weight:700;letter-spacing:-4px;line-height:0.8;}
span.lessTracking{letter-spacing:-6px;}
span.dealText{width:100%;font-size:1.5vw;}

.row{min-height:240px;}

.day1{background-position:top 20px right 15%;background-size:50%;}
.day2{background-position:top 20px right 25%;background-size:17%;}
.day3{background-position:top 20px right 20%;background-size:24%;}
.day4{background-position:top 20px right 20%;background-size:53%;}
.day5{background-position:top 20px right 20%;background-size:42%;}
.day6{background-position:top 20px right 10%;background-size:48%;}
.day7{background-position:top 40px right 20%;background-size:50%;}
.day8{background-position:top 20px right 25%;background-size:20%;}
.day9{background-position:top 30px right 10%;background-size:47%;}
.day10{background-position:top 25px right 15%;background-size:47%;}
.day11{background-position:top 20px right 20%;background-size:34%;}
.day12{background-position:top 25px right 10%;background-size:50%;}
.day13{background-position:top 20px right 15%;background-size:48%;}
.day14{background-position:top 20px right 22%;background-size:28%;}
.day15{background-position:top 20px right 10%;background-size:50%;}
.day16{background-position:top 20px right 25%;background-size:24%;}
.day17{background-position:top 20px right 22%;background-size:24%;}

}

@media only screen and (min-width: 1366px) {
	/* insert responsive CSS for screens above 1025px */
span.dayText{font-size:1em;}
span.dateText{font-size:3.75em;font-weight:700;letter-spacing:-4px;line-height:0.8;}
span.lessTracking{letter-spacing:-6px;}
span.dealText{font-size:1.5em;}
.featuredDetails {font-size:1em;}


}