input[type="submit"]:hover {
    background-color: #33903f;
}

input#firstname-4942f90f-2cde-4e67-ba2f-ab1c77611a01, input#lastname-4942f90f-2cde-4e67-ba2f-ab1c77611a01, input#email-4942f90f-2cde-4e67-ba2f-ab1c77611a01 {
    float: left;
    width: 100%;
    height: 40px;
}

fieldset#edit-recaptcha-and-consent-wrapper {
    float: left;
    width: 100%;
}

fieldset#edit-recaptcha-and-consent-wrapper legend {

  display: none;

}


.captcha {
    float: left;
    width: 100%;
    margin-bottom: 20px;
}

.submit-form-pc-2 {

  float: left;
  width: 100%;

}

.hubspot-embed-wrapper {

  float: left;
  width: 100%;
  margin-top: 20px;
  text-align: center;

}

#hubspot-embed-button--pc {

  font-family: 'Miriam Libre', sans-serif;
  display: inline-block;
  padding: 15px 20px;
  background-color: #39A347;
  color: white;
  font-size: 18px;
  font-weight: bold;
  text-transform: uppercase;
  cursor: pointer;

}

#hubspot-embed-button--pc:hover {

  background-color: #33903f;
  text-decoration: none;

}

.hs_submit.hs-submit {

    float: left;
    width: 100%;
    margin-top: 20px;
}

input.hs-button.primary.large {

    font-family: 'Miriam Libre', sans-serif;
    background-color: #39A347;
    color: white;
    display: inline-block;
    padding: 15px 20px;
    font-weight: bold;
}

input.hs-button.primary.large:hover {

  background-color: #33903f;

}

#hspc_embed_signup {

    float: left;
    width: 100%;
    padding: 20px;
    margin-top: 60px;
    background-color: #EAEAEA;
    border: 1px solid #ddd;
    display: none;
}

#hspc_embed_signup .legal-consent-container {

    font-family: Georgia, Times, "Times New Roman", serif;
    float: left;
    width: 100%;
    background-color: white;
    padding: 20px;
    margin-top: 20px;
    font-style: italic;
}

#hspc_embed_signup ul.inputs-list {

    float: left;
    width: 100%;
    padding-left: 0px;
    margin-left: 0px;
    margin-top: 20px;
    background-color: white;
    padding: 0px 20px 5px 20px;
    border: 1px solid #ddd;
}

#hspc_embed_signup .newsletter-content--pc input {

  display: inline-block;

}

li.hs-form-booleancheckbox {

  float: left;
  width: 100%;

}

li.hs-form-booleancheckbox span {

  margin-left: 10px;

}

#hspc_embed_signup ul.inputs-list li {

  display: block;
  list-style-type: none;

}

.submitted-message {

  float: left;
  width: 100%;
  border: 1px solid #ddd;
  padding: 15px;
  text-align: center;
  font-family: Georgia, Times, "Times New Roman", serif;
  font-size: 18px;
  font-style: italic;


}

.newsletter-content--pc label {

  float: left;
  width: 100%;
  margin-top: 10px;

}

.grecaptcha-badge {
    float: left;
    width: 100%;
    margin-top: 40px;
}

ul.hs-error-msgs.inputs-list {
    float: left;
    width: 100%;
    margin-left: 0px;
    padding-left: 0px;
}

ul.hs-error-msgs.inputs-list li {

  list-style-type: none;
  display:block;

}

#edit-your-personal-information-join {

    float: left;
    width: 100%;
    padding: 20px;
    background-color: #f2f2f2;
    margin-bottom: 20px;
    border: 1px solid #ddd;

}

#edit-personal-information-inner-join {

    float: left;
    width: 100%;
    padding: 20px;
    background-color: rgba(255,255,255, .5);
    margin-bottom: 20px;
    border: 1px solid #ddd;
}

