/* FONTS */
/**** OLD FONTS 
font-family:'Nexa W01 Bold', Arial, Helvetica, sans-serif;
font-family:'Nexa W01 Book', Arial, Helvetica, sans-serif;
font-family:'Serifa W01_55 Roman', Arial, Helvetica, sans-serif;
****/
/**** NEW FONTS
Body:
font-family:'open_sansregular', Arial, Helvetica, sans-serif; 400
Heading 1:
font-family:'metropolisblack', Arial, Helvetica, sans-serif; 400
Heading 2/4:
font-family:'thirsty_roughregular', Arial, Helvetica, sans-serif; 400
Heading 3/5/6:
font-family:'metropolisbold', Arial, Helvetica, sans-serif; 400
****/
.regionallogos a img {
  /* filter:         url(~"data:image/svg+xml;utf8,<svg xmlns=\'http://www.w3.org/2000/svg\'><filter id=\'grayscale\'><feColorMatrix type=\'matrix\' values=\'0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0 0 0 1 0\'/></filter></svg>#grayscale");
-webkit-filter: grayscale(100%);
-moz-filter:    grayscale(100%);
-ms-filter:     grayscale(100%);
-o-filter:      grayscale(100%);
filter: gray;*/
  transition: all 0.15s ease-in-out;
}
.regionallogos a:hover img {
  filter: none;
  cursor: pointer;
  color: #c70f01;
}
.product-options .product-option-group {
  float: none !important;
  width: 90% !important;
  clear: both !important;
}
.hw-back-to-top {
  background: url(/application/themes/ThemeCanadianBison2021/images/ssnav-arrow.png) center center no-repeat rgba(0, 0, 0, 0.5);
}
@media screen and (min-width: 250px) {
  .promohome .pbox {
    width: 95%;
    margin: 0 auto;
  }
  .promohome #pbox1 {
    margin-bottom: 35px;
  }
  .promoconsumer .pbox {
    width: 95%;
    margin: 0 auto;
    padding-bottom: 25px;
  }
}
@media screen and (min-width: 800px) {
  .promohome .bbox {
    width: 44%;
    margin: 0 2%;
  }
  .promohome .pbox {
    width: 48%;
    margin: 0;
  }
  .promohome #pbox1 {
    margin-bottom: 0;
    margin-right: 0.5%;
  }
  .promohome #pbox2 {
    margin-left: 0.5%;
  }
  .promoconsumer .bbox {
    width: 44%;
    margin: 0 2%;
  }
  .promoconsumer .pbox {
    width: 46%;
    margin: 0 1%;
  }
  /*.promoconsumer #pbox1 { margin-right: 1.5%; }
.promoconsumer #pbox2 { margin: 0 1.5%; }
.promoconsumer #pbox3 { margin-left: 1.5%; }*/
  .promoproducer .bbox {
    width: 44%;
    margin: 0 2%;
  }
  .promoproducer .pbox {
    width: 31%;
    margin: 0;
  }
  .promoproducer #pbox1 {
    margin-right: 1.5%;
  }
  .promoproducer #pbox2 {
    margin: 0 1.5%;
  }
  .promoproducer #pbox3 {
    margin-left: 1.5%;
  }
}
@media screen and (min-width: 1140px) {
  .promohome .bbox {
    width: 47%;
    margin: inherit;
  }
  .promoconsumer .bbox {
    width: 47%;
    margin: inherit;
  }
  .promoproducer .bbox {
    width: 47%;
    margin: inherit;
  }
}