.elementor-kit-1722{--e-global-color-primary:#6EC1E4;--e-global-color-secondary:#54595F;--e-global-color-text:#7A7A7A;--e-global-color-accent:#61CE70;--e-global-color-7c3ef530:#4054B2;--e-global-color-20bf99ba:#23A455;--e-global-color-7e5c0db4:#000;--e-global-color-3bf7cc65:#FFF;--e-global-color-f39fbf7:#0D823D;--e-global-color-b8dadc4:#FDEB0A;--e-global-color-82f5993:#323D47;--e-global-typography-primary-font-family:"EB Garamond";--e-global-typography-primary-font-weight:700;--e-global-typography-secondary-font-family:"EB Garamond";--e-global-typography-secondary-font-weight:600;--e-global-typography-text-font-family:"Lato";--e-global-typography-text-font-weight:400;--e-global-typography-accent-font-family:"Lato";--e-global-typography-accent-font-weight:500;color:var( --e-global-color-text );font-family:"Lato", Sans-serif;font-weight:400;}.elementor-kit-1722 e-page-transition{background-color:#FFBC7D;}.elementor-kit-1722 a{color:var( --e-global-color-20bf99ba );}.elementor-kit-1722 a:hover{color:var( --e-global-color-20bf99ba );}.elementor-section.elementor-section-boxed > .elementor-container{max-width:1140px;}.e-con{--container-max-width:1140px;}{}h1.entry-title{display:var(--page-title-display);}@media(max-width:1024px){.elementor-section.elementor-section-boxed > .elementor-container{max-width:1024px;}.e-con{--container-max-width:1024px;}}@media(max-width:767px){.elementor-section.elementor-section-boxed > .elementor-container{max-width:767px;}.e-con{--container-max-width:767px;}}/* Start custom CSS *//* === RESTORE WP BLOCK-LIBRARY COLUMN LAYOUT (Claude 2026-07-30) ===
   wp-block-library/style.min.css is not enqueued site-wide, so every
   .wp-block-columns fell back to display:block and stacked full-width.
   These rules are copied verbatim from WordPress core style.min.css.
   PERMANENT FIX: restore the wp-block-library enqueue, then delete this. */
.wp-block-columns{box-sizing:border-box;display:flex;flex-wrap:wrap!important;align-items:normal}
@media (min-width:782px){.wp-block-columns{flex-wrap:nowrap!important}}
.wp-block-column{flex-grow:1;min-width:0;overflow-wrap:break-word;word-break:break-word}
@media (max-width:781px){.wp-block-columns:not(.is-not-stacked-on-mobile)>.wp-block-column{flex-basis:100%!important}}
@media (min-width:782px){.wp-block-columns:not(.is-not-stacked-on-mobile)>.wp-block-column{flex-basis:0;flex-grow:1}.wp-block-columns:not(.is-not-stacked-on-mobile)>.wp-block-column[style*=flex-basis]{flex-grow:0}}
.wp-block-columns.is-not-stacked-on-mobile{flex-wrap:nowrap!important}
.wp-block-columns.is-not-stacked-on-mobile>.wp-block-column{flex-basis:0;flex-grow:1}
.wp-block-columns.is-not-stacked-on-mobile>.wp-block-column[style*=flex-basis]{flex-grow:0}
.wp-block-columns.are-vertically-aligned-top{align-items:flex-start}
.wp-block-columns.are-vertically-aligned-center{align-items:center}
.wp-block-columns.are-vertically-aligned-bottom{align-items:flex-end}
.wp-block-column.is-vertically-aligned-top{align-self:flex-start}
.wp-block-column.is-vertically-aligned-center{align-self:center}
.wp-block-column.is-vertically-aligned-bottom{align-self:flex-end}
.wp-block-column.is-vertically-aligned-stretch{align-self:stretch}
:where(.wp-block-columns){gap:2em;margin-bottom:1.75em}


/* ============================================================
   2026 DESIGN REFRESH — Claude 2026-07-30
   Root cause note: WordPress block CSS never loads on this site
   (Gutenberg blocks sit inside Elementor widgets, so the per-block
   style loader never sees them). That is why .wp-block-buttons
   computed display:block and every CTA pair stacked with a 1px gap.
   ============================================================ */

:root{
  --lla-ink:#0F172A; --lla-body:#334155; --lla-muted:#64748B;
  --lla-line:#E2E8F0;
  --lla-cta:#0D823D; --lla-cta-dark:#0A6B32;
  --lla-r:10px;
  --lla-shadow:0 1px 2px rgba(15,23,42,.06),0 8px 24px rgba(15,23,42,.07);
  --lla-shadow-lift:0 4px 10px rgba(15,23,42,.09),0 18px 44px rgba(15,23,42,.13);
}

/* --- 1. BUTTON ROWS (the "one button on top of another" bug) --- */
.wp-block-buttons{display:flex;flex-wrap:wrap;gap:14px;align-items:stretch}
.wp-block-buttons.center,.wp-block-buttons.is-content-justification-center{justify-content:center}
.wp-block-buttons.is-content-justification-left{justify-content:flex-start}
.wp-block-button{display:inline-block;margin:0}
@media(max-width:640px){
  .wp-block-buttons{flex-direction:column;gap:12px}
  .wp-block-button,.wp-block-button .wp-block-button__link{width:100%}
}

/* --- 2. BUTTON SYSTEM (was: 3px vs 0px radii, 12-13px labels) --- */
.wp-block-button__link,.elementor-button{
  border-radius:var(--lla-r)!important;
  min-height:52px;
  display:inline-flex;align-items:center;justify-content:center;
  padding:14px 32px!important;
  font-size:17px!important;font-weight:600!important;
  line-height:1.2;letter-spacing:.005em;
  box-shadow:var(--lla-shadow);
  transition:transform .18s ease,box-shadow .18s ease,background-color .18s ease!important;
}
.wp-block-button__link:hover,.elementor-button:hover{
  transform:translateY(-2px);box-shadow:var(--lla-shadow-lift);
}
.wp-block-button__link:active,.elementor-button:active{transform:translateY(0)}

/* --- 3. TYPOGRAPHY (was: body 15px/weight 300, H1 56px on 84px leading) --- */
body{font-size:17px;line-height:1.65;font-weight:400;color:var(--lla-body);
  -webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility}
p{font-size:17px;line-height:1.65;font-weight:400}
h1,h2,h3,h4,h5{color:var(--lla-ink);letter-spacing:-.021em;text-wrap:balance}
h1{font-size:clamp(34px,5vw,58px)!important;line-height:1.08!important;font-weight:700!important;margin-bottom:.45em}
h2{font-size:clamp(26px,3.4vw,40px)!important;line-height:1.18!important;font-weight:700!important}
h3{font-size:clamp(20px,2.2vw,25px)!important;line-height:1.3!important;font-weight:600!important}

/* --- 4. ACCESSIBILITY: focus was invisible for keyboard users --- */
a:focus-visible,button:focus-visible,.wp-block-button__link:focus-visible,.elementor-button:focus-visible{
  outline:3px solid var(--lla-cta);outline-offset:3px;border-radius:var(--lla-r);
}
@media(prefers-reduced-motion:reduce){
  *,*::before,*::after{animation-duration:.01ms!important;transition-duration:.01ms!important}
  .wp-block-button__link:hover,.elementor-button:hover{transform:none}
}


/* --- 5. TYPE PAIRING (Claude 2026-07-30) ---
   EB Garamond headings + Lato body, per the Trust & Authority system for legal
   services. Families are declared in the kit's system_typography so ELEMENTOR
   enqueues them from Google Fonts; an @import appended here would be ignored,
   since @import is only valid before other rules. */
h1,h2,h3,h4,h5,h6,.elementor-heading-title,.entry-title{
  font-family:'EB Garamond',Georgia,'Times New Roman',serif!important;
}
/* serifs need looser tracking than the grotesque this replaced */
h1,h2,h3,h4,h5,h6{letter-spacing:-.008em!important}
body,p,li,td,th,label,input,textarea,select,blockquote,
.wp-block-button__link,.elementor-button,.menu,.nav,button{
  font-family:'Lato',system-ui,-apple-system,'Segoe UI',Helvetica,Arial,sans-serif!important;
}
/* Lato runs small; nudge body up to hold the 17px optical size */
body,p{font-size:17.5px}/* End custom CSS */