:root {
  --lightBlue: #f3fbff;
}

:root {
  --lightBlue: #f3fbff;
}

/** Text fields **/
.form-text,
.form-textarea,
.form-email,
input[type=text],
input[type=email],
input[type=number],
input[type=date],
textarea {
  font-family: "Montserrat", sans-serif;
  display: block;
  appearance: none;
  outline: none;
  margin: 0;
  border-radius: 0;
  font-size: 1.125rem;
  line-height: 1.5rem;
  background: #ffffff;
  color: black;
  border: solid 1px #d5d5d5;
  height: 60px;
  width: 100%;
  padding: 0 20px;
  transition: border 0.1s;
}
.form-text:focus,
.form-textarea:focus,
.form-email:focus,
input[type=text]:focus,
input[type=email]:focus,
input[type=number]:focus,
input[type=date]:focus,
textarea:focus {
  border-bottom-width: 4px;
  border-color: #a8b0bd;
}

.form-textarea,
textarea {
  min-height: 168px;
  resize: vertical;
  padding: 16px 20px;
  display: block;
  width: 100%;
}

/** Label + required label **/
label {
  font-weight: 400;
  font-size: 1rem;
  line-height: 1.5rem;
  font-family: "Montserrat", sans-serif;
  margin: 0 0 8px 0;
  color: #82848f;
  display: inline-block;
}
label.form-required, label[data-mandatory=true] {
  background: url(../images/form/required.svg) right 0 no-repeat;
  padding-right: 12px;
}

/** Buttons **/
input[type=submit],
input[type=button],
button[type=submit] {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  padding: 0 32px;
  min-height: 56px;
  transition: all 0.1s ease-in-out;
  border-radius: 32px;
  background: #01a9c1;
  font-size: 1rem;
  line-height: 1.25rem;
  text-align: center;
  color: #ffffff;
  font-weight: bold;
  border: solid 2px #01a9c1;
  min-width: 252px;
  margin: 40px 0 0 0;
}
input[type=submit]:hover,
input[type=button]:hover,
button[type=submit]:hover {
  background: #ffffff;
  border-color: #019ab8;
  color: #000000;
  border: solid 2px #01a9c1;
}

/** Radio + checkbox **/
input[type=checkbox],
input[type=radio] {
  pointer-events: none;
  width: 0;
  margin: 0;
}
input[type=checkbox] + label,
input[type=radio] + label {
  cursor: pointer;
  position: relative;
  user-select: none;
  margin: 0;
}
input[type=checkbox] + label:before,
input[type=radio] + label:before {
  content: "";
  display: block;
  left: 0;
  top: 0;
  position: absolute;
  transition: border-color 0.3s;
}
input[type=checkbox] + label:after,
input[type=radio] + label:after {
  content: "";
  display: block;
  position: absolute;
  transition: opacity 0.3s;
  opacity: 0;
}
input[type=checkbox]:checked + label:before,
input[type=radio]:checked + label:before {
  border-color: #01a9c1;
}
input[type=checkbox]:checked + label:after,
input[type=radio]:checked + label:after {
  opacity: 1;
}

input[type=checkbox] + label {
  padding: 0 0 0 34px;
}
input[type=checkbox] + label:before {
  width: 18px;
  height: 18px;
  border: 2px solid #676767;
  border-radius: 3px;
}
input[type=checkbox] + label:after {
  width: 10px;
  height: 6px;
  left: 5px;
  top: 4px;
  border: solid #01a9c1;
  border-width: 0 0 3px 3px;
  transform: rotate(-45deg);
}

input[type=radio] + label {
  padding: 0 0 0 34px;
}
input[type=radio] + label:before {
  width: 18px;
  height: 18px;
  border: 2px solid #676767;
  border-radius: 50%;
}
input[type=radio] + label:after {
  width: 14px;
  height: 14px;
  background: #01a9c1;
  border-radius: 50%;
  left: 4px;
  top: 4px;
}

/** Fieldset (e.g. checkbox group) **/
fieldset {
  margin: 40px 0;
  border: solid 1px #d5d5d5;
  padding: 16px 32px 24px;
}
fieldset legend {
  font-size: 1rem;
  line-height: 1.5rem;
  color: #82848f;
  padding: 0 12px;
  background: #ffffff;
}

