.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.template-basic {
  margin: auto;
  padding: 0;
  border: 0;
}
.charitable-campaign-wrap.template-basic .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.template-basic .charitable-campaign-container h1, .charitable-campaign-wrap.template-basic .charitable-campaign-container h2, .charitable-campaign-wrap.template-basic .charitable-campaign-container h3, .charitable-campaign-wrap.template-basic .charitable-campaign-container h4, .charitable-campaign-wrap.template-basic .charitable-campaign-container h5, .charitable-campaign-wrap.template-basic .charitable-campaign-container h6, .charitable-campaign-wrap.template-basic .charitable-campaign-container p {
  font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif !important;
}
.charitable-campaign-wrap.template-basic .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.template-basic .charitable-campaign-container header,
.charitable-campaign-wrap.template-basic .charitable-campaign-container div.charitable-preview-row {
  display: block;
}
.charitable-campaign-wrap.template-basic .charitable-campaign-container .charitable-campaign-field {
  /* title */
  /* description */
  /* photo */
  /* progress bar */
}
.charitable-campaign-wrap.template-basic .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.template-basic .charitable-campaign-container .charitable-campaign-field.charitable-campaign-field_campaign-description {
  margin: 0 0 10px 0;
  font-size: 14px;
}
.charitable-campaign-wrap.template-basic .charitable-campaign-container .charitable-campaign-field.charitable-campaign-field-photo .charitable-campaign-primary-image img {
  border: 0px solid #000;
  max-width: 100%;
}
.charitable-campaign-wrap.template-basic .charitable-campaign-container .charitable-campaign-field.charitable-campaign-field_progress-bar h5 {
  margin: 0;
}
.charitable-campaign-wrap.template-basic .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.template-basic .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.template-basic .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.template-basic .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.template-basic .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.template-basic .charitable-campaign-container .charitable-campaign-field.charitable-campaign-field_campaign-summary .campaign-summary-item span,
.charitable-campaign-wrap.template-basic .charitable-campaign-container .charitable-campaign-field.charitable-campaign-field_campaign-summary .campaign-summary-item .amount,
.charitable-campaign-wrap.template-basic .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.template-basic .charitable-campaign-container .charitable-campaign-field.charitable-campaign-field_donate-button {
  text-align: center;
}
.charitable-campaign-wrap.template-basic .charitable-campaign-container .charitable-campaign-field.charitable-campaign-field_donate-button .donate-button.button-primary {
  background-color: #0caf60;
  font-weight: 600;
  width: 100%;
}
.charitable-campaign-wrap.template-basic .charitable-campaign-container .charitable-campaign-field.charitable-campaign-field_social-sharing, .charitable-campaign-wrap.template-basic .charitable-campaign-container .charitable-campaign-field.charitable-campaign-field_social-links {
  margin-bottom: 25px;
}
.charitable-campaign-wrap.template-basic .charitable-campaign-container .charitable-campaign-field.charitable-campaign-field_social-sharing ul.charitable-campaign-social-links,
.charitable-campaign-wrap.template-basic .charitable-campaign-container .charitable-campaign-field.charitable-campaign-field_social-sharing ul.charitable-campaign-social-networks, .charitable-campaign-wrap.template-basic .charitable-campaign-container .charitable-campaign-field.charitable-campaign-field_social-links ul.charitable-campaign-social-links,
.charitable-campaign-wrap.template-basic .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.template-basic .charitable-campaign-container .charitable-campaign-field.charitable-campaign-field_social-sharing h4, .charitable-campaign-wrap.template-basic .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.template-basic .charitable-campaign-container .charitable-campaign-field.charitable-campaign-field_donation-wall {
  font-size: 16px;
}
.charitable-campaign-wrap.template-basic .charitable-campaign-container .charitable-campaign-field.charitable-campaign-field_html {
  font-size: 16px;
}
.charitable-campaign-wrap.template-basic .charitable-campaign-container .charitable-campaign-field .charitable-field-preview-headline {
  font-size: 16px;
  line-height: 21px;
}
.charitable-campaign-wrap.template-basic .charitable-campaign-container nav.charitable-campaign-preview-nav {
  margin: 20px auto;
}
.charitable-campaign-wrap.template-basic .charitable-campaign-container nav.charitable-campaign-preview-nav a {
  text-decoration: none;
}
.charitable-campaign-wrap.template-basic .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.template-basic .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.template-basic .charitable-campaign-container nav.charitable-campaign-preview-nav li.active {
  border-bottom: 1px solid #2d2d2d;
}
.charitable-campaign-wrap.template-basic .charitable-campaign-container nav.charitable-campaign-preview-nav.tab-style-boxed li {
  border-radius: 0;
}
.charitable-campaign-wrap.template-basic .charitable-campaign-container nav.charitable-campaign-preview-nav.tab-style-rounded li {
  border-radius: 20px;
}
.charitable-campaign-wrap.template-basic .charitable-campaign-container nav.charitable-campaign-preview-nav.tab-size-small li {
  font-size: 10px;
}
.charitable-campaign-wrap.template-basic .charitable-campaign-container nav.charitable-campaign-preview-nav.tab-size-small li a {
  font-size: 14px;
  padding: 15px;
}
.charitable-campaign-wrap.template-basic .charitable-campaign-container nav.charitable-campaign-preview-nav.tab-size-medium li {
  font-size: 14px;
}
.charitable-campaign-wrap.template-basic .charitable-campaign-container nav.charitable-campaign-preview-nav.tab-size-medium li a {
  font-size: 14px;
  padding: 15px;
}
.charitable-campaign-wrap.template-basic .charitable-campaign-container nav.charitable-campaign-preview-nav.tab-size-large li {
  font-size: 21px;
}
.charitable-campaign-wrap.template-basic .charitable-campaign-container nav.charitable-campaign-preview-nav.tab-size-large li a {
  font-size: 14px;
  padding: 15px;
}
.charitable-campaign-wrap.template-basic .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.template-basic .charitable-campaign-container .tab-content li {
  display: none;
}
.charitable-campaign-wrap.template-basic .charitable-campaign-container .tab-content li.active {
  display: block;
}
.charitable-campaign-wrap.template-basic .charitable-campaign-container .tab-content li h4 {
  font-size: 16px;
  line-height: 21px;
  font-weight: 600;
}