/* template.css overrides -- use only when absolutely necessary
================================*/
.banner {padding-top:0; margin:auto; text-align:center; }
.banner img { width:100%; max-width:1366px; }
.banner-img {
position: absolute;
top: 0;
left: 0;
right: 0;
bottom: 0;
max-height: 700px;
background: url(../imgs/hero.jpg) no-repeat 0 0;
background-size:289.722222%;
}

.header2021-logo-img > img{
  width:102px !important;
  height:auto;
}
.price{margin:0 0 0.825em 0;}
.price-save-dollar,.price-save-label,.price-save-percent{position:relative;background:#cc4e00;color:#fff;font-weight:700;font-size:13px;}
.price-save-percent:after{left: 100%;border-bottom:19px solid #cc4e00;border-right: 10px solid transparent;margin-bottom:0;}
.price-save-label{padding:0 0 1px 6px}
.price-save-dollar{padding:0 0 1px 2px}
.price-save-percent{padding:0 6px 1px 2px}
.price-save-label:before,.price-save-percent:after{content:'';position:absolute;bottom:0;width:0;height:0;}
.item-cell{border-bottom:none;}
.item-promo{margin-top:1em;}
.item-promo-code{border-color:#888;}
.item-promo-title span{color:#333;}
.item-promo-info{color:#cc4e00;}
.item-promo-code{padding:1.5em 5px 1em 5px;height:auto;color:#cc4e00;}
.item-promo-code-save{display:inline;}
li.mir{display:none;}
.instantSavings, .mir{display:block;}
.finalPrice{font-size:1.6em;}
.instantSavings{font-size:0.925em}
.shipping{visibility:hidden;}
.mir{font-size:1em;margin:0;color:#016B04}
.header .logo { width:125px; }
/* No Orange Bar for Custom LPs with Black Background
.price-save-dollar,.price-save-label,.price-save-percent{position:relative;background:none;color:#fff;font-weight:700;font-size:13px;}
.price-save-percent:after{left: 100%;border-bottom:none;border-right: 10px solid transparent;margin-bottom:0;}
================================*/


/* custom CSS on a per project basis
================================*/
h1,h2,h3,h4,h5,h6 {
	font-family: "Montserrat", Gotham, "Helvetica Neue", Helvetica, Arial, "sans-serif";
}

p {
	font-family: Open Sans, "Gill Sans", "Gill Sans MT", "Myriad Pro", "DejaVu Sans Condensed", Helvetica, Arial, "sans-serif";
}
.bg-hero { background-image: url('../img/bg_hero.jpg'); background-size:cover; max-height:700px; }
.wbd-cta { margin:2% auto; width:100%; max-width:200px; }
#prizes { margin:5% auto; max-width:1366px; font-family:'Montserrat',sans-serif; }
.prize-head { width:80%; text-align:center; margin:5% auto; font-family:'Montserrat',sans-serif; }
.prize-head h1 { font-weight:800; text-transform:uppercase; font-size:3em; }
.prize-head p { margin:2% auto 3%; width:60%; font-size:1.5em; }
.prize { width:100%; margin:10% 0; min-height:300px; }
.lastprize { margin-bottom:3%; }
.prize1, .bkup { float:left; }
.prize1 img { max-width:380px; width:100%; margin-top:-10%; }
.prize-details { float:left; text-align:left; width:500px; }
.prize-details h2 { font-size:3em; margin-top:-43px; font-weight:800; }
.prize-details h3 { font-size:2em; line-height:100%; margin:2% 0; }
.prize-details h3 span { font-weight:400; font-size:0.75em; text-transform:uppercase; }
.prize-details p { line-height:150%; margin:0 0 3% 0; padding-left:1px; }
.padd { margin:0 5% 0 10%; }
.lpadd { margin: 0 0 0 15%; }
.mpadd { padding-bottom:5%; }
.flt-r { float:right; margin-right:10%; }
.whtxt { color:white; }
.blkblue { background-color:#09144f; }
.lightblue { background-color:#00aeef; }
.lblue { color:#00aeef; }
.darkblue { background-color:#1946b8; }
.dblue { color:#1946b8; }
.shopall { margin:auto; text-align:center; }

.backup { width:100%; min-height:130px; }
.bkup { padding:1% 0; }
.bkup img { max-width:150px; width:100%; margin-left:60%; }
.bkup-details { float:left; text-align:left; width:600px; margin-left:4%; }
.bkup-details h2 { font-size:2em; margin-top:-29px; color:#09144f; text-transform:uppercase; font-weight:800; }
.bkup-details p { text-transform:uppercase; font-weight:800; font-size:1.5em; padding:1% 0 2%; }
.social { margin:3% auto; text-align:center; }
.social img { max-width:81px; width:100%; margin:5px; }
.wbd-btn {
	-moz-box-sizing: content-box;
	box-sizing: content-box;
	color: white;
	background-color: #FF9100;
	border-radius: 3px;
	font: bold 14px/1 'Open Sans Condensed','Arial Narrow','Helvetica Narrow', arial, helvetica, sans-serif;
	font-stretch: condensed; /* for rendering Arial Narrow in FF properly */ 
	letter-spacing: 1px;
	text-align: center;
	text-decoration: none !important;
	text-transform: uppercase;
	vertical-align: middle;
	cursor: pointer;
	padding: 10px 15px;
}

.wbd-btn:hover {
	background-color: #F38800;
}
.wbd-btn:active {background-color: #E06800;}
/*****hero Banner section*****/

.banner-img {
	display: none;
position: static;
}
.banner-img-mobile {
	background: url("../img/wbd-header-mobile-banner.jpg") no-repeat center center;
	background-size: 100%;
	width: 100%;
	max-height: 960px;
}

/*****Section One******/
.section-one h1 { text-align:center; font-size:3em; padding:0 10%; text-transform:uppercase;}
.section-container {width: 100%; padding:5%;}
.section-one > h2 {font-size: 2em; color: #09144F; text-align: center; font-weight: 900; }
.section-one > p {font-size: 1.25em; color: #070707; text-align: center; padding:5%; }
/*****End Section One******/

/*****Section Two******/
.section-two {background-color: #09144F; display: flex; flex-wrap: wrap; align-items: center; justify-content: center; padding: 5% 1%;}
.col-one-fifth > img {max-width: 120px; justify-content: center;}
.col-four-fifths > h3:nth-of-type(1) {color: white; font-weight: 900; font-size: 2em; text-align: center; margin: 5px auto;}
.col-four-fifths > h3:nth-of-type(2) {color: white; font-weight: 900; font-size: 18px; text-align: center;}
/*****End Section Two******/

/*****Section Three******/
.section-three {width: 100%;}


.prize-container {background-color: white;}
.prize-col-one {width: 100%; height: auto;}
.prize-col-one > img {display: block;  max-width: 300px; margin: 0 auto;}

.prize-one > .prize-col-two,
.prize-three > .prize-col-two,
.prize-five > .prize-col-two {background-color: #00AEEF; text-align:left; }

.prize-one > .prize-col-two > h2,
.prize-three > .prize-col-two > h2, 
.prize-five > .prize-col-two > h2 {position: relative; top: -45px; left: 100px; text-transform: uppercase; font-weight: 900; font-size: 48px; color: #00AEEF;}

.prize-two > .prize-col-two,
.prize-four > .prize-col-two {background-color: #1B3F9D;}
.prize-two > .prize-col-two > h2,
.prize-four > .prize-col-two > h2 {position: relative; top: -45px; left: 100px; text-transform: uppercase; font-weight: 900; font-size: 48px; color: #1B3F9D;}

.prize-col-two > h3 {text-transform: uppercase; font-weight: 900; color: white; font-size: 42px; line-height: 32px; margin-top: -50px;}
.prize-col-two > h3 > span {font-weight: 400; font-size: 32px;}
.prize-col-two > p {color: white; font-size: 18px; padding: 0 2%;}
.prize-col-two a { margin:5% 0; }


/*****End Section Three******/

/*****Section Four******/
.section-four {background-color: #1B3F9D; padding: 50px 2%}
/*****End Section Four******/

/*****Section Five******/
.section-five {padding: 50px 2% 20px 2%;}
.social-icons-container {text-align: center;}

/*****End Section Five******/

/*****Section six******/
.section-six {width: 100%; padding: 5% 2%;}
.section-six > p {
	width: 95%;
	text-align: center;
	font-size: 12px;
}

.section-six > p > span {
	font-weight: 600;
}
/*****End Section Six******/


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

@media only screen and (max-width: 1050px) {
	/* insert responsive CSS for screens below 1024px */
	#prizes { margin:7% auto; }
	.bkup img { margin-left:0; }
	.padd { margin:0 1% 0 0%; }
	.lpadd { margin-left: 5%; }
	.flt-r { margin-right: 1%; }
	.prize-details { width:400px; }
}

@media only screen and (max-width: 845px) {
	/* insert responsive CSS for screens below 1024px */
	.prize-head { width:100%; }
	.prize-head h1 { font-size:2.3em; }
	.prize-head p { width:90%; }
	#prizes { margin:7% auto; }
	.prize { min-height:500px; }
	.prize1 { float:none; text-align:center; }
	.prize1 img { max-width:260px; }
	.backup { padding:5% 0; min-height:300px; }
	
	.bkup { width:200px; text-align:center; }
	.bkup img { margin:0 auto; }
	.bkup-details { width:90%; text-align:center; }
	.bkup-details h2 { color:white; }
	
	.padd { margin:0; width:100%; padding:0 0 5%; }
	.lblue, .dblue { color:white; }
	.lpadd { margin-left: 5%; padding-left:0 !important; }
	.flt-r { margin-right: 1%; float:none; }
	.prize-details { width:90%; padding:0 5%; }
	.shopall { margin: 7% 0; }
}

@media only screen and (max-width: 500px) {
	.prize-head h1 { line-height:120%; }
	.backup { min-height:360px; }
	.prize-details h3 { font-size:1.5em; }
	.prize-details h2 { font-size:2em; }
	.prize { min-height:550px; margin:13% 0; }
	.padd { padding:0 0 10%; }
	.flt-r img { margin-bottom:7%; }
	.mpadd { padding-bottom:20%; }
	.shopall { margin: 7% 0 15%; }
}

@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 
.banner-img-mobile {
	height: 500px;
}
.prize-one > .prize-col-two > h2,
.prize-three > .prize-col-two > h2, 
.prize-five > .prize-col-two > h2,
.prize-two > .prize-col-two > h2,
.prize-four > .prize-col-two > h2 {top: -45px; left: 30%;}
}

.prize-col-two > h3,
.prize-col-two > p {padding: 0 3%;}

.social-icon {max-width: 40px;}
	

@media only screen and (min-width: 641px) {
	/* insert responsive CSS for screens above 641px 
	
	.prize-one > .prize-col-two > h2,
.prize-three > .prize-col-two > h2, 
.prize-five > .prize-col-two > h2,
.prize-two > .prize-col-two > h2,
.prize-four > .prize-col-two > h2 {top: -45px; left: 35%;}*/
}
@media only screen and (min-width: 1200px) {
	/* insert responsive CSS for screens above 769px 

	.banner-img-mobile {display: none;}
	.banner-img {
		display: block; 
		background-image: url("../img/wbd-header-img-desktop.jpg");
		background-position: top center;
		background-size: cover;
		width: 100%; 
		height: 700px;}
        
	
	.section-one {width: 100%;}
	.section-one > h2,
	.section-one > p {padding: 0 5%;}
	
	
	.section-two {padding: 10px 1%;}
	.col-one-fifth {flex-basis: 25%;}
	.col-four-fifths {flex-basis: 50%;}
	.col-one-fifth > img {max-width: 180px; justify-content: center;}
	.col-four-fifths > h3:nth-of-type(1) {font-size: 2em; text-align: left; margin: 5px auto;}
	.col-four-fifths > h3:nth-of-type(2) {font-size: 18px; text-align: left;}
	
	
.prize-one > .prize-col-two > h2,
.prize-three > .prize-col-two > h2, 
.prize-five > .prize-col-two > h2,
.prize-two > .prize-col-two > h2,
.prize-four > .prize-col-two > h2 {top: -45px; left: 40%;}*/
}
@media only screen and (min-width: 1025px) {
	/* insert responsive CSS for screens above 1025px 
	.prize-container {display: flex; height: 600px;}
	.prize-one {background-color: #00AEEF; height: 400px; width: 1000px;}*/
}