

.charitable-field-donate-amount .charitable-preview-donation-options .charitable-preview-donation-amounts {
    display:flex;
    flex-wrap:wrap;
    justify-content:space-between
  }
  .charitable-field-donate-amount .charitable-preview-donation-options .charitable-preview-donation-amounts .charitable-preview-donation-amount {
    color:#fff;
    flex:0 0 25%;
    background-color:rgba(0,0,0,0);
    padding:5px;
    text-align:center;
    display:table;
    min-height:75px
  }
  .charitable-field-donate-amount .charitable-preview-donation-options .charitable-preview-donation-amounts .charitable-preview-donation-amount input[type=radio] {
    display:none
  }
  .charitable-field-donate-amount .charitable-preview-donation-options .charitable-preview-donation-amounts .charitable-preview-donation-amount .amount {
    font-weight:400
  }
  .charitable-field-donate-amount .charitable-preview-donation-options .charitable-preview-donation-amounts .charitable-preview-donation-amount>label {
    display:table-cell;
    width:100%;
    border:1px solid #ddd;
    padding:0;
    min-height:75px;
    vertical-align:middle;
    margin:0;
    font-size:1em;
    cursor:pointer;
    font-weight:400
  }
  .charitable-field-donate-amount .charitable-preview-donation-options .charitable-preview-donation-amounts .charitable-preview-donation-amount.custom-donation-amount {
    flex-basis:100%;
    min-height:auto
  }
  .charitable-field-donate-amount .charitable-preview-donation-options .charitable-preview-donation-amounts .charitable-preview-donation-amount.custom-donation-amount label {
    display:none
  }
  .charitable-field-donate-amount .charitable-preview-donation-options .charitable-preview-donation-amounts .charitable-preview-donation-amount.custom-donation-amount input[type=text] {
    background:rgba(0,0,0,0);
    border:1px solid #fff !important;
    color:#fff;
    width:100%;
    border:0;
    pointer-events:none
  }


.charitable-campaign-field_social-sharing {
  max-width: 100%;
}
.charitable-campaign-field_social-sharing ul.charitable-campaign-social-networks {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  width: 100%;
  padding: 0;
  margin: 20px auto;
}
.charitable-campaign-field_social-sharing ul.charitable-campaign-social-networks li.charitable-campaign-social-network {
  display: flex;
  flex: 4;
  margin: 0;
  padding: 0;
  text-align: center;
  font-size: 16px;
  line-height: 21px;
}
.charitable-campaign-field_social-sharing ul.charitable-campaign-social-networks li.charitable-campaign-social-network img {
  max-width: 100%;
  max-height: 30px;
  min-height: 30px;
  margin: 0 auto;
  display: block;
}
.charitable-campaign-field_social-sharing ul.charitable-campaign-social-networks li.charitable-campaign-social-network p {
  display: none;
}
.charitable-campaign-field_social-sharing ul.charitable-campaign-social-networks li.charitable-campaign-social-network a {
  text-decoration: none;
  color: black;
  display: block;
  margin: 0 auto;
}
.charitable-campaign-field_social-sharing ul.charitable-campaign-social-networks li.charitable-campaign-social-network a:hover {
  text-decoration: underline;
}
.charitable-campaign-field_social-sharing ul.charitable-campaign-social-networks li.charitable-campaign-social-network a:hover img, .charitable-campaign-field_social-sharing ul.charitable-campaign-social-networks li.charitable-campaign-social-network a:hover p {
  opacity: 0.5;
}

.charitable-campaign-field_social-links {
  max-width: 100%;
}
.charitable-campaign-field_social-links h4 {
  margin: 5px 0;
}
.charitable-campaign-field_social-links ul.charitable-campaign-social-links {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  width: 100%;
  padding: 0;
  margin: 20px auto;
}
.charitable-campaign-field_social-links ul.charitable-campaign-social-links li.charitable-campaign-social-link {
  display: flex;
  flex: 4;
  margin: 0;
  padding: 0;
  text-align: center;
  font-size: 16px;
  line-height: 21px;
}
.charitable-campaign-field_social-links ul.charitable-campaign-social-links li.charitable-campaign-social-link img {
  max-width: 100%;
  max-height: 30px;
  min-height: 30px;
  margin: 0 auto;
  display: block;
}
.charitable-campaign-field_social-links ul.charitable-campaign-social-links li.charitable-campaign-social-link p {
  display: none;
}
.charitable-campaign-field_social-links ul.charitable-campaign-social-links li.charitable-campaign-social-link a {
  text-decoration: none;
  color: black;
  display: block;
  margin: 0 auto;
}
.charitable-campaign-field_social-links ul.charitable-campaign-social-links li.charitable-campaign-social-link a:hover {
  text-decoration: underline;
}
.charitable-campaign-field_social-links ul.charitable-campaign-social-links li.charitable-campaign-social-link a:hover img, .charitable-campaign-field_social-links ul.charitable-campaign-social-links li.charitable-campaign-social-link a:hover p {
  opacity: 0.5;
}

