input[type=button],
input[type=submit],
input[type=reset],
button {
  -webkit-appearance: button;
}

form {
  max-width: min(92vw, 150ch, 1200px);
  font-size: 1.5em;
}
form button {
  background-color: #000;
  background-color: var(--color-cta);
  color: #fff;
  padding: 1em 4em;
  border: none;
  /* New layout */
  position: relative;
  bottom: 10rem;
}
@media screen and (max-width: 768px) {
  form button {
    position: static;
    bottom: none;
    width: 100%;
  }
}
form button:hover {
  background-color: var(--color-cta-hover);
}
form a {
  color: var(--brand-color);
}

.formLayout0 {
  background-color: #fff;
  background-color: var(--color-bg);
  --switch: calc((var(--light) - var(--threshold)) * -100%);
  color: hsl(0, 0%, var(--switch));
  margin-bottom: 1em;
}
.formLayout0 header {
  padding: 0;
}
@media screen and (max-width: 768px) {
  .formLayout0 {
    padding-bottom: 0 !important;
  }
}

.formLayout0[style*="--light:"] {
  padding-left: 2em;
  padding-right: 2em;
}

@media screen and (max-width: 1630px) {
  .formLayout10 {
    max-width: 96vw;
    margin-left: 4vw;
  }
  .formLayout10 .actions {
    max-width: 92vw;
    margin-left: 0;
    margin-right: auto;
  }
}

form h2 {
  font-size: 1.4em;
  margin-bottom: 1em;
}

div.form-group.singleselect {
  /*
  .ss-main.ss-open-above {
      border-top: none !important;
  }

  .ss-main.ss-open-below {
      border-bottom: none !important;
  }


  /*
  .ss-list {
      background-color: var(--color-primary) !important;
      background: var(--color-primary) !important;
  } */
}
div.form-group.singleselect .input {
  padding: 0;
  border: none;
}
div.form-group.singleselect .ss-single {
  margin-left: 0;
}
div.form-group.singleselect .ss-values {
  min-height: 70px;
  height: 70px;
  background-color: var(--color-primary);
  color: white;
  border: none;
}
div.form-group.singleselect .ss-main {
  border-radius: 0;
  border-top: 2px solid rgba(255, 255, 255, 0.5);
  border-bottom: 2px solid rgba(255, 255, 255, 0.5);
  border-right: 2px solid rgba(255, 255, 255, 0.5);
  border-left: 2px solid rgba(255, 255, 255, 0.5);
  padding-left: 1rem;
  background-color: var(--color-primary);
  max-height: 70px;
}

