/*

Colors
red: #dd0302
dark red: #a80100
blue: #233f6f
dark blue: #13223b

*/


/*Nav Bar Size*/
.widget-navigation.navbar .navbar-nav>li>a {
    font-size: .90em;
   }

/*----------------------------------------------------------------
    Text and Link Styles
----------------------------------------------------------------*/

.title a {
  font-weight: 700;
  font-size: 1.25em;
}

.title a, .btn-linkarticle, .product-info h4 a, a {
  color: #dd0302;
}

.title a:hover, .btn-linkarticle:hover, .product-info h4 a:hover, a:hover {
  color: #a80100;
  text-decoration: none;
}

.widget-title h3::before {
  color: #dd0302 !important;
}

.pagination .active a {
  background-color: #dd0302;
  border-color: transparent;
}

.pagination .active a:hover {
  background-color: #a80100; 
  border-color: transparent;
}

.pagination li a {
  color: #333;
}

.pagination span:first-child {
  color: #333 !important;
}

.pagination span:first-child:hover {
  background-color: #fff;
}

/*----------------------------------------------------------------
    Button Styles
----------------------------------------------------------------*/

.btn-primary {
  background-color:#dd0302;
  box-shadow:0 5px #a80100;
  border-color: transparent;
}

.btn-primary:hover {
  background-color:#a80100;
  box-shadow:0 5px #750100;
  border-color: transparent;
}

.loc-page-link {
  background-color: #233f6f;
}

.loc-page-link:hover {
  background-color: #13223b;
}

.widget-location-contact .pager .btn {
	box-shadow:0 5px #a80100;  
}

/*----------------------------------------------------------------
    Nav Styles
----------------------------------------------------------------*/

.nav .open>a, .nav .open>a:focus, .nav .open>a:hover {
  background-color: #233f6f;
}

.dropdown-toggle .caret {
  color: #dd0302;
}

.navigation-vertical .dropdown-toggle .caret {
  color: #fff;
}

.widget-product-slider .nav-pills>li.active>a:hover, .widget-product-slider .nav-pills>li.active>a {
  border-left: 5px solid #dd0302; 
  background-color: #13223b;
}

.widget-product-slider .nav {
  background-color: #233f6f;
}

.region-header .navbar-nav>li>a {
  padding: 3.5em .90em;
}

.widget-logo {
  padding: 15px 0;
}

.region-header .widget-logo img {
	max-width: 650px;
}

/*----------------------------------------------------------------
    Pet Icons Styles
----------------------------------------------------------------*/

.pet-cat, .pet-cat-2 {
  background-color: #dd0302 !important;
}

.pet-cat:hover, .pet-cat-2:hover {
  background-color: #a80100 !important;
}

.pet-cat-horse2 {
	background-position: -450px 0 !important;
}

.pet-cat-chicken2 {
    background-position: -500px 0 !important;
}

.pet-cat-goat2 {
    background-position: -348px 0 !important;
}

.pet-cat-sheep2 {
    background-position: -300px 0 !important;
}

.pet-cat-cow2 {
    background-position: -600px 0 !important;
}

.pet-cat-pig2 {
    background-position: -398px 0 !important;
}

.pet-cat-dog {
    background-position: 0px 0!important;
    width: 52px!important;
}

.pet-cat-cat {
    background-position: -46px 0!important; 
}

.pet-cat-bird {
    background-position: -148px 0!important; 
}

.pet-cat-2 {
    display: block;
    width: 54px;
    height: 50px;
    margin: .5em auto;
    background: url(https://86cb8127dc14737f5057-7c0671222953158607ea93d5febd68b4.ssl.cf1.rackcdn.com/652/assets/responsive/511000/511635/browse-by-pet-icons.png) no-repeat #28ade6;
    text-indent: 200%;
    white-space: nowrap;
    overflow: hidden;
}



.pet-cat-2:hover {
  	background-color: #2b353f;
}

/*----------------------------------------------------------------
   BG wrapper styles
----------------------------------------------------------------*/

.wrapper-bg-color-gray {
	background-color: #233f6f;
}

/*----------------------------------------------------------------
   Media Queries
----------------------------------------------------------------*/

/* Mobile */
@media screen and (max-width: 449px) {

  .product-feature-image .product-image-empty, .product-feature-image img {
  	height: auto;
  }
  
}

/* Tablet */
@media screen and (max-width: 768px) {
  .region-header .widget-navigation.navbar .navbar-nav>li>a {
     padding-bottom: .01em;
    padding-top: .70em;
}
            
}

/* Medium Devices, Laptops Desktops */
@media screen and (max-width: 992px) {
            
}

/* Large Devices, Wide Screens */
@media screen and (max-width: 1200px) {
            
}