:root {
  --longtimer-male: #8b2e2e;
  --longtimer-male-dark: #742626;
  --longtimer-female: #5e3d5e;
  --longtimer-female-dark: #4d324d;
  --longtimer-bg: #fffaf5;
}

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

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

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

#dog-carousel.longtimer-carousel .ww-slideshow-dog-card.longtimer-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.longtimer-carousel .ww-slideshow-dog-card.dog-male > .badge.bg-danger {
  background-color: var(--longtimer-male) !important;
  color: #fff;
}

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

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

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

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

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

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

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

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

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

#dog-carousel.longtimer-carousel .ww-slideshow-dog-card.dog-male .card-footer {
  border-top-color: rgba(139, 46, 46, 0.2);
}

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

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

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

#dog-carousel.longtimer-carousel .ww-slideshow-dog-card.dog-male .card-footer .btn:focus-visible {
  box-shadow: 0 0 0 0.25rem rgba(139, 46, 46, 0.35);
}

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

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

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