.charitable-campaign-info-bar {
  border: 1px solid #ccc;
  margin-top: 20px;
  margin-bottom: 20px;
}
.charitable-campaign-info-bar .charitable-campaign-info-bar-row {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  width: 100%;
  padding: 0;
  margin: 20px auto;
}
.charitable-campaign-info-bar .charitable-campaign-info-bar-row .charitable-campaign-info-column {
  flex: 2;
  margin: 0;
  padding: 0;
  text-align: center;
  font-size: 16px;
  line-height: 21px;
}
.charitable-campaign-info-bar .charitable-campaign-info-bar-row .charitable-campaign-info-column span.amount {
  font-size: 30px;
  line-height: 34px;
  font-weight: 600;
  display: block;
  width: 100%;
}
.charitable-campaign-info-bar .charitable-campaign-info-bar-row .charitable-campaign-info-column span.donors-count {
  font-size: 30px;
  line-height: 34px;
  font-weight: 600;
  display: block;
  width: 100%;
}

.charitable-campaign-field_donate-button form {
  margin-top: 10px;
  margin-bottom: 10px;
}
.charitable-campaign-field_donate-button form button.donate-button {
  background-color: transparent;
}

.charitable-campaign-field.charitable-campaign-field_campaign-summary {
  padding: 0px;
  margin-top: 15px;
  margin-bottom: 15px;
  display: table;
  width: 100%;
}
.charitable-campaign-field.charitable-campaign-field_campaign-summary .campaign-summary-item {
  float: left;
  width: 50%;
  padding: 0;
  margin: 0;
}
.charitable-campaign-field.charitable-campaign-field_campaign-summary .amount,
.charitable-campaign-field.charitable-campaign-field_campaign-summary .donors-count {
  display: inline-block;
  font-size: 1.5em;
  font-weight: bolder;
  line-height: 1.5em;
  margin: 0;
}

/* common css for preview fields in the campaign builder */
.charitable-campaign-field.charitable-field-align-center {
  margin-left: auto;
  margin-right: auto;
}
.charitable-campaign-field.charitable-field-align-center.charitable-campaign-field_campaign-title {
  display: table;
}
.charitable-campaign-field.charitable-field-align-center form button {
  margin-left: auto;
  margin-right: auto;
}
.charitable-campaign-field.charitable-field-align-left {
  margin-left: 0;
  margin-right: auto;
}
.charitable-campaign-field.charitable-field-align-left form button {
  margin-left: 0;
  margin-right: auto;
}
.charitable-campaign-field.charitable-field-align-right {
  margin-left: auto;
  margin-right: 0;
}
.charitable-campaign-field.charitable-field-align-right form button {
  margin-left: auto;
  margin-right: 0;
}

.charitable-campaign-builder-field-no-preview {
  font-size: 14px;
  border: 1px solid #ccc;
  font-style: italic;
}
.charitable-campaign-builder-field-no-preview p {
  opacity: 0.65;
  margin: 5px;
  padding: 10px;
  border: 0;
}

