/** Shopify CDN: Minification failed

Line 34:12 Unexpected ","
Line 160:0 Unexpected "}"
Line 231:19 Expected ")" to end URL token
Line 232:19 Expected ")" to end URL token
Line 233:17 Expected ")" to end URL token
Line 234:17 Expected ")" to end URL token
Line 235:17 Expected ")" to end URL token
Line 370:0 All "@import" rules must come first

**/
/* Cam's Foundation Extras */

	/* Some things need to be hidden sometimes */
	.hidden {
        display: none;
   }

   /* Some things need aligning */
   .align-right {
       text-align: right;
   }

   /* TomsCode refresh */


hr {
    
    border-top: 1px solid #e1e0e0;
}


ul, ol, li, , blockquote, th, td {
    margin: 0;
    padding: 0;
    font-family: montserrat;
}

 .footer-wrapper .footer {
    margin: 0 0 5px;
    }


.btn-primary:hover, .btn-primary:active, .btn-primary:focus, .btn-primary:visited {
    background-color: #837976;
}


  .img-thumbnail {
    /* padding: 4px; */
    border: 0px solid #ddd;
    border-radius: 0px;
}
   
    .breadcrumb > * {
    font-size: 1.27rem;
   }

.custom-banner .ctb {
    overflow: hidden;
    color: #fff;
    text-align: left;
    background-color: #003968;
}

.custom-banner .ctb h3 {
    text-transform: uppercase;
    font-size: 24px;
    line-height: 30px;
    color: #fff;
    font-weight: 600;
}


.rte h1, .rte h2, .rte h3, .rte h4, .rte h5, .rte h6 {
    font-weight: 600;
}

.custom-banner .ctb-bot {
    background: url(//westernfirstaid.com/cdn/shop/t/16/assets/ctb-2.jpg?v=4712112â€¦) right 0 no-repeat #837976;
}
  
.custom-banner .ctb p {
    margin: 0 0 15px;
    font-weight: 500;
    font-size: 1.125em;
    color: #fff;
}

a {
    color: #003968;
    text-decoration: none;
}


.breadcrumb > *.current a {
    CONTAIN-INTRINSIC-BLOCK-SIZE: AUTO 100PX;
    cursor: default;
    color: #003968;
    font-weight: 700;
}

  .footer-wrapper .footer {
    margin: 0 0 15px;
        
  }



.footer-wrapper .footer h4 {
    font-size: 14px;
    color: #000;
    letter-spacing: 1px;
    display: inline-block;
    line-height: 50px;
    border: 1px solid #e5e5e5;
    border-width: 2px 0;
    margin: 0 0 28px;
}


#back-top a {
    background: none repeat scroll 0% 0% #003968;
    opacity: 0.3;  
    border: 2px solid #ffffff;
}



