/*
Theme Name:   FLG Kadence Child
Theme URI:    https://falerlawgroup.com
Description:  Faler Law Group child theme for Kadence. Holds the site's custom styles so they live in a file instead of Customize > Additional CSS.
Author:       Faler Law Group
Template:     kadence
Version:      1.6.0
Requires at least: 6.0
Requires PHP: 7.4
License:      GPL-2.0-or-later
Text Domain:  flg-kadence-child
*/

/* Figtree, self-hosted (SIL Open Font License, see fonts/OFL.txt) */
@font-face { font-family: 'Figtree'; font-style: normal; font-weight: 400; font-display: swap; src: url('fonts/figtree-latin-400-normal.woff2') format('woff2'); unicode-range: U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD; }
@font-face { font-family: 'Figtree'; font-style: normal; font-weight: 400; font-display: swap; src: url('fonts/figtree-latin-ext-400-normal.woff2') format('woff2'); unicode-range: U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF; }
@font-face { font-family: 'Figtree'; font-style: normal; font-weight: 500; font-display: swap; src: url('fonts/figtree-latin-500-normal.woff2') format('woff2'); unicode-range: U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD; }
@font-face { font-family: 'Figtree'; font-style: normal; font-weight: 500; font-display: swap; src: url('fonts/figtree-latin-ext-500-normal.woff2') format('woff2'); unicode-range: U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF; }
@font-face { font-family: 'Figtree'; font-style: normal; font-weight: 600; font-display: swap; src: url('fonts/figtree-latin-600-normal.woff2') format('woff2'); unicode-range: U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD; }
@font-face { font-family: 'Figtree'; font-style: normal; font-weight: 600; font-display: swap; src: url('fonts/figtree-latin-ext-600-normal.woff2') format('woff2'); unicode-range: U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF; }
@font-face { font-family: 'Figtree'; font-style: normal; font-weight: 700; font-display: swap; src: url('fonts/figtree-latin-700-normal.woff2') format('woff2'); unicode-range: U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD; }
@font-face { font-family: 'Figtree'; font-style: normal; font-weight: 700; font-display: swap; src: url('fonts/figtree-latin-ext-700-normal.woff2') format('woff2'); unicode-range: U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF; }
@font-face { font-family: 'Figtree'; font-style: normal; font-weight: 800; font-display: swap; src: url('fonts/figtree-latin-800-normal.woff2') format('woff2'); unicode-range: U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD; }
@font-face { font-family: 'Figtree'; font-style: normal; font-weight: 800; font-display: swap; src: url('fonts/figtree-latin-ext-800-normal.woff2') format('woff2'); unicode-range: U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF; }


/* =========================================================
   FALER LAW GROUP — Kadence (free) custom styles
   Paste into: Appearance > Customize > Additional CSS
   ========================================================= */

:root {
  --flg-navy: #0D1F4E;        /* logo navy */
  --flg-navy-deep: #08142F;   /* darker navy for footer / overlays */
  --flg-navy-soft: #1B2F66;   /* hover / borders on navy */
  --flg-red: #C8343B;         /* accent red: bars, icons, highlights, buttons */
  --flg-red-btn: #C8343B;     /* buttons (white text passes WCAG AA) */
  --flg-red-btn-hover: #A92830;
  --flg-maroon: #7D1416;      /* "LAW GROUP" red — small text on white */
  --flg-ink: #1A1F2B;
  --flg-muted: #5A6275;
  --flg-line: #E3E6EE;
  --flg-tint: #F4F6FA;
  --flg-white: #FFFFFF;
  --flg-radius: 10px;
  --flg-shadow: 0 10px 30px rgba(13, 31, 78, .10);
  --flg-max: 1200px;
}

