.elementor-kit-670{--e-global-color-primary:#111111;--e-global-color-secondary:#DADADA;--e-global-color-text:#111111;--e-global-color-accent:#DD9933;--e-global-color-797f7916:#FFFFFF;--e-global-color-7fb0af2d:#202020;--e-global-color-62b76d2d:#4054B2;--e-global-color-6723b37d:#23A455;--e-global-color-7297f083:#000;--e-global-color-d4dd336:#FFFFFF;--e-global-typography-primary-font-family:"Circular Std";--e-global-typography-primary-font-weight:900;--e-global-typography-secondary-font-family:"proxima-nova";--e-global-typography-secondary-font-weight:400;--e-global-typography-text-font-family:"proxima-nova";--e-global-typography-text-font-weight:400;--e-global-typography-accent-font-family:"proxima-nova";--e-global-typography-accent-font-weight:500;}.elementor-kit-670 e-page-transition{background-color:#FFBC7D;}.elementor-kit-670 h1{font-family:"Circular Std", Sans-serif;font-weight:900;}.elementor-kit-670 h2{font-family:"proxima-nova", Sans-serif;font-weight:400;text-transform:uppercase;}.elementor-kit-670 h3{font-family:"Circular Std", Sans-serif;font-weight:900;}.elementor-kit-670 h4{font-family:"Circular Std", Sans-serif;font-weight:900;}.elementor-kit-670 h5{font-family:"Circular Std", Sans-serif;font-weight:900;}.elementor-kit-670 button,.elementor-kit-670 input[type="button"],.elementor-kit-670 input[type="submit"],.elementor-kit-670 .elementor-button{border-radius:0px 0px 0px 0px;}.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 *//* ==========================================================================
   BRIGHTEN CONSULTING GROUP — site stylesheet v7.14
   REPLACES all earlier versions.

   WHERE THIS GOES: Elementor > Site Settings > Custom CSS.
   Select all in that box, delete, paste this, Update, then purge LiteSpeed.
   ONE place, site-wide, for the whole site.

   Two boxes it must NOT go in:
   1. Appearance > Customise > Additional CSS - that box holds your web
      designer's CSS. Leave it untouched. Never copy this file there as well;
      two copies drift apart on the next update.
   2. Elementor's PAGE-level Custom CSS (the one that mentions a ".elementor-kit-670"
      prefix) - that applies to a single page only.

   New in v7.14: hero clearance settled at 185px, between the 170px that read
   as cramped and the 200px that read as loose. About 75px of air under the
   header on desktop.
   In v7.12: hero top padding increased to clear the fixed header, which is
   109.5px tall and sits over the top of the page. The previous 92px was less
   than the header height, so the header overlapped the H1.
   In v7.11: the logo opacity fix is scoped to the new pages only, so no rule
   in this file can reach an existing published page.
   In v7.10: logo lazy-load fade forced open. LiteSpeed ships
   img.custom-logo{opacity:0} and only restores it to 1 once its lazy-load
   script adds .entered.litespeed-loaded. That script does not run in
   WordPress preview or inside the Elementor editor, so the logo sits at
   zero opacity - present, sized, clickable, invisible.
   In v7.9: header darkened on the new pages so the white logo reads.
   In v7.8: Contact page photo band moved directly under the hero and
   tightened; the band no longer carries bottom padding.
   In v7.7: About page photo band tightened top and bottom.
   In v7.6: two overrides for the designer's theme CSS in Appearance >
   Customise, which sets h2 to font-weight 400 !important and puts a drop
   shadow on every Elementor button.
   In v7.5: rule above the credential figures removed; a little air restored
   above the logo band.
   In v7.4: tighter run-in from the logo band to the section below it.
   In v7.3: credentials and logo bands tightened.
   In v7.2: tighter vertical rhythm throughout and larger client logos.
   New in v7: 90-character text cap, full-width hero rule, client logo band,
   photo bands, two-column testimonials with corrected contrast, and styling
   for the Gravity Forms contact form (LEGACY markup, as decided).

   All sizes in pixels — the theme sets root font size to 62.5%, so rem values
   render at ~62% of intent. Scoped to body:has(.brg-hero), which only matches
   pages built from the Brighten templates.
   ========================================================================== */

