/* 
  Custom Gravity Forms design 
*/

#ui-datepicker-div {
  display: none;
}

.page-id-838 #gspb_row-id-gsbp-d5d0fb04-fb68 {
  display: none;
}

.vdlp-gform-reset-link {
  margin: 0 1rem 1rem;
  display: inline-block;
  color: var(--wp--preset--color--palette-color-8);
  text-decoration: underline;

  @media (min-width: 600px) {
    margin: 0 2rem 2rem;
  }
}

@media (max-width: 768px) {
  #gform_2_validation_container {
      margin: 1rem 1rem 0;
  }
}

.gform-theme {
  --gf-color-primary: var(--wp--preset--color--palette-color-1);
  --gf-font-size-secondary: var(--theme-font-size);
  --gf-radius: var(--theme-border-radius);
  --gf-ctrl-btn-font-size: var(--theme-button-font-style);
  --gf-ctrl-btn-bg-color-hover-primary: var(--wp--preset--color--palette-color-10);
  --gf-ctrl-btn-bg-color-hover-secondary: var(--wp--preset--color--palette-color-7);
  --gf-field-pg-prog-bar-bg-color-blue: var(--wp--preset--color--palette-color-4);
  --gf-ctrl-label-font-family-primary: var(--theme-button-font-family, var(--theme-font-family));
  --gf-ctrl-btn-font-family: var(--theme-button-font-family, var(--theme-font-family));
  --gf-ctrl-btn-font-weight: var(--theme-button-font-weight);

  .button {
    --gf-ctrl-btn-padding-y: 5px;
    --gf-ctrl-btn-padding-x: 20px;
    --gf-ctrl-btn-size: var(--theme-button-min-height);
    --gf-ctrl-btn-font-size: var(--theme-button-font-size);
    --gf-ctrl-line-height: var(--theme-button-line-height);
    --gf-ctrl-btn-radius: var(--theme-button-border-radius);
    --gf-ctrl-btn-bg-color-primary: var(--theme-palette-color-8);
    --gf-ctrl-btn-bg-color-hover-primary: var(--wp--preset--color--palette-color-2);
    --gf-ctrl-btn-bg-color-focus-primary: var(--wp--preset--color--palette-color-2);
    --gf-ctrl-btn-bg-color-active-primary: var(--wp--preset--color--palette-color-2);
  }

  button.add_list_item,
  button.delete_list_item {
      &:active,
      &:focus,
      &:hover {
        background-color: var(--wp--preset--color--palette-color-2) !important;
      }
  }

  .gform-body {

    .gform_page {
      display: flex;
      flex-direction: row;
      flex-wrap: wrap;
      justify-content: space-between;
      align-items: center;
      gap: 2rem;
      padding: 1rem;
      /* background-color: var(--wp--preset--color--palette-color-9); */
      max-width: 100%;

      @media (min-width: 600px) {
        padding: 2rem;
      }

      .gform_page_fields {
        order: 0;
        box-sizing: border-box;
        width: 100%;
      }

      .gform_ajax_spinner {
        order: 1;
      }

      .button {
        order: 2;

        &.gform_previous_button {
          order: 0;
        }

        &.gform_next_button {
          order: 2;
        }
      }

      .gsection_title {
        font-size: 1.5rem;
        font-weight: 600;
        font-family: var(--gf-ctrl-label-font-family-primary);
      }

      .gform-page-footer {
        flex: 0 0 100%;
        max-width: 100%;
        width: 100%;
        margin-top: 1rem;
        order: 2;
        padding: 2rem;
        background-color: var(--wp--preset--color--palette-color-1);
        justify-content: space-between;
        border-radius: 15px;

        .button.gform_next_button {
          margin-left: auto;
        }
      }

      @media (max-width: 768px) {
        flex-direction: column;

        .vdlp-form-step-image,
        .gform_page_fields {
          flex: 0 0 100%;
          max-width: 100%;
        }

        .vdlp-form-step-image {
          order: -1;
        }

        .gfield .gform-datepicker,
        .gfield .ginput_password.medium, 
        .gfield input.medium, 
        .gfield select.medium {
          width: 100%;
        }
      }

      @media (min-width: 600px) {
        .gform_page_fields {
          flex: 0 0 100%;
          max-width: 100%;
        }

        .vdlp-form-step-image {
          display: flex;
          flex: 0 0 30%;
          max-width: 30%;
        }
      }

      .gfield_required.gfield_required_text:not(.optional) {
        /* display: none; */
        /* font-size: 1.3rem; */
        color: var(--theme-palette-color-8);
      }
    }
  }

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

  legend,
  label {
    &.gform-field-label:not(.gform-field-label--type-inline, .gform-field-label--type-sub) {
      font-size: 1.3rem;
      font-weight: 600;
      font-family: var(--gf-ctrl-label-font-family-primary);
    }
  }

  .gf_progressbar_wrapper {
    padding: 2rem;
    text-align: center;
    margin-bottom: 0;
    border-radius: 15px;

    .gf_progressbar .gf_progressbar_percentage {
      background-color: var(--theme-palette-color-8) !important;
    }
  }

  .ginput_container.ginput_container_radio.ginput_container_image_choice.ginput_container_image_choice--label-show.ginput_container_image_choice--input-show {
    display: flex;
  }

  @media (max-width: 800px) {
    .gfield-choice-image-wrapper {
      aspect-ratio: 4 / 2;
    }
  }
  
  .gfield--type-image_choice {
    .gfield-choice-image {
      object-fit: contain;
      max-width: 50%;
      margin-inline: auto;
    }

    .gfield_radio {
      /* justify-content: space-between;
      display: flex;
      flex-wrap: wrap; */
      width: 100%;
    }

    .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);
      border-radius: 15px;

      @media (min-width: 500px) {
        --gf-field-img-choice-size: 48%;
        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);
        max-height: 100%;
      }

      @media (min-width: 1070px) {
        --gf-field-img-choice-size: 23%;
        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);
      }
    }

    &.gfield--image-choice-appearance-no-card .gchoice:hover .gfield-choice-image-wrapper {
      box-shadow: none;
    }

    &.gfield--image-choice-appearance-no-card .gchoice:hover {
      box-shadow: var(--gf-field-img-choice-shadow-hover);
    }
  }
}