#edit-consent-to-process-information-join--wrapper {

    float: left;
    width: 100%;
    padding: 20px 20px 20px 20px;
    border: 1px solid #ddd;
    margin-bottom: 20px;
    font-family: Georgia, Times, "Times New Roman", serif;

}

#edit-consent-to-process-information-join--wrapper legend {
  
    float: left;
    width: 100%;
    font-size: 16px;
    font-weight: bold;
    color: black;
    padding: 15px;
    margin-bottom: 10px;
}

.form-item-consent-to-process-information-join-consent-to-process-information-- {
    float: left;
    width: 100%;
}

#edit-personal-information-inner-join legend {

  display: none !important;

}

#edit-your-personal-information-join legend {

    float: left;
    width: 100%;
    border-radius: 3px;
    padding: 10px 20px 10px 20px;
    background-color: #CCCCCC;
    color: white;
    display: block;
    font-family: Georgia, Times, "Times New Roman", serif;
    font-style: italic;
}

.webform-multiple-table td.webform-multiple-table--operations-two {
    width: 60px;
    margin-top: 0px;
    padding-top: 0px;
    display: inline-block;
}

.form-item-yes-i-agree {
    float: left;
    width: 100%;
    padding: 5px 20px 20px 20px;
    background-color: #f2f2f2;
    border: 1px solid #ddd;
    margin-bottom: 20px;
    margin-top: 10px;
}

#edit-processed-text {

  float: left;
  width: 100%;
  padding: 20px;
  border: 1px solid #ddd;
  margin-bottom: 20px;
  font-family: Georgia, Times, "Times New Roman", serif;
  
}

.form-input-styling--pc label.option {

  display: inline-block;
  margin-left: 5px;

}

#edit-consent-to-process-information---wrapper {

    float: left;
    width: 100%;
    padding: 0px 20px 20px 20px;
    border: 1px solid #ddd;
    margin-bottom: 20px;
    font-family: Georgia, Times, "Times New Roman", serif;
}

input#edit-copy {

    display: inline-block;
}

input#edit-field-consent-to-process-informa-value {

    display: inline-block;
}


label[for="edit-copy"].option {

  display: inline-block;
  margin-left: 10px;

}

label[for="edit-field-consent-to-process-informa-value"].option {

  display: inline-block;
  margin-left: 10px;

}




#edit-consent-to-process-information---wrapper legend {

  float: left;
  width: 100%;
  font-size: 16px;
  font-weight: bold;
  color: black;
  padding: 15px;

}

#edit-location {

  float: left;
  width: 100%;

}

#edit-location legend {

    width: 100%;
    border-radius: 3px;
    cursor: pointer;
    padding: 10px 20px 10px 20px;
    background-color: #CCCCCC;
    color: white;
    display: block;
    font-family: Georgia, Times, "Times New Roman", serif;
    font-style: italic;
}

#edit-location legend:hover, #edit-organization-info legend:hover  {

  background-color: #888;

}

#edit-personal-information legend {

    float: left;
    width: 100%;
    border-radius: 3px;
    padding: 10px 20px 10px 20px;
    background-color: #CCCCCC;
    color: white;
    display: block;
    font-family: Georgia, Times, "Times New Roman", serif;
    font-style: italic;
}

#edit-personal-inner-wrapper {

    float: left;
    width: 100%;
    padding: 20px;
    border: 1px solid #ddd;
    margin-bottom: 20px;
    background-color: rgba(255,255,255, .5);
}

#edit-personal-inner-wrapper legend {

  display: none;

}


#edit-personal-information {
    float: left;
    width: 100%;
    padding: 20px;
    background-color: #f2f2f2;
    margin-bottom: 20px;
    border: 1px solid #ddd;
}

#edit-church-name {

    float: left;
    width: 100%;
    background-color: #f2f2f2;
    padding: 20px;
    border: 1px solid #ddd;
    margin-bottom: 20px;
    background-color: rgba(255,255,255, .5);
}

