/******* Do not edit this file *******
Simple Custom CSS and JS - by Silkypress.com
Saved: Jun 22 2026 | 11:53:45 */
/* ============================================================
   EOF Tax Savings Calculator — page styles
   Page: /eof-tax-calculator/   Form: 208
   Scope: .bl-eofcalc-intro (page lede) + .bl-eofcalc-form (form)
   ============================================================ */

/* --- Tokens (mirrored from BLG public-page palette) --- */
.bl-eofcalc-form,
.bl-eofcalc-intro {
    --eof-navy:           #0b2a4a;
    --eof-navy-2:         #123a63;
    --eof-green:          #2F7E4B;
    --eof-green-hover:    #25663D;
    --eof-green-deep:     #2F5F3C;
    --eof-green-soft:     rgba(47, 126, 75, 0.14);
    --eof-green-soft-2:   rgba(47, 126, 75, 0.20);
    --eof-green-line:     rgba(47, 126, 75, 0.28);
    --eof-impact-surface: rgba(11, 42, 74, 0.05);
    --eof-impact-line:    rgba(11, 42, 74, 0.14);
    --eof-lime:           #A8C64A;
    --eof-white:          #ffffff;
    --eof-surface:        #F7F9F6;
    --eof-surface-2:      #F1F4F0;
    --eof-ink:            #1F2A26;
    --eof-ink-2:          #2A3833;
    --eof-muted:          #56645F;
    --eof-muted-2:        #8A958F;
    --eof-border:         #DEE4E1;
    --eof-border-soft:    #E8EDE9;
    --eof-amber:          #D4A017;
    --eof-r-sm:           8px;
    --eof-r-md:           12px;
    --eof-r-lg:           16px;
    --eof-r-xl:           20px;
    --eof-tx:             0.18s ease;
}

/* --- Page container — constrain content width on wide viewports --- */
.bl-eofcalc-page {
    width: calc(100% - 48px);
    max-width: 980px;
    margin: 40px auto;
}

/* --- Intro block above the form --- */
.bl-eofcalc-intro {
    max-width: 720px;
    margin: 0 0 2rem;
    padding-bottom: 1.5rem;
    border-bottom: 1px solid var(--eof-border);
}
.bl-eofcalc-intro__eyebrow {
    display: inline-block;
    text-transform: uppercase;
    letter-spacing: 0.1em;
    font-size: 0.75rem;
    font-weight: 700;
    color: var(--eof-green);
    margin-bottom: 0.65rem;
}
.bl-eofcalc-intro__title {
    font-size: 2.25rem;
    line-height: 1.15;
    color: var(--eof-navy);
    font-weight: 700;
    margin: 0 0 0.9rem;
    letter-spacing: -0.01em;
}
.bl-eofcalc-intro__lede {
    font-size: 1.125rem;
    line-height: 1.6;
    color: var(--eof-muted);
    margin: 0;
}

/* ============================================================
   FORM CHROME
   ============================================================ */

.bl-eofcalc-form .gform_body {
    max-width: 880px;
    margin: 0 auto;
}

/* Section headings (the GF section break elements) — lime hairline signature */
.bl-eofcalc-form .bl-eofcalc__section .gsection_title {
    font-size: 1.375rem;
    color: var(--eof-navy);
    margin: 0 0 0.5rem;
    font-weight: 600;
    line-height: 1.3;
    display: inline-block;
    padding-bottom: 0.45rem;
    border-bottom: 2px solid var(--eof-lime);
}
.bl-eofcalc-form .bl-eofcalc__section .gsection_description {
    color: var(--eof-muted);
    margin: 0 0 1.25rem;
    line-height: 1.5;
}
.bl-eofcalc-form .bl-eofcalc__section--inputs {
    margin-top: 0;
    padding-top: 0;
    border-top: none;
}
.bl-eofcalc-form .bl-eofcalc__section--results {
    margin-top: 2rem;
    padding-top: 0;
    border-top: none;
}
.bl-eofcalc-form .bl-eofcalc__section--capture {
    margin-top: 2.5rem;
    padding-top: 1.75rem;
    border-top: 1px solid var(--eof-border);
}