:root{
  --brg-ink:#14181D;
  --brg-slate:#232C39;
  --brg-gold:#DD9933;
  --brg-gold-deep:#9E6512;
  --brg-paper-alt:#EDEFF2;
  --brg-muted:#4E5762;
  --brg-muted-2:#79828F;
  --brg-line:#D6DBE0;
  --brg-line-dark:#3A4553;
  --brg-display:"Circular Std","circular std","Helvetica Neue",Arial,sans-serif;
  --brg-body:"proxima-nova","Proxima Nova","Helvetica Neue",Arial,sans-serif;
}

/* ==========================================================================
   1. PAGE-WIDE TYPE
   ========================================================================== */
body:has(.brg-hero) .elementor h1,
body:has(.brg-hero) .elementor h2,
body:has(.brg-hero) .elementor h3,
body:has(.brg-hero) .elementor h4,
body:has(.brg-hero) .elementor .elementor-heading-title{
  font-family:var(--brg-display) !important;
  text-transform:none !important;
  text-align:left !important;
  font-weight:700 !important;              /* theme sets h2 to 400 !important */
  letter-spacing:-.022em;
}
body:has(.brg-hero) .elementor h2,
body:has(.brg-hero) .elementor .elementor-widget-heading h2.elementor-heading-title{
  font-size:34px !important; line-height:1.15; color:var(--brg-ink);
  margin:0 0 18px; max-width:none;
}
body:has(.brg-hero) .elementor h3,
body:has(.brg-hero) .elementor .elementor-widget-heading h3.elementor-heading-title{
  font-size:20px !important; line-height:1.3; letter-spacing:-.01em;
  color:var(--brg-ink); margin:0 0 8px;
}
body:has(.brg-hero) .elementor p,
body:has(.brg-hero) .elementor li,
body:has(.brg-hero) .elementor blockquote{
  font-family:var(--brg-body) !important; font-size:17px !important;
  line-height:1.7; color:var(--brg-muted);
}
body:has(.brg-hero) .elementor-widget-text-editor p{ margin:0 0 18px; }
body:has(.brg-hero) .elementor-widget-text-editor p:last-child{ margin-bottom:0; }
body:has(.brg-hero) .elementor-widget-text-editor strong{ color:var(--brg-ink); font-weight:600; }

/* Body copy runs wide, but capped at ~90 characters. Past that the eye starts
   losing its place returning to the left margin on every line. */
.brg-measure{ max-width:90ch; }
body:has(.brg-hero) .elementor-widget-text-editor{ max-width:90ch; }

body:has(.brg-hero) .elementor-section.elementor-top-section{
  padding-top:48px !important; padding-bottom:48px !important;
}
/* exceptions, matched at the same specificity so they win by order */
/* The theme header is position:fixed and overlays the top of the page. Measured
   on the live site it is 109.5px tall at rest (30px padding, 49.5px logo, 30px
   padding) and 88.9px once it shrinks on scroll. The hero must therefore clear
   at least 110px before any content starts, plus breathing room. 170px gives
   roughly 75px of air between the logo and the H1. If the designer ever changes
   the header height, this is the number that has to move with it. */
body:has(.brg-hero) .elementor-section.brg-hero{ padding-top:185px !important; padding-bottom:72px !important; }
body:has(.brg-hero) .elementor-section.brg-teamband{ padding:0 !important; }
/* About: prose runs into the photo, photo runs into the credentials */
body:has(.brg-hero) .elementor-section.brg-aboutband{ padding-top:0 !important; padding-bottom:0 !important; }
body:has(.brg-hero) .elementor-section:has(+ .elementor-section.brg-aboutband){ padding-bottom:26px !important; }
body:has(.brg-hero) .elementor-section.brg-aboutband + .elementor-section.elementor-top-section{ padding-top:26px !important; }
body:has(.brg-hero) .elementor-section.brg-contactband{ padding-top:0 !important; padding-bottom:0 !important; }
body:has(.brg-hero) .elementor-section.brg-contactband + .elementor-section.elementor-top-section{ padding-top:34px !important; }
body:has(.brg-hero) .elementor-section.brg-statband{ padding-top:30px !important; padding-bottom:6px !important; }
body:has(.brg-hero) .elementor-section.brg-logoband{ padding-top:20px !important; padding-bottom:14px !important; }
/* the section directly after the logo band runs in close, so photo + credentials
   + logos read as one block before the argument starts */
