/* .videoplay {display: none !important;} */
.video::before {
  background: rgba(144, 0, 0, 0.95);
}

.video-content > h2 > p {
  color: #fff !important;
  text-align: center;
}

.cta-block {
  background: url(/images/homepage/banner-1.jpg)fixed 50%;
  background-size: auto;
  background-size: cover;
  padding: 120px 0;
}

.animal.col-lg-4:nth-of-type(1n+4) {
  display: none;
}

.causes-img {
  height: 348px;
}

.showAllPhotos {
  color: #fff !important;
}

.inline-svg {
  display: inline-block;
  height: 1.15rem;
  width: 1.15rem;
  /* top: 0.15rem; */
  position: relative;
}

.inline-svg > svg {
  height: 16px;
  vertical-align: text-top;
}

.navbar-brand img {
  width: 500px;
}

a:focus, a:hover {
  color: #b1543d;
}

#navbar .nav-link:hover, #navbar .nav-link:focus {
  color: #b1543d;
}

.dropdown-item:hover {
  background: #b1543d;
}

.header-top .top-btn {
  background: #8e0000;
}

.header-top .top-btn:hover {
  background: #7f8069;
}

.btn-main, .btn-small, .btn-main-2, .pagination .page-item.active .page-link {
  background: #8e0000;
  border-color: #8e0000;
}

.btn-main:hover, .btn-small:hover, .btn-main-2:hover {
  background: #7f8069;
  border-color: #7f8069;
}

.volunteer::before {
    background: #8e0000;
}

.pagination .page-item .page-link:hover {
  background: #b1543d;
  border-color: #b1543d;
  color: #fff;
}

#popup {
  top: auto;
  bottom: 10px;
  outline: none;
}

.modal-body > .close {
  position: absolute;
  right: 2%;
}

.slider .block p {
  color: #fff;
}

@media (max-width: 767.98px) {
  .slider .block {
    padding: 1rem 0.5rem 1rem 0.5rem !important;
    font-size: 1rem;
    max-width: 100%;
    margin-bottom: 1rem !important;
    border-radius: 10px !important;
    word-break: break-word;
  }
  .slider .block h1 {
    font-size: 2rem !important;
  }
  .slider .block p,
  .slider .block span {
    font-size: 1rem !important;
  }
}