/* Input field shell — clean borders, breathing room */
.bl-eofcalc-form .bl-eofcalc__field .gfield_label {
    font-weight: 600;
    color: var(--eof-ink);
    margin-bottom: 0.4rem;
    display: block;
}
.bl-eofcalc-form .bl-eofcalc__field .gfield_description {
    color: var(--eof-muted);
    font-size: 0.9rem;
    margin-bottom: 0.5rem;
    line-height: 1.45;
}
.bl-eofcalc-form .bl-eofcalc__field input[type="text"],
.bl-eofcalc-form .bl-eofcalc__field input[type="email"],
.bl-eofcalc-form .bl-eofcalc__field input[type="number"],
.bl-eofcalc-form .bl-eofcalc__field select {
    border: 1px solid var(--eof-border);
    border-radius: var(--eof-r-sm);
    padding: 0.625rem 0.75rem;
    background: var(--eof-white);
    transition: border-color var(--eof-tx), background var(--eof-tx);
    font-size: 1rem;
    line-height: 1.4;
    width: 100%;
}
.bl-eofcalc-form .bl-eofcalc__field input:focus,
.bl-eofcalc-form .bl-eofcalc__field select:focus {
    border-color: var(--eof-green);
    outline: none;
    background: var(--eof-white);
}

/* Filing status radios — laid out horizontally on desktop */
.bl-eofcalc-form .bl-eofcalc__field--filing .ginput_container_radio {
    display: flex;
    flex-wrap: wrap;
    gap: 0.5rem 1.5rem;
}
.bl-eofcalc-form .bl-eofcalc__field--filing .gchoice {
    margin: 0;
}
.bl-eofcalc-form .bl-eofcalc__field--filing .gfield-choice-input {
    margin-right: 0.4rem;
}

/* Suppress the GF instruction line on number fields ("Please enter a number from X to Y")
   — adds noise to a polished calculator. Keep accessible to screen readers. */
.bl-eofcalc-form .bl-eofcalc__field .gfield_description.instruction {
    display: none;
}

/* ============================================================
   RESULTS PANELS — TWO-UP GRID
   ============================================================ */

.bl-eofcalc-form .bl-eofcalc__results-wrap {
    padding: 0;
    margin-top: 0.5rem;
}
.bl-eofcalc-form .bl-eofcalc__results {
    margin: 0;
}
.bl-eofcalc-form .bl-eofcalc__panels {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 1.5rem;
    margin-bottom: 1.75rem;
    align-items: stretch;
}

/* Base panel */
.bl-eofcalc-form .bl-eofcalc__panel {
    background: var(--eof-white);
    border: 1px solid var(--eof-border);
    border-radius: var(--eof-r-lg);
    padding: 1.5rem 1.5rem 1.25rem;
    display: flex;
    flex-direction: column;
    min-height: 240px;
}

/* Tax panel — green tonality with brand-green top accent */
.bl-eofcalc-form .bl-eofcalc__panel--tax {
    background: var(--eof-green-soft);
    border-color: var(--eof-green-line);
    border-top: 4px solid var(--eof-green);
}
.bl-eofcalc-form .bl-eofcalc__panel--tax .bl-eofcalc__line-value {
    color: var(--eof-green-deep);
}

/* Impact panel — navy-tinted neutral with navy top accent */
.bl-eofcalc-form .bl-eofcalc__panel--impact {
    background: var(--eof-impact-surface);
    border-color: var(--eof-impact-line);
    border-top: 4px solid var(--eof-navy);
}
.bl-eofcalc-form .bl-eofcalc__panel--impact .bl-eofcalc__line-value {
    color: var(--eof-navy);
}

/* Panel header */
.bl-eofcalc-form .bl-eofcalc__panel-header {
    margin-bottom: 1rem;
}
.bl-eofcalc-form .bl-eofcalc__panel-eyebrow {
    display: block;
    text-transform: uppercase;
    letter-spacing: 0.08em;
    font-size: 0.72rem;
    font-weight: 700;
    color: var(--eof-muted);
    margin-bottom: 0.35rem;
}
.bl-eofcalc-form .bl-eofcalc__panel--tax .bl-eofcalc__panel-eyebrow {
    color: var(--eof-green-deep);
}
.bl-eofcalc-form .bl-eofcalc__panel--impact .bl-eofcalc__panel-eyebrow {
    color: var(--eof-navy);
}
.bl-eofcalc-form .bl-eofcalc__panel-title {
    font-size: 1.125rem;
    margin: 0;
    color: var(--eof-ink);
    font-weight: 600;
    line-height: 1.3;
}