body:has(.brg-hero) .elementor-section.brg-logoband + .elementor-section.elementor-top-section{
  padding-top:24px !important;
}
body:has(.brg-hero) .elementor-section.brg-cta{ padding-top:56px !important; padding-bottom:56px !important; }
body:has(.brg-hero) .elementor-section.brg-svc,
body:has(.brg-hero) .elementor-section.brg-sector{ padding-top:52px !important; padding-bottom:52px !important; }

/* ==========================================================================
   2. EYEBROW LABELS
   ========================================================================== */
.brg-eyebrow .elementor-heading-title{
  font-family:var(--brg-display) !important;
  font-size:14px !important; font-weight:700 !important; letter-spacing:.14em !important;
  text-transform:uppercase !important; color:var(--brg-gold-deep) !important;
  display:flex; align-items:center; gap:12px; margin:0 0 16px !important; max-width:none;
}
.brg-eyebrow .elementor-heading-title::after{
  content:""; flex:1; height:1px; background:var(--brg-line); max-width:90px;
}
/* tighter still where bands sit close together */
.brg-statband .brg-eyebrow .elementor-heading-title,
.brg-logoband .brg-eyebrow .elementor-heading-title{ margin:0 0 10px !important; }
.brg-dark .brg-eyebrow .elementor-heading-title,
.brg-slate .brg-eyebrow .elementor-heading-title{ color:var(--brg-gold) !important; }
.brg-dark .brg-eyebrow .elementor-heading-title::after,
.brg-slate .brg-eyebrow .elementor-heading-title::after{ background:var(--brg-line-dark); }

/* ==========================================================================
   3. HERO  — single clean full-width rule at the base
   ========================================================================== */
.brg-hero{ position:relative; overflow:hidden; }
.brg-hero::after{
  content:""; position:absolute; left:0; right:0; bottom:0;
  height:2px; background:var(--brg-gold);
}
.brg-hero .brg-hero-h1 .elementor-heading-title,
.brg-hero h1.elementor-heading-title{
  font-size:56px !important; line-height:1.05 !important; letter-spacing:-.028em;
  color:#FFFFFF !important; max-width:19ch; margin:0; text-wrap:balance;
}
.brg-hero .brg-hero-sub p{
  font-size:20px !important; line-height:1.55; color:#B9C1CB !important;
  max-width:60ch; margin:22px 0 0;
}
.brg-hero .brg-herobtns{ margin-top:14px; }
.brg-hero .elementor-column{ padding-right:0; }

/* ==========================================================================
   4. GROUNDS  — blockquote included, which is what broke the testimonials
   ========================================================================== */
