/* Copyright (C) YOOtheme GmbH, YOOtheme Proprietary Use License (http://www.yootheme.com/license) */

/* ========================================================================
   Rancho Del Oro — coastal redesign draft
 ========================================================================== */

:root {
  --rdo-navy: #203d56;
  --rdo-ocean: #4c82a8;
  --rdo-sky: #c2dff0;
  --rdo-cream: #fbf7f0;
  --rdo-sand: #e6d8c7;
  --rdo-terracotta: #b97866;
}

html, body { background: var(--rdo-cream); color: #344650; }
body { font-family: 'Aptos', 'Segoe UI', Arial, sans-serif; letter-spacing: .005em; }
h1, h2, h3, h4, .uk-panel-title { color: var(--rdo-navy); font-family: 'Palatino Linotype', 'Book Antiqua', Palatino, Georgia, serif; font-weight: 500; letter-spacing: -.025em; }
 .tm-parallax-teaser-headline, .rdo-script { font-family: 'Palatino Linotype', 'Book Antiqua', Palatino, Georgia, serif !important; font-weight: 500; font-style: italic; }
.tm-parallax-teaser-caption, .rdo-button, .uk-button { letter-spacing: .015em; }
.rdo-service-card h3 { font-family: 'Palatino Linotype', 'Book Antiqua', Palatino, Georgia, serif; letter-spacing: -.015em; }
a { color: var(--rdo-ocean); transition: color .2s ease; }
a:hover { color: var(--rdo-navy); }
.tm-headerbar { background: #fbf6ed; border-bottom: 0; box-shadow: none; }
.tm-headerbar .uk-navbar-brand, .tm-headerbar .uk-navbar-nav > li > a { color: var(--rdo-navy); }
.tm-headerbar .uk-navbar-nav > li > a:hover,
.tm-headerbar .uk-navbar-nav > li.uk-active > a { color: var(--rdo-ocean); }
/* Refined coastal header and navigation */
.tm-headerbar .uk-container { display: flex; align-items: center; flex-wrap: wrap; }
.tm-headerbar .uk-navbar-nav > li > a { font-size: 14px; font-weight: 600; letter-spacing: .015em; padding: 0 14px; transition: color .2s ease, background .2s ease; }
.tm-headerbar .uk-navbar-nav > li > a:hover,
.tm-headerbar .uk-navbar-nav > li.uk-active > a { background: #edf4f6; }
.tm-headerbar .uk-navbar-brand img { max-height: 72px; width: auto; }
.tm-headerbar img.rdo-header-logo { display: block !important; visibility: visible !important; opacity: 1 !important; width: auto !important; max-width: 600px !important; max-height: 150px !important; height: auto !important; object-fit: contain; }
@media (min-width: 768px) { .tm-headerbar { padding: 2px 0 0 !important; } .tm-headerbar .uk-container { width: 100% !important; max-width: none !important; box-sizing: border-box !important; display: flex !important; align-items: center !important; justify-content: space-between !important; flex-wrap: nowrap !important; padding: 0 34px 0 18px !important; } .tm-headerbar .uk-navbar-brand.uk-hidden-small:has(img.rdo-header-logo) { display: block !important; visibility: visible !important; opacity: 1 !important; flex: 0 1 auto !important; width: auto !important; max-width: 720px !important; height: auto !important; margin: 0 auto 0 0 !important; padding: 0 !important; } .tm-headerbar .uk-navbar-nav, .tm-headerbar .uk-navbar-flip { margin-left: auto !important; float: none !important; flex: 0 0 auto !important; } .tm-headerbar img.rdo-header-logo { max-width: 720px !important; max-height: 150px !important; } }
@media (max-width: 767px) {
  .tm-headerbar .uk-container { display: flex; flex-direction: column; align-items: center; padding: 8px 12px 10px; gap: 2px; }
  .tm-headerbar { padding: 0 !important; }
  .tm-headerbar .tm-headerbar-content, .tm-headerbar .uk-navbar { min-height: 0 !important; height: auto !important; }
  .tm-headerbar .uk-navbar-brand { display: block; float: none; padding: 0; margin: 0 auto; height: auto; line-height: 1; }
  .tm-headerbar .uk-navbar-brand img, .tm-headerbar .tm-logo-small img { display: block; max-height: 58px; max-width: 110px; width: auto; height: auto; margin: 0 auto; object-fit: contain; }
  .tm-headerbar .tm-logo-small { display: block !important; visibility: visible !important; margin: 0 auto; padding: 0; text-align: center; }
  .tm-headerbar .uk-navbar-brand.uk-visible-small:has(img.rdo-header-logo) { display: block !important; visibility: visible !important; float: none !important; width: auto !important; height: auto !important; margin: 0 auto !important; padding: 0 !important; }
  .tm-headerbar .uk-navbar-brand.uk-hidden-small:has(img.rdo-header-logo) { display: none !important; }
  .tm-headerbar img.rdo-header-logo { display: block !important; visibility: visible !important; width: auto !important; max-width: min(72vw, 250px) !important; max-height: 78px !important; height: auto !important; margin: 0 auto !important; }
  .tm-headerbar img[src*="killer_logo.jpg"] { display: block !important; max-height: 58px; max-width: 110px; width: auto; height: auto; margin: 0 auto; }
  .tm-headerbar img[src*="logo.svg"] { display: block !important; max-width: 235px; width: 100%; height: auto; margin: 0 auto; }
  .tm-headerbar a[href^="tel:"] { display: none !important; }
  .tm-headerbar .uk-navbar-content p:has(a[href^="tel:"]) { display: none !important; }
  .tm-headerbar .uk-navbar-content:has(a[href^="tel:"]),
  .tm-headerbar .widget_text:has(a[href^="tel:"]),
  .tm-headerbar .widget_custom_html:has(a[href^="tel:"]),
  .tm-headerbar .uk-navbar-content:has(a[href*="945-0606"]),
  .tm-headerbar .widget_text:has(a[href*="945-0606"]),
  .tm-headerbar a[href*="945-0606"],
  .tm-headerbar a[href*="7609450606"] { display: none !important; }
  .tm-headerbar .uk-navbar-brand:after, .tm-headerbar .tm-logo-small:after { content: none !important; }
  .tm-headerbar .uk-navbar-nav { display: flex; justify-content: center; flex-wrap: wrap; width: 100%; }
  .tm-headerbar .uk-navbar-nav > li { float: none; }
  .tm-headerbar .uk-navbar-nav > li > a { min-height: 36px; line-height: 36px; padding: 0 8px; font-size: 12px; }
  .tm-headerbar .uk-navbar-flip { float: none; }
  .tm-headerbar .uk-navbar-content { padding: 0; }
  .tm-headerbar .uk-navbar-content, .tm-headerbar .uk-navbar-content p { text-align: center; margin: 0; }
  .tm-headerbar h1, .tm-headerbar h2, .tm-headerbar h3 { font-size: 21px !important; line-height: 1.2 !important; margin: 0 auto 4px !important; text-align: center; letter-spacing: 0 !important; }
  .tm-headerbar p { font-size: 14px !important; line-height: 1.35 !important; margin: 2px auto !important; text-align: center; }
}
.tm-block { background-color: var(--rdo-cream); }
.tm-block-light { background-color: #fffdf8; }
.tm-content { color: #40545f; line-height: 1.8; }
/* Veterinary Care page: richer coastal editorial styling in the private draft */
body.page-id-5 .tm-content { max-width: none; padding: 0; background: #f5f0e7; }
body.page-id-5 .tm-block.tm-block-main { background: #f5f0e7; }
.rdo-vet-page { position: relative; isolation: isolate; overflow: hidden; max-width: none; margin: 0 auto; padding: 0 0 78px; color: #405763; background: #f5f0e7; }
.rdo-vet-hero { position: relative; max-width: none; margin: 0 auto 54px; padding: clamp(62px, 8vw, 104px) 24px clamp(52px, 7vw, 86px); text-align: center; color: #fdfaf3; background: linear-gradient(115deg, rgba(21,54,75,.96), rgba(47,91,112,.88)), url('https://www.oceansidevet.com/wp-content/uploads/2026/10/Golden-Sunset-Veterinary-Beach-Hero.png') center 48%/cover no-repeat; }
.rdo-vet-hero:after { content: ''; position: absolute; z-index: -1; left: 0; right: 0; bottom: -1px; height: 22px; background: #f5f0e7; clip-path: polygon(0 100%, 0 30%, 18% 58%, 38% 18%, 59% 62%, 78% 22%, 100% 50%, 100% 100%); }
.rdo-vet-hero > * { max-width: 790px; margin-left: auto; margin-right: auto; }
.rdo-vet-eyebrow { margin-top: 0; margin-bottom: 17px; color: #c5e3ec; text-transform: uppercase; letter-spacing: .2em; font-size: 11px; font-weight: 700; }
.rdo-vet-hero h1 { margin-top: 0; margin-bottom: 18px; color: #fffdf8; font-family: 'Palatino Linotype', 'Book Antiqua', Palatino, Georgia, serif; font-size: clamp(42px, 6vw, 72px); line-height: 1.02; font-weight: 500; letter-spacing: -.035em; text-shadow: 0 3px 24px rgba(0,0,0,.18); }
.rdo-vet-hero p:not(.rdo-vet-eyebrow) { color: #f7f4ed; font-size: 17px; line-height: 1.85; margin-top: 0; margin-bottom: 16px; }
.rdo-vet-hero .rdo-vet-lead { color: #d8edf2; font-family: 'Palatino Linotype', 'Book Antiqua', Palatino, Georgia, serif; font-size: clamp(22px, 2.8vw, 31px) !important; line-height: 1.4 !important; margin-bottom: 22px !important; }
.rdo-vet-service-grid { width: min(1120px, calc(100% - 48px)); margin: 0 auto 54px; display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 22px; }
.rdo-vet-service { position: relative; box-sizing: border-box; min-height: 265px; padding: 34px 28px 30px; background: #fffdf8; border: 1px solid #d8e4e5; border-radius: 3px; box-shadow: 0 15px 38px rgba(29,62,78,.08); }
.rdo-vet-service:before { content: ''; position: absolute; left: 0; right: 0; top: 0; height: 5px; background: linear-gradient(90deg, #5f8ca6, #b8d4e1, #d7b77c); }
.rdo-vet-number { display: inline-flex; align-items: center; justify-content: center; width: 42px; height: 42px; border: 1px solid #c4dbe3; border-radius: 50%; background: #edf4f6; color: #315c73; font-family: Georgia, serif; font-size: 14px; font-weight: 700; letter-spacing: .03em; }
.rdo-vet-service h2, .rdo-vet-cta h2 { margin: 20px 0 14px; color: #243e50; font-family: 'Palatino Linotype', 'Book Antiqua', Palatino, Georgia, serif; font-size: clamp(24px, 2.3vw, 30px); line-height: 1.18; font-weight: 500; letter-spacing: -.015em; }
.rdo-vet-service p, .rdo-vet-cta p { color: #516773; font-size: 15px; line-height: 1.85; margin: 0; }
.rdo-vet-cta { position: relative; width: min(920px, calc(100% - 48px)); box-sizing: border-box; margin: 0 auto; padding: clamp(34px, 5vw, 58px); text-align: center; background: linear-gradient(130deg, #e0edf0, #edf4f6 58%, #f9f4e9); border: 1px solid #cddfe3; border-radius: 3px; box-shadow: 0 14px 32px rgba(29,62,78,.05); }
.rdo-vet-cta:before, .rdo-vet-cta:after { content: '〰'; position: absolute; color: rgba(95,140,166,.22); font-size: 70px; line-height: 1; top: 14px; }
.rdo-vet-cta:before { left: 18px; }
.rdo-vet-cta:after { right: 18px; }
.rdo-vet-cta h2 { margin-top: 0; font-size: clamp(30px, 3.4vw, 42px); }
.rdo-vet-cta p { max-width: 660px; margin: 0 auto 18px; font-size: 16px; }
.rdo-vet-cta .rdo-button { margin-top: 8px; padding: 15px 25px; }
@media (max-width: 767px) { .rdo-vet-page { padding-bottom: 44px; } .rdo-vet-hero { padding: 54px 22px 48px; margin-bottom: 30px; background-position: 58% center; } .rdo-vet-hero h1 { font-size: 39px; } .rdo-vet-hero p:not(.rdo-vet-eyebrow) { font-size: 15px; line-height: 1.75; } .rdo-vet-hero .rdo-vet-lead { font-size: 22px !important; } .rdo-vet-service-grid { width: calc(100% - 32px); grid-template-columns: 1fr; gap: 16px; margin-bottom: 30px; } .rdo-vet-service { min-height: 0; padding: 26px 23px 25px; } .rdo-vet-service h2 { font-size: 26px; margin-top: 14px; } .rdo-vet-cta { width: calc(100% - 32px); padding: 34px 20px; } .rdo-vet-cta:before, .rdo-vet-cta:after { font-size: 42px; top: 8px; } .rdo-vet-cta:before { left: 8px; } .rdo-vet-cta:after { right: 8px; } }
/* Service-page styling for the coastal redesign draft */
body.page-id-5 .tm-content, body.page-id-8 .tm-content, body.page-id-7 .tm-content { max-width: 1040px; margin: 0 auto; padding: clamp(30px, 5vw, 68px) clamp(20px, 4vw, 42px); box-sizing: border-box; }
body.page-id-5 .tm-content .uk-article-title, body.page-id-8 .tm-content .uk-article-title, body.page-id-7 .tm-content .uk-article-title { color: #243e50; font-family: 'Palatino Linotype', 'Book Antiqua', Palatino, Georgia, serif; font-size: clamp(36px, 4.5vw, 54px); line-height: 1.1; font-weight: 500; letter-spacing: -.025em; margin: 0 0 24px; }
body.page-id-5 .tm-content p, body.page-id-8 .tm-content p, body.page-id-7 .tm-content p { color: #465d68; font-size: 17px; line-height: 1.8; margin: 0 0 20px; }
body.page-id-5 .tm-content p:first-of-type { font-size: clamp(18px, 1.8vw, 21px); line-height: 1.75; color: #344f5e; }
body.page-id-5 .tm-content h2, body.page-id-5 .tm-content h3, body.page-id-8 .tm-content h2, body.page-id-8 .tm-content h3, body.page-id-7 .tm-content h2, body.page-id-7 .tm-content h3 { color: #243e50; font-family: 'Palatino Linotype', 'Book Antiqua', Palatino, Georgia, serif; font-size: clamp(25px, 2.6vw, 32px); font-weight: 500; line-height: 1.2; margin: 34px 0 14px; }
body.page-id-5 .tm-content ul, body.page-id-8 .tm-content ul, body.page-id-7 .tm-content ul { padding: 20px 28px 20px 44px; margin: 12px 0 26px; background: #edf4f6; border-left: 3px solid #b8d4e1; border-radius: 0 4px 4px 0; color: #465d68; }
body.page-id-5 .tm-content li, body.page-id-8 .tm-content li, body.page-id-7 .tm-content li { padding: 3px 0; line-height: 1.7; }
body.page-id-5 .tm-content a, body.page-id-8 .tm-content a, body.page-id-7 .tm-content a { font-weight: 600; text-underline-offset: 3px; }
@media (max-width: 767px) { body.page-id-5 .tm-content, body.page-id-8 .tm-content, body.page-id-7 .tm-content { padding: 30px 20px 42px; } body.page-id-5 .tm-content .uk-article-title, body.page-id-8 .tm-content .uk-article-title, body.page-id-7 .tm-content .uk-article-title { font-size: 34px; margin-bottom: 18px; } body.page-id-5 .tm-content p, body.page-id-8 .tm-content p, body.page-id-7 .tm-content p { font-size: 15px; line-height: 1.7; margin-bottom: 16px; } body.page-id-5 .tm-content h2, body.page-id-5 .tm-content h3, body.page-id-8 .tm-content h2, body.page-id-8 .tm-content h3, body.page-id-7 .tm-content h2, body.page-id-7 .tm-content h3 { font-size: 26px; margin-top: 28px; } body.page-id-5 .tm-content ul, body.page-id-8 .tm-content ul, body.page-id-7 .tm-content ul { padding: 14px 18px 14px 34px; } }
.tm-content h1, .tm-content h2, .tm-content h3 { letter-spacing: .01em; }
/* About page: make the membership graphic legible on its pale-blue panel */
body.page-id-2 .tm-bottom-c .widget_text > div img { display: block; width: 100%; max-width: 380px; height: auto; margin: 8px auto 0; filter: brightness(0) saturate(100%) invert(22%) sepia(17%) saturate(1150%) hue-rotate(157deg) brightness(91%) contrast(90%); }
body.page-id-2 .tm-bottom-c .widget_text > div { text-align: center; }

/* About page: compact, coastal membership panel */
body.page-id-2 .tm-bottom-c { max-width: 760px; width: calc(100% - 32px); margin: 24px auto 30px; padding: 18px 24px; background: #eef4f5; border-radius: 16px; box-sizing: border-box; }
body.page-id-2 .tm-bottom-c > div { width: 100% !important; float: none !important; }
body.page-id-2 .tm-bottom-c .uk-panel-title { margin: 0 0 18px; color: #24485b !important; font-family: 'Palatino Linotype', 'Book Antiqua', Palatino, Georgia, serif; font-size: 21px; font-weight: 500; text-align: center; }
body.page-id-2 .tm-bottom-c .uk-grid { display: flex; justify-content: center; align-items: flex-start; gap: 20px; margin: 0; }
body.page-id-2 .tm-bottom-c .uk-grid > div { width: auto; max-width: 190px; padding: 0 10px; text-align: center; }
body.page-id-2 .tm-bottom-c .uk-grid h3, body.page-id-2 .tm-bottom-c .uk-grid h4 { color: #24485b !important; font-size: 15px; }
body.page-id-2 .tm-bottom-c .uk-grid p { color: #627985 !important; font-size: 13px; line-height: 1.55; }
body.page-id-2 .tm-bottom-c .uk-grid .uk-icon-star, body.page-id-2 .tm-bottom-c .uk-grid [class*='star'] { color: #6e9fb2 !important; }
@media (max-width: 767px) { body.page-id-2 .tm-bottom-c { margin: 22px 14px 28px; padding: 20px 14px; } body.page-id-2 .tm-bottom-c .uk-grid { flex-wrap: wrap; gap: 12px; } body.page-id-2 .tm-bottom-c .uk-grid > div { max-width: 130px; padding: 0 6px; } }

/* About page: hide the generic contact form at the bottom; keep memberships */
body.page-id-2 .tm-bottom-c > div:first-child { display: none !important; }
body.page-id-2 .tm-bottom-c > div:last-child { width: 100% !important; }

/* About page: Dr. Morris story and credentials */
body.page-id-2 .tm-content { max-width: none; margin: 0; padding: 0; background: #f5f0e7; }
body.page-id-2 .tm-block.tm-block-main { background: #f5f0e7; }
.rdo-about-story { max-width: 1080px; margin: 46px auto; padding: 0 24px; display: grid; grid-template-columns: minmax(0, 1.7fr) minmax(240px, .8fr); gap: 38px; align-items: center; }
.rdo-about-story-copy .rdo-vet-eyebrow { display: inline-flex; align-items: center; gap: 9px; width: fit-content; margin: 0 0 16px; padding: 8px 15px; color: #725346 !important; background: #f6eee5; border: 1px solid #e7d5c5; border-radius: 999px; font-size: 13px; font-weight: 700; letter-spacing: .045em; line-height: 1.3; box-shadow: 0 2px 8px rgba(94,65,49,.07); }
.rdo-about-story-copy .rdo-vet-eyebrow:before { content: '✦'; color: #c28d70; font-size: 13px; }
.rdo-about-story-copy h2, .rdo-about-credentials h2 { margin: 0 0 20px; color: #183d50; font-family: 'Palatino Linotype', 'Book Antiqua', Palatino, Georgia, serif; font-size: clamp(28px, 3vw, 38px); font-weight: 500; }
.rdo-about-story-copy p:not(.rdo-vet-eyebrow) { color: #516773; font-size: 16px; line-height: 1.9; }
.rdo-about-quote { padding: 30px; background: #e3edf0; border-left: 4px solid #8dbbc8; }
.rdo-about-quote span { color: #5f8ca6; font-size: 12px; font-weight: 700; letter-spacing: .12em; text-transform: uppercase; }
.rdo-about-quote p { margin: 14px 0 0; color: #243e50; font-family: 'Palatino Linotype', 'Book Antiqua', Palatino, Georgia, serif; font-size: 25px; line-height: 1.45; }
.rdo-about-credentials { max-width: 1080px; margin: 0 auto 48px; padding: 36px 24px; background: #fffdf8; border-top: 3px solid #8dbbc8; }
.rdo-about-credentials > .rdo-vet-eyebrow, .rdo-about-credentials > h2 { text-align: center; }
.rdo-about-credential-grid { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 0 28px; }
.rdo-about-credential-grid > div { padding: 20px 4px; border-bottom: 1px solid #d8e7ec; }
.rdo-about-credential-grid strong, .rdo-about-credential-grid span { display: block; }
.rdo-about-credential-grid strong { margin-bottom: 6px; color: #243e50; font-size: 16px; }
.rdo-about-credential-grid span { color: #516773; font-size: 15px; line-height: 1.7; }
.rdo-about-page .rdo-vet-cta { margin-top: 42px; }
@media (max-width: 767px) { .rdo-about-story { grid-template-columns: 1fr; gap: 22px; margin: 28px auto; padding: 0 16px; } .rdo-about-story-copy p:not(.rdo-vet-eyebrow) { font-size: 15px; } .rdo-about-quote { padding: 22px; } .rdo-about-quote p { font-size: 22px; } .rdo-about-credentials { margin: 0 16px 30px; padding: 28px 18px; } .rdo-about-credential-grid { grid-template-columns: 1fr; } }

/* Contact-page footer form: readable, refined coastal styling */
body.page-id-3 .tm-bottom-c, body.page-id-3 .tm-bottom-c .uk-panel, body.page-id-3 .tm-bottom-c .uk-panel-title { color: #243e50 !important; }
body.page-id-3 .tm-bottom-c .uk-panel-title { font-family: 'Palatino Linotype', 'Book Antiqua', Palatino, Georgia, serif; font-size: 25px; line-height: 1.3; margin-bottom: 22px; }
body.page-id-3 .tm-bottom-c label, body.page-id-3 .tm-bottom-c .wpcf7 form p { color: #344650 !important; }
body.page-id-3 .tm-bottom-c input[type="text"], body.page-id-3 .tm-bottom-c input[type="email"], body.page-id-3 .tm-bottom-c input[type="tel"], body.page-id-3 .tm-bottom-c input[type="url"], body.page-id-3 .tm-bottom-c textarea { display: block; width: 100%; max-width: 100%; box-sizing: border-box; margin-top: 7px; padding: 12px 14px; border: 1px solid #c6d8df; border-radius: 4px; background: #fffdf8 !important; color: #243e50 !important; font: inherit; box-shadow: none; }
body.page-id-3 .tm-bottom-c input[type="text"], body.page-id-3 .tm-bottom-c input[type="email"], body.page-id-3 .tm-bottom-c input[type="tel"], body.page-id-3 .tm-bottom-c input[type="url"] { min-height: 46px; }
body.page-id-3 .tm-bottom-c textarea { min-height: 150px; resize: vertical; }
body.page-id-3 .tm-bottom-c input:focus, body.page-id-3 .tm-bottom-c textarea:focus { outline: 2px solid #8dbbc8; outline-offset: 1px; border-color: #5f8ca6; }
body.page-id-3 .tm-bottom-c input[type="submit"], body.page-id-3 .tm-bottom-c button, body.page-id-3 .tm-bottom-c .wpcf7-submit { padding: 12px 25px; border: 1px solid #243e50; border-radius: 4px; background: #243e50 !important; color: #fffdf8 !important; font-size: 15px; cursor: pointer; transition: background .2s ease; }
body.page-id-3 .tm-bottom-c input[type="submit"]:hover, body.page-id-3 .tm-bottom-c .wpcf7-submit:hover { background: #5f8ca6 !important; border-color: #5f8ca6; }
body.page-id-3 .tm-bottom-c .wpcf7-not-valid-tip { color: #9b4338 !important; }
body.page-id-3 .tm-bottom-c .wpcf7-response-output { color: #243e50 !important; border-color: #8dbbc8; }
body.page-id-3 .tm-bottom-c .uk-grid > div { min-width: 0; }
@media (max-width: 767px) { body.page-id-3 .tm-bottom-c .uk-panel-title { font-size: 23px; } body.page-id-3 .tm-bottom-c { padding-left: 18px; padding-right: 18px; } }

/* Contact page: remove legacy sidebar so outdated contact details/hours cannot appear */
body.page-id-3 .tm-sidebar-a { display: none !important; }
body.page-id-3 .tm-middle { display: block !important; }
body.page-id-3 .tm-main.uk-width-medium-3-4 { width: 100% !important; left: auto !important; right: auto !important; margin-left: 0 !important; }

/* Contact page: clear coastal contact details and hours */
body.page-id-3 .tm-content { max-width: none; margin: 0; padding: 0; background: #f5f0e7; }
body.page-id-3 .tm-block.tm-block-main { background: #f5f0e7; }
.rdo-contact-page { padding-bottom: 54px; }
.rdo-contact-grid { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 22px; margin: 34px auto; max-width: 1080px; padding: 0 24px; }
.rdo-contact-card { padding: 28px; background: #fffdf8; border: 1px solid #d8e7ec; border-top: 3px solid #8dbbc8; border-radius: 4px; box-shadow: 0 8px 24px rgba(36,62,80,.045); }
.rdo-contact-card h2, .rdo-contact-hours h2 { margin: 0 0 16px; color: #183d50; font-family: 'Palatino Linotype', 'Book Antiqua', Palatino, Georgia, serif; font-size: clamp(25px, 2.5vw, 32px); }
.rdo-contact-card p { color: #516773; font-size: 15px; line-height: 1.8; }
.rdo-contact-card a:not(.rdo-button) { color: #315f78; }
.rdo-contact-hours { max-width: 1080px; margin: 0 auto; padding: 0 24px; }
.rdo-contact-hours h2 { text-align: center; margin-bottom: 22px; }
.rdo-contact-hours-grid { display: grid; grid-template-columns: repeat(4, minmax(0,1fr)); gap: 14px; }
.rdo-contact-hours-grid p { margin: 0; padding: 18px 14px; background: #fffdf8; border: 1px solid #d8e7ec; border-radius: 4px; color: #516773; font-size: 14px; line-height: 1.65; }
.rdo-contact-hours-grid strong, .rdo-contact-hours-grid span, .rdo-contact-hours-grid em { display: block; }
.rdo-contact-hours-grid strong { margin-bottom: 8px; color: #183d50; }
.rdo-contact-hours-grid em { margin-top: 8px; color: #8b4c42; font-size: 12px; font-style: normal; }
@media (max-width: 767px) { .rdo-contact-grid { grid-template-columns: 1fr; gap: 14px; margin: 24px auto; padding: 0 16px; } .rdo-contact-card { padding: 22px; } .rdo-contact-hours { padding: 0 16px; } .rdo-contact-hours-grid { grid-template-columns: repeat(2, minmax(0,1fr)); gap: 10px; } .rdo-contact-hours-grid p { padding: 14px 10px; font-size: 13px; } }

/* Contact page: a little more warmth and personality */
/* Contact page: editorial coastal welcome — stronger visual hierarchy */
body.page-id-3 .rdo-contact-page { padding-bottom: 62px; background: #f8f3eb; }
body.page-id-3 .rdo-contact-page .rdo-vet-hero {
  min-height: 390px; box-sizing: border-box; display: flex; flex-direction: column;
  justify-content: center; align-items: center; padding: 86px 24px 94px;
  margin-bottom: 0; border-radius: 0;
  background:
    linear-gradient(90deg, rgba(18,48,68,.83), rgba(25,63,83,.48)),
    url('https://www.oceansidevet.com/wp-content/uploads/2026/10/Golden-Sunset-Veterinary-Beach-Hero.png') center 52%/cover no-repeat;
}
body.page-id-3 .rdo-contact-page .rdo-vet-hero:after { display: none; }
body.page-id-3 .rdo-contact-page .rdo-vet-eyebrow {
  color: #f5d9c9; background: rgba(255,250,244,.12);
  border: 1px solid rgba(255,255,255,.35); border-radius: 2px;
  padding: 9px 16px; letter-spacing: .2em; text-transform: uppercase;
}
body.page-id-3 .rdo-contact-page .rdo-vet-hero h1 {
  max-width: 850px; margin: 8px auto 14px; font-size: clamp(48px, 7vw, 82px);
  line-height: .98; letter-spacing: -.045em; text-wrap: balance;
}
body.page-id-3 .rdo-contact-page .rdo-vet-hero .rdo-vet-lead {
  max-width: 700px; margin: 0 auto 12px; font-size: clamp(22px, 2.8vw, 30px) !important;
  color: #f5e4d9; font-style: italic;
}
body.page-id-3 .rdo-contact-page .rdo-vet-hero p:last-child {
  max-width: 620px; margin: 0 auto; font-size: 16px; color: #fffaf4;
}
body.page-id-3 .rdo-contact-grid {
  max-width: 1080px; margin: -34px auto 58px; padding: 0 24px;
  position: relative; z-index: 2; gap: 20px;
}
body.page-id-3 .rdo-contact-card {
  min-height: 260px; padding: 38px 36px 34px; border: 0;
  border-radius: 3px; box-shadow: 0 18px 42px rgba(24,53,69,.12);
}
body.page-id-3 .rdo-contact-card:first-child { background: #fffdf8; border-top: 5px solid #c88f79; }
body.page-id-3 .rdo-contact-card:last-child {
  background: #244b63; border-top: 5px solid #9fc6d2; color: #fff;
}
body.page-id-3 .rdo-contact-card:last-child h2,
body.page-id-3 .rdo-contact-card:last-child p,
body.page-id-3 .rdo-contact-card:last-child strong { color: #fffaf4 !important; }
body.page-id-3 .rdo-contact-card:last-child h2 { font-size: 34px; color: #ffffff !important; font-weight: 600; text-shadow: 0 1px 2px rgba(0,0,0,.18); }
body.page-id-3 .rdo-contact-card:last-child p { font-size: 16px; }
body.page-id-3 .rdo-contact-card:last-child a:not(.rdo-button) {
  display: inline-block; margin-top: 8px; color: #f4d4c3 !important;
  font-family: Georgia,serif; font-size: clamp(25px, 3vw, 34px);
  text-decoration: none; letter-spacing: -.02em;
}
body.page-id-3 .rdo-contact-card:first-child h2,
body.page-id-3 .rdo-contact-card:last-child h2 {
  font-size: 31px; margin-bottom: 18px; letter-spacing: -.02em;
}
body.page-id-3 .rdo-contact-card:first-child .rdo-button {
  border-radius: 2px; background: #c88f79 !important; border: 0;
  color: white !important; padding: 13px 22px; text-decoration: none;
}
body.page-id-3 .rdo-contact-card:after { border-color: rgba(255,255,255,.12); }
body.page-id-3 .rdo-contact-hours {
  max-width: 1080px; box-sizing: border-box; margin: 0 auto;
  padding: 46px 42px 42px; background: transparent; border: 0; border-radius: 0;
  border-top: 1px solid #d9cfc2;
}
body.page-id-3 .rdo-contact-hours h2 {
  margin-bottom: 30px; text-align: left; font-size: clamp(34px, 4vw, 46px);
}
body.page-id-3 .rdo-contact-hours h2:after {
  content: 'A little planning makes every visit easier';
  display: block; margin-top: 9px; color: #8a6a5d;
  font-family: Arial,sans-serif; font-size: 12px; font-style: normal;
  font-weight: 600; letter-spacing: .14em; text-transform: uppercase;
}
body.page-id-3 .rdo-contact-hours-grid { grid-template-columns: 1.5fr 1fr 1fr .8fr; gap: 0; border-top: 1px solid #d8cfc5; border-bottom: 1px solid #d8cfc5; }
body.page-id-3 .rdo-contact-hours-grid p {
  min-height: 105px; display: flex; flex-direction: column; justify-content: center;
  padding: 20px 18px; background: transparent; border: 0; border-radius: 0;
  border-right: 1px solid #d8cfc5; box-shadow: none;
}
body.page-id-3 .rdo-contact-hours-grid p:last-child { border-right: 0; }
body.page-id-3 .rdo-contact-hours-grid strong { font-size: 14px; color: #244b63; }
body.page-id-3 .rdo-contact-hours-grid span { font-size: 18px; color: #536875; font-weight: 600; }
body.page-id-3 .rdo-contact-hours-grid em { color: #a36f5e; }
@media (max-width: 767px) {
  body.page-id-3 .rdo-contact-page .rdo-vet-hero { min-height: 340px; padding: 60px 22px 72px; }
  body.page-id-3 .rdo-contact-page .rdo-vet-hero h1 { font-size: 45px; }
  body.page-id-3 .rdo-contact-grid { margin: -24px auto 38px; padding: 0 16px; grid-template-columns: 1fr; }
  body.page-id-3 .rdo-contact-card { min-height: 0; padding: 28px 25px; }
  body.page-id-3 .rdo-contact-hours { padding: 32px 18px 24px; }
  body.page-id-3 .rdo-contact-hours-grid { grid-template-columns: repeat(2,minmax(0,1fr)); }
  body.page-id-3 .rdo-contact-hours-grid p { min-height: 92px; padding: 15px 10px; border-bottom: 1px solid #d8cfc5; }
  body.page-id-3 .rdo-contact-hours-grid p:nth-child(2) { border-right: 0; }
  body.page-id-3 .rdo-contact-hours-grid p:nth-child(3), body.page-id-3 .rdo-contact-hours-grid p:nth-child(4) { border-bottom: 0; }
  body.page-id-3 .rdo-contact-hours-grid span { font-size: 16px; }
}

body.page-id-3 .rdo-contact-page { background: #f7f1e9; }
body.page-id-3 .rdo-contact-page .rdo-vet-hero {
  background: linear-gradient(115deg, rgba(32,61,86,.88), rgba(76,130,168,.76)), url('https://www.oceansidevet.com/wp-content/uploads/2026/10/Golden-Sunset-Veterinary-Beach-Hero.png') center 48%/cover no-repeat;
  border-radius: 0 0 34px 34px;
}
body.page-id-3 .rdo-contact-page .rdo-vet-eyebrow {
  display: inline-block; padding: 9px 17px; color: #805c54;
  background: #fff0e8; border: 1px solid #efd8cd; border-radius: 999px;
  letter-spacing: .08em; font-size: 11px;
}
body.page-id-3 .rdo-contact-page .rdo-vet-lead { font-style: italic; }
body.page-id-3 .rdo-contact-grid { gap: 24px; margin-top: 42px; margin-bottom: 52px; }
body.page-id-3 .rdo-contact-card {
  position: relative; overflow: hidden; min-height: 215px; box-sizing: border-box;
  padding: 34px 32px 30px; border: 1px solid #e6d9d0; border-top: 0;
  border-radius: 20px; box-shadow: 0 12px 30px rgba(36,62,80,.07);
  transition: transform .2s ease, box-shadow .2s ease;
}
body.page-id-3 .rdo-contact-card:first-child { background: #fffaf5; }
body.page-id-3 .rdo-contact-card:last-child { background: #edf5f6; }
body.page-id-3 .rdo-contact-card:before {
  content: ''; position: absolute; top: 0; left: 0; right: 0; height: 7px;
  background: linear-gradient(90deg, #d6a18f, #c2dce5, #e8d6b9);
}
body.page-id-3 .rdo-contact-card:after {
  content: ''; position: absolute; right: -24px; bottom: -40px; width: 125px; height: 125px;
  border: 1px solid rgba(95,140,166,.17); border-radius: 50%;
  box-shadow: 0 0 0 13px rgba(95,140,166,.045), 0 0 0 27px rgba(95,140,166,.035);
  pointer-events: none;
}
body.page-id-3 .rdo-contact-card h2 {
  margin: 0 0 18px; color: #31566b; font-size: clamp(27px, 2.6vw, 34px);
}
body.page-id-3 .rdo-contact-card p { position: relative; z-index: 1; font-size: 15px; }
body.page-id-3 .rdo-contact-card strong { color: #29495b; }
body.page-id-3 .rdo-contact-card a:not(.rdo-button) { color: #315f78; font-weight: 700; text-decoration-thickness: 1px; text-underline-offset: 4px; }
body.page-id-3 .rdo-contact-card .rdo-button {
  position: relative; z-index: 1; display: inline-block; margin-top: 6px;
  padding: 12px 22px; border: 0; border-radius: 999px;
  background: #315f78; color: #fffdf8; box-shadow: 0 5px 14px rgba(49,95,120,.16);
}
body.page-id-3 .rdo-contact-card .rdo-button:hover { background: #b97866; color: #fff; }
body.page-id-3 .rdo-contact-hours {
  max-width: 1080px; margin: 0 auto; padding: 38px 34px 42px;
  background: #edf4f5; border: 1px solid #d7e5e8; border-radius: 24px;
}
body.page-id-3 .rdo-contact-hours h2 { margin-bottom: 8px; color: #31566b; font-size: clamp(30px, 3vw, 40px); }
body.page-id-3 .rdo-contact-hours h2:after {
  content: 'Here when you need us'; display: block; margin-top: 7px;
  color: #8a6a5d; font-family: Arial, sans-serif; font-size: 12px;
  font-weight: 600; letter-spacing: .12em; text-transform: uppercase;
}
body.page-id-3 .rdo-contact-hours-grid { gap: 14px; }
body.page-id-3 .rdo-contact-hours-grid p {
  padding: 20px 15px; background: #fffdf9; border: 1px solid #e3e7e4;
  border-top: 4px solid #9bbdca; border-radius: 14px;
  box-shadow: 0 6px 16px rgba(36,62,80,.04);
}
body.page-id-3 .rdo-contact-hours-grid p:nth-child(2) { border-top-color: #d6a18f; background: #fff8f3; }
body.page-id-3 .rdo-contact-hours-grid strong { color: #31566b; }
body.page-id-3 .rdo-contact-hours-grid span { color: #516773; font-weight: 600; }
body.page-id-3 .rdo-contact-hours-grid em { color: #946454; }
@media (max-width: 767px) {
  body.page-id-3 .rdo-contact-page .rdo-vet-hero { border-radius: 0 0 24px 24px; }
  body.page-id-3 .rdo-contact-grid { margin-top: 28px; margin-bottom: 34px; }
  body.page-id-3 .rdo-contact-card { min-height: 0; padding: 28px 24px; border-radius: 17px; }
  body.page-id-3 .rdo-contact-hours { padding: 28px 16px 24px; border-radius: 18px; }
  body.page-id-3 .rdo-contact-hours-grid { grid-template-columns: repeat(2, minmax(0,1fr)); gap: 10px; }
  body.page-id-3 .rdo-contact-hours-grid p { padding: 15px 11px; border-radius: 12px; }
}

/* Full-width orca image immediately before homepage grooming */
.rdo-home-orca { width: 100%; margin: 0; padding: 0; overflow: hidden; line-height: 0; background: #dceaf0; }
.rdo-home-orca img { display: block; width: 100%; height: clamp(260px, 38vw, 520px); object-fit: cover; object-position: center 56%; }
@media (max-width: 767px) { .rdo-home-orca img { height: 280px; object-position: center center; } }

/* Footer contact and accurate hospital hours */
.rdo-footer-contact { color: #e7f0f2; font-size: 14px; line-height: 1.7; }
.rdo-footer-contact p { margin: 0 0 8px; }
.rdo-footer-contact a { color: #e7f0f2; }
.rdo-footer-hours { display: flex; flex-wrap: wrap; justify-content: center; gap: 4px 16px; max-width: 920px; margin: 0 auto; }
.rdo-footer-hours strong { flex-basis: 100%; }
.rdo-footer-hours em { flex-basis: 100%; color: #b9dce5; font-size: 12px; font-style: normal; }

/* Homepage hospital hours */
.rdo-home-hours { max-width: 1120px; margin: 56px auto; padding: 42px 34px; background: #f5f0e7; border-radius: 4px; text-align: center; color: #183d50; }
.rdo-home-hours-eyebrow { margin: 0 0 8px; color: #64818c; font-size: 11px; font-weight: 700; letter-spacing: .18em; text-transform: uppercase; }
.rdo-home-hours h2 { margin: 0 0 28px; color: #183d50; font-family: 'Palatino Linotype', 'Book Antiqua', Palatino, Georgia, serif; font-size: clamp(30px, 3vw, 42px); }
.rdo-home-hours-grid { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 18px; }
.rdo-home-hours-grid p { margin: 0; padding: 18px 12px; background: #fff; border-top: 3px solid #8dbbc8; border-radius: 3px; color: #516773; font-size: 14px; line-height: 1.65; }
.rdo-home-hours-grid strong, .rdo-home-hours-grid span, .rdo-home-hours-grid em { display: block; }
.rdo-home-hours-grid strong { margin-bottom: 8px; color: #183d50; }
.rdo-home-hours-grid em { margin-top: 8px; color: #8b4c42; font-size: 12px; font-style: normal; }
@media (max-width: 767px) { .rdo-home-hours { margin: 30px 16px; padding: 30px 18px; } .rdo-home-hours-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 12px; } .rdo-home-hours-grid p { font-size: 13px; padding: 14px 10px; } }

/* Boarding page: match the approved coastal editorial service-page design */
.rdo-boarding-requirements { max-width: 900px; margin: 26px auto 0; padding: 18px 24px; border-top: 1px solid #d5e0e2; text-align: center; }
.rdo-boarding-requirements h2 { margin: 0 0 7px; color: #183d50; font-size: 19px; font-weight: 600; }
.rdo-boarding-requirements p { max-width: 760px; margin: 0 auto; color: #516773; font-size: 13px; line-height: 1.7; }
@media (max-width: 767px) { .rdo-boarding-requirements { margin-top: 18px; padding: 16px 18px; } .rdo-boarding-requirements p { font-size: 12px; } }
body.page-id-8 .tm-content { max-width: none; margin: 0; padding: 0; background: #f5f0e7; }
body.page-id-8 .tm-block.tm-block-main { background: #f5f0e7; }
.rdo-boarding-page .rdo-vet-hero p:not(.rdo-vet-eyebrow) { color: #f7f4ed; font-size: 17px; line-height: 1.85; margin: 0 auto 16px; }
.rdo-boarding-page .rdo-vet-hero .rdo-vet-lead { color: #d8edf2; font-family: 'Palatino Linotype', 'Book Antiqua', Palatino, Georgia, serif; font-size: clamp(22px, 2.8vw, 31px) !important; line-height: 1.4 !important; margin-bottom: 22px !important; }
.rdo-boarding-page .rdo-vet-service h2 { margin: 20px 0 14px; font-size: clamp(24px, 2.3vw, 30px); }
.rdo-boarding-page .rdo-vet-service p { color: #516773; font-size: 15px; line-height: 1.85; margin: 0 0 12px; }
@media (max-width: 767px) { .rdo-boarding-page .rdo-vet-hero p:not(.rdo-vet-eyebrow) { font-size: 15px; line-height: 1.75; } .rdo-boarding-page .rdo-vet-hero .rdo-vet-lead { font-size: 22px !important; } }
.uk-button, .uk-button-primary { background: var(--rdo-ocean); color: #fff; border: 1px solid var(--rdo-ocean); border-radius: 3px; text-transform: none; transition: background .2s ease, transform .2s ease; }
.uk-button:hover, .uk-button-primary:hover { background: var(--rdo-navy); border-color: var(--rdo-navy); color: #fff; transform: translateY(-1px); }
.uk-panel-box { background: #fffdf8; border: 1px solid #e2edf0; border-radius: 5px; box-shadow: 0 8px 24px rgba(18,61,86,.06); }
hr { border-top-color: var(--rdo-sky); }
.tm-footer { background: var(--rdo-navy); color: #f7f3eb; }
.tm-footer a { color: #c6e3ed; }
/* Homepage layout: custom coastal sections */
body.home .tm-block:has(.tm-content),
body.home .tm-block:has(.tm-bottom-a),
body.home .tm-block:has(.tm-bottom-b),
body.home .tm-block:has(.tm-bottom-c),
body.home .tm-block:has(#parallax-custom-image-bottom) { display: none !important; }

#parallax-custom-image {
  min-height: 0 !important;
  height: auto !important;
  aspect-ratio: 1711 / 850 !important;
  background-image: url('https://www.oceansidevet.com/wp-content/uploads/2026/10/Golden-Sunset-Veterinary-Beach-Hero.png') !important;
  background-size: 100% 100% !important;
  background-repeat: no-repeat !important;
  background-position: center bottom !important;
  background-color: transparent !important;
  width: 100vw !important;
  max-width: none !important;
  max-height: none !important;
  margin-left: calc(50% - 50vw) !important;
  overflow: hidden !important;
}
#parallax-custom-image .tm-parallax-teaser-container { display: none !important; }
#parallax-custom-image:after { display: none !important;
  content: '';
  position: absolute;
  z-index: 1;
  right: clamp(24px, 7vw, 110px);
  bottom: 28px;
  width: clamp(86px, 12vw, 150px);
  aspect-ratio: 1;
  border-radius: 50%;
  border: 5px solid rgba(255,253,248,.92);
  box-shadow: 0 8px 28px rgba(0,0,0,.24);
  background: url('https://images.unsplash.com/photo-1612690319858-99b5b909fae1?auto=format&fit=crop&w=500&q=85') center/cover no-repeat;
}
.tm-parallax-teaser-container { width: min(92vw, 760px) !important; max-width: 760px !important; margin-left: auto !important; margin-right: auto !important; padding: 34px 28px; box-sizing: border-box; position: relative; left: auto !important; right: auto !important; transform: none !important; }
#parallax-custom-image .tm-parallax-teaser-container { flex: 0 1 620px; min-width: 0; margin-left: auto !important; margin-right: clamp(20px, 4vw, 64px) !important; }
#parallax-custom-image .tm-parallax-teaser-headline { max-width: 100%; overflow-wrap: normal; }
#parallax-custom-image .tm-parallax-teaser-caption { max-width: 100%; box-sizing: border-box; white-space: normal; }
@media (max-width: 767px) { .tm-parallax-teaser-container { width: 100% !important; padding: 16px 14px; } #parallax-custom-image { background-position: center center !important; } #parallax-custom-image .tm-parallax-teaser-container { margin: 0 auto !important; } }
.tm-parallax-teaser-headline { font-family: 'Palatino Linotype', 'Book Antiqua', Palatino, Georgia, serif !important; font-style: italic; font-size: clamp(36px, 4.3vw, 58px) !important; line-height: 1.08 !important; letter-spacing: -.025em; text-shadow: 0 2px 20px rgba(0,0,0,.22); }
.tm-parallax-teaser-caption { display: inline-block; margin-top: 12px; padding: 10px 18px; background: rgba(18,61,86,.88); color: white !important; border-radius: 3px; font-size: 17px; }
.tm-parallax-teaser-images-top img, .tm-parallax-teaser-images-bottom img { opacity: .7; }
.rdo-shell { width: min(1160px, calc(100% - 48px)); margin: 0 auto; }
.rdo-home-welcome { padding: 94px 0; background: #fbf7ef; position: relative; }
.rdo-welcome-grid, .rdo-grooming-grid { display: grid; grid-template-columns: 1fr 1fr; gap: clamp(38px, 7vw, 94px); align-items: center; }
.rdo-welcome-photo img, .rdo-grooming-photo img { display: block; width: 100%; height: 440px; object-fit: cover; border-radius: 3px; box-shadow: 18px 18px 0 #d7e8ee; }
.rdo-welcome-copy h2, .rdo-section-heading h2, .rdo-grooming-copy h2, .rdo-home-cta h2 { font-family: 'Palatino Linotype', 'Book Antiqua', Palatino, Georgia, serif; font-size: clamp(32px, 4vw, 48px); line-height: 1.13; margin: 0 0 20px; }
.rdo-welcome-copy p, .rdo-grooming-copy p, .rdo-section-heading p { font-size: 17px; line-height: 1.85; }
.rdo-eyebrow { color: #5f8ca6 !important; text-transform: uppercase; letter-spacing: .16em; font-size: 11px !important; font-weight: 700; margin-bottom: 15px; }
.rdo-script { color: #5f8ca6; font-family: 'Segoe Script', 'Bradley Hand', 'Apple Chancery', cursive; font-size: 30px !important; line-height: 1.3 !important; margin: 20px 0; }
.rdo-button { display: inline-block; margin-top: 10px; padding: 13px 22px; background: #5f8ca6; color: #fff !important; border: 1px solid #5f8ca6; border-radius: 3px; text-decoration: none !important; font-size: 13px; letter-spacing: .03em; transition: .2s ease; }
.rdo-button:hover { background: #243e50; border-color: #243e50; color: #fff !important; transform: translateY(-2px); }
.rdo-home-services { padding: 88px 0 96px; background: #edf4f6; }
.rdo-section-heading { text-align: center; max-width: 720px; margin: 0 auto 38px; }
.rdo-home-services .rdo-section-heading h2 { font-size: clamp(34px, 3.5vw, 44px); line-height: 1.14; margin-bottom: 14px; }
.rdo-home-services .rdo-section-heading .rdo-eyebrow { margin-bottom: 12px; }
.rdo-home-services .rdo-section-heading p { color: #516773; }
.rdo-section-heading p:last-child { margin: 0; }
.rdo-service-grid { display: grid; grid-template-columns: repeat(3, minmax(0,1fr)); gap: 22px; }
.rdo-service-card { display: flex; flex-direction: column; align-items: flex-start; min-height: 270px; box-sizing: border-box; padding: 30px 28px 26px; background: #fffdf8; border: 1px solid #d8e7ec; border-radius: 4px; box-shadow: 0 8px 24px rgba(36,62,80,.045); text-decoration: none !important; transition: transform .2s ease, box-shadow .2s ease, border-color .2s ease; }
.rdo-service-card:hover { transform: translateY(-3px); border-color: #b8d4e1; box-shadow: 0 14px 30px rgba(18,61,86,.09); }
.rdo-card-mark { display: inline-flex; align-items: center; justify-content: center; width: 42px; height: 42px; margin-bottom: 20px; border-radius: 50%; background: #d7e8ee; color: #243e50; font-size: 23px; }
.rdo-service-card h3 { font-size: 25px; margin: 0 0 12px; }
.rdo-service-card p { color: #516773; font-size: 15px; line-height: 1.75; }
.rdo-card-link { color: #5f8ca6; font-size: 13px; font-weight: 700; margin-top: auto; padding-top: 8px; }
.rdo-home-grooming { padding: 82px 0; background: #fffdf8; }
.rdo-grooming-grid { gap: clamp(42px, 6vw, 78px); }
.rdo-grooming-copy h2 { margin-bottom: 16px; }
.rdo-grooming-copy p { color: #516773; }
.rdo-grooming-copy ul { line-height: 1.85; }
.rdo-grooming-photo img { border-radius: 4px; }
.rdo-grooming-photo { position: relative; }
.rdo-grooming-photo img { box-shadow: -18px 18px 0 #d7e8ee; }
.rdo-photo-note { position: absolute; left: -14px; bottom: 24px; padding: 12px 17px; background: #5f8ca6; color: #fff; font-family: Georgia, 'Times New Roman', serif; font-style: italic; }
.rdo-grooming-copy ul { padding-left: 20px; color: #334b58; line-height: 2; }
.rdo-home-cta { padding: 70px 0; text-align: center; background: #243e50; color: #fbf6ed; position: relative; overflow: hidden; }
.rdo-home-cta:before, .rdo-home-cta:after { content: '〰'; position: absolute; font-size: 150px; line-height: 1; color: rgba(184,212,225,.2); top: -14px; }
.rdo-home-cta:before { left: 3%; }
.rdo-home-cta:after { right: 3%; }
.rdo-home-cta h2 { color: #fffdf8; }
.rdo-home-cta .rdo-script { color: #b8d4e1; }
.rdo-button-light { background: #fbf6ed; color: #243e50 !important; border-color: #fbf6ed; }
.rdo-button-light:hover { background: #d7e8ee; color: #243e50 !important; border-color: #d7e8ee; }
@media (max-width: 767px) {
  .tm-headerbar { padding-top: 10px; padding-bottom: 10px; }
  .tm-parallax-teaser-container { padding: 22px 20px; }
  .rdo-shell { width: min(100% - 32px, 560px); }
  .rdo-home-welcome, .rdo-home-grooming { padding: 28px 0 42px; }
  .rdo-welcome-grid, .rdo-grooming-grid { grid-template-columns: 1fr; gap: 18px; }
  .rdo-welcome-copy { order: 1; }
  /* Mobile only: place grooming details before the French bulldog photo; desktop grid stays unchanged */
  .rdo-grooming-copy { order: 1; text-align: center; }
  .rdo-grooming-copy ul { display: inline-block; text-align: left; margin: 8px auto 18px; }
  .rdo-grooming-copy .rdo-button { display: block; width: fit-content; max-width: 100%; box-sizing: border-box; margin: 18px auto 0; }
  .rdo-grooming-photo { order: 2; width: 100%; margin-top: 8px; }
  .rdo-grooming-photo img { height: auto; aspect-ratio: 1.25 / 1; object-fit: cover; object-position: center; box-shadow: none; border-radius: 4px; }
  .rdo-grooming-photo .rdo-photo-note { left: 10px; bottom: 18px; }
  .rdo-welcome-photo { order: 2; display: block; width: 100%; max-width: 230px !important; height: 150px; min-height: 0; margin: 8px auto 0 !important; justify-self: center; align-self: center; padding: 0; background: transparent !important; border: 0; box-shadow: none !important; overflow: hidden; }
  .rdo-welcome-photo img { display: block; height: 150px !important; width: 100% !important; max-width: 230px !important; max-height: none; margin: 0 auto !important; object-fit: cover; object-position: 28% center; border-radius: 3px; box-shadow: none !important; }
  .rdo-welcome-copy { text-align: center; }
  .rdo-welcome-copy .rdo-eyebrow { margin-top: 0; margin-bottom: 10px; font-size: 10px !important; letter-spacing: .12em; }
  .rdo-welcome-copy h2 { font-size: clamp(29px, 7.5vw, 36px) !important; line-height: 1.12; margin: 0 auto 14px; max-width: 340px; }
  .rdo-welcome-copy p { font-size: 15px; line-height: 1.65; }
  .rdo-welcome-copy .rdo-script { font-size: 25px !important; margin: 14px 0; }
  .rdo-welcome-copy .rdo-button { margin: 6px 4px 0; padding: 11px 14px; font-size: 12px; }
  .rdo-grooming-photo img { height: 260px; }
  .rdo-service-grid { grid-template-columns: 1fr; gap: 12px; }
  .rdo-home-services { padding: 38px 0 42px; }
  .rdo-home-services .rdo-section-heading { margin-bottom: 24px; }
  .rdo-home-services .rdo-section-heading h2 { font-size: 30px !important; line-height: 1.15; margin-bottom: 12px; }
  .rdo-home-services .rdo-section-heading p { font-size: 15px; line-height: 1.55; }
  .rdo-service-card { min-height: 0; padding: 20px 22px 18px; }
  .rdo-card-mark { width: 36px; height: 36px; margin-bottom: 12px; font-size: 19px; }
  .rdo-card-mark svg { width: 28px; height: 28px; }
  .rdo-service-card h3 { font-size: 23px; line-height: 1.2; margin: 0 0 8px; }
  .rdo-service-card p { font-size: 14px; line-height: 1.55; margin: 0 0 10px; }
  .rdo-card-link { font-size: 12px; }
  .rdo-photo-note { left: -5px; }
  .rdo-home-cta:before, .rdo-home-cta:after { display: none; }
}



#parallax-custom-image-bottom {  
    background-image: url("/downloads/parallax-bottom.jpg");  
    max-height: 600px;
}

.wpcf7 input[type="text"],
.wpcf7 input[type="email"],
.wpcf7 textarea
{
    background-color: #2b3d4b;
    color: #fff;
    width: 500px;
    border: 2px solid #2b3d4b;
}

/* Shared bottom contact and membership section: readable coastal styling on Boarding, Grooming, and Contact */
.tm-bottom-c { box-sizing: border-box; width: min(1120px, calc(100% - 48px)); margin: 0 auto 36px; padding: 34px clamp(20px, 4vw, 42px) 36px; display: grid !important; grid-template-columns: repeat(2, minmax(0, 1fr)) !important; align-items: start; gap: clamp(28px, 4vw, 56px); background: #edf4f6; border: 1px solid #d5e5eb; border-top: 4px solid #4c82a8; border-radius: 6px; color: #344f5e !important; }
.tm-bottom-c > .uk-width-1-2, .tm-bottom-c > div { display: block !important; box-sizing: border-box !important; width: auto !important; min-width: 0 !important; max-width: 100% !important; float: none !important; position: static !important; left: auto !important; right: auto !important; margin: 0 !important; padding: 0 !important; }
.tm-bottom-c > div:first-child { grid-column: 1 !important; grid-row: 1 !important; }
.tm-bottom-c > div:last-child { grid-column: 2 !important; grid-row: 1 !important; text-align: center; }
.tm-bottom-c > div > .widget_text { width: 100%; min-width: 0; }
.tm-bottom-c .uk-grid { margin-left: 0 !important; }
.tm-bottom-c .uk-panel-title { margin: 0 0 22px; color: #203d56 !important; font-family: 'Palatino Linotype', 'Book Antiqua', Palatino, Georgia, serif; font-size: clamp(23px, 2.4vw, 29px); line-height: 1.25; }
.tm-bottom-c .wpcf7, .tm-bottom-c .wpcf7 form, .tm-bottom-c .wpcf7 form p, .tm-bottom-c label { color: #344f5e !important; }
.tm-bottom-c .wpcf7 form p { margin: 0 0 8px; font-size: 14px; line-height: 1.5; }
.tm-bottom-c .wpcf7 input[type='text'], .tm-bottom-c .wpcf7 input[type='email'], .tm-bottom-c .wpcf7 input[type='tel'], .tm-bottom-c .wpcf7 textarea { display: block; box-sizing: border-box; width: 100% !important; max-width: 100% !important; margin: 6px 0 14px; padding: 12px 14px; background: #fffdf8 !important; color: #203d56 !important; border: 1px solid #bfd4df !important; border-radius: 4px; font: inherit; box-shadow: none !important; }
.tm-bottom-c .wpcf7 input[type='text'], .tm-bottom-c .wpcf7 input[type='email'], .tm-bottom-c .wpcf7 input[type='tel'] { min-height: 44px; }
.tm-bottom-c .wpcf7 textarea { min-height: 140px; resize: vertical; }
.tm-bottom-c .wpcf7 input:focus, .tm-bottom-c .wpcf7 textarea:focus { outline: 2px solid #8dbbc8; outline-offset: 1px; }
.tm-bottom-c .wpcf7 input[type='submit'], .tm-bottom-c .wpcf7 .wpcf7-submit { width: auto !important; padding: 12px 26px; background: #203d56 !important; color: #fffdf8 !important; border: 1px solid #203d56 !important; border-radius: 4px; font-size: 15px; cursor: pointer; }
.tm-bottom-c .wpcf7 input[type='submit']:hover, .tm-bottom-c .wpcf7 .wpcf7-submit:hover { background: #4c82a8 !important; border-color: #4c82a8 !important; }
.tm-bottom-c img[src*='awards.svg'] { display: block; width: 100%; max-width: 420px; height: auto; margin: 24px auto 0; filter: brightness(0) saturate(100%) invert(19%) sepia(18%) saturate(1330%) hue-rotate(164deg) brightness(91%) contrast(92%); }

/* About page: compact centered membership panel, without the shared contact form */

/* Grooming page: boutique pet-spa personality, still in the coastal RDO palette */
body.page-id-7 .rdo-grooming-page { background: #fff8f4; }
body.page-id-7 .rdo-grooming-page .rdo-vet-hero {
  background: linear-gradient(115deg, rgba(32,61,86,.84), rgba(76,130,168,.70)), url('https://www.oceansidevet.com/wp-content/uploads/2026/10/Golden-Sunset-Veterinary-Beach-Hero.png') center 48%/cover no-repeat;
  border-radius: 0 0 34px 34px;
}
body.page-id-7 .rdo-grooming-page .rdo-vet-eyebrow {
  display: inline-block; padding: 9px 17px; margin-bottom: 20px;
  color: #805c54; background: #fff0e8; border: 1px solid #efd8cd;
  border-radius: 999px; letter-spacing: .08em; font-size: 11px;
}
body.page-id-7 .rdo-grooming-page .rdo-vet-lead { font-style: italic; }
body.page-id-7 .rdo-grooming-page .rdo-vet-service-grid { gap: 24px; }
body.page-id-7 .rdo-grooming-page .rdo-vet-service {
  min-height: 250px; padding: 34px 28px; background: #fffdfb;
  border: 1px solid #eedfd8; border-radius: 20px;
  box-shadow: 0 12px 30px rgba(106,76,66,.08);
  transition: transform .2s ease, box-shadow .2s ease;
}
body.page-id-7 .rdo-grooming-page .rdo-vet-service:hover {
  transform: translateY(-4px); box-shadow: 0 16px 34px rgba(106,76,66,.12);
}
body.page-id-7 .rdo-grooming-page .rdo-vet-service:before {
  height: 6px; border-radius: 20px 20px 0 0;
  background: linear-gradient(90deg, #e6b9aa, #c2dce5, #e8d6b9);
}
body.page-id-7 .rdo-grooming-page .rdo-vet-number {
  width: 48px; height: 48px; color: #805c54; background: #fff0e8;
  border: 1px solid #efd8cd; font-family: Georgia, serif; font-size: 16px;
}
body.page-id-7 .rdo-grooming-page .rdo-vet-service h2 { margin-top: 18px; color: #31566b; }
body.page-id-7 .rdo-grooming-page .rdo-grooming-requirements {
  width: min(920px, calc(100% - 48px)); box-sizing: border-box;
  margin: 0 auto 42px; padding: 30px 36px; background: #f1e9df;
  border: 1px solid #e6d7c9; border-left: 5px solid #d6a18f; border-radius: 18px;
}
body.page-id-7 .rdo-grooming-page .rdo-grooming-requirements h2 { margin-top: 0; color: #76584f; }
body.page-id-7 .rdo-grooming-page .rdo-vet-cta {
  background: linear-gradient(135deg, #f8e9e2, #edf5f6 70%, #fff8ee);
  border: 1px solid #e8d5cd; border-radius: 26px;
  box-shadow: 0 14px 34px rgba(106,76,66,.07);
}
body.page-id-7 .rdo-grooming-page .rdo-vet-cta h2 { color: #31566b; }
body.page-id-7 .rdo-grooming-page .rdo-vet-cta .rdo-button {
  display: inline-block; border: 0; border-radius: 999px; background: #315f78;
  color: #fffdf8; padding: 14px 30px; box-shadow: 0 5px 14px rgba(49,95,120,.18);
}
body.page-id-7 .rdo-grooming-page .rdo-vet-cta .rdo-button:hover { background: #b97866; color: #fff; }
@media (max-width: 767px) {
  body.page-id-7 .rdo-grooming-page .rdo-vet-hero { border-radius: 0 0 24px 24px; }
  body.page-id-7 .rdo-grooming-page .rdo-vet-service { border-radius: 17px; }
  body.page-id-7 .rdo-grooming-page .rdo-grooming-requirements {
    width: calc(100% - 32px); padding: 24px 22px; border-radius: 16px; margin-bottom: 30px;
  }
  body.page-id-7 .rdo-grooming-page .rdo-vet-cta { border-radius: 20px; }
}
body.page-id-2 .tm-bottom-c { display: block !important; box-sizing: border-box; width: min(760px, calc(100% - 40px)); margin: 26px auto 42px; padding: 28px 28px 30px; background: #edf4f6; border: 1px solid #d5e5eb; border-top: 4px solid #4c82a8; border-radius: 6px; text-align: center; }
body.page-id-2 .tm-bottom-c > div:first-child { display: none !important; }
body.page-id-2 .tm-bottom-c > div:last-child { display: block !important; box-sizing: border-box; width: 100% !important; max-width: 100% !important; float: none !important; position: static !important; margin: 0 !important; padding: 0 !important; text-align: center !important; }
body.page-id-2 .tm-bottom-c .uk-panel-title { margin: 0 0 22px; color: #203d56 !important; font-family: 'Palatino Linotype', 'Book Antiqua', Palatino, Georgia, serif; font-size: 26px; line-height: 1.3; text-align: center; }
body.page-id-2 .tm-bottom-c img[src*='awards.svg'] { display: block; width: 100%; max-width: 480px; height: auto; margin: 0 auto; }
@media (max-width: 767px) { body.page-id-2 .tm-bottom-c { width: calc(100% - 28px); margin: 22px auto 30px; padding: 24px 16px; } body.page-id-2 .tm-bottom-c .uk-panel-title { font-size: 23px; margin-bottom: 18px; } body.page-id-2 .tm-bottom-c img[src*='awards.svg'] { max-width: 100%; } }
@media (max-width: 767px) { .tm-bottom-c { width: calc(100% - 28px); margin: 22px auto 28px; padding: 26px 20px 30px; grid-template-columns: minmax(0, 1fr) !important; gap: 28px; } .tm-bottom-c > div:first-child, .tm-bottom-c > div:last-child { grid-column: 1 !important; grid-row: auto !important; } .tm-bottom-c .uk-panel-title { font-size: 24px; margin-bottom: 16px; } .tm-bottom-c img[src*='awards.svg'] { display: block; width: 100%; max-width: 340px; height: auto; margin: 18px auto 0; } }



/* Homepage polish: softer coastal details, warmer cards, and a little more personality */
body.home .rdo-home-welcome { background: linear-gradient(180deg, #fbf7f0 0%, #f7f2e9 100%); }
body.home .rdo-welcome-photo img { border-radius: 26px; box-shadow: 14px 14px 0 #d8e8ed, 0 18px 40px rgba(32,61,86,.10); }
body.home .rdo-welcome-copy .rdo-eyebrow,
body.home .rdo-section-heading .rdo-eyebrow,
body.home .rdo-grooming-copy .rdo-eyebrow { display: inline-block; padding: 8px 14px; border: 1px solid #d8e5e7; border-radius: 999px; background: #eef5f5; color: #527b91 !important; letter-spacing: .12em; }
body.home .rdo-welcome-copy h2 { color: #203d56; }
body.home .rdo-welcome-copy .rdo-script { color: #b97866; }
body.home .rdo-home-services { background: linear-gradient(145deg, #eaf3f5 0%, #f2f6f4 55%, #f8f1e8 100%); }
body.home .rdo-service-card { min-height: 286px; padding: 32px 30px 28px; border: 1px solid #dce7e7; border-radius: 22px; box-shadow: 0 12px 30px rgba(32,61,86,.07); }
body.home .rdo-service-card:nth-child(2) { transform: translateY(12px); }
body.home .rdo-service-card:nth-child(2):hover { transform: translateY(7px); }
body.home .rdo-card-mark { width: 54px; height: 54px; border: 1px solid #d5e4e8; background: #eaf3f5; color: #315f78; }
body.home .rdo-card-mark-grooming { background: #fbefea; border-color: #efddd4; color: #a96f60; }
body.home .rdo-service-card h3 { color: #24485b; }
body.home .rdo-card-link { color: #4c82a8; }
body.home .rdo-home-orca { overflow: hidden; line-height: 0; background: #203d56; }
body.home .rdo-home-orca img { display: block; width: 100%; height: clamp(190px, 24vw, 310px); object-fit: cover; object-position: center 48%; }
body.home .rdo-home-grooming { background: #fffaf5; }
body.home .rdo-grooming-photo img { border-radius: 26px; box-shadow: -14px 14px 0 #d8e8ed, 0 18px 40px rgba(32,61,86,.09); }
body.home .rdo-photo-note { left: -10px; bottom: 24px; padding: 13px 20px; border: 3px solid #fffaf5; border-radius: 999px; background: #b97866; box-shadow: 0 8px 20px rgba(32,61,86,.12); }
body.home .rdo-grooming-copy ul { list-style: none; padding: 0; }
body.home .rdo-grooming-copy li { position: relative; padding: 5px 0 5px 28px; }
body.home .rdo-grooming-copy li:before { content: '✦'; position: absolute; left: 2px; top: 5px; color: #b97866; font-size: 14px; }
body.home .rdo-home-cta { background: linear-gradient(120deg, #203d56, #315f78); }
body.home .rdo-home-cta .rdo-button-light { border-radius: 999px; padding: 14px 26px; }
@media (max-width: 767px) {
  body.home .rdo-service-card { border-radius: 18px; min-height: 0; padding: 22px 22px 20px; }
  body.home .rdo-service-card:nth-child(2) { transform: none; }
  body.home .rdo-welcome-photo img { border-radius: 18px; box-shadow: 8px 8px 0 #d8e8ed; }
  body.home .rdo-grooming-photo img { border-radius: 18px; box-shadow: none; }
  body.home .rdo-photo-note { left: 8px; bottom: 16px; padding: 10px 14px; font-size: 13px; }
  body.home .rdo-home-orca img { height: 180px; }
}

/* Contact page: deepen text contrast for easier reading */
body.page-id-3 .rdo-contact-card p,
body.page-id-3 .rdo-contact-hours-grid p,
body.page-id-3 .rdo-contact-hours-grid span { color: #293f4b !important; }
body.page-id-3 .rdo-contact-card strong,
body.page-id-3 .rdo-contact-hours-grid strong { color: #183747 !important; }
body.page-id-3 .rdo-contact-card a:not(.rdo-button) { color: #174b68 !important; }
body.page-id-3 .rdo-contact-card h2,
body.page-id-3 .rdo-contact-hours h2 { color: #183747 !important; }

/* Strong override for the phone card: dark readable text on pale blue */
body.page-id-3 .rdo-contact-grid .rdo-contact-card:last-child h2,
body.page-id-3 .rdo-contact-grid .rdo-contact-card:last-child p,
body.page-id-3 .rdo-contact-grid .rdo-contact-card:last-child p strong,
body.page-id-3 .rdo-contact-grid .rdo-contact-card:last-child p a,
body.page-id-3 .rdo-contact-grid .rdo-contact-card:last-child a:not(.rdo-button) {
  color: #183747 !important;
  text-shadow: none !important;
}

/* Veterinary Care: remove the legacy sidebar image and let the page use full width */
body.page-id-5 .tm-sidebar-b { display: none !important; }
body.page-id-5 .tm-main.uk-width-medium-3-4 { width: 100% !important; }
body.page-id-5 .tm-middle { display: block !important; }

/* Veterinary Care cards: one realistic pet photo per existing column */
body.page-id-5 .rdo-vet-service { padding-top: 0; overflow: hidden; }
body.page-id-5 .rdo-vet-service-image { display: block; width: calc(100% + 56px); max-width: none; height: 205px; margin: 0 -28px 24px; object-fit: cover; object-position: center; }
body.page-id-5 .rdo-vet-service .rdo-vet-number { margin-top: 0; }
@media (max-width: 767px) { body.page-id-5 .rdo-vet-service-image { width: calc(100% + 46px); height: 220px; margin: 0 -23px 20px; } }

/* Mobile homepage repair */
@media (max-width: 767px) {
  body.home .tm-headerbar { padding: 8px 0 12px !important; }
  body.home .tm-headerbar .uk-container {
    display: flex !important; flex-direction: column !important; align-items: center !important;
    justify-content: center !important; width: 100% !important; max-width: 100% !important;
    box-sizing: border-box !important; padding: 8px 16px 12px !important; gap: 10px !important;
  }
  body.home .tm-headerbar .uk-navbar-brand.uk-visible-small,
  body.home .tm-headerbar .tm-logo-small {
    display: flex !important; float: none !important; align-items: center !important;
    justify-content: center !important; width: 100% !important; max-width: 100% !important;
    margin: 0 auto !important; padding: 0 !important; text-align: center !important;
  }
  body.home .tm-headerbar img.rdo-header-logo {
    display: block !important; width: auto !important; max-width: min(78vw, 260px) !important;
    max-height: 88px !important; height: auto !important; margin: 0 auto !important; object-fit: contain !important;
  }
  body.home .rdo-mobile-menu-live {
    display: flex !important; position: static !important; width: 100% !important;
    justify-content: center !important; margin: 0 auto !important;
  }
  body.home .rdo-mobile-menu-live button {
    display: inline-flex !important; align-items: center !important; justify-content: center !important;
    margin: 0 auto !important; min-height: 42px !important; padding: 9px 24px !important;
  }
  body.home .tm-block:has(.tm-middle) { display: none !important; }
  body.home #parallax-custom-image {
    display: block !important;
    box-sizing: border-box !important;
    width: 100% !important;
    min-height: 0 !important;
    height: auto !important;
    aspect-ratio: 16 / 9 !important;
    padding: 0 !important;
    overflow: hidden !important;
    background-position: center center !important;
    background-size: 100% 100% !important;
    background-repeat: no-repeat !important;
  }
  /* The approved hero artwork already contains the hospital name, phone, and tagline.
     Hide the theme's duplicate HTML overlay on phones; preserve the original image. */
  body.home #parallax-custom-image .tm-parallax-teaser-container {
    display: none !important;
  }
  body.home .rdo-home-welcome { padding: 36px 0 40px !important; }
}

/* Desktop header repair: balanced logo and navigation, mobile styling remains unchanged */
@media (min-width: 768px) {
  .tm-headerbar { padding: 8px 0 !important; }
  .tm-headerbar .uk-container {
    display: flex !important; flex-direction: row !important; align-items: center !important;
    justify-content: space-between !important; flex-wrap: nowrap !important; gap: 16px !important;
    width: 100% !important; max-width: 1440px !important; min-height: 112px !important;
    box-sizing: border-box !important; margin: 0 auto !important; padding: 8px 26px !important;
  }
  .tm-headerbar .uk-navbar-brand.uk-hidden-small:has(img.rdo-header-logo) {
    display: flex !important; flex: 0 1 350px !important; align-items: center !important;
    justify-content: flex-start !important; width: auto !important; max-width: 40% !important;
    min-width: 0 !important; height: auto !important; margin: 0 !important; padding: 0 !important;
    position: static !important; float: none !important;
  }
  .tm-headerbar img.rdo-header-logo {
    display: block !important; width: 100% !important; max-width: 350px !important;
    max-height: 112px !important; height: auto !important; object-fit: contain !important; margin: 0 !important;
  }
  .tm-headerbar .uk-navbar-flip {
    display: flex !important; flex: 1 1 auto !important; align-items: center !important;
    justify-content: flex-end !important; min-width: 0 !important; width: auto !important;
    margin: 0 !important; padding: 0 !important; float: none !important; position: static !important;
  }
  .tm-headerbar .uk-navbar-nav {
    display: flex !important; flex: 0 1 auto !important; align-items: center !important;
    justify-content: flex-end !important; flex-wrap: nowrap !important; width: auto !important;
    margin: 0 !important; padding: 0 !important; float: none !important; gap: 0 !important;
  }
  .tm-headerbar .uk-navbar-nav > li { display: block !important; flex: 0 0 auto !important; float: none !important; margin: 0 !important; padding: 0 !important; }
  .tm-headerbar .uk-navbar-nav > li > a {
    display: flex !important; align-items: center !important; justify-content: center !important;
    min-height: 42px !important; height: auto !important; line-height: 1.25 !important;
    padding: 8px 9px !important; white-space: nowrap !important; font-size: 12px !important;
  }
}
@media (min-width: 768px) and (max-width: 1024px) {
  .tm-headerbar .uk-container { gap: 9px !important; padding: 8px 14px !important; }
  .tm-headerbar .uk-navbar-brand.uk-hidden-small:has(img.rdo-header-logo) { flex-basis: 230px !important; max-width: 32% !important; }
  .tm-headerbar img.rdo-header-logo { max-width: 230px !important; max-height: 92px !important; }
  .tm-headerbar .uk-navbar-nav > li > a { padding: 7px 5px !important; font-size: 11px !important; }
}
@media (max-width: 767px) {
  body.home .rdo-home-welcome .rdo-shell, body.home .rdo-welcome-grid {
    display: grid !important; grid-template-columns: minmax(0,1fr) !important;
    width: calc(100% - 36px) !important; max-width: 520px !important;
    margin: 0 auto !important; gap: 24px !important;
  }
  body.home .rdo-welcome-photo, body.home .rdo-welcome-copy {
    width: 100% !important; max-width: 100% !important; margin: 0 auto !important;
  }
  body.home .rdo-welcome-photo img {
    display: block !important; width: 100% !important; max-width: 100% !important;
    height: auto !important; margin: 0 auto !important; object-fit: contain !important;
  }
  body.home .rdo-welcome-copy { text-align: center !important; }
  body.home .rdo-welcome-copy h2 { font-size: 38px !important; line-height: 1.1 !important; }
  body.home .rdo-home-services .rdo-shell, body.home .rdo-home-grooming .rdo-shell {
    width: calc(100% - 36px) !important; margin: 0 auto !important;
  }
  body.home .rdo-service-grid, body.home .rdo-grooming-grid {
    display: grid !important; grid-template-columns: 1fr !important; gap: 16px !important;
  }
}