﻿.lambton-form {
  --_bg-color: var(--clr-secondary-600);
  --_label-color: var(--clr-dark-700);
  --_label-font-size: var(--fs-300);
  --_field-spacing: 2.5rem;
  --_inner-field-spacing: 0.75rem;
  --_input-height: 50px;
  --_required-color: var(--clr-red-900);
  --_error-color: var(--clr-red-900);
  --_valid-color: var(--clr-green);
  --_border-radius: var(--radius-2);
  padding: 5rem 8.5%;
  background-color: hsl(var(--_bg-color));
  border-radius: var(--_border-radius);
  border: 1px solid hsl(var(--_label-color)/0.3);
}
.lambton-form.form-container, .lambton-form .form-container {
  display: flex;
  position: relative;
  flex-direction: column;
  gap: var(--_field-spacing);
}
.lambton-form.form-container .field-container, .lambton-form .form-container .field-container {
  position: relative;
  display: flex;
  flex-direction: column;
  margin: 0;
  gap: var(--_inner-field-spacing);
}
.lambton-form.form-container .field-container .form-label, .lambton-form .form-container .field-container .form-label {
  font-family: var(--ff-barlow);
  font-weight: var(--fw-medium);
  color: hsl(var(--_label-color));
  font-size: var(--_label-font-size);
  margin-bottom: 0px;
}
.lambton-form.form-container .field-container .form-label.error, .lambton-form .form-container .field-container .form-label.error {
  color: hsl(var(--_required-color));
}
.lambton-form.form-container .field-container .form-label.form-required:before, .lambton-form .form-container .field-container .form-label.form-required:before {
  content: "* ";
  color: hsl(var(--_required-color));
}
.lambton-form.form-container .field-container .form-control.valid, .lambton-form .form-container .field-container .form-control.valid {
  border-color: hsl(var(--_valid-color));
  background-color: hsl(var(--_valid-color)/0.1);
}
.lambton-form.form-container .field-container .form-control.error, .lambton-form .form-container .field-container .form-control.error {
  border-color: hsl(var(--_error-color));
  background-color: hsl(var(--_error-color)/0.1);
}
.lambton-form.form-container .field-container .form-control, .lambton-form.form-container .field-container .form-select, .lambton-form .form-container .field-container .form-control, .lambton-form .form-container .field-container .form-select {
  min-height: var(--_input-height);
  border-radius: 0.5rem;
}
.lambton-form.form-container .field-container.consent, .lambton-form .form-container .field-container.consent {
  flex-direction: row;
}
.lambton-form.form-container .field-container.consent label, .lambton-form .form-container .field-container.consent label {
  text-align: start;
}
.lambton-form.form-container .field-container.consent input, .lambton-form .form-container .field-container.consent input {
  min-width: 28px;
  flex-grow: 0;
}
.lambton-form.form-container .submitbutton, .lambton-form .form-container .submitbutton {
  margin: auto;
}
.lambton-form.form-container .intro-content, .lambton-form .form-container .intro-content {
  text-align: center;
}
.lambton-form.form-container .intro-content h2, .lambton-form .form-container .intro-content h2 {
  margin-top: 0;
}
.lambton-form.form-container .required-disclaimer, .lambton-form .form-container .required-disclaimer {
  margin-bottom: 0;
}
.lambton-form.form-container .required-disclaimer .asterisk, .lambton-form .form-container .required-disclaimer .asterisk {
  color: hsl(var(--_required-color));
}
.lambton-form.form-container .winnie, .lambton-form .form-container .winnie {
  opacity: 0;
  position: absolute;
  top: 0;
  left: 0;
  height: 0;
  width: 0;
  z-index: -1;
}
.lambton-form.short-form {
  background: transparent;
}
.lambton-form.short-form .field-container .form-label:not(.form-check-label) {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  left: 1rem;
  margin: 0;
  transition: 0.2s;
  background-color: white;
  padding-left: 5px;
  padding-right: 5px;
  z-index: -1;
  font-size: clamp(1.125rem, 1.067rem + 0.256vw, 1.375rem);
}
.lambton-form.short-form .field-container .form-control {
  background: transparent;
}
.lambton-form.short-form .field-container:focus-within .form-label, .lambton-form.short-form .field-container:has(select, .form-control:not([value=""])) .form-label {
  top: 0;
  z-index: 1;
}
.lambton-form.multi-form nav {
  --multi-page-nav-size: 30px;
  background-color: #F2F2F2;
  border-radius: var(--multi-page-nav-size);
}
.lambton-form.multi-form nav ul {
  border-bottom: 0;
}
.lambton-form.multi-form nav ul li {
  margin: auto;
  width: var(--multi-page-nav-size);
  height: var(--multi-page-nav-size);
}
.lambton-form.multi-form nav ul li:first-child {
  margin-left: 0;
}
.lambton-form.multi-form nav ul li:last-child {
  margin-right: 0;
}
.lambton-form.multi-form nav ul li button {
  background-color: #D8D8D8;
  width: var(--multi-page-nav-size);
  height: var(--multi-page-nav-size);
  border-radius: var(--multi-page-nav-size);
  border: 0;
  transition: 0.2s background-color;
}
@-moz-document url-prefix() {
  .lambton-form.multi-form nav ul li button {
    transform: translateY(-3px);
  }
  @media (width >= 992px) {
    .lambton-form.multi-form nav ul li button {
      transform: translateY(-6px);
    }
  }
  @media (width >= 1921px) {
    .lambton-form.multi-form nav ul li button {
      transform: translateY(-12px);
    }
  }
}
.lambton-form.multi-form nav ul li button:hover {
  --_background: var(--clr-green);
  /*background-color: #00D0A0;*/
  background-color: hsl(var(--_background)/0.75);
}
.lambton-form.multi-form nav ul li button.active {
  --_background: var(--clr-green);
  /*background-color: hsl(var(--clr-secondary-900));*/
  background-color: hsl(var(--_background));
}
.lambton-form.multi-form .section-container {
  display: flex;
  flex-direction: column;
  gap: var(--_field-spacing);
}
.lambton-form .submission-confirmation {
  background-color: hsl(var(--_bg-color));
  border-radius: var(--_border-radius);
}
