/* --------------------------- FORMS ---------------------------- */


h2.form {font-size:1.855555em}

.form-type-radio {
  position: relative;
  margin: 20px 10px !important}
    
input.form-radio {
  appearance: none;
  width: 1.5em;
  height: 1.5em;
  border-radius: 50%;
  border: 2px solid;
  position: absolute;
  left: 0;
  top: -.25em;
  box-sizing: inherit !important;
}

input.form-radio:checked {
  outline: 2px solid;
}

/* 
.form-type-radio:hover input.form-radio {
  border: 8px solid;
  opacity: .3;
  position: absolute;
  left: -8px;
  top: -8px
} */

input.form-radio:checked:before {
  content: "";
  position: absolute;
  border-radius: 50%;
  background: currentColor;
  top: .3em;
  left: .3em;
  width: .9em;
  height: .9em;
}


.form-type-radio label.option,.form-type-checkbox label {
  font-size: 1em !important;
  display: block !important;
}

.form-type-radio label.option {margin-left:36px}
.form-type-checkbox label.option {
  margin: 3px 0 0 8px;
}

.form-type-checkbox {
  display: flex;
  padding-bottom: 8px;
}


.webform-type-radios legend, .webform-type-checkboxes legend, .form-type-select label, .form-type-date label, .form-type-textfield label, .form-type-number label, .extra-label, label[for="edit-other-websites"], .form-item-email label, label.biggie {
  font-size: 1.333333em !important;
  font-weight: 500 !important;
  margin:28px 0 8px !important;
  padding-top:20px !important;
  display: block !important;
}


.webform-type-radios, .webform-type-checkboxes {
  margin-top:28px !important;
}



/* 
.webform-type-radios, .webform-type-checkboxes, .form-type-select, .form-type-date, .form-type-textfield, .form-type-number {
  display: block;
  margin:28px 0 8px;
  border-top:1px solid red;
  padding-top:20px;
  width: 100%;
} */

hr.webform-horizontal-rule {
  margin: 5em 0 2.5em
}

.webform-button--submit, .webform-button--next, .webform-button--previous {
  padding: .4em .8em .4em;
  line-height: 1.5;
  display: inline-block;
  box-shadow: none !important;
  background-color:var(--btn-dark);
  transition: background-color .1s ease-in;
  border:none;
  margin-top:48px
}

.webform-button--submit:hover {background-color: var(--interact-hover)}

input[type="date"], input[type="number"] {
  padding:12px
}



.form-type-checkbox {
  position: relative;
  padding-left:10px
}

input.form-checkbox {
  appearance: none;
  border:2px solid;
  width:1.5em;
  height: 1.5em;
  flex-shrink: 0;
}



input.form-checkbox:checked:after {
  content: "";
  box-sizing: border-box;
  position: absolute;
  top: 7px;
  left: 15px;
  width: 19px;
  height: 11px;
  -webkit-transform: rotate(-45deg);
  transform: rotate(-45deg);
  border: solid;
  border-width: 0 0 5px 5px;
  border-top-color: rgba(0,0,0,0);
  background: rgba(0,0,0,0);
}


.webform-options-display-two-columns div.form-item, .webform-options-display-three-columns div.form-item {
  margin: 0.4em 0;
}

body.body-dark input.form-checkbox:checked:after {
  border-color: #fff;
}

body.body-dark input.form-radio:checked:before {
  background: #fff;
}

table.sticky-header {
  width: inherit !important
}

input.form-email {padding:12px}

.webform-likert-table-wrapper {margin:40px 0 60px}
.js-form-type-textarea label {font-size: 1.333333em !important;
    font-weight: 500 !important;
    margin: 28px 0 8px !important;
    padding-top: 20px !important;
    display: block !important;}