/**
* Custom override styles
*/

.webform-submission-form .ct-form-element.ct-form-element--checkbox,
.webform-submission-form .ct-form-element.ct-form-element--radio {
  display: flex;
}

.webform-submission-form fieldset.form-wrapper {
  margin-bottom: 20px;
}

.webform-submission-form .ct-form-element {
  margin-bottom: 2rem;
}

.ct-form-element.webform-has-field-prefix .ct-form-element__container,
.ct-form-element.webform-has-field-suffix .ct-form-element__container {
  display: flex;
  flex-direction: row;
  align-items: center;
}

.ct-form-element.webform-has-field-prefix .ct-form-element__prefix,
.ct-form-element.webform-has-field-suffix .ct-form-element__prefix {
  padding-right: 1rem
}

.ct-form-element.webform-has-field-prefix .ct-form-element__suffix,
.ct-form-element.webform-has-field-suffix .ct-form-element__suffix {
  padding-left: 1rem;
  width: 50%
}

.ct-form-element.webform-has-field-prefix .ct-input,
.ct-form-element.webform-has-field-suffix .ct-input {
  margin: 0
}

.ct-form-element.webform-has-field-prefix .ct-select,
.ct-form-element.webform-has-field-suffix .ct-select {
  width: fit-content;
  margin: 0;
}

.ct-form-element.webform-has-field-prefix .ct-textfield,
.ct-form-element.webform-has-field-suffix .ct-textfield {
  margin: 0;
}

.webform-submission-form .ct-form-element.ct-form-element--submit {
  margin-top: 20px;
  margin-bottom: 20px;
}

.ct-form-element.webform-has-field-prefix .ct-form-element__suffix,
.ct-form-element.webform-has-field-suffix .ct-form-element__suffix {
  width: auto;
  max-width: 50%;
}

.ct-form-element.webform-has-field-prefix .ct-label,
.ct-form-element.webform-has-field-suffix .ct-label {
  position: absolute !important;
  clip: rect(0.0625rem, 0.0625rem, 0.0625rem, 0.0625rem);
  overflow: hidden;
  height: 1px !important;
  width: 1px !important;
  word-wrap: normal
}

.ct-form-element.webform-has-field-prefix .ct-input,
.ct-form-element.webform-has-field-suffix .ct-input {
  margin: 0;
}

.ct-paragraph ul:not(.ct-item-list) {
  margin-top: 1rem;
  margin-bottom: 1rem;
  padding: 0;
  list-style: none
}

.ct-paragraph ul:not(.ct-item-list) > li {
  margin-top: .5rem;
  margin-bottom: .5rem;
  position: relative;
  padding-left: 2rem
}

.ct-paragraph ul:not(.ct-item-list) > li::before {
  content: "";
  position: absolute;
  text-align: center;
  width: .625rem;
  height: .625rem;
  border-radius: 100%;
  top: .5625rem;
  left: .375rem
}

.ct-paragraph ul:not(.ct-item-list) ul:not(.ct-item-list) {
  margin-top: .5rem;
  margin-bottom: .5rem
}

.ct-paragraph ul:not(.ct-item-list) ul:not(.ct-item-list) > li::before {
  border: 1px solid;
  background-color: transparent
}

.ct-paragraph ul:not(.ct-item-list) ul:not(.ct-item-list) ul:not(.ct-item-list) > li::before {
  border: none;
  border-radius: 0;
  background-color: var(--ct-color-light-body)
}

.ct-paragraph.ct-theme-light ul:not(.ct-item-list) > li {
  color: var(--ct-color-light-body)
}

.ct-paragraph.ct-theme-light ul:not(.ct-item-list) > li::before {
  background-color: var(--ct-color-light-body)
}

.ct-paragraph.ct-theme-dark ul:not(.ct-item-list) > li {
  color: var(--ct-color-dark-body)
}

.ct-paragraph.ct-theme-dark ul:not(.ct-item-list) > li::before {
  background-color: var(--ct-color-dark-body)
}

.ct-basic-content ul:not(.ct-item-list) {
  margin-top: 1rem;
  margin-bottom: 1rem;
  padding: 0;
  list-style: none
}

.ct-basic-content ul:not(.ct-item-list) > li {
  margin-top: .5rem;
  margin-bottom: .5rem;
  position: relative;
  padding-left: 2rem
}

.ct-basic-content ul:not(.ct-item-list) > li::before {
  content: "";
  position: absolute;
  text-align: center;
  width: .625rem;
  height: .625rem;
  border-radius: 100%;
  top: .5625rem;
  left: .375rem
}

