/*for spinner*/
@import url("https://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.7.0/css/font-awesome.min.css");

body {
  color: #000;
  background: #fff;
  font: normal 14pt/1.5 Arial, Helvetica, sans-serif;
}

fieldset .fieldset-legend {
  line-height: 1.2;
}

label {
  line-height: 1.3;
}

div.webform-component.webform-component--status {
  font-size: 16px;
  padding: 8px;
  margin: 8px 8px 0 8px;
  background-color:#f8fff0;
  border: 1px solid #be7;
}

.hidden {
    display: none;
}

#header {
    display: none;
}

.breadcrumb {
    display: none;
}

div.meta.submitted {
    display: none;
}

div#footer-wrapper {
    display: none;
}

#webform-client-form-128 > div > div.webform-progressbar > div > span:nth-child(4) > span.webform-progressbar-page-label {
  margin-left: -2em;
  margin-right: 0;
}

#wf-crm-billing-items td + td {
  white-space: nowrap
}

.form-item {
  margin: 0;
}

.filter-wrapper .form-item, div.teaser-checkbox .form-item, .form-item .form-item {
  padding: 0;
}

.webform-component--event-choice div.description {
  font-size: 18.667px;  
  font-weight: 700;
}

.webform-component--civicrm-1-contact-1-fieldset-fieldset.form-wrapper {
  background-color: #ffd;
}

.webform-component--civicrm-2-contact-1-fieldset-fieldset.form-wrapper {
  background-color: #fef;
}

table#wf-crm-billing-items {
  margin-top: 60px;
  margin-bottom: 10px;
}

#privacy {
  font-style: italic;
  font-size: 16px;
}

div.webform-component--cancellation-policy {
  font-size: 15px;
}

.webform-component--price-description .text1 {
  font-size: 0.923em;
}

div.webform-component--cancellation-policy h3 {
  font-size: 1.0em;  
}

/*
#page {
    height: 0%;
    min-width: 480px;
    width: 100%;
    max-width: 1200px;
    margin-left: auto;
    margin-right: auto;
    margin-top: 30px;
}

#page-wrapper {
    margin-left: auto;
    margin-right: auto;
    min-width: 0;
}

#header div.section,
#featured div.section,
#messages div.section,
#main,
#triptych,
#footer-columns,
#footer {
    width: unset;
}

div.form-item.webform-component.webform-component-civicrm_contact.static.webform-component--civicrm-1-contact-1-fieldset-fieldset--civicrm-1-contact-1-contact-existing {
    display: none;
}

fieldset .fieldset-wrapper {
    padding: 20px 13px 13px 15px;
}

Xdiv.webform-component {
    padding: 0;
}

.form-item label {
    font-size: 12px;
}

.form-actions {
    margin: 0;
}

#Xprivacy {
    margin-top: 0;
    padding: 10px;
    font-size: 14px;
}

#privacy p {
    margin-top: 0;
    padding: 0px 10px 0 10px;
    font-size: 14px;
}

#footer1 img {
    width: 92%;
    max-width: 300px;
    height: auto;
}
*/

/*2nd content div, parent of form*/
/*
div.content div#node-117.node.node-webform.clearfix div.content {
    margin-right: 430px;
    min-width: 300px;
    padding-left: 10px;
    position: relative;
}
*/

form {
    border: 3px solid #73AD21;
    display: block;
    padding: 10px;
    max-width: 500px;
    margin: auto;
}


input[disabled=""] {
  background: lightgrey;
}


div.webform-component.webform-component--status {
  padding-left: 40px;
}

@media only screen and (max-width: 1px) {


  /*text block*/
  Xhtml.js body.html.not-front.not-logged-in.no-sidebars.page-node.page-node-.page-node-117.node-type-webform div#page div#content.clearfix div.region.region-content div#block-system-main.block.block-system div.content div#node-117.node.node-webform.clearfix div.content div.field.field-name-body.field-type-text-with-summary.field-label-hidden {
    min-width: 300px;
    position: relative;
  }




  /*Submit button*/

  input.webform-submit.button-primary.form-submit {
      margin-left: 10px;
  }

  Xfieldset.webform-component-fieldset.webform-component--civicrm-1-contact-1-fieldset-fieldset.form-wrapper {
      border: none;
      margin: 0;
      padding: 0;
  }


  /*Progress bar*/
  div.field.field-name-pgbar-default.field-type-pgbar.field-label-above {
      display: block;
      position: absolute;
      right: -430px;
      top: 0;
      width: 330px;
      margin: 10px 20px 0px 0px;
      padding: 0px 10px 0px 10px;
      border: 3px solid #0000FF;
      background-color: #F0F0FF;
  }


  /*Progress bar background color*/

  .pgbar-bg {
      background-color: #ffE0E0;
  }

  div.field.field-name-pgbar-default.field-type-pgbar.field-label-above div.field-label {
      display: none;
  }


  .petition-text {
      border: 2px solid;
      border-radius: 30px;
      background-color: #E0FFE0;
      padding: 10px;
      max-width: 640px;
      margin: auto;
  }

  textarea.form-textarea {
    font-size: 15px;
  }

}

/*.webform-component-markup.webform-component--logo-bottom p b img {*/
.logo {
  max-width: 300px;
  margin-right: 10px;
  width: 92%;
  height: auto;
}

XXX.content .field .field-items {
  padding-left: 7px;
  padding-right: 7px;
}

@media only screen and (max-width: 360px) {
  form {
    padding-left: 4px;
    padding-right: 4px;
  }

  fieldset .fieldset-wrapper {
    padding-left: 4px;
    padding-right: 4px
  }
}

/* body text 
#node-128 > div.content > div > div > div {}

div.field-name-body div.field-items div.field-item {
  padding: 150px;
}
*/

/*
Xdiv.field.field-name-body.field-type-text-with-summary.field-label-hidden div.field-items div.field-item.even p span img {
  max-width: 480px;
  margin-right: 10px;
  width: 92% !important;
  height: auto !important;
}

*/

#top-centered {
  width: auto;
  margin: 0 auto;
}

#header1 {
  margin: 0 auto;
  width: max-content;
  vertical-align:middle;
}

#logo1 {
  display:inline-block;
  padding-right: 14px;
  vertical-align: middle;
}

#title {
  display:inline-block; 
  line-height:1.8rem;
  text-align:center;
  vertical-align:middle;
  width: max-content;
  max-width: calc(100vw - 154px);
}

#tagline {
  text-align: center;
  width: auto;
  padding: 1rem 0 3rem 0;
}

@media only screen and (max-width: 1px) {
  img.top_image1 {
    max-width: 100%;
    padding-left: 0;
  }

  div.field.field-name-pgbar-default.field-type-pgbar.field-label-above {
    right: -400px;
  }

  div.content div#node-117.node.node-webform.clearfix div.content {
    margin-right: 400px;
  }

  form {
    right: -400px;
  }
}

/* IMPORTANT: WITHOUT THIS, THE SUBMIT BUTTON DOESN'T WORK ON SOME iPHONE DEVICES -- CAUSE IS NOT UNDERSTOOD
   This effectively changes the button margin from {0 20.104px 0 20.104px} to {0 5.026px 0 5.206px}
   margin-right is the critical one, and must be no more than 15.8px on iPhone 6s.
   Problem is a function of the botton location -- if Submit button wraps under Previous Page button rather than
   next to it, the problem does not occur. Also, in landscape mode the problem does not occur.
   No such problem was noted on the Previous / Next buttons.
   Can be observed using the xCode iPhone 6s simulator runing Safari on iOS 14.4.
*/
input.form-submit, a.button {
  margin: 0.25em;
}