/* Welcome to Compass.
 * In this file you should write your main styles. (or centralize your imports)
 * Import this file using the following HTML or equivalent:
 * <link href="/stylesheets/screen.css" media="screen, projection" rel="stylesheet" type="text/css" /> */
/*
@import "compass/reset";*/
@import url(http://fonts.googleapis.com/css?family=Oxygen:400,300,700);
body {
  font-size: 1em;
  /*Bootstrap sets html to have 62.5% font size - which make 1em = 10px */
  padding-top: 96px;
  /* IMPORTANT: padding needs to be height of nav bar */
  font-family: "Lucida Grande", Lucida, Verdana, sans-serif;
  letter-spacing: 0.1em; }

.navbar {
  font-family: "Oxygen", "Lucida Grande", Lucida, Verdana, sans-serif;
  min-height: 96px;
  border: none;
  background: transparent; }
  .navbar .container-fluid {
    background: #830000; }
  .navbar .navbar-header {
    padding-top: 12px;
    height: 78px;
    color: #ffffff; }
    .navbar .navbar-header a {
      color: #ffffff; }
    .navbar .navbar-header .navContact {
      font-size: 1.3em;
      position: relative;
      z-index: 0; }
      .navbar .navbar-header .navContact [class^="icon-"],  .navbar .navbar-header .navContact [class^="fa-"] {
        font-size: 1.3em;
        padding-right: 0.4em;
        color: #380000;
        opacity: 0.8; }
      .navbar .navbar-header .navContact span {
        position: absolute;
        bottom: 0.225em;
        display: inline;
        min-width: 8.25em; }
  .navbar .nav-link {
    text-align: left;
    clear: left;
    border-bottom: 1px solid rgba(56, 0, 0, 0.5);
    display: block; }
    .navbar .nav-link:first-child {
      padding-top: 0.3em; }
    .navbar .nav-link:last-child {
      border-bottom: none;
      padding-bottom: 0.6em; }
    .navbar .nav-link a {
      display: block;
      font-size: 1.4em;
      color: #ffffff; }
      .navbar .nav-link a [class^="icon-"], .navbar .nav-link a [class^="fa-"]{
        font-size: 2.3em;
        color: #380000;
        opacity: 0.8;
        display: block;
        float: left;
        margin-right: 0.2em; }
      .navbar .nav-link a span {
        display: block;
        padding-top: 1em; }
      .navbar .nav-link a:hover [class^="icon-"], .navbar .nav-link a:hover [class^="fa-"] {
        opacity: 1;
        color: #050000; }
  .navbar #nav-shadow {
    height: 18px;
    background: transparent url("/website-source/images/nav-shadow.png") repeat-x left top;
    position: relative;
    z-index: 3; }

.navbar-default .navbar-toggle {
  position: relative;
  z-index: 1;
  border-color: #380000;
  background: #380000;
  opacity: 0.8;
  margin-top: 8px; }
  .navbar-default .navbar-toggle:hover {
    background: #380000;
    opacity: 0.8; }
  .navbar-default .navbar-toggle .icon-bar {
    background: #9d0000; }
.navbar-default .navbar-collapse {
  border-color: #380000; }

#intro {
  background-image: url("/website-source/images/intro-horse-480px.jpg");
  height: 170px;
  width: 100%;
  background-repeat: no-repeat;
  background-position: center;
  /* IE fix */
  margin-top: -18px;
  position: relative;
  z-index: 2; }

header .container-fluid {
  padding-left: 0px;
  padding-right: 0px; }
header a.logo {
  position: relative;
  top: 14px;
  width: 176px;
  height: 62px;
  background: transparent url("/website-source/images/eq-logo-xs.png") no-repeat left top;
  display: block; }
  header a.logo span {
    display: none; }
header #tagline {
  position: absolute;
  bottom: 7px;
  left: auto;
  text-align: center;
  background: rgba(0, 0, 0, 0.6);
  padding: 3px 10px;
  display: block;
  -webkit-border-radius: 20px;
  -moz-border-radius: 20px;
  border-radius: 20px;
  display: inline-block;
  font-family: "Oxygen", "Lucida Grande", Lucida, Verdana, sans-serif;
  color: #ffffff; }
  header #tagline p.sml {
    font-size: 1.2em;
    padding: 0;
    margin: 0; }
  header #tagline p.lrg {
    display: none; }
  header #tagline .triangle {
    display: none; }

main h1.shop a {
  color: #333333; }
main .categories {
  margin-top: 20px;
  margin-bottom: 20px; }
main .QRbtn {
  margin: 0px 16px;
  width: inherit;
  margin-top: 10px;
  margin-bottom: -5px; }
main #shopBtm {
  background: transparent url("/website-source/images/shop-btm-trans.png") repeat-x left bottom;
  height: 9px;
  padding-top: 20px;
  position: relative;
  z-index: 5; }
main #mainLower {
  padding-top: 20px; }
  main #mainLower #rightCol {
    background: #ebebeb;
    padding-top: 20px; }
    main #mainLower #rightCol .flag {
      margin-right: 15px; }
  main #mainLower .sisters {
    text-align: center;
    margin-top: 50px;
    margin-bottom: 10px; }
    main #mainLower .sisters img {
      margin-bottom: 15px;
      max-width: 100%; }
  main #mainLower #leftCol h2 {
    text-align: center; }
  main #mainLower #blogArticles ul {
    margin-left: 0px;
    padding-left: 0px;
    list-style: none; }
    main #mainLower #blogArticles ul li {
      margin-bottom: 3em;
      padding-left: 0px; }
  main #mainLower #blogArticles .blogImage {
    width: 40%; }
    main #mainLower #blogArticles .blogImage img {
      max-width: 100%;
      margin-right: 1em; }
  main #mainLower #blogArticles .thumbnail {
    margin-bottom: 0px; }
  main #mainLower #blogArticles p {
    font-size: 1.2em; }
  main #mainLower #blogArticles h4 {
    font-size: 1.6em;
    font-weight: bold;
    margin-bottom: 0.3em;
    margin-top: 0px; }
  main #mainLower #blogArticles a {
    color: #333333; }
  main #mainLower #blogArticles a.moreLink {
    color: #830000;
    font-weight: bold; }
