/*
 ** Webfodder Overrides
*/

/* THIS FIXES THE 15 PIXEL SPACE AT THE TOP OF THE SITE */
	.st-pusher{
		border-top: solid 1px rgba(0,0,0,0.5);
	}

	.st-container{
		margin-top: -19px;
	}



.clearFix {clear: both;}
 
.standardShadow{
	     box-shadow: 0px 5px 14px rgba(0, 0, 0, 0.15); 
        -moz-box-shadow: 0px 5px 14px rgba(0, 0, 0, 0.15);     
     -webkit-box-shadow: 0px 5px 14px rgba(0, 0, 0, 0.15); 

} 
 

.header-bottom {
    background: url(../images/HeaderBackground-ScreenGrey.jpg) repeat-x top center;
    padding: 25px 0 20px 0;
    height: 62px;
}

.header-top {
    line-height: 100%;
    background: #002f5c url(../images/TopThinBanner-BG.png) repeat-x;
    color: #fff;
    letter-spacing: 0.16em;
    font-weight: 500;
    text-transform: uppercase;
    height: 80px;
} 

.searchMobileFix{
  z-index: 9999; 
  top: 50px; 
  height: 1px; 
}


.freeShippingBanner{
  text-align: center;
  padding-top: 0px;
}

.freeShippingBanner img{
  margin: 0px auto 0px auto;
  display: block;
  width: 100%;
  max-width: 294px;
}


.header-bottom .useraccount {
    font-size: 16px;
    display: inline-block;
    float: left;
    margin-bottom: 14px;
}

.search-form .search-text {
    padding: 0 8px 0 8px;
    width: 172px;
    height: 28px;
    display: inline-block;
    border: none;
    margin-left: 0px;
    color: #646464;
    border: solid 1px #676767;
    border-radius: 5px;
}



#top-categories-menu {
    border-top: 1px solid #8e8e8e;
    border-bottom: 1px solid #8e8e8e;
    background: #dfdfdf;
}


#top-categories-menu .container > ul > li > a, #top-categories-menu .container > ul > li > a:visited{
    line-height: 100%;
    font-family: 'Poppins', sans-serif;
    font-size: 13px;
    font-weight: 600;
    display: block;
    margin: 12px 2px 12px;
    padding: 6px 12px 6px 12px;
    letter-spacing: .1em;
    text-transform: uppercase;
    color: #ffffff;
    border: solid 1px #000000;
    background: rgba(0, 92, 180, 0.1) url(../images/Main-Nav-BG.jpg) repeat-x 50% center;
    border-radius: 10px;
}


#top-categories-menu .container > ul > li > a:hover, #top-categories-menu .container > ul > li > a:hover:visited{
    background: rgba(0, 92, 180, 0.1) url(../images/Main-Nav-BG-over.jpg) repeat-x 50% center;
}




.subcategories > ul.columns-3 > li > a {
    min-height: 108px;
    height: 330px;
    display: block;
    position: relative;
    margin-bottom: 30px;
    text-align: center;
}

.subcategories > ul > li span.category-img {
    display: block;
    position: relative;
    width: 220px;
    margin-left: auto;
    margin-right: auto;    
}

.subcategories > ul > li span.category-img > img {
    width: 220px;
    height: 220px;
    object-fit: cover;
}

.subcategories > ul > li span.name {
    text-align: center;
    font-size: 15px;
    font-weight: 500;
    text-transform: uppercase;
    color: #323232;
    height: 100%;
    margin-top: 8px;     
    margin-bottom: 6px;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -ms-flex-align: center;
    -webkit-align-items: center;
    align-items: center;
    -ms-flex-pack: center;
    -webkit-justify-content: center;
    justify-content: center;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
}

.product-cols #main-image{
    padding-right: 40px;
    position: relative;
    background-color: #ffffff;
    margin-bottom: 0px;
    line-height: 100%;
    padding-bottom: 0px;
}

.st-effect-1.st-menu, .st-effect-2.st-menu, .st-effect-3.st-menu {
    top: 62px;
}
.st-menu {
    width: 310px;
    height: 99%;
}

/* ----------------------------------------------------------------------------------------------------------------------------- */
/* SETS AN IMAGE TO FILL THE SCREEN AT THE XS SIZE AND A MAX WIDTH OF 100% OF THE IMAGE AT LARGER MONITORS                       */
/* ----------------------------------------------------------------------------------------------------------------------------- */

.img-scale-left{
  display: block;
  width: 100%;
  height: auto;
  margin: 0px auto 10px auto;
}

.img-scale-right{
  display: block;
  width: 100%;
  height: auto;
  margin: 0px auto 10px auto;
}

.img-scale-center{
  display: block;
  width: 100%;
  height: auto;
  margin:0px auto 10px auto;
}


.freeshipping{
	font-weight: bold;
	color: red;
}


.gooLogo{

}



/* ================================================================================================================= */
/* ================================================================================================================= */
/* ================================================================================================================= */
@media (max-width: 767px) {
  .logo {
      text-align: center;
  }


}


/* ================================================================================================================= */
/* ================================================================================================================= */
/* ================================================================================================================= */
@media (max-width: 991px) {
  
  #mobile-navigation > ul > li.logo-mobile {
      padding: 12px 1px;
  }


  .logo img {
      position: static;
      width: 100%;
      max-width: 194px;
  }

  .header-bottom #searchBox .search-form {
      z-index: 20999;
      display: none;
  }

}


/* ================================================================================================================= */
/* ================================================================================================================= */
/* ================================================================================================================= */
@media (min-width: 768px) {
  
  body.is-fixed #top-categories-menu a.logo-fixed {
      top: 8px;
      left: 20px;
      height: 40px;
  }
  
  body.is-fixed #top-categories-menu a.logo-fixed img{
      height: 40px;
  }


  .cat-items-grid, .manufaturer-items-grid {
      width: 100%;
  }
  

  .searchMobileFix{
    top: 4px; 
    height: 1px; 
  }
  
  
  

}



/* ================================================================================================================= */
/* ================================================================================================================= */
/* ================================================================================================================= */
@media (min-width: 992px) {

  .img-scale-left{
    display: block;
    float: left;
    width: 100%;
    height: auto;
    margin:0px 10px 10px 0px;
  }

  .img-scale-right{
    display: block;
    float: right;
    width: 100%;
    height: auto;
    margin: 0px 0px 10px 10px;
  }

  .img-scale-center{
    display: block;
    width: 100%;
    height: auto;
    margin: 0px auto 10px auto;
  }


  .header-bottom {
      padding: 25px 0 20px 0;
      height: 172px;
  }

  .searchMobileFix{
    top: 0px; 
    height: 1px; 
  }

}