.charitable-campaign-wrap {
  margin: auto;
  padding: 0;
  border: 0;
}
.charitable-campaign-wrap .charitable-campaign-container {
  width: 100%;
  margin: 20px auto;
  font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif !important;
  /* fields */
  /* base tabs */
}
.charitable-campaign-wrap .charitable-campaign-container h1, .charitable-campaign-wrap .charitable-campaign-container h2, .charitable-campaign-wrap .charitable-campaign-container h3, .charitable-campaign-wrap .charitable-campaign-container h4, .charitable-campaign-wrap .charitable-campaign-container h5, .charitable-campaign-wrap .charitable-campaign-container h6, .charitable-campaign-wrap .charitable-campaign-container p {
  font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif !important;
}
.charitable-campaign-wrap .charitable-campaign-container .row {
  display: grid;
  grid-auto-flow: column;
  grid-template-columns: 50% 50%;
  /* grid-gap: 25px; */
  max-width: 100%;
  margin: 0 auto;
}
.charitable-campaign-wrap .charitable-campaign-container .column {
    padding: 10px;
}
.charitable-campaign-wrap .charitable-campaign-container header {
  display: block;
}
.charitable-campaign-wrap .charitable-campaign-container .charitable-campaign-field {
  /* title */
  /* description */
  /* photo */
  /* progress bar */
}
.charitable-campaign-wrap .charitable-campaign-container .charitable-campaign-field.charitable-campaign-field_campaign-title h1 {
  margin: 0;
  padding: 0;
  font-weight: 800;
  font-size: 24px;
  line-height: 50px;
  border: 0;
}
.charitable-campaign-wrap .charitable-campaign-container .charitable-campaign-field.charitable-campaign-field_campaign-description {
  margin: 0 0 10px 0;
  font-size: 14px;
}
.charitable-campaign-wrap .charitable-campaign-container .charitable-campaign-field.charitable-campaign-field-photo .charitable-campaign-primary-image img {
  border: 0px solid #3418d2;
  max-width: 100%;
}
.charitable-campaign-wrap .charitable-campaign-container .charitable-campaign-field.charitable-campaign-field_progress-bar h5 {
  margin: 0;
}
.charitable-campaign-wrap .charitable-campaign-container .charitable-campaign-field.charitable-campaign-field_progress-bar .campaign-progress-bar {
  margin-top: 5px;
  margin-bottom: 5px;
  border: 1px solid #666666;
}
.charitable-campaign-wrap .charitable-campaign-container .charitable-campaign-field.charitable-campaign-field_progress-bar .progress-bar-info-row {
  display: table;
  width: 100%;
  font-size: 14px;
  line-height: 21px;
  opacity: 0.95;
  margin: 0;
  padding: 0;
}
.charitable-campaign-wrap .charitable-campaign-container .charitable-campaign-field.charitable-campaign-field_progress-bar .progress-bar-info-row .campaign-percent-raised {
  width: 45%;
  float: left;
  font-weight: 700;
  padding-left: 0;
}
.charitable-campaign-wrap .charitable-campaign-container .charitable-campaign-field.charitable-campaign-field_progress-bar .progress-bar-info-row .campaign-goal {
  width: 45%;
  float: right;
  text-align: right;
  padding-right: 0;
}
.charitable-campaign-wrap .charitable-campaign-container .charitable-campaign-field.charitable-campaign-field_campaign-summary {
  font-size: 16px;
  line-height: 16px;
  margin-top: 25px;
  margin-bottom: 25px;
  text-transform: capitalize;
}
.charitable-campaign-wrap .charitable-campaign-container .charitable-campaign-field.charitable-campaign-field_campaign-summary .campaign-summary-item span,
.charitable-campaign-wrap .charitable-campaign-container .charitable-campaign-field.charitable-campaign-field_campaign-summary .campaign-summary-item .amount,
.charitable-campaign-wrap .charitable-campaign-container .charitable-campaign-field.charitable-campaign-field_campaign-summary .campaign-summary-item .donors-count {
  display: block;
  color: black;
  font-weight: 600;
}
.charitable-campaign-wrap .charitable-campaign-container .charitable-campaign-field.charitable-campaign-field_donate-button {
  text-align: center;
}
.charitable-campaign-wrap .charitable-campaign-container .charitable-campaign-field.charitable-campaign-field_donate-button .donate-button.button-primary {
  background-color: #3418d2;
  font-weight: 600;
  width: 100%;
}
.charitable-campaign-wrap .charitable-campaign-container .charitable-campaign-field.charitable-campaign-field_social-sharing, .charitable-campaign-wrap .charitable-campaign-container .charitable-campaign-field.charitable-campaign-field_social-links {
  margin-bottom: 25px;
}
.charitable-campaign-wrap .charitable-campaign-container .charitable-campaign-field.charitable-campaign-field_social-sharing ul.charitable-campaign-social-links,
.charitable-campaign-wrap .charitable-campaign-container .charitable-campaign-field.charitable-campaign-field_social-sharing ul.charitable-campaign-social-networks, .charitable-campaign-wrap .charitable-campaign-container .charitable-campaign-field.charitable-campaign-field_social-links ul.charitable-campaign-social-links,
.charitable-campaign-wrap .charitable-campaign-container .charitable-campaign-field.charitable-campaign-field_social-links ul.charitable-campaign-social-networks {
  margin-top: 0;
  margin-bottom: 0;
}
.charitable-campaign-wrap .charitable-campaign-container .charitable-campaign-field.charitable-campaign-field_social-sharing h4, .charitable-campaign-wrap .charitable-campaign-container .charitable-campaign-field.charitable-campaign-field_social-links h4 {
  margin: 0 0 10px 0;
  font-size: 16px;
  font-weight: 600;
  line-height: 32px;
}
.charitable-campaign-wrap .charitable-campaign-container .charitable-campaign-field.charitable-campaign-field_donation-wall {
  font-size: 16px;
}
.charitable-campaign-wrap .charitable-campaign-container .charitable-campaign-field.charitable-campaign-field_html {
  font-size: 16px;
}
.charitable-campaign-wrap .charitable-campaign-container .charitable-campaign-field .charitable-field-preview-headline {
  font-size: 16px;
  line-height: 21px;
}
.charitable-campaign-wrap .charitable-campaign-container nav.charitable-campaign-preview-nav {
  margin: 20px auto;
}
.charitable-campaign-wrap .charitable-campaign-container nav.charitable-campaign-preview-nav a {
  text-decoration: none;
}
.charitable-campaign-wrap .charitable-campaign-container nav.charitable-campaign-preview-nav ul {
  list-style: none;
  margin-block-end: 0;
  margin-block-start: 0;
  margin-inline-end: 0;
  margin-inline-start: 0;
  padding: 0;
}
.charitable-campaign-wrap .charitable-campaign-container nav.charitable-campaign-preview-nav li {
  display: inline-block;
  margin: 0 20px 0 0;
  text-transform: uppercase;
  font-weight: 500;
  color: #2d2d2d;
  padding-bottom: 15px;
}
.charitable-campaign-wrap .charitable-campaign-container nav.charitable-campaign-preview-nav li.active {
  border-bottom: 1px solid #2d2d2d;
}
.charitable-campaign-wrap .charitable-campaign-container nav.charitable-campaign-preview-nav.tab-size-medium li a {
  font-size: 14px;
  padding: 15px;
}
.charitable-campaign-wrap .charitable-campaign-container .tab-content ul {
  list-style: none;
  margin-block-end: 0;
  margin-block-start: 0;
  margin-inline-end: 0;
  margin-inline-start: 0;
  padding: 0;
}
.charitable-campaign-wrap .charitable-campaign-container .tab-content li {
  display: none;
}
.charitable-campaign-wrap .charitable-campaign-container .tab-content li.active {
  display: block;
}
.charitable-campaign-wrap .charitable-campaign-container .tab-content li h4 {
  font-size: 16px;
  line-height: 21px;
  font-weight: 600;
}

