.elementor-kit-5{--e-global-color-primary:#0E3A5F;--e-global-color-secondary:#0C1A2A;--e-global-color-text:#383838;--e-global-color-accent:#0E9E94;--e-global-color-tealdeep:#0A6E66;--e-global-color-teallight:#4FC3B8;--e-global-color-tealsoft:#E4F3F1;--e-global-color-cream:#F6F3EB;--e-global-color-stone:#E7E2D6;--e-global-color-textmuted:#6B6B6B;--e-global-color-white:#FFFFFF;--e-global-color-white40:rgba(255, 255, 255, 0.4);--e-global-color-glassnavy:rgba(14, 58, 95, 0.4);--e-global-color-glasswhite:rgba(255, 255, 255, 0.1);--e-global-color-7d71c64:#174D78;--e-global-color-98e06b2:#EDEDED;--e-global-color-976a00e:#E8E5DE;--e-global-typography-primary-font-family:"Plus Jakarta Sans";--e-global-typography-primary-font-size:130px;--e-global-typography-primary-font-weight:700;--e-global-typography-primary-line-height:136px;--e-global-typography-primary-letter-spacing:-2.6px;--e-global-typography-secondary-font-family:"Plus Jakarta Sans";--e-global-typography-secondary-font-size:50px;--e-global-typography-secondary-font-weight:500;--e-global-typography-secondary-line-height:60px;--e-global-typography-secondary-letter-spacing:-1px;--e-global-typography-text-font-family:"Be Vietnam Pro";--e-global-typography-text-font-size:16px;--e-global-typography-text-font-weight:400;--e-global-typography-text-line-height:28px;--e-global-typography-text-letter-spacing:0px;--e-global-typography-accent-font-family:"Plus Jakarta Sans";--e-global-typography-accent-font-size:12px;--e-global-typography-accent-font-weight:600;--e-global-typography-accent-text-transform:uppercase;--e-global-typography-accent-line-height:26px;--e-global-typography-accent-letter-spacing:0.96px;--e-global-typography-heading1-font-family:"Plus Jakarta Sans";--e-global-typography-heading1-font-size:72px;--e-global-typography-heading1-font-weight:700;--e-global-typography-heading1-line-height:78px;--e-global-typography-heading1-letter-spacing:-1.5px;--e-global-typography-marquee-font-family:"Plus Jakarta Sans";--e-global-typography-marquee-font-size:96px;--e-global-typography-marquee-font-weight:500;--e-global-typography-marquee-line-height:96px;--e-global-typography-marquee-letter-spacing:-3.84px;--e-global-typography-statlarge-font-family:"Plus Jakarta Sans";--e-global-typography-statlarge-font-size:72px;--e-global-typography-statlarge-font-weight:400;--e-global-typography-statlarge-line-height:72px;--e-global-typography-statlarge-letter-spacing:-3.6px;--e-global-typography-statsmall-font-family:"Plus Jakarta Sans";--e-global-typography-statsmall-font-size:40px;--e-global-typography-statsmall-font-weight:400;--e-global-typography-statsmall-line-height:40px;--e-global-typography-statsmall-letter-spacing:-1px;--e-global-typography-heading3-font-family:"Plus Jakarta Sans";--e-global-typography-heading3-font-size:36px;--e-global-typography-heading3-font-weight:700;--e-global-typography-heading3-line-height:42px;--e-global-typography-heading3-letter-spacing:-0.5px;--e-global-typography-herosubtitle-font-family:"Plus Jakarta Sans";--e-global-typography-herosubtitle-font-size:30px;--e-global-typography-herosubtitle-font-weight:600;--e-global-typography-herosubtitle-line-height:40px;--e-global-typography-herosubtitle-letter-spacing:-0.3px;--e-global-typography-cardheading-font-family:"Plus Jakarta Sans";--e-global-typography-cardheading-font-size:24px;--e-global-typography-cardheading-font-weight:600;--e-global-typography-cardheading-line-height:30px;--e-global-typography-cardheading-letter-spacing:0px;--e-global-typography-quote-font-family:"Be Vietnam Pro";--e-global-typography-quote-font-size:22px;--e-global-typography-quote-font-weight:400;--e-global-typography-quote-line-height:32px;--e-global-typography-quote-letter-spacing:0px;--e-global-typography-heading4-font-family:"Plus Jakarta Sans";--e-global-typography-heading4-font-size:20px;--e-global-typography-heading4-font-weight:600;--e-global-typography-heading4-line-height:26px;--e-global-typography-heading4-letter-spacing:0px;--e-global-typography-cardtitle-font-family:"Be Vietnam Pro";--e-global-typography-cardtitle-font-size:18px;--e-global-typography-cardtitle-font-weight:500;--e-global-typography-cardtitle-line-height:26px;--e-global-typography-cardtitle-letter-spacing:0px;--e-global-typography-lead-font-family:"Be Vietnam Pro";--e-global-typography-lead-font-size:17px;--e-global-typography-lead-font-weight:400;--e-global-typography-lead-line-height:28px;--e-global-typography-lead-letter-spacing:0px;--e-global-typography-bodysmall-font-family:"Be Vietnam Pro";--e-global-typography-bodysmall-font-size:15px;--e-global-typography-bodysmall-font-weight:400;--e-global-typography-bodysmall-line-height:28px;--e-global-typography-bodysmall-letter-spacing:0px;--e-global-typography-sidenav-font-family:"Plus Jakarta Sans";--e-global-typography-sidenav-font-size:16px;--e-global-typography-sidenav-font-weight:500;--e-global-typography-sidenav-line-height:32px;--e-global-typography-sidenav-letter-spacing:0px;--e-global-typography-navlink-font-family:"Plus Jakarta Sans";--e-global-typography-navlink-font-size:14px;--e-global-typography-navlink-font-weight:600;--e-global-typography-navlink-line-height:20px;--e-global-typography-navlink-letter-spacing:0px;--e-global-typography-caption-font-family:"Be Vietnam Pro";--e-global-typography-caption-font-size:14px;--e-global-typography-caption-font-weight:400;--e-global-typography-caption-line-height:28px;--e-global-typography-caption-letter-spacing:0px;--e-global-typography-button-font-family:"Plus Jakarta Sans";--e-global-typography-button-font-size:15px;--e-global-typography-button-font-weight:700;--e-global-typography-button-text-transform:none;--e-global-typography-button-line-height:24px;--e-global-typography-button-letter-spacing:0px;}.elementor-kit-5 e-page-transition{background-color:#FFBC7D;}.elementor-kit-5 button,.elementor-kit-5 input[type="button"],.elementor-kit-5 input[type="submit"],.elementor-kit-5 .elementor-button{font-family:var( --e-global-typography-button-font-family ), Sans-serif;font-size:var( --e-global-typography-button-font-size );font-weight:var( --e-global-typography-button-font-weight );text-transform:var( --e-global-typography-button-text-transform );line-height:var( --e-global-typography-button-line-height );letter-spacing:var( --e-global-typography-button-letter-spacing );}.elementor-section.elementor-section-boxed > .elementor-container{max-width:1440px;}.e-con{--container-max-width:1440px;}.elementor-widget:not(:last-child){--kit-widget-spacing:20px;}.elementor-element{--widgets-spacing:20px 20px;--widgets-spacing-row:20px;--widgets-spacing-column:20px;}{}h1.entry-title{display:var(--page-title-display);}.site-header .site-branding{flex-direction:column;align-items:stretch;}.site-header{padding-inline-end:0px;padding-inline-start:0px;}.site-footer .site-branding{flex-direction:column;align-items:stretch;}@media(max-width:1024px){.elementor-kit-5 button,.elementor-kit-5 input[type="button"],.elementor-kit-5 input[type="submit"],.elementor-kit-5 .elementor-button{font-size:var( --e-global-typography-button-font-size );line-height:var( --e-global-typography-button-line-height );letter-spacing:var( --e-global-typography-button-letter-spacing );}.elementor-section.elementor-section-boxed > .elementor-container{max-width:1024px;}.e-con{--container-max-width:1024px;}}@media(max-width:767px){.elementor-kit-5 button,.elementor-kit-5 input[type="button"],.elementor-kit-5 input[type="submit"],.elementor-kit-5 .elementor-button{font-size:var( --e-global-typography-button-font-size );line-height:var( --e-global-typography-button-line-height );letter-spacing:var( --e-global-typography-button-letter-spacing );}.elementor-section.elementor-section-boxed > .elementor-container{max-width:767px;}.e-con{--container-max-width:767px;}}:root { --e-gv-98eb12e:#0E3A5F; --navy:#0E3A5F; --ink:#0C1A2A; --accent-teal:#0E9E94; --teal-deep:#0A6E66; --teal-light:#4FC3B8; --teal-soft:#E4F3F1; --cream:#F6F3EB; --stone:#E7E2D6; --text-body:#383838; --text-muted:#6B6B6B; --white:#FFFFFF; --white-40:rgba(255,255,255,0.4); --glass-navy:rgba(14,58,95,0.4); --glass-white:rgba(255,255,255,0.1); --font-heading:Plus Jakarta Sans; --font-body:Be Vietnam Pro; --border-hairline:#E7E2D6; --hover-white:#EDEDED; } /* Start custom CSS *//* ===== Dolphin buttons - one source of truth, driven by the Kit globals ===== */ .btn-primary .elementor-button, .btn-accent .elementor-button, .btn-white .elementor-button, .btn-surface .elementor-button, .btn-secondary .elementor-button{ border-radius:0; padding:16px 28px; border:1px solid transparent; font-family:var(--e-global-typography-button-font-family); font-weight:var(--e-global-typography-button-font-weight); font-size:var(--e-global-typography-button-font-size); line-height:var(--e-global-typography-button-line-height); letter-spacing:var(--e-global-typography-button-letter-spacing); transition:filter .15s ease; } .btn-primary .elementor-button{ background-color:var(--e-global-color-primary); color:var(--e-global-color-white); } .btn-accent .elementor-button{ background-color:var(--e-global-color-accent); color:var(--e-global-color-secondary); } .btn-white .elementor-button{ background-color:var(--e-global-color-white); color:var(--e-global-color-secondary); } .btn-surface .elementor-button{ background-color:var(--e-global-color-cream); color:var(--e-global-color-secondary); } .btn-secondary .elementor-button{ background-color:var(--e-global-color-white); color:var(--e-global-color-secondary); border-color:var(--e-global-color-stone); } .btn-primary .elementor-button:hover, .btn-accent .elementor-button:hover, .btn-white .elementor-button:hover, .btn-surface .elementor-button:hover, .btn-secondary .elementor-button:hover{ filter:brightness(0.93); } /* Dolphin marquee (animated infinite scroll) */ @keyframes dolphin-marquee { from { transform: translateX(0); } to { transform: translateX(-50%); } } .dolphin-marquee { overflow: hidden; max-width: 100%; } .dolphin-marquee__track { display: flex; align-items: center; gap: 48px; width: max-content; will-change: transform; animation: dolphin-marquee 45s linear infinite; } .dolphin-marquee:hover .dolphin-marquee__track { animation-play-state: paused; } @media (prefers-reduced-motion: reduce) { .dolphin-marquee__track { animation: none; transform: none; } } /* Dolphin marquee - id-attribute fallback (_cssid prop renders id="..."; use when class hooks unavailable) */ #dolphin-marquee { overflow: hidden; max-width: 100%; } #dolphin-marquee-track { display: flex; align-items: center; gap: 48px; width: max-content; will-change: transform; animation: dolphin-marquee 45s linear infinite; } #dolphin-marquee:hover #dolphin-marquee-track { animation-play-state: paused; } @media (prefers-reduced-motion: reduce) { #dolphin-marquee-track { animation: none; transform: none; } } /* Buttons never wrap */ .btn-primary, .btn-accent, .btn-white, .btn-surface, .btn-secondary, .elementor-button { white-space: nowrap; } /* Cards grid: symmetric wrapping (4 across -> 2x2 -> single column) */ .d-cards-grid { display: grid !important; grid-template-columns: repeat(4, minmax(0, 1fr)) !important; gap: 32px !important; } .d-cards-grid > * { min-width: 0 !important; } .d-cards-grid > * > * { width: 100% !important; max-width: 100% !important; } @media (max-width: 1280px) { .d-cards-grid { grid-template-columns: repeat(2, minmax(0, 1fr)) !important; } } @media (max-width: 560px) { .d-cards-grid { grid-template-columns: minmax(0, 1fr) !important; } } /* Service-card stack: depth recede cue (pure CSS scroll-driven; sticky itself = builder styles) */ @supports (animation-timeline: view()) { @media (min-width: 1025px) and (prefers-reduced-motion: no-preference) { .d-stack { timeline-scope: --dcard2, --dcard3, --dcard4, --dcard5, --dcard6; } .d-stack > :nth-child(2) { view-timeline: --dcard2 block; } .d-stack > :nth-child(3) { view-timeline: --dcard3 block; } .d-stack > :nth-child(4) { view-timeline: --dcard4 block; } .d-stack > :nth-child(5) { view-timeline: --dcard5 block; } .d-stack > :nth-child(6) { view-timeline: --dcard6 block; } @keyframes dolphin-recede { to { filter: blur(6px); transform: scale(.94); } } .d-stack > :nth-child(1) { animation: dolphin-recede both linear; animation-timeline: --dcard2; animation-range: cover -120px cover calc(100vh - 120px); } .d-stack > :nth-child(2) { animation: dolphin-recede both linear; animation-timeline: --dcard3; animation-range: cover -120px cover calc(100vh - 120px); } .d-stack > :nth-child(3) { animation: dolphin-recede both linear; animation-timeline: --dcard4; animation-range: cover -120px cover calc(100vh - 120px); } .d-stack > :nth-child(4) { animation: dolphin-recede both linear; animation-timeline: --dcard5; animation-range: cover -120px cover calc(100vh - 120px); } .d-stack > :nth-child(5) { animation: dolphin-recede both linear; animation-timeline: --dcard6; animation-range: cover -120px cover calc(100vh - 120px); } } } /* Card swap pair - component-instance fix: tier-card roots (cell > *) carry their own bg, so swap it too */ /* Sitewide: kill horizontal scroll. clip + !important: a wp.com platform sheet sets body{overflow-x:hidden}, which turns body into the scroll container and BREAKS position:sticky sitewide. Keep this rule winning. */ html, body { overflow-x: clip !important; } @supports not (overflow-x: clip) { html, body { overflow-x: hidden !important; } } /* Breadcrumb chip - fully self-contained on the breadcrumbs widget, so copy/paste between pages just works */ .elementor-widget-breadcrumbs { width: auto; max-width: 100%; text-align: center; font-size: 0; line-height: 0; } .elementor-widget-breadcrumbs p { margin: 0; display: inline-block; background: var(--teal-soft); padding: 0 16px; font-family: var(--font-heading); font-weight: 600; font-size: 12px; line-height: 26px; letter-spacing: .96px; text-transform: uppercase; color: var(--teal-deep); } .elementor-widget-breadcrumbs a { color: inherit; text-decoration: none; } .elementor-widget-breadcrumbs a:hover { text-decoration: underline; } /* Why-Dolphin benefit columns: 3 equal rows - 1fr tracks equalise every card to the tallest */ #dolphin-why-col-a, #dolphin-why-col-c { display: grid !important; grid-template-rows: repeat(3, 1fr); } #dolphin-why-col-a > *, #dolphin-why-col-c > * { display: flex !important; flex-direction: column; } #dolphin-why-col-a > * > *, #dolphin-why-col-c > * > * { flex: 1 1 auto; } /* Full-height Google Map card: give the map card CSS ID "dolphin-map" (its row must stretch / siblings set the height) */ #dolphin-map { height: 100%; display: flex; flex-direction: column; } #dolphin-map > * { flex: 1 1 auto; min-height: 0; } #dolphin-map .elementor-widget-container, #dolphin-map .elementor-custom-embed { height: 100%; display: flex; } #dolphin-map iframe { width: 100% !important; height: 100% !important; min-height: 445px; display: block; border: 0; } /* ===== Form placeholders - the atomic class schema can't express ::placeholder, so adjust HERE ===== */ /* dark/glass fields: solid white */ .white-glove-form::placeholder, .white-glove-form-message::placeholder { color: #FFFFFF !important; opacity: .95; } /* cream/light fields: muted ink */ .service-form-field::placeholder, .service-form-field-message::placeholder { color: #6B6B6B !important; opacity: 1; } /* typed text on cream fields (otherwise inherits white inside navy panels) */ .service-form-field, .service-form-field-message { color: #0C1A2A; } /* date fields on dark glass: dark scheme for the closed state */ .white-glove-form[type="date"] { color-scheme: dark; } /* Contact quote panel: glass blur + tab active state + form swap */ #dolphin-quote-form { scroll-margin-top: 110px; } #dolphin-quote-tabs > * { cursor: pointer; } #dolphin-tab-quick { background-color: var(--accent-teal); } #dolphin-tab-quick p { color: #FFFFFF; } body.dolphin-general-active #dolphin-tab-quick p { color: var(--ink); } body.dolphin-general-active #dolphin-tab-general p { color: #FFFFFF; } body.dolphin-general-active #dolphin-tab-quick { background-color: transparent; } body.dolphin-general-active #dolphin-tab-general { background-color: var(--accent-teal); } #dolphin-form-general { display: none; } body.dolphin-general-active #dolphin-form-general { display: flex; } body.dolphin-general-active #dolphin-form-quick { display: none; } /* Guard: any wrapper around a breadcrumbs widget must never paint its own pill (survives paste/undo) */ .e-con:has(> .elementor-widget-breadcrumbs) { background: transparent !important; padding: 0 !important; height: auto !important; } /* (footer-69 email-wrap rule removed 2026-07-22, superseded by the V4 footer rules below) */ /* form legal links on brand (inherit label colour, underlined) */ form a, .e-form a, .e-form-base a { color: inherit !important; text-decoration: underline; } form a:hover, .e-form a:hover, .e-form-base a:hover { opacity: .8; } /* ===================== DR V4 HEADER (theme-builder location) ===================== */ /* Trigger