/*** PETS THEME ***/

/*** THEME COLOURS ***/
.home-bg {
    background-color: #005388;
}

.cargo-bg {
    background-color: #005388;
}

.motorcycle-bg {
    background-color: #AA3939;
}

.livestock-bg {
    background-color: #007E5E;
}

.pets-bg {
    background-color: #8A2291;
}

.projects-bg {
    background-color: #00AEAE;
}

.horses-bg {
    background-color: #FFC300;
}

.fulfilment-bg {
    background-color: #3ED540;
}

.vehicle-bg {
    background-color: #FF914D;
}

.widget_socail ul li a:hover i{
    background-color: #8A2291;
}

.open>.dropdown-toggle.btn-primary {
    color: #fff;
    background-color: #8A2291;
    border-color: #8A2291;
}

nav.navbar.bootsnav li.dropdown ul.dropdown-menu > li a:hover,
nav.navbar.bootsnav li.dropdown ul.dropdown-menu > li a:hover{
    color: #8A2291 !important;
}

nav.navbar.jc_nav ul.nav > li > a:hover {
    color: #8A2291 !important;
}

nav.navbar li.dropdown ul.dropdown-menu{
    border-top-color: #8A2291 !important;
}

.ab_head .ab_head_icon .jamescargo-font,
.ab_head .ab_head_icon .icon{
    background-color: #8A2291;
    box-shadow: 0px 0px 0px 6px rgba(175, 175, 175, 0.4);
    font-size: 2rem;
}

.head-menu-item a:hover, .head-menu-item-first a:hover, .head-menu-item-last a:hover {
    color: #8A2291;
}
.head-menu-item-selected a {
    color: #8A2291;
}

.btn-primary {
    background-color: #8A2291;
    border-color: #8A2291;
}

.btn-primary:hover {
    border-color: #8A2291;
    color:#005388;
}

.separator_left, .separator_auto, .separator_small, .separator_full {
    background: #8A2291;
}

.scrollup:hover {
    background: #8A2291;
 }

.thumbnail-overlay {
    color: #8A2291;
}
.thumbnail:hover {
    color: #8A2291;
}

a.thumbnail:hover, a.thumbnail:focus, a.thumbnail.active {
    border-color: #8A2291;
}

/*** THEME COLOURS END ***/

 /*** BANNERS ***/
.background-image {
    background-image: url(/assets/images/pets/background.large.jpg);
}

.hero-banner {
  background-image: url(
    /assets/images/pets/hero.large.webp  );
}

.banner-1 {
  background-image: url(
    /assets/images/pets/banner.large.01.webp  );
}

.banner-2 {
  background-image: url(
    /assets/images/pets/banner.large.02.webp  );
}

.banner-3 {
  background-image: url(
    /assets/images/pets/banner.large.03.jpg  );
}

.banner-4 {
  background-image: url(
    /assets/images/pets/banner.large.04.webp  );
}

.banner-5 {
    background-image: url(/assets/images/pets/banner.large.05.jpg);
}

.banner-6 {
    background-image: url(/assets/images/pets/banner.large.06.jpg);
}

@media (max-width: 1024px) {
    .background-image {
        background-image: url(/assets/images/pets/background.small.jpg);
    }
    .hero-banner {
      background-image: url(
        /assets/images/pets/hero.small.webp      );
    }

    .banner-1 {
      background-image: url(
        /assets/images/pets/banner.small.01.webp      );
    }

    .banner-2 {
      background-image: url(
        /assets/images/pets/banner.small.02.webp      );
    }

    .banner-3 {
      background-image: url(
        /assets/images/pets/banner.small.03.jpg      );
    }

    .banner-4 {
      background-image: url(
        /assets/images/pets/banner.small.04.webp      );
    }
    .banner-5 {
        background-image: url(/assets/images/pets/banner.small.05.jpg);
    }
    .banner-6 {
        background-image: url(/assets/images/pets/banner.small.06.jpg);
    }
}

/*** BANNERS END ***/