#edit-position-at-church {

  float: left;
  width: 100%;
  background-color: rgba(255,255,255, .5);
  padding: 20px;
  border: 1px solid #ddd;
  margin-bottom: 20px;

}

#edit-address-engage--wrapper {

    float: left;
    width: 100%;
    background-color: #f2f2f2;
    padding: 20px;
    border: 1px solid #ddd;
    margin-bottom: 20px;
    background-color: rgba(255,255,255, .5);

}

.field-suffix {

  font-family: Georgia, Times, "Times New Roman", serif;
  display: inline-block;
  color: #39A347;
  font-size: 16px;
  font-style: italic;


}

#edit-church-name-add-more-items, #edit-position-at-church-add-more-items {

    width: 60px;
    display: inline-block;
    text-align: center;
    height: 40px;

}

#edit-church-name-add-submit, #edit-position-at-church-add-submit {
    display: inline-block;
    margin-left: 10px;
    padding-bottom: 8px;
    border: 1px solid #39A347;
    margin-bottom: 0px;
}

#edit-organization-info {
    float: left;
    width: 100%;
}

#edit-organization-inner-wrapper {
    float: left;
    width: 100%;
    background-color: #f2f2f2;
    padding-left: 20px;
    padding-right: 20px;
    padding-top: 20px;
    border: 1px solid #ddd;
    margin-bottom: 20px;
    display: none;
}

#edit-organization-inner-wrapper legend {
    float: left;
    width: 100%;
    padding-top: 10px;
    display: none;
}

#edit-organization-info > legend {
    width: 100%;
    border-radius: 3px;
    cursor: pointer;
    padding: 10px 20px 10px 20px;
    background-color: #CCCCCC;
    color: white;
    display: block;
    font-family: Georgia, Times, "Times New Roman", serif;
    font-style: italic;
}

#edit-location-inner-wrapper {

    float: left;
    width: 100%;
    background-color: #f2f2f2;
    padding-left: 20px;
    padding-right: 20px;
    padding-top: 20px;
    border: 1px solid #ddd;
    margin-bottom: 20px;
    display: none;

}

#edit-location-inner-wrapper legend {

  display: none;
}




.form-input-styling--pc {

  float: left;
  width: 100%;
  padding: 30px 20px 60px 20px;
  background-color: white;
  border: 1px solid #ddd;
  box-shadow: 0px 2px 2px rgba(0,0,0, .3);

}

.form-input-styling--pc  label {

    font-family: Georgia, Times, "Times New Roman", serif;
    display: block;
    color: #868584;
    font-style: italic;

}

.form-input-styling--pc input {

  border-radius: 0px;
  margin-bottom: 20px;

}

.form-input-styling--pc textarea {

  float: left;
  width: 100%;
  border: 1px solid #ddd;

}

.form-input-styling--pc select.form-control {

  margin-bottom: 20px;

}


#multi-form-pc {

  float: left;
  width: 100%;

}

#multi-form-pc .form-control {

    font-family: Georgia, Times, "Times New Roman", serif;
    font-style: italic;
    display: block;
    width: 100%;
    height: 50px;
    padding: 6px 12px;
    font-size: 16px;
    line-height: 1.42857143;
    color: #555555;
    background-color: #ffffff;
    background-image: none;
    border: 1px solid #ddd;
    border-radius: 0px;
    -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
    box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
    -webkit-transition: border-color ease-in-out .15s, -webkit-box-shadow ease-in-out .15s;
    -o-transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
    transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;

}

.enage-forms--pc {

  float: left;
  width: 100%;
  background-color: #f2f2f2;
  padding: 20px;

}


.form-content--pc {

  float: left;
  width: 100%;
  padding: 60px 20px;

}

.form-wrapper--pc {

  float: left;
  width: 100%;
  padding-left: 20px;
  padding-right: 20px;
  background-color: white;

}



