/* Matte Black Wedding Inquiry – HighLevel Form Theme */ :root { --bg: #0b0b0b; --panel: #111111; --ink: #ffffff; --muted: #cfcfcf; --line: #2a2a2a; --accent: #ffffff; --focus: #eaeaea; --error: #ff5a5a; } .gform_wrapper, .hl_form, .hl_page_preview .gform_wrapper { background: var(--bg) !important; color: var(--ink) !important; padding: 24px !important; border-radius: 16px !important; box-shadow: 0 8px 24px rgba(0,0,0,0.35) !important; } /* Headings */ .gform_wrapper h2, .gform_wrapper h3, .gform_wrapper .form-title, .hl_form .form-title { color: var(--ink) !important; letter-spacing: 0.3px !important; margin-bottom: 10px !important; } /* Labels */ .gform_wrapper .gfield_label, .hl_form label { color: var(--muted) !important; font-weight: 500 !important; margin-bottom: 6px !important; } /* Inputs */ .gform_wrapper input[type="text"], .gform_wrapper input[type="email"], .gform_wrapper input[type="tel"], .gform_wrapper input[type="number"], .gform_wrapper input[type="date"], .gform_wrapper input[type="time"], .gform_wrapper select, .gform_wrapper textarea, .hl_form input, .hl_form select, .hl_form textarea { background: var(--panel) !important; color: var(--ink) !important; border: 1px solid var(--line) !important; border-radius: 12px !important; padding: 12px 14px !important; outline: none !important; transition: border-color .2s ease, box-shadow .2s ease !important; } .gform_wrapper input:focus, .gform_wrapper select:focus, .gform_wrapper textarea:focus, .hl_form input:focus, .hl_form select:focus, .hl_form textarea:focus { border-color: var(--focus) !important; box-shadow: 0 0 0 4px rgba(255,255,255,0.06) !important; } /* Checkboxes / Radios */ .gform_wrapper input[type="checkbox"], .gform_wrapper input[type="radio"], .hl_form input[type="checkbox"], .hl_form input[type="radio"] { accent-color: var(--accent) !important; } /* Field group spacing */ .gform_wrapper .gfield, .hl_form .form-group { margin-bottom: 16px !important; } /* Divider */ .form-divider { border-top: 1px solid var(--line) !important; margin: 20px 0 !important; } /* Submit button */ .gform_wrapper .gform_footer input[type="submit"], .hl_form button[type="submit"], .hl_form .btn, .gform_button { background: var(--ink) !important; color: var(--bg) !important; border: none !important; border-radius: 999px !important; padding: 12px 20px !important; font-weight: 700 !important; letter-spacing: 0.3px !important; text-transform: none !important; transition: transform .08s ease, opacity .2s ease !important; } .gform_wrapper .gform_footer input[type="submit"]:hover, .hl_form button[type="submit"]:hover, .hl_form .btn:hover, .gform_button:hover { opacity: 0.9 !important; } .gform_wrapper .gform_footer input[type="submit"]:active, .hl_form button[type="submit"]:active, .hl_form .btn:active, .gform_button:active { transform: translateY(1px) !important; } /* Error states */ .gform_wrapper .gfield_error .gfield_label, .gform_wrapper .validation_message { color: var(--error) !important; } .gform_wrapper .gfield_error input, .gform_wrapper .gfield_error select, .gform_wrapper .gfield_error textarea { border-color: var(--error) !important; } /* Responsive grid (optional if you use 2-column layouts) */ @media (min-width: 720px) { .two-col { display: grid !important; grid-template-columns: 1fr 1fr !important; gap: 16px !important; } } Suggested field layout (in your builder): Row 1 (two-col): First Name | Last Name Row 2 (two-col): Email | Phone Row 3: Preferred Method of Contact (radio) Row 4 (two-col): Event Date | Venue Name Row 5 (two-col): Event City | Estimated Guest Count Row 6: Services / Upgrades (checkbox group) Row 7 (two-col): Ceremony Start Time | Reception Start Time Row 8: Budget Range (dropdown) Row 9: How Did You Hear About Us? (dropdown) Row 10: Notes / Vision (paragraph) Submit That’s it—your HighLevel form will now look matte-black & crisp. Option B — Custom HTML form (if you need an embed with a HighLevel form endpoint) Use this if you have a HighLevel Form Embed ID/Endpoint. Replace YOUR_FORM_ACTION_URL with the actual action URL from your HL form embed (or a webhook/Zapier endpoint). This version will look identical to Option A but is standalone HTML/CSS. html Copy Edit

Wedding Booking Inquiry