:root {
  --senior-male: #3d6b5e;
  --senior-male-dark: #325a4f;
  --senior-female: #8f4a6b;
  --senior-female-dark: #763956;
  --senior-bg: #f7f5f0;
}

#dog-carousel.senior-carousel .ww-slideshow-dog-card.senior-slideshow-card {
  border: none !important;
  background-color: var(--senior-bg);
  overflow: visible;
  transition: transform 0.15s var(--ww-ease, ease), box-shadow 0.15s var(--ww-ease, ease);
}

#dog-carousel.senior-carousel .carousel-item,
#dog-carousel.senior-carousel .carousel-item .row,
#dog-carousel.senior-carousel .carousel-item .col,
#dog-carousel.senior-carousel .ww-slideshow-dog-col {
  overflow: visible;
}

#dog-carousel.senior-carousel .carousel-inner {
  overflow: hidden;
  padding-top: 1.25rem;
}

#dog-carousel.senior-carousel .ww-slideshow-dog-card.senior-slideshow-card > .badge.bg-danger {
  top: 0;
  left: 50%;
  transform: translate(-50%, -50%) !important;
  z-index: 6;
  white-space: nowrap;
  border: 2px solid #fff;
  box-shadow: 0 2px 8px rgba(0, 0, 0, 0.12);
}

#dog-carousel.senior-carousel .ww-slideshow-dog-card.dog-male > .badge.bg-danger {
  background-color: var(--senior-male) !important;
  color: #fff;
}

#dog-carousel.senior-carousel .ww-slideshow-dog-card.dog-female > .badge.bg-danger {
  background-color: var(--senior-female) !important;
  color: #fff;
}

#dog-carousel.senior-carousel .ww-slideshow-dog-card.senior-slideshow-card.dog-male {
  box-shadow:
    inset 0 0 0 3px #fff,
    0 0 0 6px var(--senior-male),
    0 6px 20px rgba(61, 107, 94, 0.14);
}

#dog-carousel.senior-carousel .ww-slideshow-dog-card.senior-slideshow-card.dog-female {
  box-shadow:
    inset 0 0 0 3px #fff,
    0 0 0 6px var(--senior-female),
    0 6px 20px rgba(143, 74, 107, 0.14);
}

#dog-carousel.senior-carousel .ww-slideshow-dog-card.senior-slideshow-card.dog-male:hover {
  box-shadow:
    inset 0 0 0 3px #fff,
    0 0 0 7px var(--senior-male),
    0 12px 28px rgba(61, 107, 94, 0.22);
}

#dog-carousel.senior-carousel .ww-slideshow-dog-card.senior-slideshow-card.dog-female:hover {
  box-shadow:
    inset 0 0 0 3px #fff,
    0 0 0 7px var(--senior-female),
    0 12px 28px rgba(143, 74, 107, 0.22);
}

#dog-carousel.senior-carousel .ww-slideshow-dog-card.dog-male .card-title a {
  color: var(--senior-male);
}

#dog-carousel.senior-carousel .ww-slideshow-dog-card.dog-female .card-title a {
  color: var(--senior-female);
}

#dog-carousel.senior-carousel .ww-slideshow-dog-card.dog-male .dog-stats i {
  color: var(--senior-male);
}

#dog-carousel.senior-carousel .ww-slideshow-dog-card.dog-female .dog-stats i {
  color: var(--senior-female);
}

#dog-carousel.senior-carousel .ww-slideshow-dog-card.dog-male .card-footer {
  border-top-color: rgba(61, 107, 94, 0.2);
}

#dog-carousel.senior-carousel .ww-slideshow-dog-card.dog-female .card-footer {
  border-top-color: rgba(143, 74, 107, 0.2);
}

#dog-carousel.senior-carousel .ww-slideshow-dog-card.dog-male .card-footer .btn {
  background-color: var(--senior-male);
  border-color: var(--senior-male);
}

#dog-carousel.senior-carousel .ww-slideshow-dog-card.dog-male .card-footer .btn:hover {
  background-color: var(--senior-male-dark);
  border-color: var(--senior-male-dark);
}

#dog-carousel.senior-carousel .ww-slideshow-dog-card.dog-male .card-footer .btn:focus-visible {
  box-shadow: 0 0 0 0.25rem rgba(61, 107, 94, 0.35);
}

#dog-carousel.senior-carousel .ww-slideshow-dog-card.dog-female .card-footer .btn {
  background-color: var(--senior-female);
  border-color: var(--senior-female);
}

#dog-carousel.senior-carousel .ww-slideshow-dog-card.dog-female .card-footer .btn:hover {
  background-color: var(--senior-female-dark);
  border-color: var(--senior-female-dark);
}

#dog-carousel.senior-carousel .ww-slideshow-dog-card.dog-female .card-footer .btn:focus-visible {
  box-shadow: 0 0 0 0.25rem rgba(143, 74, 107, 0.35);
}