/*
// ----------------------------------------------
// Usage example:
// For IE set $mq-support to false.
// Set the fixed value.
// Then use mixins to test whether styles should be applied.
// ----------------------------------------------

$mq-support: false;
$mq-fixed-value: 1024;

// Renders at fixed value
@include bp (min-width, 300px) {  div { color:#000; }
}

// Doesn't render without MQ support
@include bp (min-width, 1200px) {  div { color:#FFF; }
}

// Doesn't render without MQ support
@include bp (max-width, 300px) {  div { color:#444; }
}

// Renders at fixed value
@include bp (max-width, 1200px) {  div { color:#888; }
}

// ----------------------------------------------
*/
/* ============================================ * Homepage ============================================ */
/* -------------------------------------------- * Primary Banner */
/* line 36, ../scss/content/_home.scss */
body.cms-home .main-container { padding-top: 20px; }
/* line 40, ../scss/content/_home.scss */
body.cms-home .slideshow-container { margin-top: 0; }

/* line 45, ../scss/content/_home.scss */
.slideshow .banner-msg { position: absolute; text-align: center; text-transform: uppercase; width: 100%; top: 30%; -moz-user-select: none; -ms-user-select: none; -webkit-user-select: none; -o-user-select: none; user-select: none; }

/* line 54, ../scss/content/_home.scss */
.slideshow .banner-msg h2 { color: #FFFFFF; font-size: 24px; text-shadow: 1px 1px 3px #555555; }

/* line 60, ../scss/content/_home.scss */
.slideshow .banner-msg h2 strong { font-weight: bold; display: block; font-size: 36px; }

@media only screen and (max-width: 770px) { /* line 68, ../scss/content/_home.scss */
  .slideshow .banner-msg h2 { font-size: 20px; }
  /* line 72, ../scss/content/_home.scss */
  .slideshow .banner-msg h2 strong { font-size: 24px; } }
@media only screen and (max-width: 479px) { /* line 79, ../scss/content/_home.scss */
  .slideshow .banner-msg { top: 20%; }
  /* line 83, ../scss/content/_home.scss */
  .slideshow .banner-msg h2 { font-size: 14px; }
  /* line 87, ../scss/content/_home.scss */
  .slideshow .banner-msg h2 strong { font-size: 16px; } }
/* -------------------------------------------- * Promotion Banner Section */
/* line 96, ../scss/content/_home.scss */
.promos { margin: 0 0 10px 0; padding: 0; width: 100%; }

/* line 102, ../scss/content/_home.scss */
.promos:after { content: ''; display: table; clear: both; }

/* Specifying the body only in order to override the .std ul li styling */
/* line 108, ../scss/content/_home.scss */
body .promos > li { margin: 0 0 10px 0; list-style: none; text-align: center; position: relative; border: 1px solid #CCCCCC; -moz-user-select: none; -ms-user-select: none; -webkit-user-select: none; -o-user-select: none; user-select: none; }

/* line 117, ../scss/content/_home.scss */
.promos > li:last-child { margin-bottom: 0; }

/* line 121, ../scss/content/_home.scss */
.promos img { max-width: 100%; width: 100%; }

/* line 126, ../scss/content/_home.scss */
.promos a:hover { filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=80); opacity: 0.8; display: block; }

/* line 131, ../scss/content/_home.scss */
.promos span { color: #FFFFFF; text-transform: uppercase; position: absolute; display: block; width: 100%; top: 10%; font-weight: 500; font-size: 20px; font-family: "Nunito", "Helvetica Neue", Verdana, Arial, sans-serif; text-shadow: 1px 1px 3px #555555; }

/* line 144, ../scss/content/_home.scss */
.promos strong { font-weight: 600; font-size: 26px; display: block; }

@media only screen and (min-width: 771px) { /* line 152, ../scss/content/_home.scss */
  .promos span { font-size: 16px; }
  /* line 156, ../scss/content/_home.scss */
  .promos strong { font-size: 17px; }
  /* Config: Three columns + flexible gutter */
  /* line 163, ../scss/content/_home.scss */
  body .promos > li { float: left; width: 31.74603%; margin-right: 2.38095%; }
  /* line 169, ../scss/content/_home.scss */
  .promos > li:nth-child(3n) { margin-right: 0; } }
@media only screen and (min-width: 880px) { /* line 175, ../scss/content/_home.scss */
  .promos span { font-size: 18px; }
  /* line 179, ../scss/content/_home.scss */
  .promos strong { font-size: 24px; } }
/* -------------------------------------------- * New Products Section */
/* Hiding the reviews content via CSS because we can't modify the template, */
/* since it may be used in other places where those elements are needed */
/* line 190, ../scss/content/_home.scss */
.cms-index-index .products-grid .ratings, .cms-index-index .products-grid .actions, .cms-index-noroute .products-grid .ratings, .cms-index-noroute .products-grid .actions { display: none; }

/* line 197, ../scss/content/_home.scss */
.cms-index-index h2.subtitle { padding: 6px 0; text-align: center; color: #004b7f; font-weight: 600; border-bottom: 1px solid #CCCCCC; border-top: 1px solid #CCCCCC; }

/* line 206, ../scss/content/_home.scss */
.cms-index-noroute h2.subtitle { display: none; }

/* ============================================ * Category Landing Pages ============================================ */
/* line 30, ../scss/content/_category.scss */
.category-image { position: relative; }

/* line 34, ../scss/content/_category.scss */
.categorylandingMainblock { border: 1px solid #E2E2E2; padding: 7px; }

/* line 39, ../scss/content/_category.scss */
.catblocks { float: left; padding: 0 0 20px 0; width: 100%; }

/* line 45, ../scss/content/_category.scss */
.catblocks li { position: relative; float: left !important; width: 23% !important; margin-right: 2.66667% !important; margin-bottom: 10px; border: 1px solid #CCCCCC; padding: 10px; }

/* line 55, ../scss/content/_category.scss */
.catblocks li:hover { border-color: #004b7f; }

@media only screen and (max-width: 770px) { /* line 60, ../scss/content/_category.scss */
  .catblocks li { width: 49% !important; margin-right: 2% !important; }
  /* line 65, ../scss/content/_category.scss */
  .catblocks li:nth-child(even) { margin-right: 0 !important; } }
@media only screen and (max-width: 479px) { /* line 71, ../scss/content/_category.scss */
  .catblocks li { width: 100% !important; margin-right: 0 !important; float: none; } }
/* line 78, ../scss/content/_category.scss */
.catblocks li:last-child { margin-right: 0 !important; }

/* line 82, ../scss/content/_category.scss */
.catblocks li img { width: 100%; max-width: 100%; }

/* line 87, ../scss/content/_category.scss */
.catblocks li a span { color: #FFFFFF; position: absolute; background-color: #7B7C7B; font-family: raleway; font-size: 17px; font-weight: bold; text-transform: uppercase; text-align: center; bottom: 0px; left: 0px; width: 100%; padding: 5px 10px; margin-right: 10px; }

/* line 103, ../scss/content/_category.scss */
.catblocklinks a { color: #FFFFFF; text-decoration: none; }

/* line 108, ../scss/content/_category.scss */
.catlandingbottomPromoblock { float: left; width: 100%; border: 1px solid #E2E2E2; margin-bottom: 100px; }

/* line 115, ../scss/content/_category.scss */
.catalog-category-view div.categoryland-caption { display: block; margin: 0; position: absolute; color: #000000; font-size: 30px; font-weight: 500; line-height: 36px; text-align: center; }

/* line 126, ../scss/content/_category.scss */
.catalog-category-view div.categoryland-caption span.blue-big-text { color: #3399CC; font-size: 50px; font-weight: 800; padding: 0 0 0 8px; }

/* line 133, ../scss/content/_category.scss */
.catalog-category-view div.categoryland-caption span.blue-big-text { padding: 0 !important; }

/* line 137, ../scss/content/_category.scss */
.catalog-category-view div.categoryland-caption span.three-dots { background: url(../images/bg_threeDots.png) no-repeat center center; display: block; height: 20px; }

/* line 143, ../scss/content/_category.scss */
.catalog-category-view div.categoryland-caption p.desc { font: italic 18px/28px Georgia, "Times New Roman", Times, serif; color: #656565; }

/* line 148, ../scss/content/_category.scss */
.cms-home #homepage-main-slides div.slides_control div div.slideshow-caption a.link:hover, .cms-home #homepage-main-slides div.slides_control div div.slideshow-caption span.link:hover { text-decoration: underline; color: #1189C5; }

/* line 154, ../scss/content/_category.scss */
.cms-home #homepage-main-slides div.slides_control div div.slideshow-caption span.blue-big-text, .catalog-category-view div.categoryland-caption span.blue-big-text { color: #3399CC; font-size: 50px; font-weight: 800; padding: 0 0 0 8px; }

/* line 162, ../scss/content/_category.scss */
.catalog-category-view div.categoryland-caption span.blue-big-text { padding: 0 !important; }

/* line 166, ../scss/content/_category.scss */
.cms-home #homepage-main-slides div.slides_control div div.slideshow-caption span.three-dots, .catalog-category-view div.categoryland-caption span.three-dots { background: url(../images/bg_threeDots.png) no-repeat center center; display: block; height: 20px; }

/* line 173, ../scss/content/_category.scss */
.cms-home #homepage-main-slides div.slides_control div div.slideshow-caption p.desc, .catalog-category-view div.categoryland-caption p.desc { font: italic 18px/28px Georgia, "Times New Roman", Times, serif; color: #656565; }