/******* Do not edit this file *******
Simple Custom CSS and JS - by Silkypress.com
Saved: Dec 22 2025 | 03:46:19 */
/* Center the form and add padding */
.mm2h-form {
  max-width: 700px;                 /* limits width */
  margin: 26px auto;                /* centers horizontally and adds top/bottom spacing */
  padding: 25px;                     /* padding inside the form */
  box-sizing: border-box;            /* ensures padding doesn't break width */
  background-color: #fff;            /* optional: white background */
  border-radius: 12px;               /* optional: rounded corners */
  box-shadow: 0 4px 15px rgba(0,0,0,0.1); /* optional: subtle shadow */
}

/* Grid layout */
.cf7-layout {
  display: grid;
  grid-template-columns: 1fr 1fr;   /* 2 columns */
  grid-template-areas:
    "name email"
    "phone program"
    "message message"
    "button button";
  gap: 20px;
}

/* Assign grid areas */
.field-name    { grid-area: name; }
.field-email   { grid-area: email; }
.field-phone   { grid-area: phone; }
.field-program { grid-area: program; }
.field-message { grid-area: message; }
.field-button  { 
  grid-area: button; 
  display: flex;            /* use flex to center the button */
  justify-content: center;  /* horizontally center */
  margin-left: 11%;
}

/* Make inputs and textarea full width of their container */
.mm2h-form input[type="text"],
.mm2h-form input[type="email"],
.mm2h-form input[type="tel"],
.mm2h-form select,
.mm2h-form textarea {
  width: 100%;
  padding: 10px 12px;
  border: 1px solid #ccc;
  border-radius: 6px;
  font-size: 16px;
  box-sizing: border-box;
}

/* Style button */
.mm2h-form .wpcf7-submit {
  width: 200px;                 /* fixed width for a neat appearance */
  font-size: 16px;
  background-color: #ff0000 !important; 
  color: #fff !important;       /* white text */
  border: none;
  border-radius: 6px;
  cursor: pointer;
  transition: background-color 0.3s;
}

/* Hover effect */
.mm2h-form .wpcf7-submit:hover {
  background-color: #0056b3 !important; /* darker blue on hover */
}

/* Responsive: single column on mobile */
@media (max-width: 768px) {
  .cf7-layout {
    grid-template-columns: 1fr;
    grid-template-areas:
      "name"
      "email"
      "phone"
      "program"
      "message"
      "button";
  }
  
  /* Make the button full width on mobile */
  .mm2h-form .wpcf7-submit {
    width: 100%;
  }
}