/** Drupal forms **/
.user-login-form,
.user-form,
.user-pass,
.webform-submission-form {
  margin: 0 auto;
  max-width: 768px;
  position: relative;
  color: #000000;
  font-family: Montserrat, serif;
  /** Field wrappers **/
  /** Text under fields **/
  /** File upload **/
}
.user-login-form .form-item + .form-item,
.user-login-form .form-item + .captcha,
.user-login-form .form-item + fieldset,
.user-login-form .form-item + div[id^=ajax-wrapper],
.user-login-form fieldset + .form-item,
.user-login-form fieldset + .captcha,
.user-login-form fieldset + fieldset,
.user-login-form fieldset + div[id^=ajax-wrapper],
.user-login-form div[id^=ajax-wrapper] + .form-item,
.user-login-form div[id^=ajax-wrapper] + .captcha,
.user-login-form div[id^=ajax-wrapper] + fieldset,
.user-login-form div[id^=ajax-wrapper] + div[id^=ajax-wrapper],
.user-login-form .captcha + .form-item,
.user-login-form .captcha + .captcha,
.user-login-form .captcha + fieldset,
.user-login-form .captcha + div[id^=ajax-wrapper],
.user-login-form input[name=captcha_token] + .form-item,
.user-login-form input[name=captcha_token] + .captcha,
.user-login-form input[name=captcha_token] + fieldset,
.user-login-form input[name=captcha_token] + div[id^=ajax-wrapper],
.user-form .form-item + .form-item,
.user-form .form-item + .captcha,
.user-form .form-item + fieldset,
.user-form .form-item + div[id^=ajax-wrapper],
.user-form fieldset + .form-item,
.user-form fieldset + .captcha,
.user-form fieldset + fieldset,
.user-form fieldset + div[id^=ajax-wrapper],
.user-form div[id^=ajax-wrapper] + .form-item,
.user-form div[id^=ajax-wrapper] + .captcha,
.user-form div[id^=ajax-wrapper] + fieldset,
.user-form div[id^=ajax-wrapper] + div[id^=ajax-wrapper],
.user-form .captcha + .form-item,
.user-form .captcha + .captcha,
.user-form .captcha + fieldset,
.user-form .captcha + div[id^=ajax-wrapper],
.user-form input[name=captcha_token] + .form-item,
.user-form input[name=captcha_token] + .captcha,
.user-form input[name=captcha_token] + fieldset,
.user-form input[name=captcha_token] + div[id^=ajax-wrapper],
.user-pass .form-item + .form-item,
.user-pass .form-item + .captcha,
.user-pass .form-item + fieldset,
.user-pass .form-item + div[id^=ajax-wrapper],
.user-pass fieldset + .form-item,
.user-pass fieldset + .captcha,
.user-pass fieldset + fieldset,
.user-pass fieldset + div[id^=ajax-wrapper],
.user-pass div[id^=ajax-wrapper] + .form-item,
.user-pass div[id^=ajax-wrapper] + .captcha,
.user-pass div[id^=ajax-wrapper] + fieldset,
.user-pass div[id^=ajax-wrapper] + div[id^=ajax-wrapper],
.user-pass .captcha + .form-item,
.user-pass .captcha + .captcha,
.user-pass .captcha + fieldset,
.user-pass .captcha + div[id^=ajax-wrapper],
.user-pass input[name=captcha_token] + .form-item,
.user-pass input[name=captcha_token] + .captcha,
.user-pass input[name=captcha_token] + fieldset,
.user-pass input[name=captcha_token] + div[id^=ajax-wrapper],
.webform-submission-form .form-item + .form-item,
.webform-submission-form .form-item + .captcha,
.webform-submission-form .form-item + fieldset,
.webform-submission-form .form-item + div[id^=ajax-wrapper],
.webform-submission-form fieldset + .form-item,
.webform-submission-form fieldset + .captcha,
.webform-submission-form fieldset + fieldset,
.webform-submission-form fieldset + div[id^=ajax-wrapper],
.webform-submission-form div[id^=ajax-wrapper] + .form-item,
.webform-submission-form div[id^=ajax-wrapper] + .captcha,
.webform-submission-form div[id^=ajax-wrapper] + fieldset,
.webform-submission-form div[id^=ajax-wrapper] + div[id^=ajax-wrapper],
.webform-submission-form .captcha + .form-item,
.webform-submission-form .captcha + .captcha,
.webform-submission-form .captcha + fieldset,
.webform-submission-form .captcha + div[id^=ajax-wrapper],
.webform-submission-form input[name=captcha_token] + .form-item,
.webform-submission-form input[name=captcha_token] + .captcha,
.webform-submission-form input[name=captcha_token] + fieldset,
.webform-submission-form input[name=captcha_token] + div[id^=ajax-wrapper] {
  margin: 20px 0 0 0;
}
.user-login-form .description,
.user-login-form .password-confirm-message,
.user-login-form p,
.user-login-form .captcha,
.user-form .description,
.user-form .password-confirm-message,
.user-form p,
.user-form .captcha,
.user-pass .description,
.user-pass .password-confirm-message,
.user-pass p,
.user-pass .captcha,
.webform-submission-form .description,
.webform-submission-form .password-confirm-message,
.webform-submission-form p,
.webform-submission-form .captcha {
  font-size: 0.875rem;
  line-height: 1.25rem;
  color: #82848f;
  margin-top: 8px;
}
.user-login-form .form-managed-file,
.user-form .form-managed-file,
.user-pass .form-managed-file,
.webform-submission-form .form-managed-file {
  padding: 20px;
  border: 2px dashed #b7b7b7;
}
.user-login-form .form-managed-file input[type=submit],
.user-form .form-managed-file input[type=submit],
.user-pass .form-managed-file input[type=submit],
.webform-submission-form .form-managed-file input[type=submit] {
  min-height: 40px;
  width: auto;
  min-width: 0;
  margin-top: 20px;
}
.user-login-form .form-managed-file input[type=file],
.user-form .form-managed-file input[type=file],
.user-pass .form-managed-file input[type=file],
.webform-submission-form .form-managed-file input[type=file] {
  display: block;
}
.user-login-form .form-file,
.user-form .form-file,
.user-pass .form-file,
.webform-submission-form .form-file {
  color: #000000;
  font-size: 1rem;
  line-height: 1.5rem;
}
.user-login-form .field-prefix,
.user-form .field-prefix,
.user-pass .field-prefix,
.webform-submission-form .field-prefix {
  display: block;
  font-weight: 700;
  color: #82848f;
  margin-bottom: 8px;
}