.brg-dark p, .brg-dark li, .brg-dark blockquote{ color:#A7B0BB !important; }
.brg-dark h1,.brg-dark h2,.brg-dark h3,.brg-dark .elementor-heading-title{ color:#FFFFFF !important; }
.brg-slate p, .brg-slate li, .brg-slate blockquote{ color:#DCE2E9 !important; }
.brg-slate h2,.brg-slate h3,.brg-slate .elementor-heading-title{ color:#FFFFFF !important; }
.brg-slate strong,.brg-dark strong{ color:#FFFFFF !important; }
.brg-alt{ background:var(--brg-paper-alt); }

/* ==========================================================================
   5. CREDENTIALS BAND
   ========================================================================== */
/* no rule above the figures - the eyebrow's own line is enough */
.brg-stats{ border-top:0; }
.brg-stats > .elementor-column{ width:25%; }
.brg-stat{ padding:16px 24px 16px 0 !important; border-right:1px solid var(--brg-line); }
.brg-stat:last-child{ border-right:0; }
.brg-stat .brg-stat-n .elementor-heading-title{
  font-size:38px !important; line-height:1 !important; letter-spacing:-.03em;
  color:var(--brg-ink); margin:0; max-width:none; font-variant-numeric:tabular-nums;
}
.brg-stat .brg-stat-l p{
  font-family:var(--brg-display) !important; font-size:13px !important;
  color:var(--brg-muted-2) !important; letter-spacing:.03em; line-height:1.35;
  margin:6px 0 0 !important;
}

/* ==========================================================================
   6. CLIENT LOGO BAND
   ========================================================================== */
.brg-logos > .elementor-column{ width:16.666%; }
.brg-logos > .elementor-container{ max-width:900px; margin-left:0; }
.brg-logo-col{ padding:0 8px !important; }
.brg-logo img{
  filter:grayscale(1); opacity:.72; max-height:118px; width:auto;
  margin:-18px auto; display:block; transition:opacity .2s;
}
.brg-logo:hover img{ opacity:.85; }
.brg-logo figure, .brg-logo .elementor-image{ text-align:center; }

/* ==========================================================================
   7. PHOTO BANDS
   ========================================================================== */
.brg-teamband, .brg-aboutband, .brg-contactband{ padding:0 !important; }
.brg-teamband .elementor-column,
.brg-aboutband .elementor-column,
.brg-contactband .elementor-column{ padding:0 !important; }
.brg-band-img img{ width:100%; height:auto; display:block; }
.brg-teamband{ margin:0; }
.brg-band-img figcaption,
.brg-band-img .widget-image-caption{
  font-family:var(--brg-display) !important; font-size:13px !important;
  letter-spacing:.04em; color:var(--brg-muted-2) !important;
  text-align:left; margin-top:12px; padding:0;
}
.brg-teamband .brg-band-img figcaption,
.brg-teamband .brg-band-img .widget-image-caption{
  background:var(--brg-ink); color:#8B95A2 !important; margin:0;
  padding:11px 24px;
}

/* ==========================================================================
   8. NUMBERED MARKERS, STEPS, DIFFERENTIATORS
   ========================================================================== */
.brg-num .elementor-heading-title{
  font-family:var(--brg-display) !important; font-size:13px !important;
  font-weight:700 !important; letter-spacing:.12em; color:var(--brg-gold-deep) !important;
  margin:0 0 12px !important; max-width:none; font-variant-numeric:tabular-nums;
}
.brg-dark .brg-num .elementor-heading-title,
.brg-slate .brg-num .elementor-heading-title{ color:var(--brg-gold) !important; }

.brg-step, .brg-diff{ width:33.333% !important; }
.brg-step{ border-top:2px solid var(--brg-gold); padding:26px 26px 0 0 !important; }
.brg-diff{ border-top:1px solid var(--brg-line-dark); padding:22px 26px 0 0 !important; }
.brg-step p, .brg-diff p{ font-size:16px !important; }
.brg-alt .brg-step h3 .elementor-heading-title{ color:var(--brg-ink) !important; }

/* ==========================================================================
   9. SERVICE ROW LIST
   ========================================================================== */
.brg-srows{ border-top:1px solid var(--brg-line); }
.brg-srow{ padding:24px 0 !important; border-bottom:1px solid var(--brg-line); }
.brg-srow > .elementor-column:nth-child(1){ width:8% !important; }
.brg-srow > .elementor-column:nth-child(2){ width:32% !important; padding-right:28px; }
.brg-srow > .elementor-column:nth-child(3){ width:60% !important; }
.brg-srow h3 .elementor-heading-title{ margin:0; font-size:20px !important; }
.brg-srow p{ font-size:16px !important; margin:0 !important; }
.brg-srow .elementor-widget-text-editor{ max-width:none; }

/* ==========================================================================
   10. TESTIMONIALS
   ========================================================================== */
.brg-quote blockquote{
  margin:0; border-left:3px solid var(--brg-gold); padding:4px 0 4px 26px; max-width:62ch;
}
.brg-quote blockquote, .brg-quote blockquote p{
  font-size:21px !important; line-height:1.5 !important; font-weight:400;
}
.brg-quote-attrib p{
  font-family:var(--brg-display) !important; font-size:13px !important;
  letter-spacing:.04em; color:var(--brg-muted-2) !important; margin-top:18px !important;
}
.brg-slate .brg-quote-attrib p{ color:#96A2B0 !important; }
/* two columns on About, tighter than a stacked pair */
.brg-quotes2 > .elementor-column{ width:50% !important; }
.brg-quote-col{ padding-right:36px !important; }
.brg-quote-col:last-child{ padding-right:0 !important; }
.brg-quotes2 .brg-quote blockquote{ max-width:none; }
.brg-quotes2 .brg-quote blockquote, .brg-quotes2 .brg-quote blockquote p{ font-size:18px !important; }

/* ==========================================================================
   11. CTA BAND
   ========================================================================== */
.brg-cta{ background:var(--brg-gold); padding-top:64px !important; padding-bottom:64px !important; }
.brg-cta .elementor-heading-title{ color:#1A1204 !important; max-width:22ch; font-size:32px !important; }
.brg-cta p{ color:#402D08 !important; max-width:56ch; font-size:18px !important; }

/* ==========================================================================
   12. SERVICE PAGE BLOCKS
   ========================================================================== */
.brg-svc{ border-top:1px solid var(--brg-line); }
.brg-tagline .elementor-heading-title{
  font-size:19px !important; font-weight:500 !important; color:var(--brg-gold-deep) !important;
  letter-spacing:-.005em; margin:0 0 24px !important; max-width:none;
}
.brg-incl{ border-top:2px solid var(--brg-slate); margin-top:20px; }
.brg-incl-h .elementor-heading-title{
  font-size:12px !important; font-weight:700 !important; letter-spacing:.16em;
  text-transform:uppercase !important; color:var(--brg-slate) !important;
  margin:0 0 16px !important; max-width:none;
}
.brg-includes .elementor-icon-list-text{
  font-family:var(--brg-body) !important; font-size:16px !important; color:var(--brg-muted) !important;
}
.brg-includes .elementor-icon-list-icon i,
.brg-includes .elementor-icon-list-icon svg{ color:var(--brg-gold-deep); font-size:9px; }
.brg-practice{ border-left:3px solid var(--brg-gold); margin-top:18px; }
.brg-practice .brg-practice-h .elementor-heading-title{
  font-size:12px !important; font-weight:700 !important; letter-spacing:.18em;
  text-transform:uppercase !important; color:var(--brg-gold) !important;
  margin:0 0 12px !important; max-width:none;
}
.brg-practice p{ color:#D3DAE2 !important; font-size:16px !important; }

/* ==========================================================================
   13. SECTOR BLOCKS  +  SECTOR LINE
   ========================================================================== */
.brg-sector{ border-top:1px solid var(--brg-line); }
.brg-sector > .elementor-column .elementor-inner-section > .elementor-container > .elementor-column:nth-child(1){ width:38%; padding-right:40px; }
.brg-sector > .elementor-column .elementor-inner-section > .elementor-container > .elementor-column:nth-child(2){ width:62%; }
.brg-kicker .elementor-heading-title{
  font-size:12px !important; font-weight:600 !important; letter-spacing:.15em;
  text-transform:uppercase !important; color:var(--brg-muted-2) !important;
  margin:0 0 10px !important; max-width:none;
}
p.brg-sectorline{
  font-family:var(--brg-display) !important; font-size:17px !important;
  color:#CBD3DB !important; margin-top:8px !important;
}

/* ==========================================================================
   14. CONTACT DETAILS
   ========================================================================== */
.brg-detailcol{ padding-left:48px !important; }
.brg-contact-details{ max-width:none !important; }
p.brg-contact{ margin:0 0 20px !important; font-size:17px !important; }
p.brg-contact strong{
  font-family:var(--brg-display) !important; font-size:12px !important; font-weight:700;
  letter-spacing:.14em; text-transform:uppercase; color:var(--brg-gold-deep) !important;
}

/* ==========================================================================
   15. GRAVITY FORMS  — LEGACY MARKUP
   Class names below are legacy-only. If the form is ever switched to modern
   markup, this whole block must be rewritten.
   ========================================================================== */
.brg-form .gform_wrapper{ margin:0; max-width:none; }
.brg-form .gform_wrapper .gform_body ul.gform_fields{ margin:0; padding:0; }
.brg-form .gform_wrapper li.gfield{ margin:0 0 22px !important; padding:0; list-style:none; }
.brg-form .gform_wrapper .gfield_label{
  font-family:var(--brg-display) !important; font-size:13px !important; font-weight:700 !important;
  letter-spacing:.06em; text-transform:uppercase; color:var(--brg-ink) !important;
  margin:0 0 8px !important; display:block;
}
.brg-form .gform_wrapper .gfield_required{ color:var(--brg-gold-deep); margin-left:3px; }
.brg-form .gform_wrapper .gfield_description{
  font-family:var(--brg-body) !important; font-size:15px !important; line-height:1.55;
  color:var(--brg-muted) !important; padding:0 0 10px !important;
}
.brg-form .gform_wrapper input[type=text],
.brg-form .gform_wrapper input[type=email],
.brg-form .gform_wrapper input[type=tel],
.brg-form .gform_wrapper textarea{
  font-family:var(--brg-body) !important; font-size:17px !important;
  width:100% !important; padding:13px 15px !important;
  background:#FFFFFF; color:var(--brg-ink);
  border:1px solid var(--brg-line) !important; border-radius:2px !important;
  box-shadow:none !important; transition:border-color .15s;
}
.brg-form .gform_wrapper textarea{ min-height:170px; line-height:1.6; }
.brg-form .gform_wrapper input[type=text]:focus,
.brg-form .gform_wrapper input[type=email]:focus,
.brg-form .gform_wrapper textarea:focus{
  border-color:var(--brg-gold) !important; outline:2px solid rgba(221,153,51,.25); outline-offset:1px;
}
.brg-form .gform_wrapper .ginput_container{ margin-top:0 !important; }
.brg-form .gform_wrapper .gform_footer{ padding:8px 0 0 !important; margin:0 !important; }
.brg-form .gform_wrapper .gform_footer input[type=submit]{
  font-family:var(--brg-display) !important; font-weight:600 !important; font-size:15px !important;
  letter-spacing:.01em; background:var(--brg-gold) !important; color:#1A1204 !important;
  border:0 !important; border-radius:2px !important; padding:15px 34px !important; cursor:pointer;
}
.brg-form .gform_wrapper .gform_footer input[type=submit]:hover{ background:#C9861F !important; }
.brg-form .gform_wrapper .validation_error{
  font-family:var(--brg-body) !important; font-size:16px !important;
  color:#9B2C2C !important; border:1px solid #E3A0A0 !important; background:#FCEDED;
  padding:12px 15px !important; margin:0 0 22px !important;
}
.brg-form .gform_wrapper li.gfield.gfield_error{
  background:transparent !important; border:0 !important; padding:0 !important; margin-bottom:22px !important;
}
.brg-form .gform_wrapper li.gfield.gfield_error input,
.brg-form .gform_wrapper li.gfield.gfield_error textarea{ border-color:#9B2C2C !important; }
.brg-form .gform_wrapper .gfield_error .validation_message{
  font-size:15px !important; color:#9B2C2C !important; padding-top:6px;
}
.brg-form .gform_confirmation_message{
  font-family:var(--brg-body) !important; font-size:18px !important; line-height:1.6;
  color:var(--brg-ink) !important; border-left:3px solid var(--brg-gold); padding-left:22px;
}

/* ==========================================================================
   16. BUTTONS
   ========================================================================== */
body:has(.brg-hero) .elementor-button{
  font-family:var(--brg-display) !important; font-weight:600 !important; font-size:15px !important;
  letter-spacing:.01em; border-radius:2px; padding:15px 26px !important;
  box-shadow:none !important;              /* theme adds a drop shadow to all buttons */
  transform:none !important;
}
body:has(.brg-hero) .elementor-button:hover,
body:has(.brg-hero) .elementor-button:focus,
body:has(.brg-hero) .elementor-button:active{
  box-shadow:none !important; transform:none !important; opacity:1 !important;
}
.btn-gold .elementor-button{ background:var(--brg-gold) !important; color:#1A1204 !important; border:0; }
.btn-gold .elementor-button:hover{ background:#C9861F !important; color:#1A1204 !important; }
.btn-ghost .elementor-button{ background:transparent !important; color:var(--brg-ink) !important; border:1px solid var(--brg-line) !important; }
.btn-ghost .elementor-button:hover{ border-color:var(--brg-ink) !important; }
.btn-ghost-light .elementor-button{ background:transparent !important; color:#fff !important; border:1px solid var(--brg-line-dark) !important; }
.btn-ghost-light .elementor-button:hover{ border-color:#fff !important; }
.btn-dark .elementor-button{ background:var(--brg-ink) !important; color:#fff !important; border:0; }
.btn-dark .elementor-button:hover{ background:#000 !important; }

/* ==========================================================================
   17. RESPONSIVE
   ========================================================================== */
/* ==========================================================================
   14. SITE HEADER ON THE NEW PAGES
   The theme header carries the white logo (class "custom-logo"). On the new
   templates it renders over a light background, so the logo is invisible
   rather than missing. Give the header the same ink as the hero directly
   below it, so the two read as one block at the top of the page.

   Targeted by :has() on the logo image, not by a theme class name, so a
   future theme update that renames the header cannot break it. Scoped to
   body:has(.brg-hero) - every existing page is untouched.
   ========================================================================== */
body:has(.brg-hero) header:has(img.custom-logo){
  background-color:var(--brg-ink) !important;
}
/* Nav links and the tagline, white to match. Buttons are left alone so the
   header call to action keeps its own colours. */
body:has(.brg-hero) header:has(img.custom-logo) .genesis-nav-menu a,
body:has(.brg-hero) header:has(img.custom-logo) .nav-primary a,
body:has(.brg-hero) header:has(img.custom-logo) .site-description,
body:has(.brg-hero) header:has(img.custom-logo) .site-title a{
  color:#fff !important;
}
body:has(.brg-hero) header:has(img.custom-logo) .genesis-nav-menu a:hover,
body:has(.brg-hero) header:has(img.custom-logo) .nav-primary a:hover{
  color:var(--brg-gold) !important;
}
/* The hero sits flush beneath the header, so no seam between them. */
body:has(.brg-hero) header:has(img.custom-logo){ border-bottom:0 !important; }

/* The theme header is transparent and fixed on EVERY page, including the
   existing ones - the white logo only reads because each old page opens with
   a dark full-bleed hero image behind it. The rule above gives the new pages
   the same dark ground, so the logo never depends on what sits underneath.

   Separately: LiteSpeed fades the logo in with opacity, and its script does
   not run in preview or in the Elementor editor, which leaves the logo
   invisible there. Hold it open. Costs nothing on the live site, where the
   image is already fully opaque by the time anyone sees it. */
body:has(.brg-hero) img.custom-logo,
body:has(.brg-hero) img.custom-logo.entered,
body:has(.brg-hero) img.custom-logo.litespeed-loaded{ opacity:1 !important; }

@media (max-width:1024px){
  .brg-hero .brg-hero-h1 .elementor-heading-title,
  .brg-hero h1.elementor-heading-title{ font-size:44px !important; }
  body:has(.brg-hero) .elementor h2{ font-size:30px !important; }
  .brg-logos > .elementor-column{ width:33.333% !important; }
  .brg-logos > .elementor-container{ max-width:none; }
  .brg-logo img{ max-height:104px !important; }
  .brg-logo-col{ padding:14px 8px !important; }
  .brg-detailcol{ padding-left:0 !important; }
}
@media (max-width:767px){
  body:has(.brg-hero) .elementor-section.elementor-top-section{ padding-top:34px !important; padding-bottom:34px !important; }
  /* the header is still 109.5px tall down to 512px, so the hero keeps its
     full clearance here and only the bottom padding tightens */
  body:has(.brg-hero) .elementor-section.brg-hero{ padding-top:175px !important; padding-bottom:44px !important; }
  .brg-hero .brg-hero-h1 .elementor-heading-title,
  .brg-hero h1.elementor-heading-title{ font-size:32px !important; max-width:none; }
  .brg-hero .brg-hero-sub p{ font-size:17px !important; }
  body:has(.brg-hero) .elementor h2{ font-size:25px !important; }
  body:has(.brg-hero) .elementor h3{ font-size:18px !important; }

  .brg-stats > .elementor-column,
  .brg-step, .brg-diff,
  .brg-quotes2 > .elementor-column,
  .brg-srow > .elementor-column:nth-child(1),
  .brg-srow > .elementor-column:nth-child(2),
  .brg-srow > .elementor-column:nth-child(3),
  .brg-sector > .elementor-column .elementor-inner-section > .elementor-container > .elementor-column:nth-child(1),
  .brg-sector > .elementor-column .elementor-inner-section > .elementor-container > .elementor-column:nth-child(2),
  .brg-formcol, .brg-detailcol{ width:100% !important; padding-right:0 !important; padding-left:0 !important; }

  .brg-logos > .elementor-column{ width:33.333% !important; }
  .brg-logos > .elementor-container{ max-width:none; }
  .brg-logo img{ max-height:84px; margin:-12px auto; }
  .brg-stat{ border-right:0; border-bottom:1px solid var(--brg-line); padding:22px 0 !important; }
  .brg-step, .brg-diff{ margin-bottom:22px; }
  .brg-quote-col{ margin-bottom:32px; }
  .brg-incl, .brg-practice{ padding:22px 20px !important; }
  .brg-quote blockquote{ padding-left:18px; }
  .brg-quote blockquote, .brg-quote blockquote p,
  .brg-quotes2 .brg-quote blockquote, .brg-quotes2 .brg-quote blockquote p{ font-size:18px !important; }
  .brg-aboutband{ padding-bottom:52px !important; }
  .brg-contactband{ padding-bottom:0 !important; }
  body:has(.brg-hero) .elementor-section.brg-contactband + .elementor-section.elementor-top-section{ padding-top:26px !important; }
  .brg-detailcol{ margin-top:40px; }
}

/* Below 512px the theme drops the header to a 12rem logo with no wrap padding,
   so it is roughly 50px tall and the hero needs much less clearance. */
@media (max-width:512px){
  body:has(.brg-hero) .elementor-section.brg-hero{ padding-top:120px !important; }
}/* End custom CSS */
/* Start Custom Fonts CSS */@font-face {
	font-family: 'Circular Std';
	font-style: normal;
	font-weight: 700;
	font-display: auto;
	src: url('https://brightenconsulting.com.au/wp-content/uploads/2023/01/CircularStd-Bold.eot');
	src: url('https://brightenconsulting.com.au/wp-content/uploads/2023/01/CircularStd-Bold.eot?#iefix') format('embedded-opentype'),
		url('https://brightenconsulting.com.au/wp-content/uploads/2023/01/CircularStd-Bold.woff2') format('woff2'),
		url('https://brightenconsulting.com.au/wp-content/uploads/2023/01/CircularStd-Bold.woff') format('woff'),
		url('https://brightenconsulting.com.au/wp-content/uploads/2023/01/CircularStd-Bold.ttf') format('truetype'),
		url('https://brightenconsulting.com.au/wp-content/uploads/2023/01/CircularStd-Bold.svg#CircularStd') format('svg');
}
@font-face {
	font-family: 'Circular Std';
	font-style: normal;
	font-weight: 900;
	font-display: auto;
	src: url('https://brightenconsulting.com.au/wp-content/uploads/2023/01/CircularStd-Black.eot');
	src: url('https://brightenconsulting.com.au/wp-content/uploads/2023/01/CircularStd-Black.eot?#iefix') format('embedded-opentype'),
		url('https://brightenconsulting.com.au/wp-content/uploads/2023/01/CircularStd-Black.woff2') format('woff2'),
		url('https://brightenconsulting.com.au/wp-content/uploads/2023/01/CircularStd-Black.woff') format('woff'),
		url('https://brightenconsulting.com.au/wp-content/uploads/2023/01/CircularStd-Black.ttf') format('truetype'),
		url('https://brightenconsulting.com.au/wp-content/uploads/2023/01/CircularStd-Black.svg#CircularStd') format('svg');
}
/* End Custom Fonts CSS */