/*-------------------------------------------------------
  bare bones website theme by Webinfuse.com
  Content styling
  - based on Foundation 3 by http://foundation.zurb.com/
--------------------------------------------------------*/

/* overriding the default Foundation font sizes with a smaller scheme and different typeface */

body {font-family: "Trebuchet MS", Helvetica, sans-serif;}

/* Default Link Styles */
a {color: #f0553f;}
a:hover, a:focus {color: #000;}

/* Default paragraph styles */
p, li, dd {font-size: 16px; font-size: 1rem; line-height: normal;}
p, ul, ol {margin-bottom: 0.6em;}
ul, ol {list-style-position: inside;}

/* Default header styles */
h1, h2, h3, h4, h5, h6 {
  font-family: "Trebuchet MS", Helvetica, sans-serif; margin-top: 1em; margin-bottom: 0.1em; 
  font-weight: normal; color: #000; line-height: 1.2125em; }
h1 small, h2 small, h3 small, h4 small, h5 small, h6 small {font-size: 8px; font-size: 0.5rem; color: #4d4d4d;}
h1 { font-size: 2em; color: #F0553F; text-transform: uppercase; }
h2 { font-size: 1.2em; color: #666666; text-transform: uppercase; }
h3 { font-size: 1em; text-transform: uppercase; }
h4 { font-size: 0.9em; }
h5 { font-size: 0.8em; }
h6 { font-size: 0.8em; }

/* custom styles available in the content editor from the styles drop down */
.smallText {font-size: 0.6rem;}
.largeText {font-size: 1rem;}

/* sprites */
.sprite-ico-social {width: 32px; height: 32px; background-image: url(/images/share-icons-sprite.png); background-repeat: no-repeat;}
.sprite-ico-webinfuse {width: 16px; height: 16px; background-image: url(/images/sprite-icons-webinfuse.png); background-repeat: no-repeat;}
/* set sprite icons */
.ico-bullet {background-position: 0 -300px;}
.ico-email {background-position: 0 0;}
.ico-facebook {background-position: -32px 0;}
.ico-twitter {background-position: -64px 0;}
.ico-pinterest {background-position: -96px 0;}
.ico-instagram {background-position: -128px 0;}
.ico-googleplus {background-position: -160px 0;}
.ico-rss {background-position: -192px 0;}

/* download inventory button */
.hoverButton {position: absolute; top: 180px; right: -35px;}
.hoverButton img {width: 80%; box-shadow:  0 2px 6px #444;}

/* ----- Home page ----- */
.homePageLinks {font-size: 1.1em; text-align: center; line-height: 1.4em; color: #777;} 

.homePageBanners {flex-direction: row; clear: both; margin-left: auto; margin-right: auto;}
.homePageBanners .bannerWrap {display: flex; flex-direction: row;}
.homePageBanners .colWrap {display: flex; flex-direction: column;}
.homePageBanners .firstCol {display: flex; flex-direction: row; margin-right: 20px;}
.homePageBanners .secondCol {margin-right: 20px;}
.homePageBanners .secondCol img {width: 100%}
.homePageBanners .lastCol {flex: 1 0 33%; margin-left: 10px;}
.homePageBanners .banner {min-height: 165px; padding: 15px; color: #fff; position: relative; margin-bottom: 1em;}
.homePageBanners h2 {color: #fff; font-weight: normal; border-bottom: 2px dashed #fff; margin-bottom: 0.8em; margin-top: 0; padding-bottom: 0.5em;}
.homePageBanners h2 em {font-style: normal; display: block; font-size: 1.4em;}
.homePageBanners .banner p {font-style: italic; line-height: 1.4em; font-size: 13px; font-size: 0.84rem;}
.homePageBanners .banner a {color: #fff;}
.homePageBanners .banner1 {background-color: #58585a; flex: 0 1 50%; margin-right: 30px;}
.homePageBanners .banner1 p {width: 66%;}
.homePageBanners .banner2 {background-color: #f05540; flex: 0 1 50%; height: fit-content;}
.homePageBanners .banner2 p {width: 72%;}
.homePageBanners .banner3 {background-color: #9a8c7e;}
.homePageBanners .banner img {position: absolute; right: 15px; bottom: 10px;}
.homePageBanners .banner2 img {right: -27px; bottom: -20px;}

@media all and (max-width: 940px) {
    .homePageBanners .bannerWrap {flex-direction: column;}
    .homePageBanners .colWrap {display: block; flex-direction: unset;}
    .homePageBanners .firstCol {display: block; flex-direction: unset; margin-right: 0;}
    .homePageBanners .banner1 {flex: none; margin-right: 0;}
    .homePageBanners .banner2 {flex: 0 1 100%; fit-content;}
    .homePageBanners .secondCol {margin-bottom: 15px; margin-right: 0; text-align: center;}
    .homePageBanners .lastCol {flex-direction: none; margin-left: 0;}
}

/* home page slideshow (using Foundation's Orbit http://foundation.zurb.com/docs/components/orbit.html)
   any customizations here */
.orbit-bullets {float: right; right: 20px; top: -32px;}

/* ----- Contact Us page ----- */
.Contact-Us .content-area .row {border-top: 1px dashed #F0553F; margin-top: 2em;}
.Contact-Us .content-area .row:first-of-type {border: none;}
.Contact-Us .content-area .maps img {box-shadow:  4px 4px 6px 0px #bababa; margin-bottom: 18px;}
 
/* ----- Formstack pages ------ */ 
form.fsForm .fsFieldZip {width: 30% !important;}
@media only screen and (min-width: 768px) {
    form.fsForm input, 
    form.fsForm textarea,
    form.fsForm select, 
    form.fsForm label {width: inherit; height: inherit;}
}

.show-sku {display: none;}
.signedin .show-sku {display: inline;}
 
 
 
 
 
/*-------------------------------------------------------