.choice-inline {
  .gfield_radio {
    flex-direction: row !important;
    gap: 2rem !important;
  }
}

.vdlp-form-step-image {
  display: none;
  box-sizing: border-box;
  order: 1;
}

.gf-tooltip-icon {
  display: inline-block;
  background-color: var(--wp--preset--color--palette-color-3);
  color: var(--wp--preset--color--palette-color-4);
  border-radius: 50%;
  width: 16px;
  height: 16px;
  line-height: 16px;
  font-size: 12px;
  font-weight: var(--theme-font-weight);
  text-align: center;
  margin-left: 6px;
  cursor: help;
  position: relative;

  &:hover::after,
  &:focus::after {
    content: attr(data-tooltip);
    position: absolute;
    top: 50%;
    left: 120%;
    transform: translateY(-50%);
    background: #333;
    color: var(--wp--preset--color--palette-color-4);
    padding: 6px 8px;
    border-radius: 4px;
    white-space: normal;
    z-index: 1000;
    width: 250px;

    @media (max-width: 900px) {
      left: -125px;
      top: 120%;
      transform: translateY(0);
    }
  }
}

.grid-col-2 .gfield_radio {
  display: grid !important;
  grid-template-columns: 1fr;

  @media (min-width: 840px) {
    grid-template-columns: 1fr 1fr;
  }
}

#gf-form-overview {
  .gf-form-overview-section {
    background-color: color-mix(in srgb, var(--wp--preset--color--palette-color-4) 80%, transparent);
    padding: 1rem;
    border-radius: 15px;
    margin: 1rem 0;

    .gsection_title {
      font-size: 1.25rem;
      font-weight: 600;
      font-family: var(--gf-ctrl-label-font-family-primary);
      color: var(--wp--preset--color--palette-color-5);
    }

    p {
      margin-bottom: 5px;
    }
  }
}

.externallink::after {
  display: inline-block;
  width: 12px;
  height: 12px;
  background-image: url("data:image/svg+xml,%3Csvg class='' style='display:inline-block;vertical-align:middle' width='72' height='72' viewBox='0 0 1024 1024' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath style='fill:%233762A3' d='M995.2 0l-326.4 0.34c-15.906-0-28.8 12.894-28.8 28.8v0 66.62c-0 0.002-0 0.004-0 0.006 0 15.906 12.894 28.8 28.8 28.8 0.204 0 0.407-0.002 0.61-0.006l-0.030 0 147.26-5.44 4.12 4.12-557.72 557.74c-4.361 4.346-7.059 10.358-7.059 17s2.698 12.654 7.058 16.999l0.001 0.001 46 46c4.346 4.361 10.358 7.059 17 7.059s12.654-2.698 16.999-7.058l0.001-0.001 557.72-557.74 4.12 4.12-5.44 147.26c-0.004 0.173-0.006 0.376-0.006 0.58 0 15.906 12.894 28.8 28.8 28.8 0.002 0 0.004-0 0.006-0l66.62 0c15.906 0 28.8-12.894 28.8-28.8v-0l0.34-326.4c0-15.906-12.894-28.8-28.8-28.8v0zM864 576h-32c-17.673 0-32 14.327-32 32v0 308c0 6.627-5.373 12-12 12v0h-680c-6.627 0-12-5.373-12-12v0-680c0-6.627 5.373-12 12-12v0h308c17.673 0 32-14.327 32-32v0-32c0-17.673-14.327-32-32-32v0h-320c-53.019 0-96 42.981-96 96v0 704c0 53.019 42.981 96 96 96v0h704c53.019 0 96-42.981 96-96v0-320c0-17.673-14.327-32-32-32v0z'%3E%3C/path%3E%3C/svg%3E");
  background-size: contain;
  background-repeat: no-repeat;
  content: "";
}