.form-group,
form fieldset {
  margin-bottom: 1em;
  display: flex;
  flex-direction: column;
}
.form-group .input,
form fieldset .input {
  border: 2px solid rgba(255, 255, 255, 0.5);
  width: 100%;
  min-width: 100%;
  min-height: 70px;
  display: flex;
  align-items: center;
  justify-content: flex-start;
  padding-left: 1rem;
}
.form-group .input .inputs-list,
form fieldset .input .inputs-list {
  margin-left: 0;
  margin-right: 0;
}
.form-group .input .form-control,
form fieldset .input .form-control {
  display: flex;
  padding: 0;
  font-size: 14px;
}
.form-group .input .form-control::placeholder,
form fieldset .input .form-control::placeholder {
  color: rgba(255, 255, 255, 0.5);
}
.form-group legend,
form fieldset legend {
  font-weight: bold;
  font-size: 0.9em;
  padding: 0 0.4em;
}
.form-group label,
form fieldset label {
  font-size: 17px;
  margin: 0 0;
  padding-top: 0.25em;
  padding-bottom: 0.25em;
  line-height: 1.4em;
}
@media screen and (max-width: 768px) {
  .form-group label,
form fieldset label {
    flex: 0 0 2rem;
  }
}
@media screen and (min-width: 768px) {
  .form-group label,
form fieldset label {
    flex: 0 0 15%;
  }
}
.form-group label span,
form fieldset label span {
  font-size: 14px;
  padding-left: 0.5em;
}
.form-group > div,
form fieldset > div {
  flex: 0 0 85%;
  margin-left: 0 !important;
}
.form-group > div input[type=email],
.form-group > div input[type=number],
.form-group > div input[type=password],
.form-group > div input[type=search],
.form-group > div input[type=tel],
.form-group > div input[type=text],
.form-group > div input[type=url],
.form-group > div input[type=reset],
.form-group > div input[type=date],
.form-group > div select,
.form-group > div textarea,
form fieldset > div input[type=email],
form fieldset > div input[type=number],
form fieldset > div input[type=password],
form fieldset > div input[type=search],
form fieldset > div input[type=tel],
form fieldset > div input[type=text],
form fieldset > div input[type=url],
form fieldset > div input[type=reset],
form fieldset > div input[type=date],
form fieldset > div select,
form fieldset > div textarea {
  font-family: inherit;
  min-height: 38px;
  padding: 0;
  box-shadow: none;
  box-sizing: border-box;
  width: 100%;
  transition: all 200ms;
  font-family: Manrope, "Roboto Condensed", arial, sans-serif;
  background: none;
  border: 0;
  color: var(--switch);
  outline: 0;
  font-size: 14px;
  padding-bottom: 0.4em;
}
.form-group > div input[type=checkbox],
form fieldset > div input[type=checkbox] {
  margin: 0.15em 0.3em 0 0;
}
.form-group > div input:required:focus,
form fieldset > div input:required:focus {
  outline: none;
}
.form-group > div input:required:focus:invalid,
form fieldset > div input:required:focus:invalid {
  border-color: #850305;
}
.form-group > div select optgroup,
.form-group > div select option,
form fieldset > div select optgroup,
form fieldset > div select option {
  font-family: "Manrope", sans-serif;
  padding: 0.2em;
  font-weight: 400;
  font-size: 14px;
}
.form-group > div select:required,
.form-group > div textarea:required,
.form-group > div input:required,
form fieldset > div select:required,
form fieldset > div textarea:required,
form fieldset > div input:required {
  border: 0;
}
.form-group > div textarea,
form fieldset > div textarea {
  resize: vertical;
  min-height: 8em;
  outline: 0;
  width: 100%;
}
.form-group > div textarea.form-control,
form fieldset > div textarea.form-control {
  margin-top: 1.5rem;
}
.form-group .checkbox span,
form fieldset .checkbox span {
  max-width: 100%;
}
@media screen and (max-width: 768px) {
  .form-group .checkbox span,
form fieldset .checkbox span {
    max-width: calc(100% - 3em);
  }
}
.form-group .checkboxlink span,
form fieldset .checkboxlink span {
  max-width: calc(100% - 3em);
}
.form-group.checkboxlink, .form-group.checkbox,
form fieldset.checkboxlink,
form fieldset.checkbox {
  border-bottom: 0;
  max-width: 70%;
  /* flex: 0 0 70% !important; */
  margin: 0;
  padding-left: 0;
}
@media screen and (max-width: 768px) {
  .form-group.checkboxlink, .form-group.checkbox,
form fieldset.checkboxlink,
form fieldset.checkbox {
    max-width: none;
  }
}
.form-group.checkboxlink input[type=checkbox], .form-group.checkbox input[type=checkbox],
form fieldset.checkboxlink input[type=checkbox],
form fieldset.checkbox input[type=checkbox] {
  float: left;
  margin-top: 0.3em;
  margin-right: 0.4em;
  height: 1.2rem;
  width: 1.2rem;
  padding-left: 0;
  accent-color: #ededed !important;
}
.form-group.checkboxlink .input, .form-group.checkbox .input,
form fieldset.checkboxlink .input,
form fieldset.checkbox .input {
  border: none;
  margin: 0;
  padding-left: 0;
}
.form-group.checkboxlink .input .form-check, .form-group.checkbox .input .form-check,
form fieldset.checkboxlink .input .form-check,
form fieldset.checkbox .input .form-check {
  margin: 0;
}
.form-group.checkboxlink span, .form-group.checkbox span,
form fieldset.checkboxlink span,
form fieldset.checkbox span {
  display: inline-block;
  float: left;
  font-size: 0.65em;
  margin-top: 0.3em;
  line-height: 1.5em;
}
.form-group.checkboxlink span span, .form-group.checkbox span span,
form fieldset.checkboxlink span span,
form fieldset.checkbox span span {
  float: none;
  padding-left: 0;
}
.form-group .help-block,
form fieldset .help-block {
  display: block;
  opacity: 0.5;
  padding: 0.2em 0;
  font-size: 0.8em;
}

form fieldset {
  border: 1px solid #ccc;
  border-radius: 5px;
  margin-bottom: 2em;
  padding: 0.5em 2em;
}

.actions {
  flex: 0 0 auto;
  margin-bottom: 4em;
}
@media screen and (max-width: 768px) {
  .actions {
    margin-bottom: 0;
  }
}
.actions .btn-group button {
  margin: 2em 0;
  font-size: 0.9rem;
}
.actions .next,
.actions .submit {
  text-align: right;
}

.btn-toolbar div.btn-group {
  display: flex;
  flex-direction: row;
  align-items: flex-end;
}
.btn-toolbar div.btn-group .btn-group {
  flex: 1;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
}
.btn-toolbar div.btn-group .btn-group.next, .btn-toolbar div.btn-group .btn-group.submit {
  align-items: flex-end;
}
.form-group .form-check-label {
  text-transform: none;
  font-weight: normal;
  font-size: 1.0625em;
}

.grouped {
  display: flex;
  flex-wrap: wrap;
  gap: 4%;
  margin-bottom: 1em;
}
.grouped .row {
  flex: 1 auto;
  min-width: 280px;
}
.grouped .clearfix {
  flex: 0 0 100%;
  margin-bottom: 1em;
}
.grouped .form-group {
  margin: 0;
}

.overlayContent form input {
  max-width: 100%;
}
.overlayContent form input[type=email],
.overlayContent form input[type=number],
.overlayContent form input[type=password],
.overlayContent form input[type=search],
.overlayContent form input[type=tel],
.overlayContent form input[type=text],
.overlayContent form input[type=url],
.overlayContent form input[type=reset],
.overlayContent form input[type=date],
.overlayContent form select,
.overlayContent form textarea {
  max-width: 100%;
}
.overlayContent button {
  background: #000;
  border-color: #000;
}
.overlayContent .actions {
  background: #F3F4F5;
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
  margin-bottom: 0;
  z-index: 10;
  box-shadow: 0 -5px 5px rgba(0, 0, 0, 0.02);
}
.overlayContent .actions button {
  margin: 0;
  font-size: 0.9em;
}

.ss-content.ss-open-below {
  margin: 0px 0px 0px !important;
}

.ss-content.ss-open-above {
  margin: 0px 0px 0px !important;
}

/*# sourceMappingURL=form.css.map */