/** Custom forms **/
.a-form {
  position: relative;
}
.a-form fieldset {
  margin: 0;
}
.a-form__row + .a-form__row, .a-form__row + .a-form__checkbox, .a-form__row + .a-form__radio, .a-form__checkbox + .a-form__row, .a-form__checkbox + .a-form__checkbox, .a-form__checkbox + .a-form__radio, .a-form__radio + .a-form__row, .a-form__radio + .a-form__checkbox, .a-form__radio + .a-form__radio {
  margin: 20px 0 0 0;
}
.a-form__row_group {
  display: flex;
}
.a-form__row_group .a-form__field {
  flex: 1;
}
.a-form__row_group .a-form__field + .a-form__field {
  margin: 0 0 0 20px;
}
.a-form__field, .a-form__row {
  position: relative;
}
.a-form__disclaimer {
  margin: 40px 0 0 0;
  font-size: 1rem;
  line-height: 1.625rem;
  color: #000000;
}
.a-form__disclaimer a {
  text-decoration: underline;
  text-underline-offset: 4px;
  text-decoration-skip-ink: none;
  text-decoration-color: transparent;
  color: #01a9c1;
}
.a-form__disclaimer a:hover, .a-form__disclaimer a[data-hovered=true] {
  text-decoration-color: #01a9c1;
}
.a-form__form {
  position: relative;
  transition: opacity 0.3s;
}
.a-form__form[data-hidden=true] {
  opacity: 0;
}
.a-form__message {
  position: absolute;
  width: 100%;
  height: 100%;
  text-align: center;
  top: 0;
  left: 0;
  font-size: 1rem;
  line-height: 1.625rem;
  letter-spacing: 0.0625rem;
  color: #363943;
  background: #ffffff;
  z-index: 11;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  opacity: 0;
  transition: opacity 0.3s;
}
.a-form__message[data-visible=true] {
  opacity: 1;
}
.a-form__error {
  position: absolute;
  left: 0;
  bottom: -18px;
  color: #e1312f;
  font-size: 0.75rem;
}
.a-form div[data-loader=true] {
  position: absolute;
  width: 100%;
  height: 100%;
  left: 0;
  top: 0;
  background: rgba(0, 0, 0, 0.5);
  opacity: 0;
  z-index: -1;
  transition: all 0.3s;
}
.a-form div[data-loader=true][data-visible=true] {
  z-index: 10;
  opacity: 1;
}
.a-form__title {
  font-size: 2.3125rem;
  line-height: 3rem;
  font-weight: 700;
}
.a-form__subtitle {
  font-size: 1rem;
  line-height: 1.625rem;
  margin: 24px 0 0 0;
}
.a-form__subtitle + .a-form__form {
  margin: 40px 0 0 0;
}

.a-secret-1 {
  display: none !important;
}

.a-secret-2 {
  position: absolute;
  left: -10000px;
  top: -10000px;
}