#epicpaws-site-content div.epicpaws-breadcrumbs {
    background-position: -100px top !important; 
}

@media (max-width: 1600px) {
    #epicpaws-site-content div.epicpaws-breadcrumbs {
        background-position: -250px top !important; 
    }
}

@media (max-width: 1200px) {
    #epicpaws-site-content div.epicpaws-breadcrumbs {
        background-position: -250px top !important; 
    }
}

@media (max-width: 992px) {
    #epicpaws-site-content div.epicpaws-breadcrumbs {
        background-position: -290px top !important; 
    }
}

@media (max-width: 992px) {
    .book-appointment {
        width: 75%;
			padding: 20px;
    }
}
/* === BACK TO TOP BUTTON FIX === */
.epicpaws-back-to-top {
    position: fixed !important;
    bottom: 20px !important;
    right: 20px !important;
    z-index: 9999 !important;
    width: 50px !important;
    height: 50px !important;
    background-color: #4CAF50 !important;
    border-radius: 50% !important;
    text-align: center !important;
    line-height: 50px !important;
    color: white !important;
    font-size: 24px !important;
    text-decoration: none !important;
    opacity: 0 !important;
    visibility: hidden !important;
    transition: all 0.3s ease !important;
    cursor: pointer !important;
    box-shadow: 0 4px 8px rgba(0,0,0,0.2) !important;
    display: block !important;
}

.epicpaws-back-to-top:before {
    content: "^";
    display: block !important;
    font-size: 28px !important;
    font-weight: bold !important;
}

.epicpaws-back-to-top:hover {
    background-color: #45a049 !important;
    transform: translateY(-3px) !important;
}

.epicpaws-back-to-top.show-button {
    opacity: 1 !important;
    visibility: visible !important;
}

@media (max-width: 768px) {
    .epicpaws-back-to-top {
        width: 45px !important;
        height: 45px !important;
        line-height: 45px !important;
        bottom: 15px !important;
        right: 15px !important;
        font-size: 20px !important;
    }
}
@media (max-width: 768px) {
    .pawprint-background {
        background-image: none !important;
    }
}
@media (max-width: 768px) {
    .pawprint-background {
        background-image: none !important;
    }
}
@media (max-width: 768px) {
    body {
        background-image: none !important;
    }
}
@media (max-width: 768px) {
    body {
        background-image: none !important;
    }
}
@media (max-width: 768px) {
    body {
        background-image: none !important;
    }
}
.logo-image img {
    max-width: 150px;
    width: 150px;
    aspect-ratio: 1 / 1;
}



/* ============================================================
   KINGSCOTE DOODLES — STATUS RIBBONS  (v4 — link-based, robust)
   Diagonal corner ribbon for retired / memorial dogs on the
   "Meet the Family" grid. Drawn on top of each card with CSS,
   so it is never cropped by the photo.

   Targets each card by the dog's PAGE LINK (e.g. a link to
   /luna/), NOT the photo filename — so you can change any dog's
   photo at any time, with any filename, and the ribbon stays.

   Retired (green): Nel, Luna, Evie, Molly, Bonnie, Myrtle
   In Loving Memory (grey): Dex

   To add/remove a dog: copy a line in each of the three groups
   below and change the /slug/. To change wording/colour see the
   Dex block as an example.
   ============================================================ */

/* 1) Positioning + clip on the card that links to the dog's page */
.mt-addons-member-columns:has(a[href*="/nel"]),
.mt-addons-member-columns:has(a[href*="/luna"]),
.mt-addons-member-columns:has(a[href*="/evie"]),
.mt-addons-member-columns:has(a[href*="/molly"]),
.mt-addons-member-columns:has(a[href*="/bonnie"]),
.mt-addons-member-columns:has(a[href*="/myrtle"]),
.mt-addons-member-columns:has(a[href*="/dex"]) {
  position: relative;
  overflow: hidden;
}

/* 2) The ribbon band (green default) */
.mt-addons-member-columns:has(a[href*="/nel"])::before,
.mt-addons-member-columns:has(a[href*="/luna"])::before,
.mt-addons-member-columns:has(a[href*="/evie"])::before,
.mt-addons-member-columns:has(a[href*="/molly"])::before,
.mt-addons-member-columns:has(a[href*="/bonnie"])::before,
.mt-addons-member-columns:has(a[href*="/myrtle"])::before,
.mt-addons-member-columns:has(a[href*="/dex"])::before {
  content: "";
  position: absolute;
  top: 24px;
  left: -58px;
  width: 220px;
  height: 34px;
  background: #3c8c46;
  transform: rotate(-45deg);
  z-index: 30;
  box-shadow: 0 2px 6px rgba(0,0,0,0.28);
  pointer-events: none;
}

/* 3) The ribbon text */
.mt-addons-member-columns:has(a[href*="/nel"])::after,
.mt-addons-member-columns:has(a[href*="/luna"])::after,
.mt-addons-member-columns:has(a[href*="/evie"])::after,
.mt-addons-member-columns:has(a[href*="/molly"])::after,
.mt-addons-member-columns:has(a[href*="/bonnie"])::after,
.mt-addons-member-columns:has(a[href*="/myrtle"])::after,
.mt-addons-member-columns:has(a[href*="/dex"])::after {
  content: "Retired";
  position: absolute;
  top: 38px;
  left: -34px;
  width: 172px;
  text-align: center;
  transform: rotate(-45deg);
  z-index: 31;
  color: #fff;
  font-family: Georgia, "Times New Roman", serif;
  font-weight: 700;
  font-size: 15px;
  letter-spacing: 1px;
  text-transform: uppercase;
  pointer-events: none;
}

/* 4) Dex — memorial grey band + wording */
.mt-addons-member-columns:has(a[href*="/dex"])::before {
  background: #5a6473;
  height: 44px;
  top: 28px;
}
.mt-addons-member-columns:has(a[href*="/dex"])::after {
  content: "In Loving Memory";
  font-size: 11px;
  line-height: 1.2;
  top: 42px;
}