main #testimonials {
  margin-right: 0px; }
  main #testimonials blockquote {
    font-size: 1.3em;
    line-height: 1.25;
    /* 25px / 20px */
    font-family: "Oxygen", "Lucida Grande", Lucida, Verdana, sans-serif;
    border: none;
    background: #ebebeb;
    margin-bottom: 0px;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    border-radius: 10px;
    -webkit-box-shadow: 1px 1px 2px 0px rgba(0, 0, 0, 0.25);
    -moz-box-shadow: 1px 1px 2px 0px rgba(0, 0, 0, 0.25);
    box-shadow: 1px 1px 2px 0px rgba(0, 0, 0, 0.25); }
    main #testimonials blockquote p {
      font-style: italic;
      font-size: 1em; }
  main #testimonials .testimonailTri {
    background: transparent url("/website-source/images/testimonial-triangle.png") no-repeat;
    margin: 0px;
    width: 17px;
    height: 18px;
    margin-left: 7%;
    margin-bottom: 30px; }
  main #testimonials cite {
    display: block;
    float: right;
    margin-top: 10px;
    font-weight: bold;
    color: #830000; }
main .error-page li {
  padding: 10px 0; }

footer {
  color: rgba(0, 0, 0, 0.55);
  font-size: 1.3em; }
  footer #upperFooter {
    padding-bottom: 30px;
    background: #830000 url("/website-source/images/footer-inner-shadow.png") repeat-x left top;
    padding-top: 20px; }
  footer h1, footer h2, footer h3, footer h4, footer h5 {
    color: #ffffff; }
  footer h4 {
    margin-top: 1.5em;
    margin-bottom: 1em; }
  footer p {
    font-size: 1em;
    line-height: 1.8em;
    letter-spacing: normal;
    margin-left: 40px;
    margin-bottom: 15px; }
  footer a {
    color: rgba(0, 0, 0, 0.55); }
    footer a:hover {
      color: #000000; }
  footer i {
    margin-left: -35px;
    font-size: 1.8em;
    position: absolute;
    display: inline-block;
    vertical-align: -3px;
    color: rgba(0, 0, 0, 0.55); }
  footer address {
    margin-left: 40px;
    margin-top: 15px; }
  footer #lowerFooter {
    background: #650000;
    padding: 15px 0;
    font-size: 0.85em; }
    footer #lowerFooter p {
      font-size: 1em;
      margin: 0;
      line-height: normal; }
      footer #lowerFooter p.pull-right {
        text-align: right; }
      footer #lowerFooter p .last {
        margin-bottom: 1em; }

.catCont {
  text-align: center;
  padding-left: 5px;
  padding-right: 5px;
  margin-top: 5px;
  margin-bottom: 5px; }
  .catCont a {
    height: 30px;
    display: block;
    background-position: top center;
    background-repeat: no-repeat;
    background-color: #ffffff;
    overflow: visible; }
    .catCont a span {
      display: none; }
    .catCont a:hover {
      background-position: bottom center; }

#catCalm a {
  background-image: url("/website-source/images/calming.jpg"); }

#catDige a {
  background-image: url("/website-source/images/digestion.jpg"); }

#catFirs a {
  background-image: url("/website-source/images/first-aid-stable.jpg"); }

