/* ==========================================================================
   Gravity Forms
   Scoped styles for Gravity Forms only.
   ========================================================================== */

.gform_wrapper.gravity-theme,
.gform_wrapper.gform-theme,
.gform-theme--framework {
  --gf-local-surface: #f7f8f6;
  --gf-local-border: #d9dfd7;
  --gf-local-text: #2f3a32;
  --gf-local-muted: #667268;
  --gf-local-accent: #1a6b3a;
  --gf-local-accent-soft: rgba(26, 107, 58, 0.12);
  --gf-local-button: rgb(212, 168, 75);
  --gf-local-button-hover: rgb(230, 183, 83);
}

.gform_wrapper.gravity-theme form,
.gform_wrapper.gform-theme form,
.gform-theme--framework form {
  background-color: var(--gf-local-surface);
  border: 1px solid var(--gf-local-border);
  border-radius: var(--radius-md);
  padding: 1.5rem;
  box-shadow: var(--shadow-sm);
}

.gform_wrapper.gravity-theme .gform_heading,
.gform_wrapper.gform-theme .gform_heading,
.gform-theme--framework .gform_heading {
  margin-bottom: 1.5rem;
}

.gform_wrapper.gravity-theme .gform_title,
.gform_wrapper.gform-theme .gform_title,
.gform-theme--framework .gform_title {
  color: var(--gf-local-text);
  font-size: clamp(1.5rem, 2.4vw, 2rem);
  margin-bottom: 0.4rem;
}

.gform_wrapper.gravity-theme .gform_description,
.gform_wrapper.gform-theme .gform_description,
.gform-theme--framework .gform_description,
.gform_wrapper.gravity-theme .gsection_description,
.gform_wrapper.gform-theme .gsection_description,
.gform-theme--framework .gsection_description {
  color: var(--gf-local-muted);
}

.gform_wrapper.gravity-theme .gfield_label,
.gform_wrapper.gform-theme .gfield_label,
.gform-theme--framework .gfield_label {
  color: var(--gf-local-text);
  font-size: 0.95rem;
  font-weight: 600;
  margin-bottom: 0.45rem;
}

.gform_wrapper.gravity-theme .gfield_required,
.gform_wrapper.gform-theme .gfield_required,
.gform-theme--framework .gfield_required {
  color: #9f5b26;
}

.gform_wrapper.gravity-theme .gfield input:not([type="radio"]):not([type="checkbox"]):not([type="submit"]),
.gform_wrapper.gravity-theme .gfield select,
.gform_wrapper.gravity-theme .gfield textarea,
.gform_wrapper.gform-theme .gfield input:not([type="radio"]):not([type="checkbox"]):not([type="submit"]),
.gform_wrapper.gform-theme .gfield select,
.gform_wrapper.gform-theme .gfield textarea,
.gform-theme--framework .gfield input:not([type="radio"]):not([type="checkbox"]):not([type="submit"]),
.gform-theme--framework .gfield select,
.gform-theme--framework .gfield textarea {
  width: 100%;
  border: 1px solid var(--gf-local-border);
  border-radius: 6px;
  background-color: #ffffff;
  color: var(--gf-local-text);
  padding: 0.8rem 0.95rem;
  transition: border-color 0.2s ease, box-shadow 0.2s ease, background-color 0.2s ease;
}

.gform_wrapper.gravity-theme .gfield input::placeholder,
.gform_wrapper.gravity-theme .gfield textarea::placeholder,
.gform_wrapper.gform-theme .gfield input::placeholder,
.gform_wrapper.gform-theme .gfield textarea::placeholder,
.gform-theme--framework .gfield input::placeholder,
.gform-theme--framework .gfield textarea::placeholder {
  color: #8b948d;
}

.gform_wrapper.gravity-theme .gfield input:not([type="radio"]):not([type="checkbox"]):not([type="submit"]):focus,
.gform_wrapper.gravity-theme .gfield select:focus,
.gform_wrapper.gravity-theme .gfield textarea:focus,
.gform_wrapper.gform-theme .gfield input:not([type="radio"]):not([type="checkbox"]):not([type="submit"]):focus,
.gform_wrapper.gform-theme .gfield select:focus,
.gform_wrapper.gform-theme .gfield textarea:focus,
.gform-theme--framework .gfield input:not([type="radio"]):not([type="checkbox"]):not([type="submit"]):focus,
.gform-theme--framework .gfield select:focus,
.gform-theme--framework .gfield textarea:focus {
  outline: none;
  border-color: var(--gf-local-accent);
  box-shadow: 0 0 0 3px var(--gf-local-accent-soft);
}

