Flomote

    .uacf7-uacf7style-160 label { color: #000000;font-size: 22px;font-style: normal;font-weight: normal; } .uacf7-uacf7style-160 input[type=”email”], .uacf7-uacf7style-160 input[type=”number”], .uacf7-uacf7style-160 input[type=”password”], .uacf7-uacf7style-160 input[type=”search”], .uacf7-uacf7style-160 input[type=”tel”], .uacf7-uacf7style-160 input[type=”text”], .uacf7-uacf7style-160 input[type=”url”], .uacf7-uacf7style-160 input[type=”date”], .uacf7-uacf7style-160 input[type=”radio”], .uacf7-uacf7style-160 input[type=”checkbox”], .uacf7-uacf7style-160 select, .uacf7-uacf7style-160 textarea { font-size: 22px;font-style: normal;font-weight: normal;height: 49px;border-style: solid!important;padding-top: 48px;margin-top: 30px;margin-bottom: 30px; } .uacf7-uacf7style-160 .wpcf7-radio span, .uacf7-uacf7style-160 .wpcf7-checkbox span { font-size: 22px;font-style: normal;font-weight: normal; } .uacf7-uacf7style-160 textarea { } .wpcf7-form-control-wrap select { width: 100%; } .uacf7-uacf7style-160 input[type=”submit”] { font-style: normal;font-weight: normal;border-style: none; } .uacf7-uacf7style-160 input[type=”submit”]:hover { } /* ===== Variabelen (makkelijk kleuren tweaken) ===== */ :root{ –bg-card:#ffffff; –bg-input:#f7f7f7; –bd:#e5e7eb; –bd-focus:#6aa4ff; –text:#111827; –muted:#6b7280; –shadow:0 8px 24px rgba(0,0,0,.07); –radius:16px; –radius-input:12px; } /* Kaart */ .cf7-card{ max-width:760px; margin:0 auto; padding:28px; background:var(–bg-card); border:1px solid var(–bd); border-radius:var(–radius); box-shadow:var(–shadow); font-family:system-ui,-apple-system,Segoe UI,Roboto,Arial,sans-serif; color:var(–text); } .cf7-title{margin:0 0 10px;font-size:1.35rem;line-height:1.3} .cf7-sub{ margin:0 0 18px; color:var(–muted); font-size:.98rem; } /* Grid */ .form-grid{display:grid;gap:16px} /* Label + inputs */ .form-label{display:grid;gap:8px;font-weight:600} /* Reset browser styles voor consistentie */ .form-label input[type=”text”], .form-label input[type=”email”], .form-label textarea{ -webkit-appearance:none;appearance:none; width:100%; padding:12px 14px; border:1px solid var(–bd); border-radius:var(–radius-input); font-size:16px; background:var(–bg-input); transition:border-color .2s, box-shadow .2s, background .2s; color:var(–text); } /* Placeholder iets subtieler */ .form-label ::placeholder{color:#9ca3af} /* Textarea hoogte */ .form-label textarea{min-height:150px;resize:vertical} /* Focus state (subtiel, geen paarse outline) */ .form-label input:focus, .form-label textarea:focus{ outline:none; border-color:var(–bd-focus); box-shadow:0 0 0 4px color-mix(in srgb, var(–bd-focus) 30%, transparent); background:#fff; } /* Vereiste velden: optisch sterretje */ .form-label [aria-required=”true”]::placeholder{content:””} .form-label > span::after{ content:””; } .form-label:has([aria-required=”true”]) > :first-child{ position:relative; } .form-label:has([aria-required=”true”]) > :first-child::after{ content:” *”; color:#ef4444; font-weight:700; } /* Submit */ .wpcf7 .form-actions input[type=”submit”]{ display:inline-block; padding:12px 18px; border:0;border-radius:12px; font-weight:700;cursor:pointer; background:#111827;color:#fff; transition:transform .05s,opacity .2s, box-shadow .2s; box-shadow:0 6px 14px rgba(17,24,39,.12); } .wpcf7 .form-actions input[type=”submit”]:hover{opacity:.94} .wpcf7 .form-actions input[type=”submit”]:active{transform:translateY(1px)} /* CF7 feedback netter */ .wpcf7-not-valid-tip{font-size:.92rem;color:#ef4444} .wpcf7-response-output{ border-radius:12px; line-height:1.4 } /* Geef binnenruimte aan de hele card */ .cf7-card { padding: 28px 32px; /* extra padding links en rechts */ } /* Zorg dat inputs nooit de randen raken */ .form-label input[type=”text”], .form-label input[type=”email”], .form-label textarea { box-sizing: border-box; width: 100%; margin: 0; /* reset */ } /* Optioneel: nog een beetje extra lucht onderaan elk veld */ .form-label { margin-bottom: 6px; } /* Voorkom dat de tweede textarea een slider krijgt */ .form-label textarea { resize: none; /* geen resize mogelijk */ } /* Middelste textarea compacter maken */ .form-label textarea { resize: none; /* geen slider */ min-height: 90px; /* standaard lager, bijv. 90px */ height: 90px; /* gefixeerde hoogte */ line-height: 1.4; }