, not a

, so it is not text-wrap:pretty; undo the page-wide paragraph rule for these Text Editors. */ .fdl-nopretty p{text-wrap:wrap!important} /* (d) Parent-hover -> child: Elementor hover controls style the hovered element only; the source underlines the card title and nudges the arrow when the whole card is hovered. */ .fdl-path-card .fdl-cta-arrow .elementor-icon{transition:transform .2s cubic-bezier(.22,.61,.36,1)} .fdl-path-card:hover .fdl-cta-arrow .elementor-icon{transform:translateX(3px)} .fdl-path-card:hover .fdl-card-title .elementor-heading-title{text-decoration:underline;text-underline-offset:.15em;text-decoration-thickness:2px} /* (d) Icon widget line box: .elementor-icon is inline-block inside a line box sized by the inherited body line-height, adding ~8px below the disc; no control removes the strut. */ .fdl-card-icon .elementor-icon-wrapper,.fdl-cta-arrow .elementor-icon-wrapper{line-height:0} /* (d) Contact hands art: the source image is height:94% of the section; an absolutely positioned Image widget has no height-relative-to-parent control. */ .fdl-hands-art{height:94%} .fdl-hands-art .elementor-widget-container,.fdl-hands-art img{height:100%!important;width:auto!important;max-width:none!important} /* (d) FAQ accordion (legacy Accordion widget): the source draws only horizontal rules (top of list, bottom of each item) — the widget's Border control draws a full box; the chevron sits in a 40px disc (teal-50 closed / navy-800 open) that rotates when open, and the question turns teal-700 on hover. None of these have controls. */ .fdl-faq .elementor-accordion{border-top:1px solid var(--e-global-color-fdlstone300)} .fdl-faq .elementor-accordion .elementor-accordion-item{border-width:0 0 1px 0!important} .fdl-faq .elementor-accordion .elementor-tab-content{border-top:0!important} .fdl-faq .elementor-accordion .elementor-tab-title.elementor-active{border-bottom:0!important} .fdl-faq .elementor-tab-title{display:flex;align-items:center;justify-content:space-between;gap:20px;min-height:64px;margin:0} .fdl-faq .elementor-tab-title .elementor-accordion-title{order:1} .fdl-faq .elementor-tab-title .elementor-accordion-icon{order:2;float:none;flex:none;width:40px!important;height:40px;border-radius:50%;display:flex;align-items:center;justify-content:center;background:var(--e-global-color-fdlteal50);transition:background .2s} .fdl-faq .elementor-tab-title.elementor-active .elementor-accordion-icon{background:var(--e-global-color-fdlnavy800)} .fdl-faq .elementor-accordion-icon svg{width:22px;height:22px;fill:none!important} .fdl-faq .elementor-accordion-icon-opened svg{transform:rotate(180deg)} .fdl-faq .elementor-tab-title:hover .elementor-accordion-title{color:var(--e-global-color-fdlteal700)} /* (d) Line-height rounding: Kit presets store line-height in em (e.g. 1.65em = 29.7px), which Chrome lays out 0.016px/line taller than the source's unitless 1.65 - 0.1px per paragraph, accumulating to a visible 1px drift over a long section. Same values, restated unitless for this page's sections only (the Kit stays the source of the number; migration: switch the Kit presets' line-height unit to "custom"). */ .fdl-sec{--e-global-typography-fdlbody-line-height:1.65;--e-global-typography-fdllead-line-height:1.55;--e-global-typography-fdlsmall-line-height:1.65;--e-global-typography-fdlslight-line-height:1.2;--e-global-typography-fdlsbold-line-height:1.02;--e-global-typography-fdldlight-line-height:1.2;--e-global-typography-fdldbold-line-height:1.02;--e-global-typography-fdlbtnlg-line-height:1.2;--e-global-typography-fdlcardh3-line-height:1.2;--e-global-typography-fdlcardcta-line-height:1.65;--e-global-typography-fdlstat-line-height:.95;--e-global-typography-fdlstatlbl-line-height:1.65;--e-global-typography-fdlih1-line-height:.98;--e-global-typography-fdlh2-line-height:1.2;--e-global-typography-fdlcardcaps-line-height:1.2;--e-global-typography-fdlfaqq-line-height:1.35;--e-global-typography-fdlkicker-line-height:1.65} /* (d) Stat values scale with their tile (source: font-size clamp(2.25rem,19cqi,4.5rem) on an inline-size container; padding-inline clamp(20px,8cqi,30px)). The Kit preset fdlstat is exact on desktop; below 1025px a fixed size either overflows the tile ("$409,528" at 320px) or misses the source, and Elementor has no container-query unit/control. */ @media (max-width:1024px){.fdl-stat-tile{container-type:inline-size}.fdl-stat-value .elementor-heading-title{font-size:clamp(2.25rem,19cqi,4.5rem)!important}} @media (max-width:767px){.fdl-stat-tile{padding-left:clamp(20px,8vw,30px)!important;padding-right:clamp(20px,8vw,30px)!important}} /* ---- Page-specific (also used by the Why / History pages) ---- */ /* (d) Max-width for the intro lead: source p max-width 70ch at 21px Atkinson (952.5px); containers/widgets have no max-width control. */ .fdl-prose-lead{max-width:952.5px!important} /* (d) Dot lists: the source list markers are 12px discs (teal / gold / coral, repeating) 10px from the top of each item, text 14px after; items 14px apart; lead-in in bold navy-900. A Text Editor list keeps every item client-editable (add an item and it takes the next colour), but no control styles list markers, and the theme adds its own list padding/marker that has to be neutralised. */ .fdl-dot-list ul{list-style:none;margin:0!important;padding:0!important;display:grid;gap:14px} .fdl-dot-list li{position:relative;margin:0!important;padding:0 0 0 26px!important;text-wrap:pretty;list-style:none} .fdl-dot-list li::before{content:""!important;display:block!important;position:absolute;left:0;top:10px;width:12px;height:12px;border-radius:50%;background:var(--e-global-color-fdlteal500);margin:0;padding:0} .fdl-dot-list li:nth-child(3n+2)::before{background:var(--e-global-color-fdlgold500)} .fdl-dot-list li:nth-child(3n)::before{background:var(--e-global-color-fdlcoral500)} .fdl-dot-list strong{color:var(--e-global-color-fdlnavy900);font-weight:700} /* (d) Inline links inside a coloured CTA lead: source links inherit the text colour, bold, underline offset .15em; the Text Editor has no nested-link controls. */ .fdl-rich-inherit a{color:inherit;font-weight:700;text-decoration:underline;text-underline-offset:.15em} /* (d) Display split heading below 361px: the Kit's mobile size for the bold line (40px) makes long single words ("CONVERSATION") wider than a 280px column; typography has no per-width control below the mobile breakpoint. Scales with the viewport so nothing is cut off. */ @media (max-width:360px){.fdl-sec .fdl-split-display .fdl-sb{font-size:10vw}} /* (d) "To come" note max-width 820px (source); containers have no max-width control. */ .fdl-maxw-820{max-width:820px!important} /* (d) Note lead-in: the source is Outfit navy-800; the Text Editor has no controls for nested inline elements. */ .fdl-note strong{font-family:var(--e-global-typography-fdlcardh3-font-family),sans-serif;font-weight:700;color:var(--e-global-color-fdlnavy800)} /* (d) Hero H1 below 361px: the Kit's mobile size (40px) makes long single words ("FOUNDATION?") wider than a 280px column; typography has no per-width control below the mobile breakpoint. */ @media (max-width:360px){.fdl-sec h1.elementor-heading-title{font-size:10.5vw!important}} /* (d) Photo placeholder (approved design ships a placeholder, not a photo, in this split): 135deg stripes stone-100 / stone-200, 12px each, max-width 420px, kept square. Elementor's gradient background cannot repeat and containers have no aspect-ratio/max-width control. stone-100 (#F4EFE7) is not a Kit colour (would promote). Replace by swapping in an Image widget once the photo exists. */ .fdl-photo-placeholder-sm{background:repeating-linear-gradient(135deg,#F4EFE7 0 12px,var(--e-global-color-fdlstone200) 12px 24px)!important;aspect-ratio:1/1;max-width:420px!important}/* End custom CSS */ /* Start Custom Fonts CSS */@font-face { font-family: 'Atkinson Hyperlegible Next'; font-style: normal; font-weight: 400; font-display: auto; src: url('https://2276897b-494f-404a-829a-a767c60200f9.express.conves.io/wp-content/uploads/elementor/custom-fonts/atkinson-hyperlegible-next/atkinson-next-normal.woff2') format('woff2'); } @font-face { font-family: 'Atkinson Hyperlegible Next'; font-style: normal; font-weight: 500; font-display: auto; src: url('https://2276897b-494f-404a-829a-a767c60200f9.express.conves.io/wp-content/uploads/elementor/custom-fonts/atkinson-hyperlegible-next/atkinson-next-normal.woff2') format('woff2'); } @font-face { font-family: 'Atkinson Hyperlegible Next'; font-style: normal; font-weight: 700; font-display: auto; src: url('https://2276897b-494f-404a-829a-a767c60200f9.express.conves.io/wp-content/uploads/elementor/custom-fonts/atkinson-hyperlegible-next/atkinson-next-normal.woff2') format('woff2'); } @font-face { font-family: 'Atkinson Hyperlegible Next'; font-style: italic; font-weight: 400; font-display: auto; src: url('https://2276897b-494f-404a-829a-a767c60200f9.express.conves.io/wp-content/uploads/elementor/custom-fonts/atkinson-hyperlegible-next/atkinson-next-italic.woff2') format('woff2'); } /* End Custom Fonts CSS */