/* Line items inside each panel */
.bl-eofcalc-form .bl-eofcalc__lines {
    margin: 0;
    padding: 0;
    flex: 1;
}
.bl-eofcalc-form .bl-eofcalc__line {
    display: flex;
    justify-content: space-between;
    align-items: baseline;
    gap: 1rem;
    padding: 0.55rem 0;
    margin: 0;
}
.bl-eofcalc-form .bl-eofcalc__line-label {
    color: var(--eof-muted);
    font-size: 0.95rem;
    margin: 0;
    line-height: 1.4;
}
.bl-eofcalc-form .bl-eofcalc__line-value {
    font-variant-numeric: tabular-nums;
    font-weight: 600;
    margin: 0;
    text-align: right;
    white-space: nowrap;
}
.bl-eofcalc-form .bl-eofcalc__line-note {
    color: var(--eof-muted-2);
    font-weight: 400;
    font-size: 0.85em;
    margin-left: 0.25rem;
}

/* Subtotal line — rule above */
.bl-eofcalc-form .bl-eofcalc__line--subtotal {
    border-top: 1px solid var(--eof-border);
    padding-top: 0.75rem;
    margin-top: 0.25rem;
}
.bl-eofcalc-form .bl-eofcalc__panel--tax .bl-eofcalc__line--subtotal {
    border-top-color: var(--eof-green-line);
}
.bl-eofcalc-form .bl-eofcalc__panel--impact .bl-eofcalc__line--subtotal {
    border-top-color: var(--eof-impact-line);
}

/* Footer emphasis row */
.bl-eofcalc-form .bl-eofcalc__panel-footer {
    margin-top: auto;
    padding-top: 1rem;
    border-top: 1px solid var(--eof-border);
}
.bl-eofcalc-form .bl-eofcalc__panel--tax .bl-eofcalc__panel-footer {
    border-top-color: var(--eof-green-line);
}
.bl-eofcalc-form .bl-eofcalc__panel--impact .bl-eofcalc__panel-footer {
    border-top-color: var(--eof-impact-line);
}
.bl-eofcalc-form .bl-eofcalc__line--emphasis {
    padding: 0;
}
.bl-eofcalc-form .bl-eofcalc__line--emphasis .bl-eofcalc__line-label {
    color: var(--eof-ink);
    font-weight: 600;
    font-size: 1rem;
}
.bl-eofcalc-form .bl-eofcalc__line--emphasis .bl-eofcalc__line-value {
    font-size: 1.375rem;
    font-weight: 700;
}

/* Deduction values — muted grey with leading minus (U+2212) */
.bl-eofcalc-form .bl-eofcalc__line-value--deduction {
    color: var(--eof-muted-2);
    font-weight: 500;
}
.bl-eofcalc-form .bl-eofcalc__line-value--deduction::before {
    content: "− ";
    color: var(--eof-muted-2);
}

/* ============================================================
   LEVERAGE CALLOUT — THE HERO
   ============================================================ */

.bl-eofcalc-form .bl-eofcalc__leverage {
    background: var(--eof-navy);
    color: var(--eof-white);
    border-radius: var(--eof-r-lg);
    padding: 2.25rem 2rem 1.875rem;
    margin: 0 0 1.5rem;
}
.bl-eofcalc-form .bl-eofcalc__leverage-line {
    font-size: 1.625rem;
    line-height: 1.4;
    margin: 0 0 0.85rem;
    color: var(--eof-white);
    font-weight: 400;
}
.bl-eofcalc-form .bl-eofcalc__leverage-cost,
.bl-eofcalc-form .bl-eofcalc__leverage-impact {
    color: var(--eof-lime);
    font-weight: 700;
    font-variant-numeric: tabular-nums;
    white-space: nowrap;
}
.bl-eofcalc-form .bl-eofcalc__leverage-note {
    font-size: 0.95rem;
    line-height: 1.55;
    color: rgba(255, 255, 255, 0.78);
    margin: 0;
}
.bl-eofcalc-form .bl-eofcalc__leverage-note strong {
    color: var(--eof-white);
    font-variant-numeric: tabular-nums;
    white-space: nowrap;
}

/* ============================================================
   DISCLAIMER
   ============================================================ */

