/******* Do not edit this file *******
Simple Custom CSS and JS - by Silkypress.com
Saved: Aug 13 2026 | 07:30:30 */
/* ==========================================================================
   Venue Enquiry Form Styling — Gravity Forms
   Add this via: Appearance > Customize > Additional CSS
   OR: Elementor > Site Settings > Custom CSS
   OR: a child theme's style.css
   ========================================================================== */

#venue-shortcode-block .pf-body{
	padding-top: 0px;
}

/* --- Overall form wrapper --- */
#gform_wrapper_4 {
  max-width: 640px;
  margin: 0 auto;
/*   padding: 32px; */
/*   background: #ffffff; */
  border-radius: 16px;
/*   box-shadow: 0 4px 24px rgba(0, 0, 0, 0.08); */
  font-family: inherit;
}

/* --- Field spacing --- */
#gform_wrapper_4 .gform_fields {
  display: grid;
  gap: 20px;
}

#gform_wrapper_4 .gfield {
  margin-bottom: 0 !important;
}

#gform_wrapper_4 .gform_required_legend {
    display: none;
}

/* --- Title --- */
#gform_wrapper_4 .gform_title {
    margin: 0px 0px 20px 0px;
    font-size: 22px;
}

/* --- Labels --- */
#gform_wrapper_4 .gform-field-label {
  font-size: 14px !important;
  font-weight: 600;
  color: #1a1a2e !important;
  margin-bottom: 6px;
  letter-spacing: 0.01em;
}

#gform_wrapper_4 .gfield_required {
  color: #e63946;
  margin-left: 2px;
}

/* --- Inputs, selects, textareas --- */
#gform_wrapper_4 input[type="text"],
#gform_wrapper_4 input[type="email"],
#gform_wrapper_4 input[type="tel"],
#gform_wrapper_4 input[type="url"],
#gform_wrapper_4 input[type="number"],
#gform_wrapper_4 input[type="date"],
#gform_wrapper_4 select,
#gform_wrapper_4 textarea {
  width: 100%;
  padding: 12px 16px;
  font-size: 15px;
  color: #1a1a2e;
  background: #f7f8fa;
  border: 1.5px solid #e2e4e9;
  border-radius: 10px;
  transition: border-color 0.2s ease, box-shadow 0.2s ease, background 0.2s ease;
  box-sizing: border-box;
}

#gform_wrapper_4 textarea {
  min-height: 120px;
  resize: vertical;
}

/* --- Focus state --- */
#gform_wrapper_4 input[type="text"]:focus,
#gform_wrapper_4 input[type="email"]:focus,
#gform_wrapper_4 input[type="tel"]:focus,
#gform_wrapper_4 input[type="url"]:focus,
#gform_wrapper_4 input[type="number"]:focus,
#gform_wrapper_4 input[type="date"]:focus,
#gform_wrapper_4 select:focus,
#gform_wrapper_4 textarea:focus {
  outline: none;
  border-color: #2563eb;
  background: #ffffff;
  box-shadow: 0 0 0 4px rgba(37, 99, 235, 0.12);
}

/* --- Select dropdown arrow (custom, since browsers style these ugly by default) --- */
#gform_wrapper_4 select {
  appearance: none;
  -webkit-appearance: none;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='8' viewBox='0 0 12 8'%3E%3Cpath fill='%23667' d='M1 1l5 5 5-5'/%3E%3C/svg%3E");
  background-repeat: no-repeat;
  background-position: right 16px center;
  padding-right: 40px;
}

/* --- Date fields (Start Date / End Date side by side on desktop) --- */
#gform_wrapper_4 .gfield--type-date .ginput_container_date {
  display: flex;
  align-items: center;
  gap: 8px;
}

#gform_wrapper_4 .ginput_container_date input {
  width: auto;
  flex: 1;
}

#gform_wrapper_4 .datepicker_icon {
  margin-left: 6px;
  cursor: pointer;
}

/* --- Name field (First/Last sub-inputs) --- */
#gform_wrapper_4 .ginput_complex {
  display: flex;
  gap: 12px;
}

#gform_wrapper_4 .ginput_complex span {
  flex: 1;
}

#gform_wrapper_4 .ginput_complex label {
  font-size: 12px;
  color: #6b7280;
  margin-top: 4px;
}

/* --- Hidden fields: keep them invisible, no layout gap --- */
#gform_wrapper_4 .gfield--type-hidden,
#gform_wrapper_4 .gfield_visibility_hidden {
  display: none !important;
  margin: 0 !important;
}

/* --- Description / helper text --- */
#gform_wrapper_4 .gfield_description {
  font-size: 13px;
  color: #6b7280;
  margin-top: 4px;
}

/* --- Validation errors --- */
#gform_wrapper_4 .gfield_error input,
#gform_wrapper_4 .gfield_error select,
#gform_wrapper_4 .gfield_error textarea {
  border-color: #e63946;
  background: #fef2f2;
}

#gform_wrapper_4 .validation_message {
  color: #e63946;
  font-size: 13px;
  margin-top: 4px;
}

#gform_wrapper_4 .gform_validation_errors {
  background: #fef2f2;
  border: 1px solid #f5c2c7;
  border-radius: 10px;
  padding: 16px 20px;
  margin-bottom: 20px;
  color: #b91c1c;
}

/* --- Submit button --- */
#gform_wrapper_4 .gform_footer {
  margin-top: 8px;
  padding: 0;
}

#gform_wrapper_4 .gform_footer input[type="submit"],
#gform_wrapper_4 .gform_button {
  width: 100%;
  padding: 14px 24px;
  font-size: 16px;
  font-weight: 600;
  color: #ffffff;
  background: #249134;
  border: none;
  border-radius: 10px;
  cursor: pointer;
  transition: transform 0.15s ease, box-shadow 0.2s ease, opacity 0.2s ease;
  box-shadow: 0 2px 8px rgba(36, 145, 52, 0.25);
}

#gform_wrapper_4 .gform_footer input[type="submit"]:hover,
#gform_wrapper_4 .gform_button:hover {
  transform: translateY(-1px);
  background: #1f7d2c;
  box-shadow: 0 6px 16px rgba(36, 145, 52, 0.35);
}

#gform_wrapper_4 .gform_footer input[type="submit"]:active,
#gform_wrapper_4 .gform_button:active {
  transform: translateY(0);
}

/* --- Confirmation message after submit --- */
#gform_wrapper_4 .gform_confirmation_message {
  padding: 24px;
  background: #f0fdf4;
  border: 1px solid #bbf7d0;
  border-radius: 12px;
  color: #166534;
  font-size: 15px;
  text-align: center;
}

/* --- Mobile responsiveness --- */
@media (max-width: 640px) {
  #gform_wrapper_4 {
    padding: 20px;
    border-radius: 12px;
  }

  #gform_wrapper_4 .ginput_complex,
  #gform_wrapper_4 .gfield--type-date .ginput_container_date {
    flex-direction: column;
    gap: 12px;
  }
}