/* Former Customizer "Additional CSS" (custom_css post 18770, last modified 2026-10-26 17:21:15), moved into the child theme on 2026-10-30. Phase 2B trims it. */
/* GeneratePress Site CSS */ /* GeneratePress Site CSS */ 
/** Sticky navigation padding **/
@media (min-width: 769px) {
    .main-navigation.navigation-stick .inside-navigation {
        padding: 10px 0;
    }
}

/* Buttons */
.form-submit .submit {
	padding: 16px 34px;
	border-radius: 9999px;
}/* ============================================================
   RUBBER DUCK — PARTNER ELEMENT SKIN v2 (eSentire layout × Druva palette)
   Paste into: Appearance → Customize → Additional CSS (replace v1)
   Targets the rdt-* classes on the Partner Profile Block Element.
   v2 changes: Rubik/Karla fonts · 360px logo on white 6px-radius card ·
   purple pillar tags · 1200px content in full-width sections ·
   imgi_36 dark background on hero.
   ============================================================ */

/* Fonts — remove this @import if Rubik & Karla are already loaded
   via Customizer → Typography (GP Premium font manager). */
/* Google Fonts @import removed 2026-10-30: Rubik and Karla are self-hosted by the GP Font Library. */

/* ---------- 1. DESIGN TOKENS (edit the palette here, once) ---------- */
:root {
  --rdt-ink: #0B1526;        /* deep navy — dark sections */
  --rdt-ink-2: #101E33;      /* navy step-up */
  --rdt-surface: #F4F7FB;    /* cloud gray — alternating sections */
  --rdt-card: #ffffff;       /* card surfaces */
  --rdt-line: rgba(11,21,38,0.10);   /* hairline borders */
  --rdt-accent: #F76A0C;     /* Rubber Duck orange — CTAs */
  --rdt-accent-hover: #D95A05;
  --rdt-purple: #6D28D9;     /* pillar tag background */
  --rdt-blue: #2563EB;       /* electric blue — eyebrows/links */
  --rdt-blue-soft: #7FA6FF;  /* blue for dark backgrounds */
  --rdt-muted: #4A5568;      /* secondary text */
  --rdt-font-head: 'Rubik', sans-serif;
  --rdt-font-body: 'Karla', sans-serif;
  --rdt-hero-bg: url('https://rubberducktechnology.com/wp-content/uploads/2026/07/imgi_36_dark-background.webp');
}

/* ---------- 2. SECTION SHELLS & CONTAINER ---------- */
/* Sections stretch edge-to-edge; .rdt-container caps content at 1200px. */
.rdt-sec-ink,
.rdt-sec-surface,
.rdt-sec-white {
  padding: 90px 0;
  width: 100%;
  font-family: var(--rdt-font-body);
}

.rdt-sec-ink {
  background-color: var(--rdt-ink);
  background-image: radial-gradient(circle at 80% -20%, rgba(37,99,235,0.28), transparent 60%);
  color: #EAF0F7;
}
.rdt-sec-surface { background-color: var(--rdt-surface); }
.rdt-sec-white   { background-color: var(--rdt-card); }
.rdt-center      { text-align: center; }

.rdt-container {
  max-width: 1200px;
  margin: 0 auto;
  padding: 0 24px;
}

/* ---------- 3. HERO — imgi_36 dark background + legibility overlay ---------- */
.rdt-sec-ink.rdt-hero {
  padding: 100px 0 90px;
  background-image: linear-gradient(rgba(11,21,38,0.72), rgba(11,21,38,0.86)), var(--rdt-hero-bg);
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
}

