:root {
    --btncolor: #6aab27;
    --apply_heading: #0C71C3;
}

.form-head {
    background-color: var(--apply_heading);
}

.btn-primary {
    background-color: var(--btncolor);
    border-color: var(--btncolor);
}

.btn-call {
    background-color: var(--btncolor);
    border-color: var(--btncolor);
}

.content {
    padding-top: 100px;
}

/* ...existing code... */

footer {
    background-color: #0C71C3;
}

footer p,
footer a {
    color: #fff !important;
}

/* Issue #666: Nova Receptionist embed. The vendor lays its content out as a
   centered 512px column (about 1005px tall at 560px+, 1155px on a 343px-wide
   frame; measured 2026-09-16 against horizon-embed.js). Hug that column so the
   white side margins go away, and make the frame tall enough to hold all of it
   so the frame's own document never scrolls. If the vendor adds content the
   frame scrolls internally again: bump these two heights. */
#nova-purl-section {
    max-width: 560px;
    margin-left: auto;
    margin-right: auto;
}

#horizon-purl-embed iframe {
    min-height: 1010px !important;
    /* the loader paints the frame navy; the vendor page is white, so any
       slack below its content shows as a dark band without this */
    background: #fff !important;
}

@media (max-width: 575.98px) {
    #horizon-purl-embed iframe {
        /* vendor content is 1180px tall on the 328px-wide frame a 375px phone
           gives it */
        min-height: 1200px !important;
    }
}

/* ...existing code... */