.ct-basic-content ul:not(.ct-item-list) ul:not(.ct-item-list) {
  margin-top: .5rem;
  margin-bottom: .5rem
}

.ct-basic-content ul:not(.ct-item-list) ul:not(.ct-item-list) > li::before {
  border: 1px solid;
  background-color: transparent
}

.ct-basic-content ul:not(.ct-item-list) ul:not(.ct-item-list) ul:not(.ct-item-list) > li::before {
  border: none;
  border-radius: 0;
  background-color: var(--ct-color-light-body)
}

.ct-basic-content.ct-theme-light ul:not(.ct-item-list) > li {
  color: var(--ct-color-light-body)
}

.ct-basic-content.ct-theme-light ul:not(.ct-item-list) > li::before {
  background-color: var(--ct-color-light-body)
}

.ct-basic-content.ct-theme-dark ul:not(.ct-item-list) > li {
  color: var(--ct-color-dark-body)
}

.ct-basic-content.ct-theme-dark ul:not(.ct-item-list) > li::before {
  background-color: var(--ct-color-dark-body)
}

.ct-paragraph ol:not(.ct-item-list) {
  margin-top: 1rem;
  margin-bottom: 1rem;
  counter-reset: ordered_counter;
  padding: 0 0 0 1.5rem;
  list-style: decimal
}

.ct-paragraph ol:not(.ct-item-list) > li {
  margin-top: .5rem;
  margin-bottom: .5rem;
  counter-increment: ordered_counter;
  padding-left: .5rem
}

.ct-paragraph ol:not(.ct-item-list) > li::before {
  display: none;
  content: ""
}

.ct-paragraph ol:not(.ct-item-list) ol:not(.ct-item-list) {
  margin-top: .5rem;
  margin-bottom: .5rem
}

.ct-paragraph ol:not(.ct-item-list) ol {
  list-style: lower-alpha
}

.ct-paragraph ol:not(.ct-item-list) ol ol {
  list-style: lower-roman
}

.ct-paragraph.ct-theme-light ol:not(.ct-item-list) > li {
  color: var(--ct-color-light-body)
}

.ct-paragraph.ct-theme-light ol:not(.ct-item-list) > li::before {
  color: var(--ct-color-light-body)
}

.ct-paragraph.ct-theme-dark ol:not(.ct-item-list) > li {
  color: var(--ct-color-dark-body)
}

.ct-paragraph.ct-theme-dark ol:not(.ct-item-list) > li::before {
  color: var(--ct-color-dark-body)
}

.ct-basic-content ol:not(.ct-item-list) {
  margin-top: 1rem;
  margin-bottom: 1rem;
  counter-reset: ordered_counter;
  padding: 0 0 0 1.5rem;
  list-style: decimal
}

.ct-basic-content ol:not(.ct-item-list) > li {
  margin-top: .5rem;
  margin-bottom: .5rem;
  counter-increment: ordered_counter;
  padding-left: .5rem
}

.ct-basic-content ol:not(.ct-item-list) > li::before {
  display: none;
  content: ""
}

.ct-basic-content ol:not(.ct-item-list) ol:not(.ct-item-list) {
  margin-top: .5rem;
  margin-bottom: .5rem
}

.ct-basic-content ol:not(.ct-item-list) ol {
  list-style: lower-alpha
}

.ct-basic-content ol:not(.ct-item-list) ol ol {
  list-style: lower-roman
}

.ct-basic-content.ct-theme-light ol:not(.ct-item-list) > li {
  color: var(--ct-color-light-body)
}

.ct-basic-content.ct-theme-light ol:not(.ct-item-list) > li::before {
  color: var(--ct-color-light-body)
}

.ct-basic-content.ct-theme-dark ol:not(.ct-item-list) > li {
  color: var(--ct-color-dark-body)
}

.ct-basic-content.ct-theme-dark ol:not(.ct-item-list) > li::before {
  color: var(--ct-color-dark-body)
}

.ct-webform {
  .ct-field__title {
    margin-bottom: 1rem !important;
  }

  .ct-field {
    .ct-item-list.ct-item-list--vertical {
      column-gap: 1.5rem;
      row-gap: 1.5rem;
    }
  }

  .js-form-type-number {
    margin-bottom: 2rem;

    input {
      appearance: none;
      margin: 0;
      border-radius: .25rem;
      border-style: solid;
      border-width: .0625rem;
      padding: .8125rem 1rem;
    }
  }
}