.rdt-eyebrow-dark {
  font-family: var(--rdt-font-body);
  color: var(--rdt-blue-soft);
  font-size: 13px;
  font-weight: 700;
  letter-spacing: 3px;
  text-transform: uppercase;
  margin: 0 0 16px;
}
.rdt-eyebrow-dark a { color: inherit; text-decoration: none; }
.rdt-eyebrow-dark a:hover { color: #fff; }

.rdt-hero-title {
  font-family: var(--rdt-font-head);
  font-weight: 600;
  color: #fff;
  font-size: clamp(2rem, 4.5vw, 3.1rem);
  line-height: 1.15;
  margin: 0 0 14px;
}

.rdt-hero-sub {
  color: rgba(234,240,247,0.85);
  font-size: 1.15rem;
  line-height: 1.6;
  max-width: 720px;
  margin: 0 0 28px;
}

.rdt-hero-row {
  display: flex;
  align-items: center;
  gap: 36px;
  flex-wrap: wrap;
  margin: 8px 0 10px;
}

/* Partner logo — 360px wide on a white card, 6px rounded corners.
   Scoped selectors outrank leftover block-level widths; you can also
   clear the width values on the logo blocks' style panels. */
.rdt-hero .rdt-logo-card {
  background: #ffffff;
  border-radius: 6px;
  padding: 22px;
  width: fit-content;
  max-width: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
  box-shadow: 0 12px 32px rgba(0,0,0,0.25);
}
.rdt-hero .rdt-logo-img {
  width: 360px;
  max-width: 100%;
  height: auto;
}

/* Solution chips — term_list links as pills.
   Tip: change the tag's "sep: | " to "sep: " to drop stray pipes. */
.rdt-chips { margin: 0; line-height: 2.4; }
.rdt-chips a {
  display: inline-block;
  font-family: var(--rdt-font-body);
  background: rgba(255,255,255,0.08);
  border: 1px solid rgba(255,255,255,0.18);
  border-radius: 999px;
  color: rgba(255,255,255,0.92);
  font-size: 0.8rem;
  font-weight: 600;
  letter-spacing: 0.02em;
  padding: 0.35rem 0.95rem;
  margin: 0 8px 8px 0;
  text-decoration: none;
  transition: background 0.2s ease, border-color 0.2s ease;
}
.rdt-chips a:hover {
  background: var(--rdt-accent);
  border-color: var(--rdt-accent);
  color: #fff;
}

/* ---------- 4. BUTTONS ---------- */
.rdt-btnrow { display: flex; flex-wrap: wrap; gap: 14px; margin-top: 28px; }
.rdt-btnrow-center { justify-content: center; }

.rdt-btn,
.rdt-btn-ghost {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  font-family: Rubik, sans-serif;
  font-size: 18px;
  font-weight: 700;
  letter-spacing: 0.02em;
  padding: 14px 28px;
  border-radius: 6px;
  text-decoration: none;
  transition: background 0.2s ease, color 0.2s ease, border-color 0.2s ease, transform 0.15s ease;
}
.rdt-btn { background: var(--global-color-orange); color: #fff; border-radius: 6px; }
.rdt-btn:hover { background: var(--global-color-34); color: #fff; transform: translateY(-1px); }

.rdt-btn-ghost {
  background: transparent;
  border: 1px solid rgba(255,255,255,0.5);
  color: #fff;
}
.rdt-btn-ghost:hover { background: #fff; color: var(--rdt-ink); border-color: #fff; }

/* ---------- 5. SECTION HEADERS ---------- */
.rdt-eyebrow {
  font-family: var(--rdt-font-body);
  color: var(--rdt-blue);
  font-size: 13px;
  font-weight: 700;
  letter-spacing: 3px;
  text-transform: uppercase;
  margin: 0 0 10px;
}
.rdt-h2 {
  font-family: var(--rdt-font-head);
  font-weight: 600;
  color: var(--rdt-ink);
  font-size: clamp(1.6rem, 3vw, 2.2rem);
  line-height: 1.2;
  margin: 0 0 12px;
}
.rdt-sub {
  color: var(--rdt-muted);
  font-size: 1.05rem;
  max-width: 720px;
  margin: 0 0 40px;
}

/* ---------- 6. CARD GRID & CARDS ---------- */
.rdt-grid {
  display: grid;
  grid-template-columns: repeat(auto-fill, minmax(330px, 1fr));
  gap: 22px;
}

.rdt-card {
  display: flex;
  flex-direction: column;
  background: var(--rdt-card);
  border: 1px solid var(--rdt-line);
  border-radius: 14px;
  padding: 26px;
  box-shadow: 0 8px 24px rgba(11,21,38,0.06);
  transition: box-shadow 0.2s ease, transform 0.2s ease;
}
.rdt-card:hover {
  box-shadow: 0 16px 40px rgba(11,21,38,0.12);
  transform: translateY(-3px);
}

/* Pillar tag — white text on purple, 6px rounded corners */
.rdt-pillar {
  align-self: flex-start;
  font-family: var(--rdt-font-body);
  background: var(--rdt-purple);
  color: #ffffff;
  font-size: 0.7rem;
  font-weight: 700;
  letter-spacing: 0.06em;
  text-transform: uppercase;
  border-radius: 6px;
  padding: 0.3rem 0.75rem;
  margin: 0 0 12px;
}

.rdt-card-title {
  font-family: var(--rdt-font-head);
  font-weight: 600;
  color: var(--rdt-ink);
  font-size: 1.2rem;
  line-height: 1.3;
  margin: 0 0 10px;
}

.rdt-def {
  color: var(--rdt-muted);
  font-size: 0.95rem;
  line-height: 1.6;
  margin: 0 0 14px;
}

.rdt-delivery {
  color: var(--rdt-muted);
  font-size: 0.88rem;
  margin: 0 0 14px;
}
.rdt-delivery strong { color: var(--rdt-ink); }

/* Benefit lines — orange square markers */
.rdt-benefit {
  position: relative;
  padding-left: 1.25rem;
  color: var(--rdt-muted);
  font-size: 0.9rem;
  line-height: 1.55;
  margin: 0 0 10px;
}
.rdt-benefit::before {
  content: "";
  position: absolute;
  left: 0;
  top: 0.5em;
  width: 7px;
  height: 7px;
  border-radius: 2px;
  background: var(--rdt-accent);
}
.rdt-benefit strong { color: var(--rdt-ink); }

/* Integrations footer — pinned to card bottom, chip per platform */
.rdt-ints {
  margin-top: auto;
  padding-top: 14px;
  border-top: 1px solid var(--rdt-line);
  color: var(--rdt-muted);
  font-size: 0.8rem;
}
.rdt-ints strong {
  display: block;
  color: var(--rdt-ink);
  font-size: 0.72rem;
  text-transform: uppercase;
  letter-spacing: 0.06em;
  margin-bottom: 8px;
}
.rdt-ints span {
  display: inline-block;
  background: var(--rdt-surface);
  border: 1px solid var(--rdt-line);
  border-radius: 999px;
  padding: 0.2rem 0.7rem;
  margin: 0 6px 6px 0;
  font-size: 0.78rem;
  color: var(--rdt-muted);
}

/* ---------- 7. EMPTY-SLOT HIDING (keeps unused card slots invisible) ---------- */
.rdt-card:has(.rdt-card-title:empty) { display: none; }
.rdt-pillar:empty,
.rdt-def:empty,
.rdt-benefit:empty,
.rdt-delivery:empty,
.rdt-ints span:empty { display: none; }
.rdt-ints:not(:has(span:not(:empty))) { display: none; }

/* ---------- 8. PROOF SECTION (case-study query grid) ---------- */
.rdt-proof .wp-block-post-template { gap: 22px; }
.rdt-proof .wp-block-post {
  background: var(--rdt-card);
  border: 1px solid var(--rdt-line);
  border-radius: 14px;
  padding: 24px;
  box-shadow: 0 8px 24px rgba(11,21,38,0.06);
}
.rdt-proof .wp-block-post-title { font-family: var(--rdt-font-head); font-size: 1.05rem; line-height: 1.35; margin: 0 0 10px; }
.rdt-proof .wp-block-post-title a { color: var(--rdt-ink); text-decoration: none; }
.rdt-proof .wp-block-post-title a:hover { color: var(--rdt-blue); }
.rdt-proof .wp-block-post-excerpt { color: var(--rdt-muted); font-size: 0.9rem; }

/* ---------- 9. CTA BAND ---------- */
.rdt-cta-title {
  font-family: var(--rdt-font-head);
  font-weight: 600;
  color: #fff;
  font-size: clamp(1.6rem, 3vw, 2.1rem);
  margin: 0 0 12px;
}
.rdt-cta-line { color: rgba(234,240,247,0.85); font-size: 1.05rem; margin: 0; }

/* ---------- 10. RESPONSIVE ---------- */
@media (max-width: 767px) {
  .rdt-sec-ink, .rdt-sec-surface, .rdt-sec-white { padding: 60px 0; }
  .rdt-sec-ink.rdt-hero { padding: 70px 0 60px; }
  .rdt-hero-row { gap: 20px; }
  .rdt-grid { grid-template-columns: 1fr; }
  .rdt-hero .rdt-logo-img { width: 300px; }
}
/* End GeneratePress Site CSS */ /* End GeneratePress Site CSS */

/* ============================================================
   RDT — Homepage comparison table (GenerateBlocks .rdc-* blocks)
   Mobile stacking + check/cross accents. Desktop styling lives on
   the blocks themselves in the editor.
   ============================================================ */
.rdc-direct .rdc-x{color:var(--global-color-34);font-weight:700;margin-right:6px}
.rdc-rd .rdc-c{color:#1d7a3a;font-weight:700;margin-right:6px}
@media(max-width:820px){
 .rdc-wrap{border:none;overflow:visible;border-radius:0}
 .rdc-row{grid-template-columns:1fr;margin-bottom:18px;border:1px solid rgba(16,21,40,.12);border-radius:10px;overflow:hidden}
 .rdc-head{display:none}
 .rdc-dim{background-color:var(--contrast-2);color:var(--base-3)}
 .rdc-direct:before{content:"Going direct";display:block;font-size:11px;font-weight:700;letter-spacing:1.5px;text-transform:uppercase;opacity:.6;margin-bottom:4px}
 .rdc-rd:before{content:"With Rubber Duck";display:block;font-size:11px;font-weight:700;letter-spacing:1.5px;text-transform:uppercase;color:var(--accent-3);margin-bottom:4px}
}

/* ============================================================
   RDT — Solution playbook element (GenerateBlocks .rdt-step /
   .rdt-acc blocks): flow arrows + FAQ accordion markers.
   ============================================================ */
.rdt-step{margin-right:34px}
.rdt-step:last-child{margin-right:0}
.rdt-step:not(:last-child):after{content:"→";position:absolute;right:-27px;top:50%;transform:translateY(-50%);font-size:22px;font-weight:700;color:var(--accent-3)}
@media(max-width:980px){
 .rdt-step{margin-right:0;margin-bottom:34px}
 .rdt-step:last-child{margin-bottom:0}
 .rdt-step:not(:last-child):after{content:"↓";right:auto;left:50%;top:auto;bottom:-30px;transform:translateX(-50%)}
}
.rdt-acc summary::-webkit-details-marker{display:none}
.rdt-acc summary:after{content:"+";position:absolute;right:22px;top:50%;transform:translateY(-50%);font-size:22px;font-weight:400;color:var(--accent-3)}
.rdt-acc[open]>summary{border-bottom:1px solid rgba(16,21,40,.08)}
.rdt-acc[open]>summary:after{content:"−"}

/* ============================================================
   RDT — Homepage partner logo carousel (gb-carousel-34ec057e)
   Linear easing makes the autoplay a smooth constant-speed
   marquee; logo rules give every brand the same visual box.
   ============================================================ */
.gb-carousel-34ec057e .gb-carousel-items{transition-timing-function:linear!important}
.gb-carousel-34ec057e .gb-carousel-item{display:flex;align-items:center;justify-content:center}
.gb-carousel-34ec057e .gb-carousel-item img{height:70px!important;width:100%;object-fit:contain!important}

/* ============================================================
   RDT — Global button standard (2026-07): ALL buttons (filled
   and outline) use 6px radius, Rubik 700 at 18px. Filled
   buttons use global-color-orange with global-color-34 on
   hover/focus/active. This rule covers form submits and GB
   global buttons; GenerateBlocks CTA buttons carry the same
   values on their own block styles.
   ============================================================ */
.wpforms-submit, button[type="submit"], input[type="submit"], .gbp-button--primary {
  background-color: var(--global-color-orange) !important;
  border-color: var(--global-color-orange) !important;
  color: #ffffff !important;
  border-radius: 6px !important;
  font-family: Rubik, sans-serif !important;
  font-size: 18px !important;
  font-weight: 700 !important;
}
.wpforms-submit:hover, .wpforms-submit:focus, .wpforms-submit:active,
button[type="submit"]:hover, button[type="submit"]:focus, button[type="submit"]:active,
input[type="submit"]:hover, input[type="submit"]:focus, input[type="submit"]:active,
.gbp-button--primary:hover, .gbp-button--primary:focus, .gbp-button--primary:active {
  background-color: var(--global-color-34) !important;
  border-color: var(--global-color-34) !important;
  color: #ffffff !important;
}

/* ============================================================
   RDT — Glow layer (2026-07). Ambient radial glows on the dark
   hero/CTA sections of every page, hover-highlighted cards, and
   glowing primary buttons. Remove this whole section to disable.
   ============================================================ */

/* --- A. Ambient section glows (first + last section of each page,
       homepage estimator, partner-template dark sections) --- */
.entry-content > section:first-child,
.entry-content > section:last-child,
.gb-element-ab300156,
.rdt-sec-ink {
  position: relative;
  overflow: hidden;
  isolation: isolate;
}
.entry-content > section:first-child::before,
.entry-content > section:last-child::before,
.gb-element-ab300156::before,
.rdt-sec-ink::before {
  content: "";
  position: absolute;
  inset: -15%;
  z-index: -1;
  pointer-events: none;
  background:
    radial-gradient(640px 420px at 82% 18%, rgba(255,153,0,0.16), transparent 62%),
    radial-gradient(560px 420px at 10% 88%, rgba(169,42,141,0.15), transparent 62%),
    radial-gradient(360px 280px at 48% 52%, rgba(64,195,217,0.08), transparent 65%);
  animation: rdtGlowDrift 18s ease-in-out infinite alternate;
}
/* softer wash on the light playbook sections (all solution pages) */
.gb-element-cd300176, .gb-element-cd300199 {
  position: relative; overflow: hidden; isolation: isolate;
}
.gb-element-cd300176::before, .gb-element-cd300199::before {
  content: ""; position: absolute; inset: -15%; z-index: -1; pointer-events: none;
  background:
    radial-gradient(620px 400px at 88% 10%, rgba(255,153,0,0.09), transparent 62%),
    radial-gradient(520px 380px at 6% 92%, rgba(169,42,141,0.07), transparent 62%);
  animation: rdtGlowDrift 22s ease-in-out infinite alternate;
}
@keyframes rdtGlowDrift {
  from { transform: translate3d(-2%,-1%,0) scale(1); }
  to   { transform: translate3d(2%,2%,0) scale(1.07); }
}
@media (prefers-reduced-motion: reduce) {
  .entry-content > section:first-child::before,
  .entry-content > section:last-child::before,
  .gb-element-ab300156::before, .rdt-sec-ink::before,
  .gb-element-cd300176::before, .gb-element-cd300199::before { animation: none; }
}

/* --- B. Hover-highlighted cards (orange ring + lift + glow) --- */
/* homepage: hero stats, process steps, pillars, why-us, proof, estimator tiles */
.gb-element-ee00000a, .gb-element-ee00000d, .gb-element-ee000010, .gb-element-ee000013,
.gb-element-ee000025, .gb-element-ee000029, .gb-element-ee00002d,
.gb-element-ee000038, .gb-element-ee00003c, .gb-element-ee000040,
.gb-element-ee000044, .gb-element-ee000048, .gb-element-ee00004c,
.gb-element-ee000055, .gb-element-ee000058, .gb-element-ee00005b, .gb-element-ee00005e,
.gb-element-ab30010a, .gb-element-ab300111, .gb-element-ab300118,
.gb-element-ab30014d, .gb-element-ab300150,
/* solutions hub: stats, pillars, service groups */
.gb-element-b000000a, .gb-element-b000000d, .gb-element-b0000010, .gb-element-b0000013,
.gb-element-b000001b, .gb-element-b000001f, .gb-element-b0000023,
.gb-element-b0000027, .gb-element-b000002b, .gb-element-b000002f,
.gb-element-b0000038, .gb-element-b000003b, .gb-element-b000003e,
.gb-element-b0000041, .gb-element-b0000044, .gb-element-b0000047,
/* playbook (every solution page): flow steps + economics cards */
.rdt-step,
.gb-element-cd30017c, .gb-element-cd30017f, .gb-element-cd300182,
/* partner posts */
.rdt-card,
/* assessments page: IQA cards */
.rdt-iqa-card,
/* solution-page depth cards: deliverables + featured platforms */
.rdt-sd-item, .rdt-pc-card {
  transition: transform .25s ease, box-shadow .25s ease;
}

/* ============================================================
   RDT — Solution-page depth (2026-07): partner logo sizing.
   .rdt-pc-logo  = featured platform card logo (fixed height)
   .rdt-wall-logo = provider logo wall tile (grayscale until hover)
   ============================================================ */
.rdt-pc-logo { margin: 0; }
.rdt-pc-logo img {
  height: 44px;
  width: auto;
  max-width: 190px;
  object-fit: contain;
}
.rdt-wall-logo { margin: 0; text-align: center; }
.rdt-wall-logo img {
  max-height: 48px;
  width: auto;
  max-width: 140px;
  object-fit: contain;
  filter: grayscale(1);
  opacity: 0.75;
  transition: filter .2s ease, opacity .2s ease;
}
.rdt-wall-logo:hover img { filter: none; opacity: 1; }
.gb-element-ee00000a:hover, .gb-element-ee00000d:hover, .gb-element-ee000010:hover, .gb-element-ee000013:hover,
.gb-element-ee000025:hover, .gb-element-ee000029:hover, .gb-element-ee00002d:hover,
.gb-element-ee000038:hover, .gb-element-ee00003c:hover, .gb-element-ee000040:hover,
.gb-element-ee000044:hover, .gb-element-ee000048:hover, .gb-element-ee00004c:hover,
.gb-element-ee000055:hover, .gb-element-ee000058:hover, .gb-element-ee00005b:hover, .gb-element-ee00005e:hover,
.gb-element-ab30010a:hover, .gb-element-ab300111:hover, .gb-element-ab300118:hover,
.gb-element-ab30014d:hover, .gb-element-ab300150:hover,
.gb-element-b000000a:hover, .gb-element-b000000d:hover, .gb-element-b0000010:hover, .gb-element-b0000013:hover,
.gb-element-b000001b:hover, .gb-element-b000001f:hover, .gb-element-b0000023:hover,
.gb-element-b0000027:hover, .gb-element-b000002b:hover, .gb-element-b000002f:hover,
.gb-element-b0000038:hover, .gb-element-b000003b:hover, .gb-element-b000003e:hover,
.gb-element-b0000041:hover, .gb-element-b0000044:hover, .gb-element-b0000047:hover,
.rdt-step:hover,
.gb-element-cd30017c:hover, .gb-element-cd30017f:hover, .gb-element-cd300182:hover,
.rdt-card:hover,
.rdt-iqa-card:hover, .rdt-sd-item:hover, .rdt-pc-card:hover {
  transform: translateY(-4px);
  box-shadow: 0 0 0 1px rgba(255,153,0,0.55), 0 0 22px rgba(255,153,0,0.30), 0 16px 36px rgba(16,21,40,0.22);
}
/* FAQ accordions + comparison rows: highlight without lift */
.rdt-acc { transition: box-shadow .25s ease; }
.rdt-acc:hover { box-shadow: 0 0 0 1px rgba(255,153,0,0.5), 0 0 18px rgba(255,153,0,0.22); }
.rdc-row { transition: box-shadow .25s ease; }
.rdc-row:not(.rdc-head):hover { position: relative; z-index: 1; box-shadow: inset 0 0 0 1px rgba(255,153,0,0.45), 0 0 18px rgba(255,153,0,0.18); }
@media (prefers-reduced-motion: reduce) {
  .rdt-step:hover, .rdt-card:hover, [class*="gb-element-"]:hover { transform: none; }
}

/* --- C. Glow accents: mega menu panel + partner/form buttons --- */
#site-navigation #menu-item-18821 > ul.sub-menu {
  box-shadow: 0 24px 48px rgba(9,13,27,0.28), 0 0 44px rgba(255,153,0,0.18);
}
#site-navigation #menu-item-18821 > ul.sub-menu ul.sub-menu li a:hover,
#site-navigation #menu-item-18821 > ul.sub-menu > li > a:hover {
  text-shadow: 0 0 16px rgba(255,153,0,0.55);
}
.rdt-btn, .wpforms-submit { box-shadow: 0 0 18px rgba(255,153,0,0.35); }
.rdt-btn:hover, .wpforms-submit:hover { box-shadow: 0 0 26px rgba(177,12,42,0.5); }

/* homepage hero stat cards: keep the big numbers/labels in bounds
   at tablet and phone widths (grid steps 4 → 2 → 1 columns) */
@media (max-width: 1099px) {
  .gb-element-ee000009 > div > p:first-of-type { font-size: 38px; }
  .gb-element-ee000009 > div > p:last-of-type { font-size: 24px; }
}
@media (max-width: 600px) {
  .gb-element-ee000009 > div > p:first-of-type { font-size: 34px; }
  .gb-element-ee000009 > div > p:last-of-type { font-size: 21px; }
}

/* readability: page H1s sitting in the dark hero (first) section
   inherit GP's indigo h1 color — force white at h1-level specificity
   so any heading with its own color (e.g. homepage orange H1) still wins */
:where(.entry-content > section:first-child) h1 { color: var(--base-3); }

/* ============================================================
   RDT — Contact page form theme + reusable "Contact Us" button
   Added 2026-09-07. Form 21200 lives on /contact/ (page 18);
   the button is the synced pattern "Contact Us Button (RDT)"
   (wp_block, class .rdt-contact-btn) — insert it on any page.
   ============================================================ */
.rdt-contact-card .wpforms-container{margin:0}
.rdt-contact-card .wpforms-field-label{font-weight:700;font-size:15px;color:#1f2641}
.rdt-contact-card .wpforms-field-sublabel{font-size:12.5px;color:#5a617a}
.rdt-contact-card .wpforms-field-description{font-size:13px;color:#5a617a}
.rdt-contact-card .wpforms-field{padding-top:14px;padding-bottom:0}
.rdt-contact-card input[type=text],.rdt-contact-card input[type=email],.rdt-contact-card input[type=tel],.rdt-contact-card select,.rdt-contact-card textarea{border:1px solid rgba(31,38,65,0.25);border-radius:8px;padding:11px 14px;font-family:inherit;font-size:15.5px;background:#fff;color:#1f2641;width:100%;box-sizing:border-box}
.rdt-contact-card input[type=text]:focus,.rdt-contact-card input[type=email]:focus,.rdt-contact-card input[type=tel]:focus,.rdt-contact-card select:focus,.rdt-contact-card textarea:focus{border-color:var(--global-color-orange);box-shadow:0 0 0 3px rgba(255,153,0,0.18);outline:none}
.rdt-contact-card ul.wpforms-list-2-columns,.rdt-contact-card ul.wpforms-checkbox-2-columns{display:grid;grid-template-columns:1fr 1fr;gap:4px 16px}
@media (max-width:600px){.rdt-contact-card ul.wpforms-list-2-columns,.rdt-contact-card ul.wpforms-checkbox-2-columns{grid-template-columns:1fr}}
.rdt-contact-card .wpforms-submit{width:100%;margin-top:12px}
a.rdt-contact-btn{display:inline-flex;align-items:center;justify-content:center;background:var(--global-color-orange);color:#ffffff;font-family:Rubik,sans-serif;font-weight:700;font-size:18px;line-height:1.2;padding:15px 30px;border-radius:6px;text-decoration:none;box-shadow:0 0 18px rgba(255,153,0,0.35);transition:background 0.2s ease,box-shadow 0.2s ease}
a.rdt-contact-btn:hover,a.rdt-contact-btn:focus{background:var(--global-color-34);color:#ffffff;box-shadow:0 0 22px rgba(177,12,42,0.45)}

/* ============================================================
   RDT — Brand logo (2026-10-26): back to the original yellow duck +
   "rubberduck" wordmark. Source: RUBBER.svg (media 26112) and
   ogducklogo.png (26108). Derived tight-crop PNGs, 936×171 (5.5:1):
   26113 = dark wordmark (light surfaces), 26114 = white wordmark
   (dark surfaces). Header logo (Customizer → Site Identity) = 26114
   for the dark GP top bar on inner pages; the homepage skin
   (rdt-home plugin) swaps in 26113 and sizes it in
   rdt-home/assets/skin.css. GP Menu Plus sticky-nav logo = 26114.
   Size by height everywhere; width follows.
   ============================================================ */
body:not(.rdth-skin) .site-header .site-logo img.header-image{height:44px;max-height:none;width:auto}
@media (max-width:1024px){body:not(.rdth-skin) .site-header .site-logo img.header-image{height:38px}}
@media (max-width:768px){body:not(.rdth-skin) .site-header .site-logo img.header-image{height:32px}}
.main-navigation.has-sticky-branding .navigation-branding .sticky-navigation-logo img,
.main-navigation.sticky-navigation-transition .navigation-branding .sticky-navigation-logo img{height:56px;padding:8px 0;width:auto} /* GP pads the sticky logo top/bottom (border-box): 56px tall = 40px mark = ~220px wide */