#catFly a {
  background-image: url("/website-source/images/fly-midge.jpg"); }

#catGroo a {
  background-image: url("/website-source/images/grooming.jpg"); }

#catHoof a {
  background-image: url("/website-source/images/hoof.jpg"); }

#catJoin a {
  background-image: url("/website-source/images/joint.jpg"); }

#catLeat a {
  background-image: url("/website-source/images/leather.jpg"); }

#catMare a {
  background-image: url("/website-source/images/mare-foal-old.jpg"); }

#catNutr a {
  background-image: url("/website-source/images/nutrition.jpg"); }

#catPerf a {
  background-image: url("/website-source/images/performance.jpg"); }

#catResp a {
  background-image: url("/website-source/images/respiratory.jpg"); }

#catVits a {
  background-image: url("/website-source/images/vits-mins.jpg"); }

#catCoun a {
  background-image: url("/website-source/images/country-living.jpg"); }

#catTast a {
  background-image: url("/website-source/images/tasty-treats.jpg"); }

.fLeft {
  float: left; }

#brochure h2 {
  margin-top: 0px; }
#brochure img {
  margin-right: 3em; }
#brochure .brochure-text {
  max-width: 700px; }

/* FONT SETTINGS */
body, caption, th, td, input, textarea, select, option, legend, fieldset, h1, h2, h3, h4, h5, h6 {
  font-size-adjust: 0.5; }

p, th, td, input, textarea, select, option legend, fieldset {
  font-size: 1.6em;
  /* equivalent to 16px */
  line-height: 1.25;
  /* equivalent to 20px */ }

h1 {
  font-size: 3.2em;
  /* 3.2 x body copy size = 32px */
  line-height: 1.25;
  /* 45px / 36px */
  font-family: "Oxygen", "Lucida Grande", Lucida, Verdana, sans-serif; }

h2 {
  font-size: 2.6em;
  /* 2.6x body copy size = 26px */
  line-height: 1.15384615;
  /* 30px / 26px */
  font-family: "Oxygen", "Lucida Grande", Lucida, Verdana, sans-serif;
  margin-bottom: 1em; }

h3 {
  font-size: 2.2em;
  /* 2.2x body copy size = 22px */
  line-height: 1.13636364;
  /* 25px / 22px */
  font-family: "Oxygen", "Lucida Grande", Lucida, Verdana, sans-serif;
  margin-bottom: 1em;
  margin-top: 1.5em; }

h4 {
  font-size: 1.8em;
  /* 1.8x body copy size = 18px */
  line-height: 1.11111111;
  font-family: "Oxygen", "Lucida Grande", Lucida, Verdana, sans-serif; }

#helpful-links a {
  font-size: 1.6em; }

/* #################### MEDIA QUERIES ################### */
/* Custom, iPhone Retina */
@media only screen and (min-width: 320px) {
  .container-fluid > .navbar-header {
    margin-right: -5px;
    margin-left: -5px; }

  footer #lowerFooter p.pull-right {
    margin-top: 2em; } }
/* Extra Small Devices, Phones */
@media only screen and (min-width: 480px) {
  .container-fluid > .navbar-header {
    margin-right: 0;
    margin-left: 0; }

  .navbar .navbar-header {
    padding-top: 5px; }
    .navbar .navbar-header .navContact {
      font-size: 1.6em;
      /*16 px*/ }

  .navbar-default .navbar-toggle {
    margin-top: 15px;
    /*adjusting the vertical position of the toggle as .navbar .navbar-header padding has been changed*/ }

  #intro {
    background-image: url("/website-source/images/intro-horse-768px.jpg");
    height: 307px; }

  header a.logo {
    top: 25px;
    width: 347px;
    height: 121px;
    background: transparent url("/website-source/images/eq-logo-lrg.png") no-repeat left top; }
  header #tagline {
    margin-left: inherit;
    left: auto;
    bottom: 25px;
    width: 61%;
    text-align: left;
    padding: 7px 15px;
    padding-bottom: 10px;
    font-size: 0.9em;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    border-radius: 10px; }
    header #tagline p.sml {
      display: none; }
    header #tagline p.lrg {
      display: block;
      letter-spacing: 0.1em;
      margin-bottom: 0px;
      line-height: 1.35em; }
    header #tagline .triangle {
      display: block;
      position: absolute;
      bottom: -15px;
      left: 20px;
      background: transparent url("/website-source/images/tagline-triangle-sml.png") no-repeat left top;
      width: 14px;
      height: 15px; }

  main .QRbtn {
    width: inherit; }
  main .shopArrow {
    position: relative;
    z-index: 3;
    background: transparent url("/website-source/images/arrow-sml.png") no-repeat left top;
    width: 32px;
    height: 32px;
    margin: 0 auto;
    margin-top: -16px; }
  main #mainLower #blogArticles .blogImage {
    width: 50%; } }
