/* Core Form Styles - Override within CDN CSS */
.core-form-section {
  background-color: #fff;
}

.core-form-container {
  max-width: 1000px;
  margin-inline: auto;
}

.core-form-container .sv-scroll__scrollbar {
  display: none;
}

.sd-root-modern,
.sd-question__title,
.sd-question__description,
.sd-action__title,
.sd-formbox__input,
.sd-selectlist__item,
.sd-boolean__label,
.sd-boolean__thumb {
  font-family: var(--fds-font-family) !important;
}

.mw-880 {
  max-width: 880px;
  margin-inline: auto;
}

.core-form-title {
  font-size: 26px;
  font-weight: 500;
  margin-bottom: 2rem;
  text-wrap: balance;
}

.core-form-section-text {
  font-size: 16px;
  font-weight: 200;
}

.sd-imagepicker__item img {
    background-color: #fff;
    border-radius: 0px;
}

.sd-question__header {
    row-gap: 0px !important;
}

.sd-question__header-and-content-container {
    row-gap: 0;
}

.sd-formbox {
    border-radius: 0;
    background: #fff;
}

.core-form-section #fellowes-recaptcha {
    display: flex;
    justify-content: center;
}

.sd-action--brand.sd-action--primary {
    background: #25324C;
    padding: .5rem 1.5rem !important;
    border-radius: 5000px;
    margin-inline: auto;
    width: -webkit-fit-content !important;
    width: -moz-fit-content !important;
    width: fit-content !important;
    display: block;
    flex-grow: 0 !important;
}

.sd-action-bar {
    justify-content: center;
}

.sd-action__title {
  font-size: 20px;
  font-weight: 500;
  line-height: 1;
}

.sd-body.sd-body--responsive {
    padding: 0;
}

@media (min-width: 992px) {
    .core-form-title {
      font-size: 36px;
      margin-bottom: 3rem;
    }

    .core-form-section-text {
      font-size: 21px;
    }

    .sd-action--brand.sd-action--primary {
      padding: .5rem 1.5rem !important;
  }
}


/* Form Checkbox CSS - Override */

.theme-override-checkbox .sd-selectbase__label {
    padding: 1rem .75rem;
    background-color: #F2F2F2;
    margin: 0;
    border-radius: 1rem;
    text-align: center;
    border: 3px solid #F2F2F2;
    transition: all .3s ease-in-out;
    cursor: pointer;
    display: flex;
    flex-direction: column;
    align-items: center;
    width: 100%;
    row-gap: 1rem;
}

.theme-override-checkbox .sd-selectbase__item {
    display: flex;
}

.theme-override-checkbox .sd-checkbox__decorator {
    box-shadow: inset 0px 0px 0px 2px #25324C;
}

.theme-override-checkbox .sd-checkbox--checked .sd-checkbox__decorator {
    background: #25324C;
    box-shadow: inset 0px 0px 0px 2px #25324C;
}

.theme-override-checkbox .sd-checkbox--allowhover:not(.sd-checkbox--readonly) .sd-selectbase__label:hover .sd-checkbox__decorator,
.theme-override-checkbox .sd-checkbox--allowhover:not(.sd-checkbox--readonly).sd-matrix__label:hover .sd-checkbox__decorator {
    box-shadow: inset 0px 0px 0px 2px #25324C;
}

.theme-override-checkbox .sd-checkbox--allowhover.sd-checkbox--checked:not(.sd-checkbox--readonly) .sd-selectbase__label:hover .sd-checkbox__decorator,
.theme-override-checkbox .sd-checkbox--allowhover.sd-checkbox--checked:not(.sd-checkbox--readonly).sd-matrix__label:hover .sd-checkbox__decorator {
    background: #25324C;
    box-shadow: inset 0px 0px 0px 2px #25324C;
}

.theme-override-checkbox .sd-item__control-label {
    max-width: 345px;
}

    .theme-override-checkbox .sd-item__control-label .sv-string-viewer {
        display: flex;
        flex-direction: column;
        row-gap: 1rem;
    }

.theme-override-checkbox .main-label {
    display: block;
    font-size: 20px;
    font-weight: 700;
    color: #25324C;
    text-align: center;
}

.theme-override-checkbox .sub-label {
    display: block;
    font-size: 16px;
    font-weight: 500;
    color: #25324C;
    text-align: center;
}

@media (min-width: 768px) {
    .theme-override-checkbox .sd-selectbase__label {
        padding: 1.5rem 1rem;
    }

    .theme-override-checkbox .main-label {
        font-size: 22px;
        height: 48px;
    }

    .theme-override-checkbox .sub-label {
        font-size: 16px;
    }
}


.form-loading-wrapper h2 {
    color: #25324C;
    font-weight: 200;
    margin-bottom: 2rem;
}

.spinner-border {
    border-bottom-color: #25324C;
    border-right-color: transparent;
}
