/*
Theme Name: Golfex Child
Template:   golfex
Theme URI: https://1.envato.market/golfex-wp
Description: Golf Course & Sports Club WordPress Theme
Author: Awaiken
Author URI: https://awaikenthemes.com/
Version: 1.0.0
Text Domain: golfex-child
*/

<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>WPForms Transparent Background</title>
<style>
body {
  font-family: Arial, sans-serif;
  padding: 20px;
  background: transparent; /* ✅ transparent background /
}
.wpforms-container {
  max-width: 600px;
  margin: auto;
  background: transparent; / ✅ transparent container /
}
.wpforms-title {
  font-size: 2em;
  font-weight: bold;
  margin-bottom: 25px;
  color: #000;
}
/ Labels /
.wpforms-field-label {
  display: block;
  margin-bottom: 5px;
  font-weight: 600;
}
/ Inputs /
.wpforms-field input[type="text"],
.wpforms-field input[type="email"],
.wpforms-field textarea {
  width: 100%;
  padding: 8px 12px;
  border: 1px solid #aaa;
  border-radius: 4px;
  font-size: 14px;
  box-sizing: border-box;
  background: transparent; / ✅ transparent inputs /
}
/ ✅ Fix for First + Last /
.wpforms-field-name .wpforms-field-row {
  display: flex !important;
  gap: 15px;
}
.wpforms-field-name .wpforms-one-half {
  flex: 1 !important;
  margin: 0 !important;
}
/ Responsive stack /
@media (max-width: 768px) {
  .wpforms-field-name .wpforms-field-row {
    display: block !important;
  }
  .wpforms-field-name .wpforms-one-half {
    width: 100% !important;
    margin-bottom: 10px !important;
  }
}
/ Submit /
.wpforms-submit-container {
  margin-top: 15px;
}
.wpforms-submit {
  padding: 10px 20px;
  background: 
#1a4d3a;
  color: #fff;
  border: none;
  border-radius: 6px;
  cursor: pointer;
}
.wpforms-submit:hover {
  background: 
#145033;
}
</style>
</head>
<body>
<div class="wpforms-container">
  <form class="wpforms-form">
    <h2 class="wpforms-title">Get in touch with us !</h2>
    <!-- Name field -->
    <div class="wpforms-field wpforms-field-name">
      <label class="wpforms-field-label">Name <span style="color:red"></span></label>
      <div class="wpforms-field-row">
        <div class="wpforms-field wpforms-one-half">
          <label class="wpforms-field-label" for="first_name">First</label>
          <input type="text" id="first_name" name="first_name">
        </div>
        <div class="wpforms-field wpforms-one-half">
          <label class="wpforms-field-label" for="last_name">Last</label>
          <input type="text" id="last_name" name="last_name">
        </div>
      </div>
    </div>
    <!-- Email -->
    <div class="wpforms-field">
      <label class="wpforms-field-label" for="email">Email <span style="color:red">*</span></label>
      <input type="email" id="email" name="email">
    </div>
    <!-- Message -->
    <div class="wpforms-field">
      <label class="wpforms-field-label" for="message">Comment or Message</label>
      <textarea id="message" name="message" rows="5"></textarea>
    </div>
    <!-- Submit -->
    <div class="wpforms-submit-container">
      <button type="submit" class="wpforms-submit">Submit</button>
    </div>
  </form>
</div>
</body>
</html>