/*
* Copyright 2025 Adam Lawson
* https://www.lawsonguitars.com
* assets/css/contactform.css
*/

#g-recaptcha-response {
display: block !important;
position: absolute;
margin: -78px 0 0 0 !important;
width: 302px !important;
height: 76px !important;
z-index: -999999;
opacity: 0;
}


/* Change this existing rule in your CSS */
input {
  display: inline-block; /* Changed from block to inline-block */
  margin-bottom: 10px;
  vertical-align: middle; /* Optional: aligns text box and text nicely */
}

/* Also ensure your labels are set properly */
label {
  display: inline-block;
  padding-right: 10px;
  min-width: 120px; /* Optional: gives labels equal width so inputs line up neatly */
}

.column input[type=text], select, textarea {
  width: 40%;
  padding: 10px;
  font-size: 1rem;
  border: 1px solid #ccc;
  border-radius: 4px;
  box-sizing: border-box;
  margin-top: 2px;
  margin-bottom: 4px;
  resize: none;
}

.form-select select {
  appearance: none;
  width: 40%;
  padding: 10px;
  font-size: 1rem;
  border: 1px solid #ccc;
  border-radius: 4px;
  box-sizing: border-box;
  margin-top: 2px;
  margin-bottom: 4px;
  resize: none;
}

.form-select option {
  appearance: none;
  width: 40%;
  padding: 10px;
  font-size: 1rem;
  border: 1px solid #ccc;
  border-radius: 4px;
  box-sizing: border-box;
  margin-top: 2px;
  margin-bottom: 4px;
  resize: none;
}

.column input[type=email], select, textarea {
  width: 60%;
  padding: 10px;
  border: 1px solid #ccc;
  border-radius: 4px;
  box-sizing: border-box;
  margin-top: 2px;
  margin-bottom: 4px;
  resize: none;
}

.column input[type=submit] {
  background-color: #202040;
  color: white;
  font-size: 16px;
  text-transform: uppercase;
  width: 30%;
  margin-left: 0px;
  padding: 10px 20px;
  border: none;
  border-radius: 4px;
  cursor: pointer;
}

.column input[type=submit]:hover {
  background-color: #0071E3;
}

.ohnohoney{
  opacity: 0;
  position: absolute;
  top: 0;
  left: 0;
  height: 0;
  width: 0;
  z-index: -1;
}

@media screen and (max-width: 768px) {
  .padding_left_20 {
    padding-left: 20px;
  }
}


.form-group .form-select,
.form-group select {
  width: 40%;
  padding: 10px;
  font-size: 1rem;
  box-sizing: border-box;
}

/* Container forces a new line for each pair */
.form-group {
  display: flex;
  align-items: center; /* Vertically centers the text with the box */
  margin-bottom: 12px; /* Adds space between rows */
}

/* Gives labels a fixed width so all your textboxes line up perfectly */
.form-group label {
  width: 250px;
  padding-right: 10px;
  box-sizing: border-box;
}

/* Ensure the inputs inside the group layout correctly */
.form-group input[type=text],
.form-group .form-select {
  margin: 0; /* Clear out old conflicting margins */
}