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

/* Font embedding */

/* Device styling */
.lp-sale-rewards {
	font-family: 'Roboto', sans-serif;
	text-align: left;
  	float: left;
  	background: #003C71;
  	color:#FFFFFF;
}
.lp-sale-rewards .lp-classic-copy {
	line-height: 35px; 
	padding: 10px 20px 5px 20px;
}
.lp-sale-rewards .lp-classic-copy .line-1 {
	font-size: 27px;
}
.lp-sale-rewards .lp-classic-copy .line-2 {
	font-size: 36px;
	font-weight: 500 !important;
}
.lp-title-rewards {
    float: left;
	margin-right: 20px;
	font-size: 100px;
}
.lp-title-rewards {
    line-height: 80px;
}

.lp-sale-classic {
	font-family: 'Roboto', sans-serif;
	text-transform: lowercase;
	font-weight: 500 !important;
	text-align: left;
  	float: left;
  	background: #003C71;
  	color:#FFFFFF;
}
.lp-sale-classic .lp-classic-copy-en {
	font-size: 60px;
	line-height: 60px;
	padding:20px;
}

.lp-sale-classic .lp-classic-copy-fr {
	font-size: 60px;
	line-height: 60px;
	padding:20px;
}

.lp-sale-maple {
	font-family: 'Roboto', sans-serif;
	text-transform: uppercase;
	font-weight: 900 !important;
	text-align: right;
	width:290px;
  float: left; 
}

.lp-title {
  margin-left: 25px;
    float: left;
    margin-top: 35px;
}

.lp-sale-tag {
	margin-bottom: 3px;
}
.lp-tag-text {
	color: #003C71;
	background: #FFD100;
	font-size: 18px;
	letter-spacing: 5px;
	padding: 6px 9px;
}
.lp-sale-maple-leaf {
	width: 53px !important;
	height: 46px !important;
	position: static !important;
	transform: translate(-10%, -5%) !important;
	margin: 0 5px !important;
}
.lp-maple-text {
	border-left: 1px solid #FFFFFF;
	padding-left: 20px !important;
	padding-right: 0 !important;
}
.lp-sale-copy {
	padding: 18px 15px 15px 15px;
	border: 0px solid #FFFFFF;
	color: #FFFFFF;
	background: #00a19e;
	font-size: 49px;
	line-height: 49px;
	letter-spacing: 13px;
}

.lp-sale-copy-fr {
	padding: 20px 15px 15px 15px;
	border: 0px solid #FFFFFF;
	color: #FFFFFF;
	background: #00a19e;
	font-size: 40px;
	line-height: 40px;
	letter-spacing: 10px;
}

.sale-classic .classic-copy-en {
	font-family: 'Roboto', sans-serif;
	text-transform: lowercase;
	position: absolute;
	font-weight: 500 !important;
	top: -300px;
  	left: 425px;
	text-align: right;
	color:#FFFFFF;
	font-size:100px;
	background:#003C71;
	padding:15px;
}

.sale-classic .classic-copy-fr {
	font-family: 'Roboto', sans-serif;
	text-transform: lowercase;
	position: absolute;
	font-weight: 500 !important;
	top: -300px;
  	left: 425px;
	text-align: right;
	color:#FFFFFF;
	font-size:80px;
	background:#003C71;
	padding:15px;
}

.sale-maple {
	font-family: 'Roboto', sans-serif;
	text-transform: uppercase;
	position: absolute;
	font-weight: 900 !important;
	top: -325px;
/*	left: 225px; had to adjust for pumpkin spice */
  left: 285px;
	text-align: right;
}
.sale-tag {
	margin-bottom: 10px;
}
.tag-text {
	color: #003C71;
	background: #FFD100;
	font-size: 24px;
	letter-spacing: 5px;
	padding: 7px 10px;
}
.sale-maple-leaf {
	width: 69px !important;
	height: 62px !important;
	position: static !important;
	transform: translate(-10%, -5%) !important;
	margin: 0 10px !important;
}
.maple-text {
	border-left: 1px solid #FFFFFF;
	padding-left: 20px !important;
	padding-right: 0 !important;
}
.sale-copy {
	padding: 20px;
	border: 5px solid #FFFFFF;
	color: #FFFFFF;
	background: #00a19e;
	font-size: 72px;
	line-height: 72px;
	letter-spacing: 15px;
}

.sale-copy-fr {
	padding: 28px 20px 20px 20px;
	border: 5px solid #FFFFFF;
	color: #FFFFFF;
	background: #00a19e;
	font-size: 57px;
	line-height: 57px;
	letter-spacing: 12px;
}


