/* Color of the links BEFORE scroll */
.navbar-scroll .nav-link,
.navbar-scroll .fa-bars,
.navbar-scroll .navar-brand {
  color: #4f4f4f;
}

.navbar-scroll .nav-link:hover {
  color: #280c0e;
}
.nav-link:hover {
  color: #280c0e !important;
}

/* Color of the links AFTER scroll */
.navbar-scrolled .nav-link,
.navbar-scrolled .fa-bars,
.navbar-scrolled .navar-brand {
  color: #4f4f4f;
}

/* Color of the navbar AFTER scroll */
.navbar-scroll,
.navbar-scrolled {
  background-color: #fff;
}

/* An optional height of the navbar AFTER scroll */
.navbar.navbar-scroll.navbar-scrolled {
  padding-top: 5px;
  padding-bottom: 5px;
}

.dropdown-menu{background-color: #000 !important;}
.dropdown-item{color: #fff !important;}
.dropdown-item:hover{background-color:rgb(83, 22, 22) !important;}

/* Carousel styling */
#introCarousel,
#introCarousel .carousel-inner,
#introCarousel .carousel-item,
#introCarousel .carousel-item.active {
  height: 100vh;
}

/* #introCarousel .carousel-item:nth-child(1) {
  background-image: url('https://mdbootstrap.com/img/Photos/new-templates/animal-shelter/img10.jpg');
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center center;
}

#introCarousel .carousel-item:nth-child(2) {
  background-image: url('https://mdbootstrap.com/img/Photos/new-templates/animal-shelter/img16.jpg');
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center center;
}

#introCarousel .carousel-item:nth-child(3) {
  background-image: url('https://mdbootstrap.com/img/Photos/new-templates/animal-shelter/img3.jpg');
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center center;
} */

/* Height for devices larger than 576px */
@media (min-width: 992px) {
  #introCarousel {
    margin-top: 58.59px;
  }

  #introCarousel,
  #introCarousel .carousel-inner,
  #introCarousel .carousel-item,
  #introCarousel .carousel-item.active {
    height: 90vh;
  }
}

.multi-carousel .multi-carousel-inner .multi-carousel-item img {
  max-height: 100%;
}

.font-small {
  font-size: 1rem;
}

/*footer*/
/*.list-group{border: none !important;}*/
.list-group-item{background-color: #510a32 !important; border: none !important;}

.invalid-feedback{color:#560001 !important;}