.bl-eofcalc-form .bl-eofcalc__disclaimer {
    border: 1px solid var(--eof-border);
    border-radius: var(--eof-r-md);
    padding: 1.125rem 1.25rem;
    background: var(--eof-surface);
    margin: 0;
}
.bl-eofcalc-form .bl-eofcalc__disclaimer-title {
    font-size: 0.78rem;
    color: var(--eof-muted);
    text-transform: uppercase;
    letter-spacing: 0.06em;
    margin: 0 0 0.6rem;
    font-weight: 700;
    line-height: 1.3;
}
.bl-eofcalc-form .bl-eofcalc__disclaimer-list {
    margin: 0;
    padding-left: 1.15rem;
    color: var(--eof-muted);
    font-size: 0.85rem;
    line-height: 1.55;
}
.bl-eofcalc-form .bl-eofcalc__disclaimer-list li {
    margin-bottom: 0.35rem;
}
.bl-eofcalc-form .bl-eofcalc__disclaimer-list li:last-child {
    margin-bottom: 0;
}

/* ============================================================
   CAPTURE + SUBMIT
   ============================================================ */

.bl-eofcalc-form .bl-eofcalc__field--name,
.bl-eofcalc-form .bl-eofcalc__field--email {
    margin-bottom: 1rem;
}
.bl-eofcalc-form .gform_footer {
    margin-top: 1.5rem;
    padding-top: 0;
    border-top: none;
}
.bl-eofcalc-form .gform_button {
    background: linear-gradient(135deg, var(--eof-green), var(--eof-green-deep));
    color: var(--eof-white);
    border: none;
    border-radius: var(--eof-r-sm);
    padding: 0.95rem 2.25rem;
    font-size: 1rem;
    font-weight: 600;
    cursor: pointer;
    transition: background var(--eof-tx), transform var(--eof-tx);
    line-height: 1.2;
}
.bl-eofcalc-form .gform_button:hover,
.bl-eofcalc-form .gform_button:focus {
    background: linear-gradient(135deg, var(--eof-green-hover), var(--eof-green-deep));
    outline: none;
}
.bl-eofcalc-form .gform_button:focus {
    outline: 3px solid var(--eof-green-soft-2);
    outline-offset: 2px;
}

/* ============================================================
   CONDITIONAL REVEAL SMOOTHING
   GF toggles display via inline style. Soften the entrance.
   ============================================================ */

.bl-eofcalc-form .bl-eofcalc__section--results,
.bl-eofcalc-form .bl-eofcalc__results-wrap {
    transition: opacity 0.25s ease;
}

/* ============================================================
   MOBILE — 768px and below
   ============================================================ */

@media (max-width: 768px) {
    .bl-eofcalc-page {
        width: calc(100% - 32px);
        margin: 28px auto;
    }
    .bl-eofcalc-intro {
        margin-bottom: 1.5rem;
        padding-bottom: 1.25rem;
    }
    .bl-eofcalc-intro__title {
        font-size: 1.75rem;
    }
    .bl-eofcalc-intro__lede {
        font-size: 1rem;
    }
    .bl-eofcalc-form .bl-eofcalc__panels {
        grid-template-columns: 1fr;
        gap: 1rem;
        margin-bottom: 1.25rem;
    }
    .bl-eofcalc-form .bl-eofcalc__panel {
        padding: 1.25rem;
        min-height: 0;
    }
    .bl-eofcalc-form .bl-eofcalc__leverage {
        padding: 1.5rem 1.25rem;
    }
    .bl-eofcalc-form .bl-eofcalc__leverage-line {
        font-size: 1.25rem;
        line-height: 1.45;
    }
    .bl-eofcalc-form .bl-eofcalc__leverage-note {
        font-size: 0.9rem;
    }
    .bl-eofcalc-form .bl-eofcalc__line--emphasis .bl-eofcalc__line-value {
        font-size: 1.2rem;
    }
    .bl-eofcalc-form .bl-eofcalc__field--filing .ginput_container_radio {
        flex-direction: column;
        gap: 0.5rem;
    }
    .bl-eofcalc-form .bl-eofcalc__section .gsection_title {
        font-size: 1.2rem;
    }
}

/* ============================================================
   SMALL MOBILE — 480px and below
   Stack labels above values inside line items.
   ============================================================ */

@media (max-width: 480px) {
    .bl-eofcalc-form .bl-eofcalc__line {
        flex-direction: column;
        align-items: flex-start;
        gap: 0.15rem;
        padding: 0.45rem 0;
    }
    .bl-eofcalc-form .bl-eofcalc__line-value {
        text-align: left;
        white-space: normal;
    }
    .bl-eofcalc-form .bl-eofcalc__leverage {
        padding: 1.25rem 1rem;
    }
}