/* Loaded only for the native Contact page, without changing form settings. */
.bf-contact-page { width: min(100%, 720px); margin-inline: auto; }
.bf-contact-page .bf-contact-heading { margin: 0 0 16px; color: var(--color-blue-title); font-size: clamp(28px, 4vw, 40px); font-weight: 600; line-height: 1.2; }
.bf-contact-page .bf-contact-intro { margin: 0 0 28px; color: var(--color-blue-muted); line-height: 1.65; text-wrap: pretty; }
.bf-contact-page .frm_forms { margin: 0; }
.bf-contact-page .frm_style_formidable-style.with_frm_style { --bg-color: var(--color-grey-blue-50); --bg-color-active: var(--color-grey-blue-50); --text-color: var(--color-page-text); --border-color: var(--color-grey-blue-300); --border-color-active: var(--color-blue-close); }
.bf-contact-page .with_frm_style .frm_primary_label { color: var(--color-blue-title); }
.bf-contact-page .with_frm_style input:not([type=hidden]):not([type=submit]),
.bf-contact-page .with_frm_style textarea { background: var(--color-grey-blue-50); color: var(--color-page-text); border-color: var(--color-grey-blue-300); }
.bf-contact-page .with_frm_style input:focus-visible,
.bf-contact-page .with_frm_style textarea:focus-visible,
.bf-contact-page .frm_style_formidable-style.with_frm_style .frm_submit button:focus-visible { outline: 2px solid var(--color-blue-close); outline-offset: 3px; }
@media (max-width: 480px) {
  .bf-contact-page .with_frm_style .frm_half { grid-column: span 12 / span 12; }
}