.charitable-campaign-wrap-blue .charitable-campaign-container {
  /* fields */
  /* base tabs */
}
.charitable-campaign-wrap-blue .charitable-campaign-container .charitable-field-preview-headline {
  color: #3418d2;
}
.charitable-campaign-wrap-blue .charitable-campaign-container .charitable-campaign-field {
  /* title */
  /* photo */
}
.charitable-campaign-wrap-blue .charitable-campaign-container .charitable-campaign-field.charitable-campaign-field_campaign-title h1 {
  margin: 0 0 10px 0;
  padding: 0;
  font-weight: 800;
  font-size: 24px;
  line-height: 32px;
  color: #3418d2;
}
.charitable-campaign-wrap-blue .charitable-campaign-container .charitable-campaign-field.charitable-campaign-field-photo .charitable-campaign-primary-image img {
  border: 5px solid #3418d2;
}
.charitable-campaign-wrap-blue .charitable-campaign-container .charitable-campaign-field.charitable-campaign-field_campaign-summary .campaign-summary-item {
  padding: 5px;
  width: -webkit-calc(50% - 10px);
  width: -moz-calc(50% - 10px);
  width: calc(50% - 10px);
}
.charitable-campaign-wrap-blue .charitable-campaign-container .charitable-campaign-field.charitable-campaign-field_campaign-summary .campaign-summary-item span,
.charitable-campaign-wrap-blue .charitable-campaign-container .charitable-campaign-field.charitable-campaign-field_campaign-summary .campaign-summary-item .amount,
.charitable-campaign-wrap-blue .charitable-campaign-container .charitable-campaign-field.charitable-campaign-field_campaign-summary .campaign-summary-item .donors-count {
  color: #3418d2;
}
.charitable-campaign-wrap-blue .charitable-campaign-container .charitable-campaign-field.charitable-campaign-field_donate-button {
  text-align: center;
}
.charitable-campaign-wrap-blue .charitable-campaign-container .charitable-campaign-field.charitable-campaign-field_donate-button a.donate-button.button-primary {
  color: #ffffff;
  text-decoration: none;
  display: block;
  padding: 6px 24px;
  margin: 10px auto;
  width: auto;
}
.charitable-campaign-wrap-blue .charitable-campaign-container .charitable-campaign-field.charitable-campaign-field_donate-button a.donate-button.button-primary:hover {
  color: #ffffff;
}
.charitable-campaign-wrap-blue .charitable-campaign-container .charitable-campaign-field.charitable-campaign-field_donate-button .donate-button.button-primary {
  background-color: #3418d2;
}
