/* dark-swap-1025 round 3 (Oct 26, 2026). All colors decided by the Design Council on Oct 26, 2026. No copy or alt changes.
   Loaded after dark-swap-1025-r2.css. Tokens stay in dark-swap-1025-r2.css (:root --title-color #0b2545 unchanged). */

/* b. Footer social: rest #0073b0 tile + white icon (unchanged); :hover and :focus-visible = navy #0b2545 tile, white icon (Design Council follow-up, Oct 26 2026). Focus outline rule untouched. */
.fusion-body .fusion-social-links-1 .boxed-icons .fusion-social-network-icon:hover,.fusion-body .fusion-social-links-1 .boxed-icons .fusion-social-network-icon:focus-visible,
.fusion-body .fusion-social-links-1 .boxed-icons a.fusion-social-network-icon:hover,.fusion-body .fusion-social-links-1 .boxed-icons a.fusion-social-network-icon:focus-visible{color:#ffffff!important;background-color:#0b2545!important}

/* c. "Related practice areas" headings (27 pages): #0b2545. */
.fusion-body .sl-extra .sl-related p.sl-block-title{color:#0b2545!important}

/* d. Category meta links on #1c465f post cards (category pages): #02b4e5 -> #8ccfff. */
.fusion-body .fusion-meta-tb .fusion-tb-categories a,.fusion-body .fusion-meta-tb .fusion-tb-categories a:hover,.fusion-body .fusion-meta-tb .fusion-tb-categories a:focus{color:#8ccfff!important}

/* e1. "Meet Your Attorneys" tile (27 pages): label moved off the photo onto a solid #f0f0f0 strip under it, #0a6fb0. Photo untouched. */
.fusion-body .sl-r3-meet > .fusion-column-wrapper{justify-content:flex-end!important;padding:108px 0 0 0!important}
.fusion-body .sl-r3-meet > .fusion-column-wrapper > .fusion-title{position:relative;z-index:2;background-color:#f0f0f0;margin:0!important;padding:12px 20px}
.fusion-body .sl-r3-meet .fusion-title .title-heading-center,.fusion-body .sl-r3-meet .fusion-title a.awb-custom-text-color,
.fusion-body .sl-r3-meet .fusion-title a.awb-custom-text-color:hover,.fusion-body .sl-r3-meet .fusion-title a.awb-custom-text-color:focus{color:#0a6fb0!important;-webkit-text-fill-color:#0a6fb0!important;text-shadow:none!important}

/* e2. Photo-band slogans (/our-team/, 4 attorney pages, /spinal-cord-injury/): photo band on top (same geometry as the
   live sl-slogan-below pattern, photo not darkened or overlaid), slogan below it on a solid #f0f0f0 strip in #0a6fb0. */
#main .fusion-flex-container.fusion-builder-row-3.sl-r3-strip{position:relative!important;background-color:#f0f0f0!important;background-size:0 0!important;padding-top:calc(16.43% + 14px)!important;padding-bottom:4px!important}
#main .fusion-flex-container.fusion-builder-row-3.sl-r3-strip::before{content:"";position:absolute;top:0;left:0;right:0;aspect-ratio:1905/313;background-image:inherit;background-size:cover;background-position:center center;background-repeat:no-repeat;z-index:0;pointer-events:none}
#main .sl-r3-strip.fusion-builder-row-3 .fusion-title .title-heading-left,#main .sl-r3-strip.fusion-builder-row-3 .fusion-title .title-heading-left a,
#main .sl-r3-strip.fusion-builder-row-3 .fusion-title .title-heading-left a:hover,#main .sl-r3-strip.fusion-builder-row-3 .fusion-title .title-heading-left a:focus{color:#0a6fb0!important;-webkit-text-fill-color:#0a6fb0!important;text-shadow:none!important;text-decoration:none!important}
#main .sl-r3-strip.fusion-builder-row-3 .fusion-builder-row{position:relative;z-index:1}
@media (max-width:640px){#main .fusion-flex-container.fusion-builder-row-3.sl-r3-strip{padding-top:214px!important}
#main .fusion-flex-container.fusion-builder-row-3.sl-r3-strip::before{aspect-ratio:auto;height:200px}}

/* f. /results/: empty left column removed; the case-results photo runs full width as a plain band above the title band. */
.fusion-body .sl-r3-cr-photo{width:100%;aspect-ratio:1919/964;max-height:360px;background-color:#ffffff;
 background-image:url("/wp-content/uploads/2022/10/case-results-system-bg-dark.jpeg");
 background-image:image-set(url("/wp-content/uploads/2022/10/case-results-system-bg-dark.jpeg.webp") type("image/webp"),url("/wp-content/uploads/2022/10/case-results-system-bg-dark.jpeg") type("image/jpeg"));
 background-position:center bottom;background-repeat:no-repeat;background-size:cover}
@media (max-width:960px){.fusion-body .sl-r3-cr-photo{background-image:url("/wp-content/uploads/2022/10/case-results-system-bg-dark-960.jpeg");
 background-image:image-set(url("/wp-content/uploads/2022/10/case-results-system-bg-dark-960.jpeg.webp") type("image/webp"),url("/wp-content/uploads/2022/10/case-results-system-bg-dark-960.jpeg") type("image/jpeg"))}}
.fusion-body .fusion-flex-container.sl-r3-cr-row{background-image:none!important}
.fusion-body .sl-r3-cr-row .fusion-builder-column-7{width:100%!important}

/* g. 320px reflow (WCAG 1.4.10). Video pages: the round-1 40px form padding still applied inside the round-2 panel (the
   :not() selector out-ranked it), squeezing the form to 88px; drop it inside the panel on phones and let Submit wrap. */
@media (max-width:640px){
.fusion-body .single-pst-contct:not(.sl-pv-panel) .sl-r2-panel .wpcf7,.fusion-body .resultpage_form .sl-r2-panel .wpcf7{padding:0!important}
.fusion-body .sl-r2-panel .wpcf7 input[type=submit]{max-width:100%!important;white-space:normal!important;height:auto!important}}
/* /results/: "ALL CONSULTATIONS ARE FREE" steps down below 390px (measured overflow at 320 and 360) so CONSULTATIONS fits its panel; wraps as a fallback. */
@media (max-width:389px){.fusion-body .sl-r2-panel .fusion-title h6.title-heading-center{font-size:18px!important;letter-spacing:2px!important;overflow-wrap:break-word}}
@media (max-width:359px){.fusion-body .sl-r2-panel .fusion-title h6.title-heading-center{font-size:15px!important;letter-spacing:2px!important;overflow-wrap:break-word}}
/* /results/ case cards: at phone widths the 48px row side padding left the cards too narrow for "$38,000,000" and
   "$8,000,000.00" at 320-360px (the scroll region scrolled sideways, pre-existing). Narrower side padding; wrap as a fallback. */
@media (max-width:640px){.fusion-body .fusion-flex-container.sl-r3-cr-row{padding-left:12px!important;padding-right:12px!important}
.fusion-body .sl-r3-cr-row h3.content-box-heading{overflow-wrap:break-word}}

/* d2. WCAG 1.4.1: category links inside the "Categories: ..." running-text meta line on category archive post cards are underlined
   (they were told apart from the surrounding white text by color alone). Category archives only; nav, buttons and footer untouched. */
body.category #main .fusion-meta-tb .fusion-tb-categories a,body.category #main .fusion-meta-tb .fusion-tb-categories a:hover,body.category #main .fusion-meta-tb .fusion-tb-categories a:focus{text-decoration:underline!important;text-decoration-thickness:1px;text-underline-offset:2px}

/* h. /results/ case cards (Critiquito P0, WCAG 1.4.10, Oct 26 2026): at <=640px one card per row, height grows with content, no inner scroll box.
   Overrides any inline height/min-height/overflow the theme's equal-height script writes. Desktop untouched. */
@media (max-width:640px){
.fusion-body .sl-r3-cr-row .fusion-content-boxes .content-box-column{width:100%!important;max-width:100%!important;flex:0 0 100%!important;float:none!important;clear:both!important}
.fusion-body .sl-r3-cr-row .content-box-column .content-box-wrapper,.fusion-body .sl-r3-cr-row .content-box-column .heading,.fusion-body .sl-r3-cr-row .content-box-column .content-container{height:auto!important;min-height:0!important;max-height:none!important;overflow:visible!important}
/* The cards sit in a fixed-height scroll box (theme: .result_block max-height 500px, .fusion-content-boxes max-height 650px + overflow-y scroll),
   which at 390px showed one card cut off inside a 440px window. On phones the box goes away and all nine cards stack in the page. */
.fusion-body .sl-r3-cr-row .fusion-layout-column.result_block,.fusion-body .sl-r3-cr-row .result_block .fusion-column-wrapper{max-height:none!important;height:auto!important}
.fusion-body .sl-r3-cr-row .result_block .fusion-column-wrapper .fusion-content-boxes{height:auto!important;max-height:none!important;overflow:visible!important;overflow-y:visible!important}
/* The amount bar is absolutely positioned over a fixed 65px gap; when an amount wraps to two lines ("$2,000,000 Settlement") it covered
   the case-type line. Put the bar in the flow at the same spot and size, so the gap grows with it. One-line cards render as before. */
.fusion-body .sl-r3-cr-row .content-box-wrapper>.heading{margin-left:-30px!important;margin-right:-30px!important}
.fusion-body .sl-r3-cr-row .content-box-wrapper h3.content-box-heading{position:relative!important;top:auto!important;left:auto!important;width:auto!important;margin-left:0!important;margin-right:0!important}
.fusion-body .sl-r3-cr-row .content-box-wrapper .content-container>:first-child{margin-top:12px!important}
}
/* Below 360px the 36px side padding left the amount bar too narrow for "$38,000,000" / "$8,000,000.00" (169px at 23px), so the number broke mid-digit. 20px keeps every amount whole. */
@media (max-width:359px){.fusion-body .sl-r3-cr-row .content-box-wrapper h3.content-box-heading{padding-left:20px!important;padding-right:20px!important}}
/* g2. Category archives, FEATURED ARTICLE panel: the template's broken breakpoint (@media (min-width:0px){.container{width:750px}})
   made the panel 750px wide under 768px and the html overflow clip cut the title and excerpt off on the right. Fit it to the viewport. */
@media (max-width:767px){.fusion-body .feature-tax-post>.container{width:auto!important;max-width:100%!important}}
/* g3. Text cut off at narrow widths (WCAG 1.4.10; found Oct 26 2026 by a stricter overflow check that looks through the html overflow-x clip):
   long source URLs, statute links and long uppercase words in titles ran past a 320/390px viewport (or the blog card wrapper) and were cut off.
   Let any word that cannot fit wrap onto the next line. break-word (not anywhere) so min-content sizing and desktop layout are untouched;
   table cells keep their own sizing inside the existing sideways-scroll wrappers. */
@media (max-width:640px){
body :is(h1,h2,h3,h4,h5,h6,p,li,dd,dt,blockquote,figcaption,a,span,strong,em,cite,.fusion-post-title,.fusion-title,.fusion-text){overflow-wrap:break-word!important}
body :is(td,th){overflow-wrap:normal}
.fusion-body .sl-pv-byline{white-space:normal!important}
}
/* ...except "ALL CONSULTATIONS ARE FREE" from 390px up, which keeps its round-3 behaviour (whole word, steps down below 390px). */
@media (min-width:390px) and (max-width:640px){.fusion-body .sl-r2-panel .fusion-title h6.title-heading-center{overflow-wrap:normal!important}}
/* g4. Post excerpts whose text is glued together with non-breaking spaces (e.g. "DOG FATALLY SHOT...") were wider than their card and cut off,
   at 320/390. anywhere lets the excerpt shrink to the card. Phones only: on the 1280 blog grid it also changed card heights, so desktop is left as is. */
@media (max-width:640px){body :is(.fusion-content-tb,.fusion-post-content-container) p{overflow-wrap:anywhere!important}}

/* (j) WCAG 2.2 SC 2.4.11 Focus Not Obscured: keep a tabbed-to element clear of anything pinned to the viewport.
   Measured Oct 26, 2026 at 320/390/768/1024/1280 on home, /results/, TBI and the category pages: there is no sticky or
   fixed header at any breakpoint (the header scrolls away with the page), so the header height, and with it the top
   padding, is 0px at every breakpoint. Bars pinned to the bottom: the home call bar (<=700px) and the TBI call bar
   (<=640px) already reserve scroll-padding-bottom:64px in their own rules, left as is; Avada's back-to-top button
   (35px, >=1024px) had none, so it gets 44px. Scroll padding only moves the browser's focus/anchor scroll position;
   nothing is painted differently. */
:root{--sl-sticky-header-h:0px;--sl-sticky-footer-h:0px}
@media (min-width:1024px){:root{--sl-sticky-footer-h:44px}html{scroll-padding-bottom:var(--sl-sticky-footer-h)}}
html{scroll-padding-top:var(--sl-sticky-header-h)}
:is(a,button,input,select,textarea,summary,[tabindex]):focus{scroll-margin-top:var(--sl-sticky-header-h)}

/* (l) Follow-up 3, Palette & Type, Oct 26 2026 - H1s: whole words only (no mid-word breaks, no automatic hyphens);
   below 400px a fluid size clamp(1.5rem, 7vw, 2rem) with no letter-spacing. This includes the page-title H1s that
   use the h3/h4 look (data-sl-as); only the screen-reader-only H1s are left alone. */
/* :is(html,#sl-ring) gives ID-level weight so these beat the (g4) break-word rule and Avada's per-title rules. */
:is(html,#sl-ring) h1,:is(html,#sl-ring) h1 *{overflow-wrap:normal!important;word-wrap:normal!important;word-break:normal!important;-webkit-hyphens:manual!important;hyphens:manual!important}
@media (max-width:399px){html:is(html,#sl-ring) h1:not(.sl-sr-only){font-size:clamp(1.5rem,7vw,2rem)!important;letter-spacing:0!important}}

/* (m) Follow-up 3 - focus ring on every focusable: 3px #0b2545, offset 2px. On navy/dark bands the ring is #8ccfff.
   The 7px box-shadow is the contrast edge: it fills the 2px gap and adds a 2px band outside the ring (white for the
   navy ring, #03324e for the light ring), so the ring is >=3:1 against what touches it even where it crosses a band
   edge, a photo or a mixed background. It replaces the 5px white halo from a11y.css while focused. Cross-origin frames (Turnstile, the Google map) draw their own focus
   inside the frame; the page cannot style them. */
:is(html,#sl-ring) :focus-visible{outline:3px solid #0b2545!important;outline-offset:2px!important;box-shadow:0 0 0 7px #fff!important}
:is(html,#sl-ring) :is(.fusion-tb-header>.fusion-fullwidth:first-child .fusion-menu-element-wrapper,.fusion-megamenu-holder,.fusion-footer-widget-area>.fusion-fullwidth:last-child,li.post-card,.fusion-blog-shortcode .fusion-post-wrapper,.text-highlight-dark-bg,.floatting_sidebar,.to-top-container,[style*="background-color:#0073b0"],[style*="background-color:#03324e"],[style*="background-color:#04324e"],[style*="background-color:#1c465f"],[style*="background-color:#0b2545"]) :focus-visible,
:is(html,#sl-ring) .sl-hp a.sticky:focus-visible{outline-color:#8ccfff!important;box-shadow:0 0 0 7px #03324e!important}

/* (n) Follow-up 4 + 5, Classic Design & Imagery, Oct 26 2026 - category featured block (.feature-tax-post, 28 category pages).
   F5: the photo stands alone at the top (no overlay); ALL featured text sits on a white strip under it, in DOM order, wording unchanged.
   The photo band is ::before, which inherits the block's own inline background-image; ::after is the white strip behind the text. */
.fusion-body .feature-tax-post{--sl-ft-photo:360px;padding:calc(var(--sl-ft-photo) + 28px) 0 32px!important;background-color:#fff!important}
.fusion-body .feature-tax-post::before{content:'';position:absolute;left:0;right:0;top:0;height:var(--sl-ft-photo);z-index:0;
 background-image:inherit;background-size:cover;background-position:center center!important;background-repeat:no-repeat}
.fusion-body .feature-tax-post::after{top:var(--sl-ft-photo)!important;bottom:0!important;height:auto!important;background:#fff!important}
.fusion-body .feature-tax-post>.container{overflow:visible!important}
.fusion-body .feature-tax-post .container>h2,.fusion-body .feature-tax-post .container>h4{color:#0b2545!important;-webkit-text-fill-color:#0b2545!important;text-shadow:none!important}
.fusion-body .feature-tax-post .container>h2::after{background:#0b2545!important;background-color:#0b2545!important}
.fusion-body .feature-tax-post .container>h4{margin-top:24px!important}
.fusion-body .feature-tax-post .container>a{color:#0a6fb0!important;-webkit-text-fill-color:#0a6fb0!important;text-decoration:underline!important;text-underline-offset:2px;text-shadow:none!important}
.fusion-body .feature-tax-post .container>p.tax-date::after{background:#0a6fb0!important}
/* F6 (Classic Design & Imagery + Palette & Type): only clickable text is link-blue + underlined ("Read more"; on all 28 pages the title,
   date and categories are plain text, not links). Categories line and date: #141617, no underline. The date's decorative line stays #0a6fb0. */
.fusion-body .feature-tax-post .container>h4+p,.fusion-body .feature-tax-post .container>p.tax-date{color:#141617!important;-webkit-text-fill-color:#141617!important;text-decoration:none!important;text-shadow:none!important}
/* F6 (Critiquito): when "FEATURED ARTICLE" wraps (32px text is 302px wide, so below a 333px viewport) the h2 box, and its full-width
   ::after underline, ran to the container edge. Shrink the box to its widest word so the underline ends with the text. */
@media (max-width:332px){.fusion-body .feature-tax-post .container>h2{width:min-content!important;max-width:100%}}
.fusion-body .feature-tax-post .container>p.tax-date~p{color:#141617!important;-webkit-text-fill-color:#141617!important;text-shadow:none!important}
.fusion-body .feature-tax-post .container>a{display:inline-flex!important;align-items:center;min-height:44px;min-width:44px}
@media (max-width:767px){.fusion-body .feature-tax-post{--sl-ft-photo:240px}}
@media (max-width:480px){
 .fusion-body .feature-tax-post{--sl-ft-photo:200px;padding:calc(var(--sl-ft-photo) + 20px) 0 20px!important}
 .fusion-body .feature-tax-post .container>h4{margin-top:16px!important}
 .fusion-body .feature-tax-post .container>p.tax-date{margin:4px 0 8px!important}
 .fusion-body .feature-tax-post .container>a{display:flex!important;width:max-content}
}

/* (o) Follow-up 4 + 5, Critiquito + Palette & Type - /results/ case amounts. F5: no nowrap on the heading; it may wrap only at spaces
   (so "$2,000,000 Settlement" -> "$2,000,000" / "Settlement"), and no amount ever breaks inside itself (break-word off; "$2,000,000" has
   no break opportunity of its own). At <=360px clamp(1.25rem, 6vw, 1.75rem). Color unchanged. */
.fusion-body .sl-r3-cr-row .content-box-wrapper h3.content-box-heading{white-space:normal!important;overflow-wrap:normal!important;word-wrap:normal!important;word-break:normal!important;-webkit-hyphens:manual!important;hyphens:manual!important}
@media (max-width:360px){.fusion-body .sl-r3-cr-row .content-box-wrapper h3.content-box-heading{font-size:clamp(1.25rem,6vw,1.75rem)!important}}

/* contact-note-1025-r5: links on the light #f0f0f0 form panel are underlined (WCAG 1.4.1) */
.fusion-body .sl-r2-panel a:not(.fusion-button),.fusion-body .single-pst-contct .wpcf7 a:not(.fusion-button),.fusion-body .resultpage_form .wpcf7 a:not(.fusion-button){text-decoration:underline!important;text-underline-offset:2px}
/* attorneys-graphic-1026 (Palette & Type, Oct 26): "Are you a new client?" select arrow #141617 on the #f0f0f0 form panel (29 pages), set explicitly incl. focus/hover */
.fusion-body .sl-r2-panel .wpcf7 .select-arrow,.fusion-body .sl-r2-panel .wpcf7 .wpcf7-select-parent:focus-within .select-arrow,.fusion-body .sl-r2-panel .wpcf7 .wpcf7-select-parent:hover .select-arrow{color:#141617!important;-webkit-text-fill-color:#141617!important;opacity:1!important;text-shadow:none!important}
/* attorneys-graphic-1026 final art direction (Classic Design & Imagery, Oct 26): full-gavel crop, no overlay/tint/filter */
.fusion-body .sl-r3-meet span.fusion-column-inner-bg-image{background-size:cover!important;background-position:80% center!important}
/* attorneys-graphic-1026: page-title banner on the licensed full-gavel crop (13 pages), no overlay/tint/filter */
.fusion-body .sl-ag-banner{background-size:cover!important;background-position:80% center!important}
/* attorneys-graphic-1026: form note contrast (Palette & Type) - note white on the #04324e sidebar form 1242 */
.fusion-body .wpcf7[id^="wpcf7-f1242-"] .sl-form-note,
.fusion-body .sl-form-dark .sl-form-note{color:#ffffff!important;-webkit-text-fill-color:#ffffff!important;text-shadow:none!important}
/* attorneys-graphic-1026: /reviews/ banner Spec A (Palette & Type) - title band above the photo */
.fusion-body .sl-ag-title{background-color:#ffffff;padding:20px 30px 0;text-align:center}
.fusion-body .sl-ag-title .title-heading-center{color:#141617!important;-webkit-text-fill-color:#141617!important;text-shadow:none!important}
.fusion-body .sl-ag-title .fusion-separator-border{border-color:#141617!important}
/* attorneys-graphic-1026: 'Models used' caption under the 123RF 251798106 photos on /traumatic-brain-injury/ (Mo. R. 4-7.1(i); Classic Design & Imagery + Ad Rules Counsel). Body font, small, #141617, left, below the photo, never over it. */
.fusion-body p.sl-photo-caption{display:block;margin:6px 0 16px!important;padding:0;font-family:inherit;font-size:13px!important;line-height:1.4;font-style:normal;color:#141617!important;-webkit-text-fill-color:#141617!important;text-align:left!important;background:none;text-shadow:none!important}
/* attorneys-graphic-1026 r2 (Ad Rules Counsel 4:49 PM PT): the hero photo band is painted by .sl-slogan-below::before (top:0, height = 16.43% of the width, or 200px at <=640px). The caption is the hero's first in-flow child, so its own line sits directly under the band and above the heading. Not absolutely positioned and never on the image. */
#main .fusion-flex-container.fusion-builder-row-3.sl-slogan-below.sl-tbi-hero{flex-wrap:wrap!important;padding-top:16.43%!important}
#main .sl-tbi-hero > p.sl-photo-caption-hero{flex:0 0 100%;width:100%;max-width:1248px;margin:6px auto 8px!important;position:static!important}
@media (max-width:640px){#main .fusion-flex-container.fusion-builder-row-3.sl-slogan-below.sl-tbi-hero{padding-top:200px!important}}