/* home layout */

/**************** global styles ****************/

@import url('https://fonts.googleapis.com/css?family=Roboto:700,900');

section.home-pg h2  {
	background: #efefef;
	padding:1em;
	font-size: 2.5em;
	font-family: 'Roboto', Arial, Helvetica, sans-serif;
	font-weight: 700;
	text-transform: uppercase;
	color:#0a85ff;
}

section.home-pg.category h2 {
	padding: 0.75em 1em;
}

section.home-pg h2 span.tagline {
	display: block;
	padding: 0.5em 0 0 0;
	font-size: 12px;
	text-transform: initial;
	color:#565656;
	font-weight: normal;
}

section.home-pg.category h2 a {}
section.home-pg.category h2 a:hover {color:#fba700; text-decoration:none;}

section.home-pg h2 i.fa-caret-right {
  position:relative;
  font-size:0.6em;
  top:-4px;
}

section.home-pg .divider {
	position: relative;
	z-index: 1;
}
section.home-pg .divider:after {
    content:'';
    position: absolute;
    /* margin-top:-25px; */
		/* margin-left: 43%; */
    margin-top:-30px;
    margin-left: 410px;
    width: 0;
    height: 0;
    border-top: solid 50px #efefef;
    border-left: solid 70px transparent;
    border-right: solid 70px transparent;
		z-index: -1;
}

/* Listing Default */

section.home-pg .listing {
	margin: 2.5em 0 0 0;
	padding: 0;
}

section.home-pg .listing ul.col4 {
	width:100%;
}

section.home-pg .listing ul.col4 li {
	float: left;
	width:21%;
	/*height: 380px;*/
  overflow:hidden;
  margin:2em 0 2em 2.65em;
}

section.home-pg .listing ul.col4 li.last-col:after {
	content: '';
	clear: both;
}


section.home-pg .listing ul.col4 li a.product-info {
	display: block;
	text-decoration: none;
	color: #333;
	/*padding:1em;*/
}

section.home-pg .listing ul.col4 li a.product-info span.product-img {
	display: block;
	width:140px;
	margin: 0 auto 0.5em auto;
}

section.home-pg .listing ul.col4 li a.product-info span {
	display: block;
	line-height: 1.3em;
}

section.home-pg .listing a.product-info span.product-description {
	margin:0.5em 0;
  font-size:14px;
  line-height: normal !important;
}

/* Banner */

/* .promo-banner { margin:1em auto; } */
.promo-banner a {display: inline-block;  margin-left:0; }
.promo-banner a:first-child { margin-right:20px; }

/**************** sections ****************/

.ho-section1 , .ho-section2 , .ho-section3 , .ho-section4 , .ho-section5 , .ho-section7 {
	display:block;
	margin:40px 0;
	padding:0;
}

/**************** section 1 ****************/

.ho-section1 {
	font-family: 'Roboto', sans-serif;
	font-weight:900;
	display: block;
	font-size:1.7em;
	line-height:1em;
}

.ho-section1.call-out ul {
}

.ho-section1.call-out li {
  display:inline-block;
	float:left;
  width: 288px;
  height: 82px;
  margin:0 48px 0 0;
  padding:0;
  overflow: hidden;
}

.ho-section1.call-out li:nth-child(3n) {
  margin-right: 0;
}

.ho-section1.call-out li a {
  display:block;
  background: #efefef;
  width:288px;
  height:82px;
  margin: 0;
  padding:0.5em 0.25em;
  color:#565656;
}

.ho-section1.call-out li a:hover {
  background: #edf6ff;
  text-decoration:none;
}

.ho-section1.call-out li img {
  display:inline-block;
  position:relative;
	float:left;
	margin: 0 0.25em;
	width:60px;
	height:60px;
}

.ho-section1.call-out li a .blurb {
  display:inline-block;
  margin: auto;
}

.ho-section1.call-out li a .blurb.one-line {
  margin: 1em 0;
}

.ho-section1.call-out li a .blurb.two-line {
  margin: 0.5em 0;
}

.ho-section1.call-out li a .blurb.three-line {
  margin: 0;
}

.ho-section1.call-out li a .highlight {
	color: #fba700;
}

.ho-section1.call-out li a .small-text {
	line-height: 1em;
	font-size: 0.75em;
	letter-spacing: -0.5px;
	font-weight: lighter;
}

.ho-section1.call-out li.darkstyle a {
  background: #0254a0;
  color:#fff;
}

.ho-section1.call-out li.darkstyle a .blurb .highlight {
  color:#ffdd00;
}

.ho-section1.call-out li a .blurb.storeopening  {
  margin:0 0 0 0.4em;
  text-align:center;
  font-size:1.2em;
}

.ho-section1.call-out .fr li a .blurb.storeopening  {
  margin-left:0.05em;
}

.ho-section1.call-out li a .blurb.storeopening .highlight  {
  background: #ffdd00;
  padding:0 0.2em; 
  color:#261818;
  line-height:1.5em;
}

/**************** section 2 ****************/

/*
#ho-newsticker {
	height: 22px;
	line-height:1.7em;
 	overflow: hidden;
	display:inline-block;
	vertical-align: middle;
	margin:0 0 0 20px;
}

#ho-newsticker a,
#ho-newsticker a:active,
#ho-newsticker a:link,
#ho-newsticker a:visited {
	color:#ffffff !important;
	text-decoration:none !important;
}

#ho-newsticker a:hover {
	color:#ffffff !important;
	text-decoration:underline !important;
}

.ho-section2 {
	margin-top:30px;
	color:#ffffff;
	display:block;
	width:100%;
	background:#0a85ff;
	overflow:hidden;
	vertical-align: middle;
}

.ho-section2 h2 {
	background:#013366;
	padding:3px 20px;
	display:inline-block;
	vertical-align: middle;
	line-height:2.6em;
}

.ho-section2	#ho-section2-content {
	padding:2px 8px 2px 30px;
	vertical-align: middle;
	display:inline-block;
}

.ho-section2-corner {
	margin:0;
	padding:0;
	width: 0;
	height: 0;
	border-style: solid;
	border-width: 18px 0 18px 10px;
	border-color: transparent transparent transparent #013366;
	display:inline-block;
	vertical-align: bottom;
}
*/

/**************** section 3 ****************/

.ho-section3 {
	/*background:#f8f8f8;*/
}


.ho-section3.specials .listing ul.col4 li a.product-info:hover span.product-description,
.ho-section4.category .listing ul.col4 li a.product-info:hover span.product-description {
  /*background: #ddd;*/
  text-decoration: underline;
  word-break: break-word;
}

section.ho-section3.specials .listing.feature ul.col4 li {
	height: auto;
	min-height: 200px;
}

/* Temp hide canvas block */
.ho-section3 canvas[id^="section3_"] {
	display:none;
}

/*Hide original*/
/*.ho-section3 img[id^="section3_"] {
	display:none;
}*/

.ho-section3.specials a.product-info span.price-original,
.ho-section4.category  a.product-info span.price-original {
	text-decoration: line-through;
	color:#666;
}

.ho-section3.specials a.product-info span.price-sale,
.ho-section4.category a.product-info span.price-sale {
	font-size: 2em;
	font-weight: 700;
	color:#e80000;
}

.ho-section3.specials a.product-info span.price-mir,
.ho-section4.category a.product-info span.price-mir {
	font-size: 1.2em;
	font-weight: 700;
	color:#e80000;
}


.ho-section3.specials a.product-info span.price-original,
.ho-section3.specials a.product-info span.price-savings,
.ho-section3.specials a.product-info span.promo-period,
.ho-section4.category a.product-info span.price-original,
.ho-section4.category a.product-info span.price-savings,
.ho-section4.category a.product-info span.promo-period   {
	font-size: 0.95em;
}
.ho-section3.specials a.product-info span.price-sale,
.ho-section3.specials a.product-info span.price-savings,
.ho-section3.specials a.product-info span.notes,
.ho-section4.category a.product-info span.price-sale,
.ho-section4.category a.product-info span.price-savings,
.ho-section4.category a.product-info span.notes {
	color:#e80000;
}

.ho-section3.specials a.product-info span.promo-period,
.ho-section4.category a.product-info span.promo-period  {
	margin: 0.5em 0 ;
	color: #666;
}

.ho-section3.specials .listing ul.col4 li a.product-info span.highlight,
.ho-section4.category .listing ul.col4 li a.product-info span.highlight {
	display: inline;
	font-weight: bold;
	color: #e80000;
}

.ho-section3.specials .listing ul.col4 li a.product-info span.uppercase,
.ho-section4.category .listing ul.col4 li a.product-info span.uppercase {
  text-transform:uppercase;
}

.ho-section3.specials .listing ul.col4 li a.product-info span.large,
.ho-section4.category .listing ul.col4 li a.product-info span.large {
  font-size:1.1em;
}


/**************** section 4 ****************/

/*
.ho-section4 {
	clear:both;
}

.ho-section4.category .listing.feature ul.col4 li {
	height: 275px;
}

.ho-section4.category .listing a.product-info span.product-description {
	margin: 2em 0 0.5em 0;
}

.ho-section4.category a.product-info:hover span.product-description {
	text-decoration: underline;
}
*/

/**************** section 5 ****************/

.ho-section5 {
	border-top:1px solid #ddd;
	padding:1em;
}

.ho-section5.social .header {
	width: 100%;
	margin-bottom: 1.5em;
}

.ho-section5.social .header .logo-hotspot {
	float:left;
}

.ho-section5.social .header .tagline {
	display: block;
	width:50%;
	margin-top:1.5em;
	float:right;
	font-size: 1.2em;
	text-transform: uppercase;
	text-align: right;
}

.ho-section5.social .content .block {
	width: 49%;
	float: left;
	margin-right: 1.5em;
}

.ho-section5.social .content .block.right {
	margin-right: 0;
}

.ho-section5.social .content span {
	display: block;
}
.ho-section5.social .content .block a {
	display: block;
	-webkit-box-sizing: border-box;
 	-moz-box-sizing: border-box;
 	box-sizing: border-box;
	text-decoration: none;
	background: rgba(212, 233, 255,1);
	padding:1.5em;
	height: 210px;
}

.ho-section5.social .content .block.left a ,
.ho-section5.social .content .block.right a {
  background-color:rgba(212, 233, 255,1);
	background-repeat:no-repeat;
  background-position:95% 50%;
}

.ho-section5.social .content .block.left a:hover ,
.ho-section5.social .content .block.right a:hover {
  background-color:rgba(212, 233, 255,0.7);
}

.ho-section5.social .social-media-icons {
	margin: -65px 0 0 25px;
}

.ho-section5.social .content .block .social-media-icons a {
	display: inline-block;
	background: none;
	padding:0.2em;
	font-size: 2em;
	height: 30px;
}

.ho-section5.social .content .block .social-media-icons a:hover {
	background: none;
}

.ho-section5.social .content .block span {
	display: block;
	line-height: 1em;
}

.ho-section5.social .content .block span.blurb {
	width:45%;
	color: #333;
	margin: 1em;
}

.ho-section5.social .content .block span.title {
	font-size: 2em;
	margin-bottom: 0.5em;
	color: #0b85ff;
	font-weight: bold;
}

/**************** section 7 ****************/

.ho-section7 {
	border-top:1px solid #ddd !important;
	padding: 2em 1em;
}

.ho-section7 > ul > li > a,
.ho-section7 > ul > li > a:link,
.ho-section7 > ul > li > a:active,
.ho-section7 > ul > li > a:visited,
.ho-section7 > ul > li > a:hover {
	color:#000000 !important;
	text-decoration:none !important;

}

.ho-section7 > ul > li {
	font-size:1.1em;
	line-height: 1.1em;
	float:left !important;
	width:270px !important;
	height:115px !important;
	padding:20px 20px 0 20px !important;
	border-left:1px solid #ededed;
	border-bottom:1px solid #ededed;
}

.ho-section7 ul li.remove-border {
	border-bottom:none;
}

.ho-section7a {
	position: relative;
	float:left;
	width:294px;
	height:300px;
	display:inline-block;
	padding:0 10px;
}

.ho-section7a p {
	margin:0;
	padding:10px 0;
}

.ho-section7 > ul > li > a > img {
	float:left;
	margin:10px 20px 40px 0;
}

.ho-section7 h2 {
	font-family: 'Roboto', sans-serif;
	font-weight:900;
	font-size:1.7em;
	color:#0b85ff;
	margin:0;
	padding:10px 0;
	background: none;
}

.ho-section7 form {
	position:absolute;
}

.ho-section7 h3 {
	font-weight: bold;
	margin-bottom:8px;
}

.ho-section7a form .selectric-wrapper {
	float:left;
	width:260px;
}

.ho-section7a form .selectric {
	width:260px !important;
}

.ho-section7a form .selectric-scroll ul {
	width:260px !important;
}

.ho-section7a form .selectric-scroll ul li {
	width:244px !important;
}

.ho-section7-btn {
	display:block;
	padding:10px 30px;
	margin:10px 0 0 0;
}