/* 
  Custom Gravity Forms design 
*/

/* Hide the reCAPTCHA badge - only allowed if reCAPTCHA v3 is used and you're showing legal disclosure elsewhere */
/* .grecaptcha-badge {
    visibility: hidden;
} */

.grecaptcha-badge {
  z-index: 100000;
}

#main-container {

  .gform_title {
    hyphens: auto;
  }

  .vdlp-form-narrow {
    max-width: 900px;
    margin: 1rem auto 2rem;
  }

  /* Add pointer cursor for clickable elements */
  form label,
  .pointer {
    cursor: pointer;
  }

  /* Sections */
  .gsection_title {
    --theme-font-size: 25px;
    font-weight: 700;
    margin-bottom: 1rem;
  }

  .gsection_description {
    margin-bottom: 1rem;
    max-width: 900px;
  }

  /* Theme styles */
  .gform-theme {
    --gf-local-bg-color: var(--wp--preset--color--palette-color-2);
    --gf-ctrl-btn-font-weight: var(--theme-button-font-weight, 700);
    --gf-field-pg-prog-color: var(--gf-color-out-ctrl-dark);
    --gf-field-pg-prog-font-family: var(--gf-font-family-base);
    --gf-field-pg-prog-font-size: var(--gf-local-font-size);
    --gf-field-pg-prog-font-style: var(--gf-font-style-base);
    --gf-field-pg-prog-font-weight: var(--gf-local-font-weight);
    --gf-field-pg-prog-text-transform: none;
    --gf-field-pg-prog-margin-y-end: 3rem;
    --gf-ctrl-btn-bg-color-hover-primary: var(--wp--preset--color--palette-color-2);
    --gf-ctrl-btn-color-hover-primary: var(--wp--preset--color--palette-color-8); 
    --gf-ctrl-btn-color-focus-primary: var(--gf-ctrl-btn-color-hover-primary);
    --gf-ctrl-btn-icon-color-hover-primary: var(--wp--preset--color--palette-color-8);
    --gf-ctrl-btn-icon-color-focus-primary: var(--wp--preset--color--palette-color-8);
    max-width: 900px;
    /* margin: 1rem auto 2rem; */

    .gform-field-label {
      cursor: pointer;
    }

    .gf_progressbar_wrapper {
      /* background-color: var(--wp--preset--color--palette-color-8); */
      border-radius: var(--wp--preset--border-radius--border-radius-1);
      text-align: center;
    }

    .gfield--type-image_choice {
      .gchoice {
        --gf-field-img-choice-size: 100%;
        inline-size: var(--gf-field-img-choice-size);
        max-inline-size: var(--gf-field-img-choice-size);
        min-inline-size: var(--gf-field-img-choice-size);
      }
    }
  }
}

@media (min-width: 600px) {
  #main-container {

    .gform-theme {
      .gform_save_link {
        margin-left: auto;
      }

      .gfield--type-image_choice {
        .gchoice {
            --gf-field-img-choice-size: 30%;
            inline-size: var(--gf-field-img-choice-size);
            max-inline-size: var(--gf-field-img-choice-size);
            min-inline-size: var(--gf-field-img-choice-size);
        }
      }
    }
  }
}

@media (max-width: 768px) {
  #main-container {
    .gform-theme--foundation {
      .gfield {
        .ginput_password.medium,
        input.medium,
        select.medium {
          inline-size: 100%;
        }

        .ginput_container .medium,
        input.medium,
        select.medium {
          inline-size: 100%;
        }

        .ginput_container .small,
        input.small,
        select.small {
          inline-size: 50%;
        }
      }
    }

    .has-medium-font-size {
      font-size: var(--theme-font-size) !important;
    }
  }
}