a {
    color: #003968;
    text-decoration: none;
}

  .box .box-title h3, .footer-wrapper .footer h4, .page-title, h1, h2, h3, h4, h5, h6 {
    color: #003968;
}



     /* Homepage bottom section Vestis Gray */
    .custom-banner .ctb-bot {
    background: url(//westernfirstaid.com/cdn/shop/t/15/assets/ctb-2.jpg?v=47121125761402489891699561342) right 0 no-repeat #837976; }
    .custom-banner .ctb-bot .ctb-des {
      background-color: #837976; }

.custom-banner .ctb-top {
  background: #003968;
}

  .footer-wrapper {
    padding-top:40px;
  }
  




}

  .footer-wrapper .footer h4 {
      border-width: 2px 0;
  }

  .leadershipRule {
    position: relative;
    top: 5px;
    border: none;
    height: 2px;
    background-color:rgb(210, 210, 210);
    margin-bottom: 40px;
   }
 .footer-wrapper p {
        font-size: 18px;
        color: #000;
    }
 
  
  p {
    font-size: 1.3rem;
    line-height: 1.5;
   }

 .top-bar-section ul li > a, .top-bar-section ul li > span {
    font-size: 15px;
    text-transform: none;
}

ul {
    font-size: 1.3rem;
}


p.lead {
    font-size: 1.4rem;
    line-height: 1.6;
}

.top-menu > li > a {
    font-size: 16px;
}

@media only screen and (min-width: 40.063em)
h3 {
    font-size: 2.55rem;
}

   /* Why the hell do lists still put their style outside the div? */
   ol, ul {
       list-style-position: inside;
         margin-left:0;
   }
   
   /* Product Loop - Change the breakpoint of product grids to suit */
   @media only screen and (min-width: 620px) {
       .product-preview.large-4 {
           position: relative;
           width: 33.33333%;
           }
   }

   /* Foundation reveal reveals some problems */
   .reveal-modal {
       top:10% !important;
   }

/* Foundation Icon Fonts */
   @font-face {
       font-family: "foundation-icons";
       src: url( {{'foundation-icons.eot' | asset_url }});
       src: url( {{'foundation-icons.eot?#iefix' | asset_url }}) format("embedded-opentype"),
          url( {{'foundation-icons.woff' | asset_url }}) format("woff"),
          url( {{'foundation-icons.ttf' | asset_url }}) format("truetype"),
          url( {{'foundation-icons.svg#fontcustom' | asset_url }}) format("svg");
   }
   .white {
       color: white !important;
   }

/* Contact Form */
textarea {
   min-height: 100px;
}



/* Recent Blog Snippet */
ul.recent-blog {
   list-style-type: none;
}

/* Product Page Thumbs */
.product_thumbs {
   margin-top: 20px;
}

/* Below here are CSS elements that are just here for fun c/o Cam Gould */

/* On Sale Feature */
.sale-price {
   color: rgba(255, 71, 65, 1.000);
   font-weight: 800;
}
.sale-tag {
   position: absolute;
   top: 0;
   left: 15px;
   width: 0px;
   height: 0px;
   border-style: solid;
   border-width: 50px 50px 0 0;
   border-color: rgba(255, 71, 65, 1.000) transparent transparent transparent;
}
.sale-tag:after {
   content: "Sale";
   line-height:100%;
   position: absolute;
   top: -40px;
   left: 2px;
   color: rgba(255, 255, 255, 1.000);
   font-size: 0.9em;
   font-weight: 800;
   transform: rotate(-45deg);
   /* Safari */ -webkit-transform: rotate(-45deg);
   /* Firefox */ -moz-transform: rotate(-45deg);
   /* IE */ -ms-transform: rotate(-45deg);
   /* Opera */ -o-transform: rotate(-45deg);
   /* Internet Explorer */ filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=3.5);
}
/* Sale tag using Foundation Icon Font */
.sale-tag-icon {
   position: absolute;
   top: 0;
   left: 0px;
   width: 0px;
   height: 0px;
   border-style: solid;
   border-width: 32px 47px 0 0;
   border-color: rgba(255, 255, 255, 1.000) transparent transparent transparent;
}
.sale-tag-icon:after {
   position: absolute;
   top: -54px;
   left: 3px;
   content: "";
   font-family: "foundation-icons";
   font-size: 3.8em;
   color: rgba(255, 71, 65, 1.000);
   text-shadow: 1px 1px 0 rgba(255, 255, 255, 1.000);
}

/* Blog Read More Link */
.read-more {
   text-align: right;
}

/* Cam's Custom Tiny Tags */
.tag {
   padding: 0 9px 0 8px;
   background: rgba(43, 166, 203, 1.000);
   text-decoration: none;
   -moz-border-radius-bottomright: 2px;
   -webkit-border-bottom-right-radius: 2px;
   border-bottom-right-radius: 2px;
   -moz-border-radius-topright: 2px;
   -webkit-border-top-right-radius: 2px;
   border-top-right-radius: 2px;
   float: left;
   height: 20px;
   line-height: 20px;
   position: relative;
   font-size: 13px;
   color: rgba(255, 255, 255, 1.000);
   margin: 10px 5px 4px 10px;
   list-style-type: none;
}
.tag a, .tag a:hover, .tag a:visited {
   color: rgba(255, 255, 255, 1.000);
}
.tag:before {
   content: "";
   float: left;
   position: absolute;
   top: 0;
   left: -10px;
   width: 0;
   height: 1px;
   border-color: transparent rgba(43, 166, 203, 1.000) transparent transparent;
   border-style: solid;
   border-width: 10px 10px 10px 0;
   -moz-border-radius-topleft: 2px;
   -webkit-border-top-left-radius: 2px;
   -moz-border-radius-bottomright: 0px;
   -webkit-border-bottom-right-radius: 0px;
}
.tag:after {
   content: "";
   position: absolute;
   top: 8px;
   left: -2px;
   float: left;
   width: 4px;
   height: 4px;
   -moz-border-radius: 2px;
   -webkit-border-radius: 2px;
   border-radius: 2px;
   background: rgba(255, 255, 255, 1.000);
}
@import url("http://localhost/shopify/best/assets/custom.css");

#contact-us #gmap p{ font-size: 13px; padding: 15px 0;}
#contact-us h3{ font-size: 16px;}
#contact-us .contact-info ul li{ list-style: none; padding: 7px 0;}
#contact-us .global-row .global-cell{ display: inline-block; min-width: 22px; vertical-align:top;}
#contact-us .contact-info{ font-size: 14px;}


a {
    color: #003968;
    text-decoration: none;
}

