Mercury 60HP

/* ===== Mercury Motors CF7 Minimal Style ===== */ .mm-cf7 { --mm-border: #bfbfbf; --mm-border-focus: #111; --mm-text: #111; --mm-muted: #666; --mm-bg: #fff; --mm-btn: #c40000; /* brand red */ --mm-btn-hover: #a80000; color: var(--mm-text); font-size: 16px; line-height: 1.4; } /* CF7 often wraps fields in

*/ .mm-cf7 p { margin: 0 0 14px; } /* labels / headings that are plain text above inputs */ .mm-cf7 label, .mm-cf7 .wpcf7-form-control-wrap { display: block; } /* Inputs + textarea */ .mm-cf7 input[type="text"], .mm-cf7 input[type="email"], .mm-cf7 input[type="tel"], .mm-cf7 input[type="url"], .mm-cf7 input[type="number"], .mm-cf7 select, .mm-cf7 textarea { width: 100%; max-width: 100%; box-sizing: border-box; background: var(--mm-bg); color: var(--mm-text); border: 1px solid var(--mm-border); border-radius: 10px; padding: 12px 14px; outline: none; transition: border-color 160ms ease, box-shadow 160ms ease, transform 160ms ease; } /* Taller textarea but still clean */ .mm-cf7 textarea { min-height: 160px; resize: vertical; } /* Placeholder tone */ .mm-cf7 ::placeholder { color: #9a9a9a; } /* Focus state */ .mm-cf7 input:focus, .mm-cf7 select:focus, .mm-cf7 textarea:focus { border-color: var(--mm-border-focus); box-shadow: 0 0 0 3px rgba(17, 17, 17, 0.08); } /* Submit button */ .mm-cf7 input[type="submit"], .mm-cf7 button, .mm-cf7 .wpcf7-submit { display: inline-flex; align-items: center; justify-content: center; padding: 12px 18px; border-radius: 10px; border: 1px solid transparent; background: var(--mm-btn); color: #fff; font-weight: 600; letter-spacing: 0.2px; cursor: pointer; transition: transform 120ms ease, background 160ms ease, box-shadow 160ms ease; } .mm-cf7 input[type="submit"]:hover, .mm-cf7 .wpcf7-submit:hover { background: var(--mm-btn-hover); box-shadow: 0 10px 18px rgba(0,0,0,0.12); transform: translateY(-1px); } .mm-cf7 input[type="submit"]:active, .mm-cf7 .wpcf7-submit:active { transform: translateY(0); box-shadow: none; } /* CF7 validation messages */ .mm-cf7 .wpcf7-not-valid-tip { margin-top: 6px; font-size: 13px; color: #b00020; } .mm-cf7 .wpcf7-response-output { margin: 16px 0 0; padding: 12px 14px; border-radius: 10px; font-size: 14px; } /* Optional: reduce CF7 spinner spacing */ .mm-cf7 .wpcf7-spinner { margin-left: 10px; } /* Optional: make checkbox/radio align nicer */ .mm-cf7 input[type="checkbox"], .mm-cf7 input[type="radio"] { transform: translateY(1px); } /* ===== Label + field spacing improvements ===== */ /* Space between label text and input */ .mm-cf7 label { display: block; margin-bottom: 6px; font-weight: 500; } /* Space between each field group */ .mm-cf7 p, .mm-cf7 .mm-col { margin-bottom: 18px; } /* Extra space before textarea (feels intentional) */ .mm-cf7 textarea { margin-top: 4px; } /* CF7 sometimes wraps label text inline – normalize it */ .mm-cf7 label span, .mm-cf7 label br { display: none; } /* If label text is just plain text above inputs */ .mm-cf7 label + .wpcf7-form-control-wrap { margin-top: 6px; }