.form-element--pc {

  float: left;
  width: 100%;
  margin-bottom: 20px;

}


.submit-multi--pc {

  font-family: 'Miriam Libre', sans-serif;
  background: #39A347;
  padding: 10px 20px;
  color: white;
  border: none;
  font-weight: bold;

}


.content-info--section {

  padding: 20px;
  border-top: 1px solid #ddd;
  border-left: 1px solid #ddd;
  border-right: 1px solid #ddd;
  margin-top: 55px;
  margin-bottom: 0px;

}

.content-info--section .intl-tel-input {

  margin-bottom: 20px;
  width: 100%;

}


.phone-info--section .intl-tel-input {

  margin-bottom: 20px;

}

.location-form-multi--pc {

  padding: 20px;
  border-top: 1px solid #ddd;
  border-left: 1px solid #ddd;
  border-right: 1px solid #ddd;
  margin-top: 55px;
  margin-bottom: 0px;

}

.location-form-multi--pc input {

  margin-top: 20px;

}

.skype-handle--pc {

  float: left;
  width: 100%;

}

.submit-wrapper--pc {

  float: left;
  border-bottom: 1px solid #ddd;
  border-left: 1px solid #ddd;
  border-right: 1px solid #ddd;
  padding-bottom: 40px;
  padding-left: 23px;

}

.border-wrap--pc {

  float: left;
  width: 100%;
  border-bottom: 1px solid #ddd;

}

.force-padding-input {

  float; left;
  width: 100%;
}


.js-form-item.form-item.js-form-type-tel.form-item-phone-org-2-phone.js-form-item-phone-org-2-phone.form-no-label input {

  padding-left: 80px;

}

#edit-address-engage--wrapper select {
    border: 1px solid #ccc;
    font-size: 14px;
}

/*
Desktop Styles
================================================== */
/* Note: Add new css to the media query below that you want to only effect the desktop view of your site */

@media only screen and (min-width: 768px) {
  /* Add your Desktop Styles here */

  .form-content--pc {

  float: left;
  width: 100%;
  padding: 60px 20px;

}

.form-wrapper--pc {

  float: left;
  width: 100%;
  padding-left: 20px;
  padding-right: 20px;
  background-color: white;

}

.form-input-styling--pc {

  float: left;
  width: 100%;
  padding: 30px 20px 60px 20px;
  background-color: white;
  border: 1px solid #ddd;
  box-shadow: 0px 2px 2px rgba(0,0,0, .3);

}



}

/*
Tablet Styles
================================================== */
/* Note: Add new css to the media query below that you want to only effect the Mobile and Tablet Portrait view */

@media only screen and (max-width: 1200px) {
  /* Add your Mobile Styles here */

  .form-content--pc {

  float: left;
  width: 100%;
  padding: 60px 0px;

}


.form-wrapper--pc {

  float: left;
  width: 100%;
  padding-left: 20px;
  padding-right: 20px;
  background-color: white;

}

.form-input-styling--pc {

  float: left;
  width: 100%;
  padding: 30px 20px 60px 20px;
  background-color: white;
  border: 1px solid #ddd;
  box-shadow: 0px 2px 2px rgba(0,0,0, .3);

}



}



/*
Mobile Styles
================================================== */
/* Note: Add new css to the media query below that you want to only effect the Mobile and Tablet Portrait view */

@media only screen and (max-width: 767px) {
  /* Add your Mobile Styles here */

  .form-content--pc {

  float: left;
  width: 100%;
  padding: 60px 0px;

}

.form-wrapper--pc {

  float: left;
  width: 100%;
  padding-left: 0px;
  padding-right: 0px;
  background-color: white;

}

.form-input-styling--pc {

  float: left;
  width: 100%;
  padding: 5px 5px 5px 5px;
  background-color: white;
  border: 1px solid #ddd;
  box-shadow: 0px 2px 2px rgba(0,0,0, .3);

}


}