/* ---------- Base ---------- */
body { font-family: "Figtree", system-ui, -apple-system, "Segoe UI", sans-serif; color: var(--flg-ink); }
.flg-wrap { max-width: var(--flg-max); margin: 0 auto; padding: 0 20px; }
.flg-section { padding: 80px 0; }
.flg-section--tint { background: var(--flg-tint); }
.flg-section--navy { background: var(--flg-navy); color: var(--flg-white); }
.flg-section--navy h2, .flg-section--navy h3 { color: var(--flg-white); }
.flg-center { text-align: center; }
.flg-eyebrow {
  display: inline-block; font-size: 13px; font-weight: 700; letter-spacing: .14em;
  text-transform: uppercase; color: var(--flg-maroon); margin: 0 0 12px;
}
.flg-section--navy .flg-eyebrow, .flg-hero .flg-eyebrow { color: var(--flg-white); }
.flg-h2 { font-size: clamp(28px, 3.4vw, 42px); line-height: 1.15; font-weight: 700; color: var(--flg-navy); margin: 0 0 16px; }
.flg-lead { font-size: 18px; line-height: 1.6; color: var(--flg-muted); max-width: 720px; margin: 0 0 32px; }
.flg-center .flg-lead { margin-left: auto; margin-right: auto; }
.flg-section--navy .flg-lead { color: #C9D1E6; }
.flg-bar { display: block; width: 64px; height: 5px; border-radius: 3px; background: var(--flg-red); margin: 0 0 20px; }
.flg-center .flg-bar { margin-left: auto; margin-right: auto; }

/* Placeholders — highlighted so nothing unfinished ships by accident */
.flg-placeholder { background: #FFF4C2; color: #5C4A00 !important; padding: 0 4px; border-radius: 3px; }

/* ---------- Buttons ---------- */
.flg-btn {
  box-sizing: border-box; display: inline-flex; align-items: center; gap: 8px; padding: 15px 28px; border-radius: 6px;
  font-weight: 700; font-size: 16px; text-decoration: none !important; transition: background .2s, transform .2s;
  border: 2px solid transparent; line-height: 1.2;
}
.flg-btn--red { background: var(--flg-red-btn); color: var(--flg-white) !important; }
.flg-btn--red:hover { background: var(--flg-red-btn-hover); transform: translateY(-1px); }
.flg-btn--outline { border-color: rgba(255,255,255,.6); color: var(--flg-white) !important; }
.flg-btn--outline:hover { background: rgba(255,255,255,.1); }
.flg-btn--navy { background: var(--flg-navy); color: var(--flg-white) !important; }
.flg-btn--navy:hover { background: var(--flg-navy-soft); }
.flg-btns { display: flex; flex-wrap: wrap; gap: 14px; }
.flg-center .flg-btns { justify-content: center; }

/* ---------- Hero ---------- */
.flg-hero {
  position: relative; color: var(--flg-white); padding: 110px 0 90px;
  background:
    linear-gradient(100deg, rgba(8,20,47,.96) 0%, rgba(13,31,78,.88) 55%, rgba(13,31,78,.55) 100%),
    var(--flg-hero-img, none) center / cover no-repeat,
    var(--flg-navy);
}
.flg-hero__inner { max-width: 760px; }
.flg-hero h1 { font-size: clamp(36px, 5vw, 60px); line-height: 1.08; font-weight: 700; color: var(--flg-white); margin: 0 0 20px; }
.flg-hero h1 em { font-style: normal; color: var(--flg-red); }
.flg-hero p { font-size: 19px; line-height: 1.6; color: #D5DBEA; margin: 0 0 32px; }
.flg-hero__trust { display: grid; grid-template-columns: repeat(2, max-content); gap: 14px 64px; margin-top: 40px; padding-top: 28px; border-top: 1px solid rgba(255,255,255,.15); font-size: 15px; color: #C9D1E6; }
.flg-hero__trust strong { display: block; font-size: 22px; color: var(--flg-white); }

/* ---------- Cards / grids ---------- */
.flg-grid { display: grid; gap: 24px; }
.flg-grid--2 { grid-template-columns: repeat(2, 1fr); }
.flg-grid--3 { grid-template-columns: repeat(3, 1fr); }
.flg-grid--4 { grid-template-columns: repeat(4, 1fr); }
.flg-card {
  background: var(--flg-white); border: 1px solid var(--flg-line); border-radius: var(--flg-radius);
  padding: 32px; box-shadow: var(--flg-shadow); position: relative;
}
.flg-card h3 { font-size: 22px; font-weight: 700; color: var(--flg-navy); margin: 0 0 10px; }
.flg-card p { color: var(--flg-muted); line-height: 1.6; margin: 0 0 16px; }
.flg-card ul { margin: 0 0 20px; padding-left: 20px; color: var(--flg-ink); line-height: 1.8; }
.flg-card__link { font-weight: 700; color: var(--flg-red-btn); text-decoration: none; }
.flg-card__link:hover { text-decoration: underline; }
.flg-card--practice { border-top: 5px solid var(--flg-red); }
.flg-icon {
  width: 56px; height: 56px; border-radius: 12px; background: var(--flg-navy); color: var(--flg-white);
  display: grid; place-items: center; margin-bottom: 18px;
}
.flg-icon svg { width: 28px; height: 28px; }

/* Results */
.flg-result { text-align: left; border-left: 5px solid var(--flg-red); }
.flg-result__amt { font-size: 38px; font-weight: 700; color: var(--flg-navy); line-height: 1; margin: 0 0 8px; }
.flg-result__type { font-size: 13px; font-weight: 700; letter-spacing: .1em; text-transform: uppercase; color: var(--flg-maroon); margin: 0 0 10px; }
.flg-disclaimer { font-size: 13px; color: var(--flg-muted); margin-top: 24px; font-style: italic; }

/* Why us */
.flg-why { text-align: center; padding: 28px 20px; }
.flg-why .flg-icon { margin: 0 auto 16px; background: var(--flg-red-btn); }
.flg-why h3 { font-size: 18px; color: var(--flg-navy); margin: 0 0 8px; font-weight: 700; }
.flg-why p { font-size: 15px; color: var(--flg-muted); line-height: 1.55; margin: 0; }

/* Steps */
.flg-step { position: relative; padding-top: 8px; }
.flg-step__num {
  width: 48px; height: 48px; border-radius: 50%; background: var(--flg-red-btn); color: #fff;
  font-weight: 700; font-size: 20px; display: grid; place-items: center; margin-bottom: 16px;
}
.flg-step h3 { color: var(--flg-white); font-size: 20px; margin: 0 0 8px; }
.flg-step p { color: #C9D1E6; line-height: 1.6; margin: 0; }

/* Reviews */
.flg-review { display: flex; flex-direction: column; }
.flg-stars { color: #F5B301; font-size: 20px; letter-spacing: 2px; margin-bottom: 12px; }
.flg-review blockquote { margin: 0 0 16px; font-size: 16px; line-height: 1.65; color: var(--flg-ink); border: 0; padding: 0; font-style: normal; }
.flg-review cite { font-style: normal; font-weight: 700; color: var(--flg-navy); margin-top: auto; }

/* Attorney */
.flg-attorney { display: grid; grid-template-columns: 380px 1fr; gap: 56px; align-items: center; }
.flg-attorney__photo {
  aspect-ratio: 4 / 5; border-radius: var(--flg-radius); background: var(--flg-tint) center / cover no-repeat;
  border: 1px solid var(--flg-line); display: grid; place-items: center; color: var(--flg-muted); font-size: 14px;
  box-shadow: 16px 16px 0 var(--flg-navy);
}
.flg-attorney__photo img { width: 100%; height: 100%; object-fit: cover; border-radius: var(--flg-radius); }
.flg-attorney__title { font-weight: 700; color: var(--flg-maroon); margin: -8px 0 16px; }

/* Stats band */
.flg-stats { background: var(--flg-navy-deep); color: #fff; padding: 64px 0; }
.flg-stat { text-align: center; }
.flg-stat strong { display: block; font-size: 44px; font-weight: 700; color: #fff; line-height: 1; }
.flg-stat > span { display: block; margin-top: 8px; color: #C9D1E6; font-size: 15px; }

/* Intake form section */
.flg-intake { display: grid; grid-template-columns: 1fr 1.1fr; gap: 56px; align-items: center; }
.flg-intake__box { background: #fff; border-radius: var(--flg-radius); padding: 36px; box-shadow: 0 20px 50px rgba(0,0,0,.25); color: var(--flg-ink); }
.flg-intake__box h3 { color: var(--flg-navy) !important; margin: 0 0 6px; font-size: 24px; }
.flg-checklist { list-style: none; padding: 0; margin: 0 0 28px; }
.flg-checklist li { padding-left: 32px; position: relative; margin-bottom: 12px; line-height: 1.5; color: #D5DBEA; }
.flg-checklist li::before {
  content: ""; position: absolute; left: 0; top: 3px; width: 20px; height: 20px; border-radius: 50%;
  background: var(--flg-red-btn) url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='white' stroke-width='3'%3E%3Cpath d='M5 12l5 5L20 7'/%3E%3C/svg%3E") center / 12px no-repeat;
}
.flg-contact-line { color: #fff; font-size: 18px; }
.flg-contact-line a { color: #fff; font-weight: 700; }

/* FAQ */

/* Final CTA */
.flg-cta {
  background: linear-gradient(120deg, var(--flg-navy) 0%, var(--flg-navy-soft) 100%); color: #fff;
  padding: 72px 0; position: relative; overflow: hidden;
}
.flg-cta::before { content: ""; position: absolute; left: 0; right: 0; bottom: 0; height: 6px; background: #C8343B; }
.flg-cta h2 { color: #fff; }
.flg-cta .flg-lead { color: #C9D1E6; }

/* ---------- Kadence header ---------- */
.site-top-header-wrap { background: var(--flg-navy) !important; }
.site-top-header-wrap, .site-top-header-wrap a { color: #DCE2F0 !important; font-size: 16px; }
.flg-topbar { display: flex; flex-wrap: wrap; gap: 6px 24px; align-items: center; justify-content: space-between; width: 100%; }
/* Let the top-bar HTML element fill the content width so its items spread out */
.site-top-header-wrap .site-header-top-section-left,
.site-top-header-wrap .site-header-section-left { flex: 1 1 auto; }
.site-top-header-wrap .header-html, .site-top-header-wrap .header-html-inner { width: 100%; }
.flg-topbar a { text-decoration: none; }
.flg-topbar__phone { font-weight: 700; color: #fff !important; }
.flg-topbar__tagline { font-weight: 700; letter-spacing: .04em; color: #fff; }
.flg-topbar { padding: 8px 0; }
html body .flg-topbar, html body .flg-topbar a, html body .flg-topbar span { font-size: 16px; line-height: 1.3; }
/* Top bar: stretch the HTML element across the row (Kadence lays header sections out as a grid) */
.site-top-header-wrap .site-header-row:has(.flg-topbar) { display: flex !important; }
.site-top-header-wrap .site-header-section:has(.flg-topbar) { flex: 1 1 100%; width: 100%; justify-content: flex-start; }
.site-top-header-wrap .site-header-section:not(:has(.flg-topbar)):empty { display: none; }
.site-top-header-wrap .site-header-item:has(.flg-topbar),
.site-top-header-wrap .header-html:has(.flg-topbar),
.site-top-header-wrap .header-html-inner:has(.flg-topbar) { flex: 1 1 100%; width: 100%; margin: 0; }
/* WordPress may wrap the snippet in <p>/<br>; ignore those wrappers */
.flg-topbar > p { display: contents; }
.flg-topbar br { display: none; }
.flg-topbar a { text-decoration: none !important; }

.flg-topbar svg { width: 14px; height: 14px; vertical-align: -2px; margin-right: 6px; opacity: .8; }
.site-main-header-wrap { box-shadow: 0 2px 14px rgba(13,31,78,.08); }
/* Translucent "frosted" header — homepage uses Kadence Transparent Header so the hero shows through */
.transparent-header .site-top-header-wrap { background: rgba(13,31,78,.82) !important; backdrop-filter: blur(10px); -webkit-backdrop-filter: blur(10px); }
.transparent-header .site-main-header-wrap .site-header-row-container-inner,
.site-main-header-wrap.item-is-fixed .site-header-row-container-inner,
.kadence-sticky-header.item-is-fixed .site-header-row-container-inner {
  background: rgba(255,255,255,.82) !important; backdrop-filter: blur(14px) saturate(160%); -webkit-backdrop-filter: blur(14px) saturate(160%);
}
.transparent-header .flg-hero { padding-top: 230px; }
@media (max-width: 680px) { .transparent-header .flg-hero { padding-top: 150px; } }
/* Sticky header (Kadence sticky = Main Row) */
.site-main-header-wrap.item-is-fixed, .kadence-sticky-header.item-is-fixed { background: transparent !important; box-shadow: 0 4px 18px rgba(13,31,78,.14); }
.kadence-sticky-header.item-is-fixed .site-branding img { max-height: 54px; width: auto; transition: max-height .2s; }
.main-navigation .primary-menu-container > ul > li.menu-item > a { font-weight: 700; color: var(--flg-navy); }
.main-navigation .primary-menu-container > ul > li.menu-item > a:hover,
.main-navigation .primary-menu-container > ul > li.current-menu-item > a { color: var(--flg-red-btn); }
.header-navigation .header-menu-container ul ul.sub-menu { border-top: 3px solid var(--flg-red); box-shadow: var(--flg-shadow); }
.header-button-wrap .header-button { background: var(--flg-red-btn) !important; color: #fff !important; border-radius: 6px; font-weight: 700; }
.header-button-wrap .header-button:hover { background: var(--flg-red-btn-hover) !important; }

/* ---------- Kadence footer ---------- */
.site-footer, .site-footer-wrap { background: var(--flg-navy-deep); }
.site-footer-row-container-inner { background: transparent !important; }
.site-top-footer-wrap, .site-middle-footer-wrap { border-top: 6px solid #C8343B; }
.site-footer, .site-footer p, .site-footer li, .site-footer a { color: #C9D1E6 !important; }
.site-footer a:hover { color: #fff !important; }
.site-footer .widget-title, .site-footer h4 {
  color: #fff !important; font-size: 15px; font-weight: 700; letter-spacing: .1em; text-transform: uppercase; margin-bottom: 16px;
}
.flg-footer-logo { max-width: 220px; height: auto; margin-bottom: 18px; }
.flg-footer-list { list-style: none; padding: 0; margin: 0; line-height: 2; }
.flg-footer-list a { text-decoration: none; }
.flg-hours { width: 100%; border-collapse: collapse; font-size: 15px; }
.flg-hours td { padding: 4px 0; border: 0; color: #C9D1E6; }
.flg-hours td:last-child { text-align: right; color: #fff; }
.site-bottom-footer-wrap { border-top: 1px solid rgba(255,255,255,.1); font-size: 13px; }
.flg-legal-note { font-size: 12px; color: #8E99B6 !important; line-height: 1.6; max-width: 900px; }

/* ---------- Inner pages (Kadence page title area) ---------- */
.entry-hero.page-hero-section .entry-header,
.entry-hero.post-hero-section .entry-header { min-height: 220px; }
.entry-hero.page-hero-section, .entry-hero.post-hero-section { background: var(--flg-navy); }
.entry-hero .entry-title { color: #fff !important; font-weight: 700; }
.entry-hero .entry-title::after { content: ""; display: block; width: 64px; height: 5px; border-radius: 3px; background: var(--flg-red); margin: 18px auto 0; }
.entry-hero .kadence-breadcrumbs, .entry-hero .kadence-breadcrumbs a { color: #C9D1E6 !important; }

/* Inner-page content pieces */
.flg-page-intro { color: var(--flg-ink); } /* same size as regular paragraphs */
.flg-layout { display: grid; grid-template-columns: 1fr 340px; gap: 48px; align-items: start; }
.flg-sidebar-card { background: var(--flg-navy); color: #fff; border-radius: var(--flg-radius); padding: 28px; position: sticky; top: 110px; }
.flg-sidebar-card h3 { color: #fff; margin: 0 0 8px; font-size: 22px; }
.flg-sidebar-card p { color: #C9D1E6; margin: 0 0 18px; line-height: 1.55; }
.flg-sidebar-card .flg-btn { width: 100%; justify-content: center; margin-bottom: 10px; }
.flg-callout { background: var(--flg-tint); border-left: 5px solid var(--flg-red); padding: 22px 26px; border-radius: 0 8px 8px 0; margin: 28px 0; }
.flg-callout p:last-child { margin-bottom: 0; }
.entry-content h2 { color: var(--flg-navy); font-weight: 700; }
.entry-content h3 { color: var(--flg-navy); }

/* ---------- Ninja Forms ---------- */
.nf-form-cont .nf-form-fields-required { font-size: 13px; color: var(--flg-muted); margin-bottom: 12px; }
.nf-form-cont .nf-field-label label { font-weight: 700; color: var(--flg-navy); font-size: 14px; }
.nf-form-cont input[type="text"], .nf-form-cont input[type="email"], .nf-form-cont input[type="tel"],
.nf-form-cont select, .nf-form-cont textarea {
  border: 1px solid #CDD3E1 !important; border-radius: 6px !important; padding: 12px 14px !important;
  background: #fff !important; font-family: inherit; font-size: 16px !important; color: var(--flg-ink) !important;
}
.nf-form-cont input:focus, .nf-form-cont select:focus, .nf-form-cont textarea:focus {
  border-color: var(--flg-navy) !important; outline: 2px solid rgba(13,31,78,.15);
}
.nf-form-cont textarea { min-height: 110px !important; height: 110px; }
.nf-form-cont .field-wrap input[type="submit"], .nf-form-cont .field-wrap input[type="button"] {
  background: var(--flg-red-btn) !important; color: #fff !important; border: 0 !important; border-radius: 6px !important;
  padding: 16px 28px !important; font-weight: 700 !important; font-size: 17px !important; width: 100%; cursor: pointer; height: auto !important;
}
.nf-form-cont .field-wrap input[type="submit"]:hover { background: var(--flg-red-btn-hover) !important; }
.nf-form-cont .checkbox-wrap .nf-field-label label, .nf-form-cont .listcheckbox-wrap label { font-weight: 400; font-size: 12px; line-height: 1.5; color: var(--flg-muted); }
.nf-form-cont .nf-error-msg { color: var(--flg-red-btn); }

/* Hero trust row: keep the two columns tight */
.flg-hero .flg-hero__trust { display: grid !important; grid-template-columns: repeat(2, max-content) !important; column-gap: 64px !important; row-gap: 14px !important; justify-content: start !important; }

/* Light headings on navy sections (beat Kadence's and the inner-page .entry-content heading colors) */
html body .entry-content .flg-section--navy h2,
html body .entry-content .flg-section--navy h3:not(.flg-intake__box h3),
html body .entry-content .flg-cta h2,
html body .entry-content .flg-hero h1,
html body .entry-content .flg-step h3,
html body .entry-content .flg-sidebar-card h3 { color: #fff; }
html body .entry-content .flg-intake__box h3 { color: var(--flg-navy); }
html body .entry-content .flg-checklist { padding-left: 0; margin-left: 0; }

/* Eyebrow sits right above its heading (Kadence adds a large top margin to h2) */
html body .entry-content .flg-h2 { margin-top: 0; }
html body .entry-content .flg-eyebrow { margin-bottom: 10px; }
/* Intake section: center the white card against the text column */
html body .entry-content .flg-intake { align-items: center; }

/* Headings: weight 700 everywhere (Kadence and earlier rules may set 800) */
html body .entry-content h1, html body .entry-content h2, html body .entry-content h3,
html body .entry-hero .entry-title, html body .site-footer .widget-title, html body .site-footer h4 { font-weight: 700; }
/* Section intro paragraphs: keep space before the cards below (Kadence zeroes the last paragraph's margin) */
html body .entry-content .flg-lead { margin-bottom: 40px; }

/* ---------- Header v2: no top bar, wider main row, phone at far right ---------- */
html body .site-top-header-wrap { display: none !important; }
html body .site-main-header-wrap .site-container { max-width: none; padding-left: 32px; padding-right: 32px; }
html body .main-navigation .primary-menu-container > ul > li.menu-item > a,
html body .flg-menu .flg-top-btn,
html body .flg-menu .flg-top-link { font-size: 17px; font-weight: 600; }
html body .header-button-wrap .header-button { font-size: 17px; font-weight: 600; }
.flg-header-phone { display: flex; align-items: center; gap: 12px; text-decoration: none !important; color: var(--flg-navy) !important; line-height: 1.15; white-space: nowrap; }
.flg-header-phone__icon { width: 42px; height: 42px; border-radius: 50%; border: 1.5px solid var(--flg-navy); display: inline-flex; align-items: center; justify-content: center; flex: 0 0 auto; transition: background .15s, color .15s; }
.flg-header-phone__icon svg { width: 18px; height: 18px; }
.flg-header-phone:hover .flg-header-phone__icon { background: var(--flg-navy); color: #fff; }
.flg-header-phone__text { display: flex; flex-direction: column; }
.flg-header-phone__label { font-size: 13px; font-weight: 400; color: var(--flg-muted); }
.flg-header-phone__num { font-size: 20px; font-weight: 700; color: var(--flg-navy); }
.flg-header-phone:hover .flg-header-phone__num { color: var(--flg-red-btn); }
.site-main-header-wrap .header-html:has(.flg-header-phone) { margin-left: 8px; }
.transparent-header .flg-hero { padding-top: 190px; }
@media (max-width: 1200px) { .flg-header-phone__label { display: none; } .flg-header-phone__num { font-size: 18px; } }
@media (max-width: 680px) { .transparent-header .flg-hero { padding-top: 130px; } }

/* Body and paragraph text: weight 500 */
html body, html body p, html body li, html body .entry-content p, html body .entry-content li { font-weight: 500; }
/* Hero headline: white part 500, red part 800 */
html body .flg-hero h1, html body .entry-content .flg-hero h1 { font-weight: 500; }
html body .flg-hero h1 em, html body .entry-content .flg-hero h1 em { font-weight: 800; }

/* ---------- Header v3: floating rounded bar that shrinks on scroll (like the CALG theme) ---------- */
html body #masthead .site-main-header-wrap,
html body #masthead .site-main-header-wrap.item-is-fixed,
html body #masthead .kadence-sticky-header.item-is-fixed { background: transparent !important; box-shadow: none !important; }
html body #masthead .site-main-header-wrap { padding: 12px 24px 0; }
html body #masthead .site-main-header-wrap .site-header-row-container-inner {
  background: rgba(245, 246, 250, .9) !important;
  -webkit-backdrop-filter: blur(10px); backdrop-filter: blur(10px);
  border: 1px solid rgba(255, 255, 255, .6); border-radius: 14px;
  box-shadow: none; transition: box-shadow .25s ease;
}
html body #masthead .site-main-header-wrap .site-container { max-width: none; padding-left: 28px; padding-right: 28px; }
html body #masthead .site-main-header-inner-wrap { min-height: 88px !important; transition: min-height .25s ease; }
html body #masthead .site-branding img, html body #masthead .custom-logo { height: 74px; width: auto; max-width: none; transition: height .25s ease; }
html.flg-scrolled body #masthead .site-main-header-inner-wrap { min-height: 74px !important; }
html.flg-scrolled body #masthead .site-main-header-wrap .site-header-row-container-inner { box-shadow: 0 6px 24px rgba(13, 31, 78, .14); }
html.flg-scrolled body #masthead .site-branding img, html.flg-scrolled body #masthead .custom-logo { height: 62px; }
html body.transparent-header .flg-hero { padding-top: 200px; }
@media (max-width: 1024px) {
  html body #masthead .site-main-header-wrap { padding: 10px 10px 0; }
  html body #masthead .site-main-header-wrap .site-container { padding-left: 16px; padding-right: 16px; }
  html body #masthead .site-main-header-inner-wrap { min-height: 68px !important; }
  html.flg-scrolled body #masthead .site-main-header-inner-wrap { min-height: 62px !important; }
  html body #masthead .site-branding img, html body #masthead .custom-logo { height: 56px; }
  html.flg-scrolled body #masthead .site-branding img, html.flg-scrolled body #masthead .custom-logo { height: 50px; }
}
@media (max-width: 680px) { html body.transparent-header .flg-hero { padding-top: 130px; } }

/* Footer: every widget column starts at the top, nothing pushed down by a first paragraph's margin */
html body .site-footer .site-footer-section { justify-content: flex-start !important; align-self: stretch; }
html body .site-footer .footer-widget-area { align-self: flex-start !important; margin-top: 0 !important; }
html body .site-footer .widget { margin-top: 0 !important; }
html body .site-footer .widget > :first-child,
html body .site-footer .textwidget > :first-child,
html body .site-footer .custom-html-widget > :first-child,
html body .site-footer .footer-widget-area-inner > :first-child,
html body .site-footer .footer-widget-area-inner .widget:first-child { margin-top: 0 !important; padding-top: 0 !important; }
/* Bottom row: legal note centered under the copyright line */
html body .site-footer .flg-legal-note { max-width: 900px; margin: 10px auto 0 !important; text-align: center; }

/* Footer column titles added as separate Heading blocks: keep them tight to the content below */
html body .site-footer .widget:has(> .wp-block-heading:only-child),
html body .site-footer .widget:has(> h4:only-child) { margin-bottom: 0 !important; }
html body .site-footer .widget > .wp-block-heading, html body .site-footer .widget h4 { margin: 0 0 14px !important; }
/* Footer link lists: no indent, so links line up with their title */
html body .site-footer ul.flg-footer-list, html body .site-footer .widget ul.flg-footer-list { padding-left: 0 !important; margin-left: 0 !important; }

/* Footer: more room between the red bar and the columns (matches the preview) */
html body .site-top-footer-wrap .site-footer-row,
html body .site-middle-footer-wrap .site-footer-row { padding-top: 64px !important; padding-bottom: 40px !important; }
@media (max-width: 680px) {
  html body .site-top-footer-wrap .site-footer-row,
  html body .site-middle-footer-wrap .site-footer-row { padding-top: 44px !important; padding-bottom: 28px !important; }
}

/* Header phone icon drawn in CSS (WordPress strips <svg> from the Customizer HTML element) */
html body .flg-header-phone__icon { display: none !important; }
html body .flg-header-phone::before {
  content: ""; flex: 0 0 auto; width: 42px; height: 42px; border-radius: 50%; box-sizing: border-box;
  border: 1.5px solid var(--flg-navy);
  background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='%230D1F4E' d='M6.6 10.8a15.1 15.1 0 0 0 6.6 6.6l2.2-2.2c.3-.3.7-.4 1-.2 1.1.4 2.3.6 3.6.6.6 0 1 .4 1 1V20c0 .6-.4 1-1 1A17 17 0 0 1 3 4c0-.6.4-1 1-1h3.5c.6 0 1 .4 1 1 0 1.3.2 2.5.6 3.6.1.3 0 .7-.2 1l-2.3 2.2Z'/%3E%3C/svg%3E") center / 18px 18px no-repeat;
}
html body .flg-header-phone:hover::before { background: var(--flg-navy) url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='%23FFFFFF' d='M6.6 10.8a15.1 15.1 0 0 0 6.6 6.6l2.2-2.2c.3-.3.7-.4 1-.2 1.1.4 2.3.6 3.6.6.6 0 1 .4 1 1V20c0 .6-.4 1-1 1A17 17 0 0 1 3 4c0-.6.4-1 1-1h3.5c.6 0 1 .4 1 1 0 1.3.2 2.5.6 3.6.1.3 0 .7-.2 1l-2.3 2.2Z'/%3E%3C/svg%3E") center / 18px 18px no-repeat; }

/* ---------- Inner-page blocks (About Us etc.): editable core blocks styled to match ---------- */
html body .entry-content .wp-block-button.flg-btn-red .wp-block-button__link { background: var(--flg-red-btn); color: #fff; border-radius: 6px; font-weight: 700; font-size: 16px; padding: 15px 28px; text-decoration: none; }
html body .entry-content .wp-block-button.flg-btn-red .wp-block-button__link:hover { background: var(--flg-red-btn-hover); }
html body .entry-content .wp-block-button.flg-btn-navy .wp-block-button__link { background: var(--flg-navy); color: #fff; border-radius: 6px; font-weight: 700; font-size: 16px; padding: 14px 26px; text-decoration: none; }
html body .entry-content .wp-block-button.flg-btn-navy .wp-block-button__link:hover { background: var(--flg-navy-soft); }
html body .entry-content .flg-cta-box { background: var(--flg-navy); border-left: 6px solid var(--flg-red); border-radius: 0 10px 10px 0; padding: 32px 36px; margin: 48px 0 8px; }
html body .entry-content .flg-cta-box h3 { color: #fff; margin: 0 0 6px; font-size: 24px; }
html body .entry-content .flg-cta-box p { color: #C9D1E6; margin: 0 0 18px; }
html body .entry-content .flg-about-attorney { background: var(--flg-tint); border-radius: 10px; padding: 24px; gap: 32px; margin: 8px 0 24px; }
html body .entry-content .flg-about-attorney .wp-block-media-text__media img { border-radius: 8px; aspect-ratio: 4 / 5; object-fit: cover; width: 100%; height: auto; }
html body .entry-content .flg-about-attorney .wp-block-media-text__content { padding: 0 8px; }
html body .entry-content .flg-about-attorney h3 { margin-top: 0; }
html body .entry-content .wp-block-columns { gap: 28px; margin: 8px 0 24px; }
html body .entry-content .wp-block-columns .wp-block-column { background: #fff; border: 1px solid var(--flg-line); border-top: 4px solid var(--flg-red); border-radius: 10px; padding: 24px; box-shadow: var(--flg-shadow); }
html body .entry-content .wp-block-columns .wp-block-column h3 { margin-top: 0; }
html body .entry-content .wp-block-columns .wp-block-column p:last-child a { color: var(--flg-red-btn); font-weight: 700; text-decoration: none; }
html body .entry-content .wp-block-columns .wp-block-column p:last-child { margin-bottom: 0; }
html body .entry-content h2.wp-block-heading { margin-top: 44px; margin-bottom: 14px; }
@media (max-width: 680px) { html body .entry-content .flg-cta-box { padding: 24px; } html body .entry-content .flg-about-attorney { padding: 16px; } }

/* Inner-page title banner: Kadence paints a light-gray layer over the navy; force navy so the white title reads */
html body .entry-hero.page-hero-section .entry-hero-container-inner,
html body .entry-hero.post-hero-section .entry-hero-container-inner {
  background: linear-gradient(120deg, var(--flg-navy-deep) 0%, var(--flg-navy) 60%, var(--flg-navy-soft) 100%) !important;
}
html body .entry-hero .hero-section-overlay { background: transparent !important; }
html body .entry-hero .entry-title { color: #fff !important; }
html body .entry-hero .kadence-breadcrumbs, html body .entry-hero .kadence-breadcrumbs a { color: #C9D1E6 !important; }

/* Attorney profile page */
html body .entry-content .flg-attorney-hero { margin-top: 0; }
html body .entry-content .flg-attorney-hero h2.wp-block-heading { margin: 0 0 4px; font-size: clamp(28px, 3vw, 36px); }
html body .entry-content .flg-attorney-role { color: var(--flg-maroon); font-weight: 700; font-size: 14px; letter-spacing: .12em; text-transform: uppercase; margin: 0 0 14px; }
html body .entry-content ul.flg-credentials { list-style: none; padding-left: 0; margin-left: 0; }
html body .entry-content ul.flg-credentials li { padding: 12px 0 12px 30px; border-bottom: 1px solid var(--flg-line); position: relative; margin: 0; }
html body .entry-content ul.flg-credentials li::before { content: ""; position: absolute; left: 4px; top: 21px; width: 10px; height: 10px; border-radius: 50%; background: var(--flg-red); }
html body .entry-content ul.flg-credentials li strong { color: var(--flg-navy); }

/* Text links inside page content */
html body .entry-content p a:not(.wp-block-button__link):not(.flg-btn),
html body .entry-content li a:not(.wp-block-button__link):not(.flg-btn) { color: var(--flg-red-btn); font-weight: 600; text-decoration: underline; text-underline-offset: 3px; }
html body .entry-content p a:not(.wp-block-button__link):not(.flg-btn):hover,
html body .entry-content li a:not(.wp-block-button__link):not(.flg-btn):hover { color: var(--flg-red-btn-hover); }

/* ---------- Responsive ---------- */
@media (max-width: 1024px) {
  .flg-grid--4 { grid-template-columns: repeat(2, 1fr); }
  .flg-grid--3 { grid-template-columns: repeat(2, 1fr); }
  .flg-attorney, .flg-intake, .flg-layout { grid-template-columns: 1fr; }
  .flg-attorney__photo { max-width: 380px; }
  .flg-sidebar-card { position: static; }
}
@media (max-width: 680px) {
  .flg-hero .flg-hero__trust { grid-template-columns: 1fr !important; }
  .flg-section { padding: 56px 0; }
  .flg-hero { padding: 72px 0 56px; }
  .flg-grid--2, .flg-grid--3, .flg-grid--4 { grid-template-columns: 1fr; }
  .flg-card, .flg-intake__box { padding: 24px; }
  .flg-btns .flg-btn { width: 100%; justify-content: center; }
  .flg-stat strong { font-size: 36px; }
  .flg-attorney__photo { box-shadow: 10px 10px 0 var(--flg-navy); }
}

/* ===== FAQ accordions (homepage .flg-faq and inner-page Details blocks) =====
   Closed: white card, no border. Open: thin border. Thin navy +/− icon.
   Only one answer open at a time (script in functions.php). */
.flg-faq { max-width: 1140px; margin: 0 auto; }
.flg-faq details,
.entry-content .wp-block-details {
  background: #fff; border: 1px solid transparent; border-radius: 8px; margin: 0 0 18px; padding: 0;
  transition: border-color .2s ease, box-shadow .2s ease;
}
.flg-faq details[open],
.entry-content .wp-block-details[open] { border-color: #D5DAE5; }
.flg-faq summary,
.entry-content .wp-block-details > summary {
  cursor: pointer; list-style: none; position: relative; display: block;
  padding: 28px 84px 28px 40px; font-size: 21px; line-height: 1.35; font-weight: 700; color: var(--flg-navy);
}
.flg-faq summary::-webkit-details-marker,
.entry-content .wp-block-details > summary::-webkit-details-marker { display: none; }
.flg-faq summary::after,
.entry-content .wp-block-details > summary::after {
  content: ""; position: absolute; right: 40px; top: 50%; width: 20px; height: 20px; margin-top: -10px;
  background:
    linear-gradient(var(--flg-navy), var(--flg-navy)) center / 20px 2px no-repeat,
    linear-gradient(var(--flg-navy), var(--flg-navy)) center / 2px 20px no-repeat;
  transition: background-size .2s ease, transform .2s ease;
}
.flg-faq details[open] > summary::after,
.entry-content .wp-block-details[open] > summary::after { background-size: 20px 2px, 2px 0; transform: rotate(180deg); }
.flg-faq summary:hover,
.entry-content .wp-block-details > summary:hover { color: var(--flg-maroon); }
.flg-faq summary:focus-visible,
.entry-content .wp-block-details > summary:focus-visible { outline: 2px solid var(--flg-red-btn); outline-offset: 2px; border-radius: 8px; }
/* Answer text */
.flg-faq details > div { padding: 0 40px 34px; }
.flg-faq details > div,
.flg-faq details > div p,
.entry-content .wp-block-details > :not(summary) { color: var(--flg-navy); font-size: 16px; line-height: 1.6; font-weight: 500; }
.entry-content .wp-block-details > :not(summary) { margin-left: 40px; margin-right: 40px; }
.entry-content .wp-block-details > summary + * { margin-top: 0; }
.entry-content .wp-block-details > :last-child:not(summary) { margin-bottom: 34px; }
.flg-faq details > div > p:first-child { margin-top: 0; }
.flg-faq details > div > p:last-child { margin-bottom: 0; }
.flg-faq details[open] > div,
.entry-content .wp-block-details[open] > :not(summary) { animation: flgFaqIn .25s ease; }
@keyframes flgFaqIn { from { opacity: 0; transform: translateY(-6px); } to { opacity: 1; transform: none; } }
/* Inner pages sit on a white content area: closed questions get a light gray card so they stand out */
.entry-content .wp-block-details { background: var(--flg-bg, #F4F6FA); }
.entry-content .wp-block-details[open] { background: #fff; }
@media (prefers-reduced-motion: reduce) {
  .flg-faq details[open] > div, .entry-content .wp-block-details[open] > :not(summary) { animation: none; }
  .flg-faq summary::after, .entry-content .wp-block-details > summary::after { transition: none; }
}
@media (max-width: 767px) {
  .flg-faq summary, .entry-content .wp-block-details > summary { padding: 20px 56px 20px 20px; font-size: 18px; }
  .flg-faq summary::after, .entry-content .wp-block-details > summary::after { right: 20px; width: 16px; height: 16px; margin-top: -8px; background-size: 16px 2px, 2px 16px; }
  .flg-faq details[open] > summary::after, .entry-content .wp-block-details[open] > summary::after { background-size: 16px 2px, 2px 0; }
  .flg-faq details > div { padding: 0 20px 24px; }
  .entry-content .wp-block-details > :not(summary) { margin-left: 20px; margin-right: 20px; }
  .entry-content .wp-block-details > :last-child:not(summary) { margin-bottom: 24px; }
}

/* ===== Contact page ===== */
html body .entry-content .flg-contact-cols { align-items: flex-start; gap: 28px; }
html body .entry-content .flg-contact-cols .wp-block-column { padding: 30px; }
html body .entry-content .flg-contact-cols h2 { font-size: 24px; margin: 0 0 8px; }
html body .entry-content .flg-contact-cols h3 { font-size: 13px; font-weight: 700; letter-spacing: .08em; text-transform: uppercase; color: var(--flg-maroon); margin: 22px 0 4px; }
html body .entry-content .flg-contact-cols h3 + p { margin-top: 0; }
html body .entry-content .flg-contact-cols .has-small-font-size { color: var(--flg-muted); font-size: 13px; line-height: 1.5; margin-top: 18px; }
html body .entry-content .flg-map { margin-top: 40px; }
@media (max-width: 781px) { html body .entry-content .flg-contact-cols .wp-block-column { padding: 22px; } }

/* ---------- Mobile header: sticky bar with "Check My Case" + call buttons (v1.4.6) ---------- */
/* Markup lives in Customizer → Header → Mobile HTML; sticky = Customizer mobile sticky (Main Row). */
#mobile-header .site-header-main-section-right { gap: 8px; flex-wrap: nowrap; }
#mobile-header .mobile-html, #mobile-header .mobile-html-inner { margin: 0; }
#mobile-header .mobile-html-inner p { margin: 0; }
.flg-m-actions { display: flex; align-items: center; gap: 8px; }
html body .flg-m-cta {
	display: inline-flex; align-items: center; justify-content: center;
	background: var(--flg-red-btn); color: #fff !important; text-decoration: none !important;
	font-weight: 700; font-size: 14px; line-height: 1; white-space: nowrap;
	padding: 11px 14px; border-radius: 6px; transition: background .15s;
}
html body .flg-m-cta:hover, html body .flg-m-cta:focus { background: var(--flg-red-btn-hover); color: #fff !important; }
.flg-m-cta__long { display: none; }
html body .flg-m-call {
	width: 40px; height: 40px; flex: 0 0 auto; border-radius: 50%;
	border: 1.5px solid var(--flg-navy); display: inline-flex; text-decoration: none !important;
	background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='%230D1F4E' d='M6.6 10.8a15.1 15.1 0 0 0 6.6 6.6l2.2-2.2c.3-.3.7-.4 1-.2 1.1.4 2.3.6 3.6.6.6 0 1 .4 1 1V20c0 .6-.4 1-1 1A17 17 0 0 1 3 4c0-.6.4-1 1-1h3.5c.6 0 1 .4 1 1 0 1.3.2 2.5.6 3.6.1.3 0 .7-.2 1l-2.3 2.2Z'/%3E%3C/svg%3E") center / 18px 18px no-repeat;
}
html body .flg-m-call:hover, html body .flg-m-call:focus {
	background: var(--flg-navy) url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='%23FFFFFF' d='M6.6 10.8a15.1 15.1 0 0 0 6.6 6.6l2.2-2.2c.3-.3.7-.4 1-.2 1.1.4 2.3.6 3.6.6.6 0 1 .4 1 1V20c0 .6-.4 1-1 1A17 17 0 0 1 3 4c0-.6.4-1 1-1h3.5c.6 0 1 .4 1 1 0 1.3.2 2.5.6 3.6.1.3 0 .7-.2 1l-2.3 2.2Z'/%3E%3C/svg%3E") center / 18px 18px no-repeat;
}
#mobile-header .menu-toggle-open { padding-left: 6px; padding-right: 2px; }
/* Tablets: room for the full button text */
@media (min-width: 600px) {
	.flg-m-cta__long { display: inline; }
	.flg-m-cta__short { display: none; }
	#mobile-header .site-header-main-section-right { gap: 12px; }
}
/* Phones: smaller logo so the bar doesn't feel cramped */
@media (max-width: 480px) {
	html body #masthead .site-main-header-wrap { padding: 8px 8px 0; }
	html body #mobile-header .site-container { padding-left: 12px; padding-right: 10px; }
	html body #mobile-header .site-branding img, html body #mobile-header .custom-logo { height: 44px; }
	html.flg-scrolled body #mobile-header .site-branding img, html.flg-scrolled body #mobile-header .custom-logo { height: 40px; }
	html body #mobile-header .site-main-header-inner-wrap { min-height: 60px !important; }
	html.flg-scrolled body #mobile-header .site-main-header-inner-wrap { min-height: 56px !important; }
	html body .flg-m-cta { font-size: 13px; padding: 10px 11px; }
	html body .flg-m-call { width: 38px; height: 38px; }
	#mobile-header .site-header-main-section-right, .flg-m-actions { gap: 6px; }
}
@media (max-width: 370px) {
	html body #mobile-header .site-branding img, html body #mobile-header .custom-logo,
	html.flg-scrolled body #mobile-header .site-branding img, html.flg-scrolled body #mobile-header .custom-logo { height: 36px; }
	html body .flg-m-cta { font-size: 12.5px; padding: 9px 9px; }
	html body .flg-m-call { width: 34px; height: 34px; background-size: 16px 16px; }
}

/* ---------- Homepage hero: icons beside the four highlight headings (v1.4.7) ---------- */
html body .flg-hero .flg-hero__trust strong { display: flex; align-items: center; gap: 10px; }
html body .flg-hero .flg-hero__trust strong::after { content: ""; flex: 0 0 auto; width: 26px; height: 26px; background-color: #fff; -webkit-mask: var(--flg-ico) center / contain no-repeat; mask: var(--flg-ico) center / contain no-repeat; }
html body .flg-hero .flg-hero__trust > div:nth-child(1) { --flg-ico: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M19 17h2c.6 0 1-.4 1-1v-3c0-.9-.7-1.7-1.5-1.9C18.7 10.6 16 10 16 10s-1.3-1.4-2.2-2.3c-.5-.4-1.1-.7-1.8-.7H5c-.6 0-1.1.4-1.4.9l-1.4 2.9A3.7 3.7 0 0 0 2 12v4c0 .6.4 1 1 1h2'/%3E%3Ccircle cx='7' cy='17' r='2'/%3E%3Cpath d='M9 17h6'/%3E%3Ccircle cx='17' cy='17' r='2'/%3E%3C/svg%3E"); }
html body .flg-hero .flg-hero__trust > div:nth-child(2) { --flg-ico: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M20 13c0 5-3.5 7.5-7.66 8.95a1 1 0 0 1-.67-.01C7.5 20.5 4 18 4 13V6a1 1 0 0 1 1-1c2 0 4.5-1.2 6.24-2.72a1.17 1.17 0 0 1 1.52 0C14.51 3.81 17 5 19 5a1 1 0 0 1 1 1z'/%3E%3Cpath d='M12 8v4'/%3E%3Cpath d='M12 16h.01'/%3E%3C/svg%3E"); }
html body .flg-hero .flg-hero__trust > div:nth-child(3) { --flg-ico: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M20 10c0 4.993-5.539 10.193-7.399 11.799a1 1 0 0 1-1.202 0C9.539 20.193 4 14.993 4 10a8 8 0 0 1 16 0'/%3E%3Ccircle cx='12' cy='10' r='3'/%3E%3C/svg%3E"); }
html body .flg-hero .flg-hero__trust > div:nth-child(4) { --flg-ico: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M22 16a2 2 0 0 1-2 2H8l-5 4V4a2 2 0 0 1 2-2h15a2 2 0 0 1 2 2z'/%3E%3Cpath stroke-width='2' d='M8.5 15V9l6 6V9'/%3E%3Cpath stroke-width='1.8' d='M8.3 5.6c1-.9 2-.9 3.1 0s2.1.9 3.2 0'/%3E%3C/svg%3E"); }
@media (max-width: 680px) { html body .flg-hero .flg-hero__trust strong::after { width: 22px; height: 22px; } }

/* ---------- CTA box: white logo on the right (v1.4.9) ---------- */
html body .entry-content .flg-cta-box { position: relative; overflow: hidden; }
html body .entry-content .flg-cta-box::after {
	content: ""; position: absolute; top: 50%; right: 56px; transform: translateY(-50%);
	width: 200px; height: 70px; pointer-events: none;
	background: url("images/logo-white.png") center / contain no-repeat;
}
html body .entry-content .flg-cta-box::before {
	content: ""; position: absolute; top: 28px; bottom: 28px; right: 296px;
	width: 1px; background: rgba(255,255,255,.18); pointer-events: none;
}
@media (min-width: 900px) { html body .entry-content .flg-cta-box { padding-right: 340px; } }
@media (max-width: 899px) { html body .entry-content .flg-cta-box::after, html body .entry-content .flg-cta-box::before { display: none; } }

/* ---------- Homepage hero background photo (v1.5.0) ---------- */
/* !important on the variable overrides the inline "--flg-hero-img: none" in the page HTML */
html body .flg-hero { --flg-hero-img: url("/wp-content/uploads/2026/10/flg-hero-car-trouble-fade.webp") !important; }
/* Desktop: dark behind the text, photo shows on the right */
@media (min-width: 1025px) {
	html body .flg-hero {
		background:
			linear-gradient(90deg, rgba(8,20,47,.97) 0%, rgba(13,31,78,.93) 38%, rgba(13,31,78,.55) 62%, rgba(13,31,78,.2) 100%),
			var(--flg-hero-img) right bottom / auto 100% no-repeat, /* fit to hero height so the photo isn't oversized (v1.5.1) */
			var(--flg-navy);
	}
}
/* Tablet and mobile: text spans the full width, so keep the photo as a subtle texture */
@media (max-width: 1024px) {
	html body .flg-hero {
		background:
			linear-gradient(180deg, rgba(8,20,47,.93) 0%, rgba(13,31,78,.88) 100%),
			var(--flg-hero-img) 70% center / cover no-repeat,
			var(--flg-navy);
	}
}

/* ---------- Inner-page title banner photo (v1.6.0) ---------- */
/* Uses the page's Featured Image (set in functions.php) under a navy overlay */
html body.flg-has-hero-img .entry-hero.page-hero-section .entry-hero-container-inner {
  background:
    linear-gradient(120deg, rgba(8,20,47,.90) 0%, rgba(13,31,78,.80) 55%, rgba(13,31,78,.68) 100%),
    var(--flg-page-hero-img) center / cover no-repeat,
    var(--flg-navy) !important;
}
/* Don't also show the Featured Image inside the page body */
html body.page.flg-has-hero-img .article-post-thumbnail { display: none !important; }
