/* 
  Main file for implementing custom design     
*/

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

:root {
  --theme-font-family-heading: trade-gothic-next-condensed, Sans-Serif;
}

#gspb_row-id-gsbp-c672ba7 {
  @media (max-width: 689.98px) {
    background-size: 1000% !important;
    background-position: 59% 10px !important;
  }

  >.gspb_backgroundOverlay {
    @media (max-width: 999.98px) {
      background-position: 100% 48%;
      background-size: 30dvw;
    }

    @media (max-width: 689.98px) {
      background-position: 100% 0%;
      background-size: 50dvw;
    }
  }

  .gs-countdown {
    .gs-countdown__item {
      font-family: var(--theme-font-family-heading);
      font-weight: 700;
    }

    .gs-countdown__item_label {
      margin: 0 .5rem;
      background: var(--theme-palette-color-1);
      font-family: var(--theme-font-family-heading);
      font-weight: 700;
    }
  }
}

.gform_wrapper {
  --gf-ctrl-desc-color-error: var(--theme-palette-color-2) !important;
  --gf-form-validation-heading-color: var(--theme-palette-color-2) !important;
  --gf-form-validation-border-color: var(--theme-palette-color-2) !important;

  display: flex;
  flex-direction: column-reverse;

  .gform_required_legend {
    color: var(--theme-palette-color-8);
    margin-top: 2rem;

    & .gfield_required {
      color: var(--theme-palette-color-2) !important;
    }
  }

  .gfield_required {
    color: var(--theme-palette-color-2);
    font-size: 1rem;
  }

  .gform_fields {
    row-gap: 20px !important;
  }

  input#gform_submit_button_2 {
    background-image: url("data:image/svg+xml,%3Csvg width='20' height='14' viewBox='0 0 20 14' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cg clip-path='url(%23clip0_256_4)'%3E%3Cpath d='M19.755 7.40198C19.74 7.41998 19.735 7.44198 19.718 7.45898L13.912 13.265C13.8223 13.3552 13.7157 13.4269 13.5982 13.4757C13.4807 13.5246 13.3547 13.5498 13.2275 13.5498C13.1003 13.5498 12.9743 13.5246 12.8568 13.4757C12.7393 13.4269 12.6327 13.3552 12.543 13.265C12.4531 13.1752 12.3818 13.0685 12.3332 12.9512C12.2846 12.8338 12.2595 12.708 12.2595 12.581C12.2595 12.4539 12.2846 12.3281 12.3332 12.2108C12.3818 12.0934 12.4531 11.9868 12.543 11.897L16.698 7.74198H0.967996C0.838325 7.74615 0.709139 7.72421 0.588115 7.67747C0.46709 7.63072 0.356697 7.56012 0.263496 7.46987C0.170295 7.37962 0.0961877 7.27155 0.0455775 7.15209C-0.00503268 7.03263 -0.0311127 6.90422 -0.0311127 6.77448C-0.0311127 6.64474 -0.00503268 6.51633 0.0455775 6.39687C0.0961877 6.27741 0.170295 6.16934 0.263496 6.07909C0.356697 5.98884 0.46709 5.91824 0.588115 5.8715C0.709139 5.82475 0.838325 5.80281 0.967996 5.80698H16.698L12.543 1.65198C12.4532 1.56209 12.3819 1.45539 12.3333 1.33797C12.2848 1.22055 12.2598 1.0947 12.2598 0.967627C12.2599 0.84055 12.2849 0.714727 12.3336 0.597341C12.3823 0.479955 12.4536 0.373305 12.5435 0.283481C12.6334 0.193657 12.7401 0.122417 12.8575 0.0738299C12.9749 0.0252425 13.1008 0.00025881 13.2278 0.00030524C13.3549 0.000351671 13.4807 0.0254273 13.5981 0.0741005C13.7155 0.122774 13.8222 0.194091 13.912 0.283981L19.718 6.08998C19.738 6.10998 19.746 6.13698 19.764 6.15898C19.8302 6.23152 19.8848 6.31382 19.926 6.40298C20.025 6.63998 20.025 6.90798 19.926 7.14598C19.8834 7.23989 19.826 7.32633 19.756 7.40198H19.755Z' fill='white'/%3E%3C/g%3E%3Cdefs%3E%3CclipPath id='clip0_256_4'%3E%3Crect width='20' height='13.549' fill='white'/%3E%3C/clipPath%3E%3C/defs%3E%3C/svg%3E%0A");
    background-repeat: no-repeat;
    background-position: right 1rem top 54%;
    background-size: 15px 15px;
    padding-right: 3rem;
    /* ruimte voor icoon */
    text-transform: uppercase;
  }

  .gform_validation_errors:focus {
    outline: var(--theme-palette-color-2) !important;
    border-color: var(--theme-palette-color-2) !important;
  }
}