body { font-family: "Source Sans Pro", sans-serif; }
.form-wrapper .form-group { margin: 0px 20px 20px; vertical-align: top; min-width: auto; }
.form-wrapper .form-group.col-50 { display: inline-block; width: calc(50% - 42px);position:relative; }
.form-wrapper label { color: #575251; font-family: "Source Sans Pro", sans-serif; font-size: 13px; font-weight: 500; width: 100%; display: block; line-height: 20px; margin-bottom: 4px; max-width: fit-content; }
.form-wrapper input[type="text"], .form-wrapper select, .form-wrapper input[type="number"], .form-wrapper input[type="email"], .form-wrapper input[type="tel"] { width: 100%; background-color: #F5F8FA; padding: 9px 10px; font-family: "Source Sans Pro", sans-serif; font-size: 16px; font-weight: normal; line-height: 22px; color: #33475B; border: 1px solid #CBD6E2; box-sizing: border-box; border-radius: 3px; height: 40px; }
.form-wrapper .btn-success, .form-wrapper .btn-success:focus, .form-wrapper .btn-success:hover { background-color: #429C1C; border-color: #429C1C; border-style: solid; border-radius: 3px; color: #FFFFFF; font-family: "Source Sans Pro", sans-serif; font-size: 18px; line-height: normal; padding: 10px 15px; font-weight: 700; cursor: pointer; margin-top: 20px; }
.form-wrapper .astrick { color: red; }
.form-wrapper label.error { color: #F2545B; margin-top: 2px; font-family: "Source Sans Pro", sans-serif; font-size: 13px; font-weight: 500; }
.form-wrapper #ContactAbout-error { position: absolute; bottom: -34px; left: 0px; }
.form-wrapper .checkbox-group { position: relative; }
.form-wrapper .checkbox-group label:not(:first-child) { position: initial; padding-left: 0px; margin-bottom: 10px; }
.form-wrapper .checkbox-group input[type="checkbox"] { position: relative; left: 0px; top: 2px; margin: 0px 5px 0px 0px; }
.ui-widget.ui-widget-content {
    border: 1px solid #c5c5c5;
    background: #F5F8FA;
    font-size: 14px;
}
.ui-menu .ui-menu-item {
    padding: 10px 5px;
    border-bottom: 1px solid #eee;
}
#noChurchName{
vertical-align: top;
}
.spinner{
position: absolute;
    width: 100%;
    background: rgba(255,255,255,0.5);
    display: block;
    top: 24px;
    text-align: center;
    height: 30px;
    padding-top: 10px;
}

.form-wrapper button[type="submit"]:disabled, .form-wrapper button[type="submit"][disabled] { cursor: not-allowed; opacity: 0.6; }
@media screen and (min-width: 300px) and (max-width: 767px) {
  body { padding: 20px; }
  .form-wrapper .form-group.col-50 { display: inline-block; width: calc(100% - 42px); }
}