@media (max-width: 1199px) {

.sale-classic .classic-copy-en {
 	top: calc(((-100vw + 408px) * 0.576 - 95px) + (((100vw - 408px) * 0.288) - 10px) );
	left: calc((100vw - 408px) - 225px);
	font-size:90px;
	padding:15px;
}

.sale-classic .classic-copy-fr {
 	top: calc(((-100vw + 408px) * 0.576 - 95px) + (((100vw - 408px) * 0.288) - 10px) );
	left: calc((100vw - 408px) - 250px);
	font-size:80px;
	padding:15px;
}


.sale-maple {
 top: calc(((-100vw + 408px) * 0.576 - 95px) + (((100vw - 408px) * 0.288) - 40px) );
	left: calc((100vw - 408px) - 300px);
}
.sale-tag {
	margin-bottom: 6px;
}
.tag-text {
	font-size: 18px;
	letter-spacing: 4px;
	padding: 5px 8px;
}
.sale-maple-leaf {
	width: 50px !important;
	height: 43px !important;
	position: static !important;
	transform: translate(-10%, -5%) !important;
	margin: 0 5px !important;
}
.maple-text {
	border-left: 1px solid #FFFFFF;
	padding-left: 15px !important;
	padding-right: 0 !important;
}
.sale-copy {
	padding: 15px;
	border: 2px solid #FFFFFF;
	font-size: 54px;
	line-height: 54px;
	letter-spacing: 9px;
}
.sale-copy-fr {
	padding: 23px 15px 18px 15px;
	border: 2px solid #FFFFFF;
	font-size: 39px;
	line-height: 39px;
	letter-spacing: 9px;
}
}

@media (max-width: 991px) {

.sale-classic .classic-copy-en {
 	top: calc(((-100vw + 408px) * 0.576 - 95px) + (((100vw - 408px) * 0.288) - 40px) );
	left: calc((100vw - 408px) - 165px);
	font-size:70px;
	padding:10px;
}

.sale-classic .classic-copy-fr {
 	top: calc(((-100vw + 408px) * 0.576 - 95px) + (((100vw - 408px) * 0.288) - 40px) );
	left: calc((100vw - 408px) - 185px);
	font-size:60px;
	padding:10px;
}

.sale-maple {
/* top: calc(((-100vw + 408px) * 0.576 - 95px) + (((100vw - 408px) * 0.288) - 50px) ); had to chagne for pumpkin spice sale */
  top: -205px;
	left: calc((100vw - 408px) - 220px);
}
.sale-tag {
	margin-bottom: -5px;
}
.tag-text {
	font-size: 12px;
	letter-spacing: 3px;
	padding: 3px 5px;
}
.sale-maple-leaf {
	width: 32px !important;
	height: 27px !important;
	position: static !important;
	transform: translate(-10%, -5%) !important;
	margin: 0 5px !important;
}
.maple-text {
	border-left: 1px solid #FFFFFF;
	padding-left: 9px !important;
	padding-right: 0 !important;
}
.sale-copy {
	padding: 9px;
	border: 2px solid #FFFFFF;
	font-size: 34px;
	line-height: 34px;
	letter-spacing: 9px;
}
.sale-copy-fr {
	padding: 13px 9px 10px 9px;
	border: 2px solid #FFFFFF;
	font-size: 28px;
	line-height: 28px;
	letter-spacing: 6px;
}
}

@media (max-width: 767px) {

.sale-classic .classic-copy-en {
 	top: calc(((-100vw + 30px) * 0.576 - 75px) + (((100vw - 30px) * 0.288) - 30px) );
	left: calc((100vw - 30px) - 120px);
	font-size:50px;
	padding:5px;
}

.sale-classic .classic-copy-fr {
 	top: calc(((-100vw + 30px) * 0.576 - 75px) + (((100vw - 30px) * 0.288) - 20px) );
	left: calc((100vw - 30px) - 130px);
	font-size:40px;
	padding:5px;
}

.sale-maple {
 /* top: calc(((-100vw + 30px) * 0.576 - 75px) + (((100vw - 30px) * 0.288) - 50px) ); had to change for pumpkin spice */
  top: -190px; 
	left: calc((100vw - 30px) - 220px);
}


.lp-sale-maple { float: none; }

.lp-title {
  margin-left: 0px;
    float: none;
  clear: both;
  padding-top: 20px;
    margin-top: 0px;
    margin-bottom: 0px;
}

}