.gform_wrapper.gravity-theme .gfield_radio,
.gform_wrapper.gravity-theme .gfield_checkbox,
.gform_wrapper.gform-theme .gfield_radio,
.gform_wrapper.gform-theme .gfield_checkbox,
.gform-theme--framework .gfield_radio,
.gform-theme--framework .gfield_checkbox {
  display: grid;
  gap: 0.65rem;
}

.gform_wrapper.gravity-theme .gchoice,
.gform_wrapper.gform-theme .gchoice,
.gform-theme--framework .gchoice {
  display: flex;
  align-items: center;
  gap: 0.65rem;
  padding: 0.65rem 0.8rem;
  border: 1px solid var(--gf-local-border);
  border-radius: 6px;
  background-color: rgba(255, 255, 255, 0.72);
}

.gform_wrapper.gravity-theme .gchoice label,
.gform_wrapper.gform-theme .gchoice label,
.gform-theme--framework .gchoice label {
  color: var(--gf-local-text);
  font-size: 0.95rem;
}

.gform_wrapper.gravity-theme input[type="radio"],
.gform_wrapper.gravity-theme input[type="checkbox"],
.gform_wrapper.gform-theme input[type="radio"],
.gform_wrapper.gform-theme input[type="checkbox"],
.gform-theme--framework input[type="radio"],
.gform-theme--framework input[type="checkbox"] {
  accent-color: var(--gf-local-accent);
}

.gform_wrapper.gravity-theme .gform_footer,
.gform_wrapper.gravity-theme .gform_page_footer,
.gform_wrapper.gform-theme .gform_footer,
.gform_wrapper.gform-theme .gform_page_footer,
.gform-theme--framework .gform_footer,
.gform-theme--framework .gform_page_footer {
  margin-top: 1.5rem;
}

.gform_wrapper.gravity-theme .gform_button,
.gform_wrapper.gravity-theme input[type="submit"],
.gform_wrapper.gform-theme .gform_button,
.gform_wrapper.gform-theme input[type="submit"],
.gform-theme--framework .gform_button,
.gform-theme--framework input[type="submit"] {
  background-color: var(--gf-local-button) !important;
  border: 0;
  border-radius: var(--radius-sm);
  color: #ffffff;
  cursor: pointer;
  font-family: var(--font-body);
  font-size: 0.95rem;
  font-weight: 600;
  letter-spacing: 0.01em;
  padding: 0.85rem 1.4rem;
  transition: background-color 0.2s ease, transform 0.2s ease;
}

.gform_wrapper.gravity-theme .gform_button:hover,
.gform_wrapper.gravity-theme .gform_button:focus,
.gform_wrapper.gravity-theme input[type="submit"]:hover,
.gform_wrapper.gravity-theme input[type="submit"]:focus,
.gform_wrapper.gform-theme .gform_button:hover,
.gform_wrapper.gform-theme .gform_button:focus,
.gform_wrapper.gform-theme input[type="submit"]:hover,
.gform_wrapper.gform-theme input[type="submit"]:focus,
.gform-theme--framework .gform_button:hover,
.gform-theme--framework .gform_button:focus,
.gform-theme--framework input[type="submit"]:hover,
.gform-theme--framework input[type="submit"]:focus {
  background-color: var(--gf-local-button-hover) !important;
  color: #ffffff;
  text-decoration: none;
}

.gform_wrapper.gravity-theme .validation_message,
.gform_wrapper.gform-theme .validation_message,
.gform-theme--framework .validation_message {
  color: #8a3f16;
  font-size: 0.9rem;
}

.gform_wrapper.gravity-theme .gform_validation_errors,
.gform_wrapper.gform-theme .gform_validation_errors,
.gform-theme--framework .gform_validation_errors {
  background-color: rgba(192, 115, 48, 0.08);
  border: 1px solid rgba(192, 115, 48, 0.2);
  border-radius: var(--radius-sm);
  box-shadow: none;
}


/* Volunteer form choices */
#input_1_13 {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 1rem;
}

#input_1_13 .gchoice {
    box-sizing: border-box;
    width: auto !important;
    margin: 0;
    transition: box-shadow 0.2s ease, transform 0.2s ease;
}

#input_1_12 .gchoice {
    transition: box-shadow 0.2s ease, transform 0.2s ease;
}

#input_1_13 .gchoice:hover,
#input_1_12 .gchoice:hover {
    cursor: pointer;
    box-shadow: 0 3px 10px rgba(47, 58, 50, 0.12);
    transform: translateY(-1px);
} 

@media (max-width: 640px) {
    #input_1_13 {
        grid-template-columns: 1fr;
    }

    #input_1_13 .gchoice {
        width: 100% !important;
    }
}

.gchoice:has(input[type='checkbox']:checked),
.gchoice:has(input[type='radio']:checked) {
    background-color: lightgoldenrodyellow;
    border-color: var(--color-gold-100);
}