/* Small Devices, Tablets */
@media only screen and (min-width: 768px) {
  h1 {
    font-size: 4em;
    /* 4x body copy size = 40px */
    line-height: 1.125; }

  h2 {
    font-size: 3.2em;
    /* 3.2x body copy size = 32px */
    line-height: 1.25; }

  h3 {
    font-size: 2.4em;
    /* 2.4x body copy size = 24px */
    line-height: 1.25; }

  h4 {
    line-height: 1.22222222;
    /* (22px / 18px */ }

  blockquote {
    font-size: 1.3em;
    /* 2.4x body copy size = 24px */
    line-height: 1.45833333;
    /* 35px / 24px */ }

  p, th, td, input, textarea, select, option legend, fieldset {
    font-size: 1.6em;
    /* equivalent to 16px */
    line-height: 1.375;
    /* equivalent to 22px */ }

  .navbar .nav-link {
    text-align: center;
    float: left;
    clear: none;
    padding: 0 15px;
    margin-top: 8px;
    border-right: 1px solid #380000;
    border-bottom: none; }
    .navbar .nav-link:first-child {
      padding-top: 0px; }
    .navbar .nav-link:last-child {
      border-right: none;
      padding-bottom: 0px; }
    .navbar .nav-link a {
      font-size: 1em;
      /*10px*/ }
      .navbar .nav-link a [class^="icon-"] {
        font-size: 3em;
        /*30px*/
        display: inline-block;
        float: none; }
        .navbar .nav-link a [class^="fa-brands"] {
         font-size: 3em; 
         display: inline-block;
         float: none;
         padding: 6px 0px 7px 0px;
        }
      .navbar .nav-link a span {
        display: block;
        float: none;
        padding-top: 0; }

  #intro {
    background-image: url("/website-source/images/intro-horse-1800.jpg");
    height: 355px;
    background-position-y: bottom; }

  header #tagline {
    bottom: 44px;
    width: 51%;
    max-width: 670px;
    font-size: 1em;
    padding-bottom: 12px; }
    header #tagline .triangle {
      bottom: -38px;
      background: transparent url("/website-source/images/tagline-triangle.png") no-repeat left top;
      width: 35px;
      height: 38px; }
    header #tagline p.lrg {
      line-height: 1.4em; }

  main h1.shop {
    margin-top: 5px; }
  main .shopArrow {
    background: transparent url("/website-source/images/arrow-lrg.png") no-repeat left top;
    width: 44px;
    height: 44px;
    margin-top: -22px; }
  main .QRbtn {
    margin-bottom: 15px; }
  main .allProducts {
    position: relative;
    bottom: 0px;
    text-align: right; }
  main #mainLower {
    background: #ffffff url("/website-source/images/main-bg-sml.png") repeat-y left top;
    margin-top: -9px;
    position: relative;
    z-index: 4; }
    main #mainLower.error-page {
      margin-top: 0px; }
    main #mainLower #leftCol h2 {
      text-align: left; }
    main #mainLower #blogArticles .blogImage {
      width: 30%; }

  .catCont {
    margin-top: 15px;
    margin-bottom: 15px; }

  #catFly a {
    width: 138px; }

  #catMare a {
    width: 179px; } }
/* Medium Devices, Desktops */
@media only screen and (min-width: 992px) {
  h1 {
    font-size: 4.8em;
    /* 3x body copy size = 48px */
    line-height: 1.05;
    /* keep to a multiple of the 20px line height and something more appropriate for display headings */ }

  h2 {
    font-size: 3.6em;
    /* 3.6x body copy size = 36px */
    line-height: 1.25; }

  h3 {
    font-size: 2.8em;
    /* 2.8x body copy size = 28px */
    line-height: 1.25; }

  header #tagline {
    font-size: 1.2em; }

  footer h4 {
    min-height: 3.5em;
    margin-bottom: 0; }

  #catHoof {
    margin-left: 25px; }

  #catPerf {
    margin-left: -20px; }

  #catResp {
    margin-left: -23px; }

  #catVits {
    margin-left: 26px; }

  #catFly a {
    width: auto; }

  #catMare a {
    width: auto; }

  main #mainLower {
    background: #ffffff url("/website-source/images/main-bg-med.png") repeat-y left top; } }
.infoBox{
	padding:20px;
	background:#fff3cd;
	border: 1px solid #ffeeba;
	border-radius: 5px;	
	color:#856404;
}

.infoBox h3{
	margin-top: 0;
	margin-bottom:0.5em;
}
/* Large Devices, Wide Screens */
@media only screen and (min-width: 1200px) {
  main #mainLower {
    background: #ffffff url("/website-source/images/main-bg-lrg.png") repeat-y left top; } }
