.charitable-preview.charitable-builder-template-disaster-relief { /* everything wraps in this */

	font-family: -apple-system, BlinkMacSystemFont, sans-serif;

}

/* this narrows things down a little to the preview area header/tabs */

.charitable-preview.charitable-builder-template-disaster-relief #charitable-design-wrap .charitable-campaign-preview {
	/* field items in preview area */
}
.charitable-preview.charitable-builder-template-disaster-relief #charitable-design-wrap .charitable-campaign-preview .charitable-field {
	display: flex;
}
/* wide spread changes in header vs tabs */

.charitable-preview.charitable-builder-template-disaster-relief #charitable-design-wrap .charitable-campaign-preview header {
	background-color: #FFFFFF;
	color: #606060;
}
.charitable-preview.charitable-builder-template-disaster-relief #charitable-design-wrap .charitable-campaign-preview header h1,
.charitable-preview.charitable-builder-template-disaster-relief #charitable-design-wrap .charitable-campaign-preview header h2,
.charitable-preview.charitable-builder-template-disaster-relief #charitable-design-wrap .charitable-campaign-preview header h3,
.charitable-preview.charitable-builder-template-disaster-relief #charitable-design-wrap .charitable-campaign-preview header h4,
.charitable-preview.charitable-builder-template-disaster-relief #charitable-design-wrap .charitable-campaign-preview header h5,
.charitable-preview.charitable-builder-template-disaster-relief #charitable-design-wrap .charitable-campaign-preview header h6 {
	color: #202020}
.charitable-preview.charitable-builder-template-disaster-relief #charitable-design-wrap .charitable-campaign-preview .tab-content h1,
.charitable-preview.charitable-builder-template-disaster-relief #charitable-design-wrap .charitable-campaign-preview .tab-content h2,
.charitable-preview.charitable-builder-template-disaster-relief #charitable-design-wrap .charitable-campaign-preview .tab-content h3,
.charitable-preview.charitable-builder-template-disaster-relief #charitable-design-wrap .charitable-campaign-preview .tab-content h4,
.charitable-preview.charitable-builder-template-disaster-relief #charitable-design-wrap .charitable-campaign-preview .tab-content h5,
.charitable-preview.charitable-builder-template-disaster-relief #charitable-design-wrap .charitable-campaign-preview .tab-content h6 {
	color: #9F190E;
}

.charitable-preview.charitable-builder-template-disaster-relief #charitable-design-wrap .charitable-campaign-preview .tab-content > * {
	color: black;
}

.charitable-preview.charitable-builder-template-disaster-relief #charitable-design-wrap .charitable-campaign-preview header h5 {
	font-size: 24px;
	line-height: 28px;
}

.charitable-preview.charitable-builder-template-disaster-relief #charitable-design-wrap .charitable-campaign-preview  .placeholder {
	padding: 0;
}

/* aligns */

.charitable-preview.charitable-builder-template-disaster-relief #charitable-design-wrap .charitable-campaign-preview .charitable-preview-align-left > div {
	margin-left: 0;
	margin-right: auto;
}
.charitable-preview.charitable-builder-template-disaster-relief #charitable-design-wrap .charitable-campaign-preview .charitable-preview-align-center > div {
	margin-left: auto;
	margin-right: auto;
}
.charitable-preview.charitable-builder-template-disaster-relief #charitable-design-wrap .charitable-campaign-preview .charitable-preview-align-right > div {
	margin-left: auto;
	margin-right: 0;
}

/* column specifics */

.charitable-preview.charitable-builder-template-disaster-relief #charitable-design-wrap .charitable-campaign-preview .column[data-column-id="0"] {
	flex: 0 0 66%;
}
.charitable-preview.charitable-builder-template-disaster-relief #charitable-design-wrap .charitable-campaign-preview .column[data-column-id="1"] {
	border: 1px solid #ECECEC;
}

/* headlines in general */
.charitable-preview.charitable-builder-template-disaster-relief #charitable-design-wrap .charitable-campaign-preview  h5.charitable-field-preview-headline {
	color: #9F190E;
}

/* field: campaign title */

.charitable-preview.charitable-builder-template-disaster-relief #charitable-design-wrap .charitable-campaign-preview  .charitable-field-campaign-title h1 {
	margin: 5px 0 5px 0;
	color: #9F190E;
	font-size: 27px;
	line-height: 29px;
	font-weight: 600;
}

/* field: campaign description */

.charitable-preview.charitable-builder-template-disaster-relief #charitable-design-wrap .charitable-campaign-preview  .charitable-field-campaign-description .charitable-campaign-builder-placeholder-preview-text {
	padding: 0;
	color: #202020;
}


/* field: text */

.charitable-preview.charitable-builder-template-disaster-relief #charitable-design-wrap .charitable-campaign-preview  .charitable-field-text .charitable-campaign-builder-placeholder-preview-text {
	padding: 0;
	color: #202020;
}
.charitable-preview.charitable-builder-template-disaster-relief #charitable-design-wrap .charitable-campaign-preview  .charitable-field-text h5.charitable-field-preview-headline {
	color: #9F190E;
}


/* field: button */

.charitable-preview.charitable-builder-template-disaster-relief #charitable-design-wrap .charitable-campaign-preview .charitable-field.charitable-field-donate-button .charitable-field-preview-donate-button span.placeholder.button {
	background-color: #9F190E !important;
	border-color: #9F190E !important;
	color: #FFFFFF;
	text-transform: uppercase;
	border-radius: 35px;
	margin-top: 0;
	margin-bottom: 0;
	width: 100%;
	font-weight: 400;
	min-height: 50px;
	height: 50px;
	font-size: 16px;
	line-height: 50px;
}

/* field: photo */

.charitable-preview.charitable-builder-template-disaster-relief #charitable-design-wrap .charitable-campaign-preview .charitable-field.charitable-field-photo .primary-image {
	border: transparent;
	border-radius: 0px;
}

/* field: photo */

.charitable-preview.charitable-builder-template-disaster-relief #charitable-design-wrap .charitable-campaign-preview header .primary-image-container {
	margin: 0;
	padding: 0;
}

.charitable-preview.charitable-builder-template-disaster-relief #charitable-design-wrap .charitable-campaign-preview .tab-content .primary-image-container {
	margin: 0;
	padding: 0;
}

/* field: progress bar */

.charitable-preview.charitable-builder-template-disaster-relief #charitable-design-wrap .charitable-campaign-preview .charitable-field.charitable-field-progress-bar .progress-bar-info-row div.campaign-percent-raised {
	color: #202020;
	font-weight: 500;
	font-size: 18px;
	line-height: 21px;
}
.charitable-preview.charitable-builder-template-disaster-relief #charitable-design-wrap .charitable-campaign-preview .charitable-field.charitable-field-progress-bar .progress-bar-info-row div.campaign-goal {
	color: #9F190E;
	font-weight: 600;
	font-size: 24px;
	line-height: 28px;
}
.charitable-preview.charitable-builder-template-disaster-relief #charitable-design-wrap .charitable-campaign-preview .charitable-field.charitable-field-progress-bar .progress {
	border: 0;
	padding: 0;
	background-color: #E0E0E0;
	border-radius: 5px;
	margin-top: 15px;
}
.charitable-preview.charitable-builder-template-disaster-relief #charitable-design-wrap .charitable-campaign-preview .charitable-field.charitable-field-progress-bar .progress-bar {
	background-color: #9F190E;
	height: 8px !important;
	border-radius: 5px;
	text-align: right;
	opacity: 1.0;
}
.charitable-preview.charitable-builder-template-disaster-relief #charitable-design-wrap .charitable-campaign-preview .charitable-field.charitable-field-progress-bar .progress-bar span {
	display: inline-block;
	background-color: #9F190E;
	border-radius: 25px;
	width: 25px;
	height: 25px;
	margin-right: -15px;
	margin-top: -10px;
}

/* field: social linking */

.charitable-preview.charitable-builder-template-disaster-relief #charitable-design-wrap .charitable-campaign-preview .charitable-field-preview-social-linking {
	display: table;
}

.charitable-preview.charitable-builder-template-disaster-relief #charitable-design-wrap .charitable-campaign-preview .charitable-field-preview-social-linking .charitable-field-preview-social-linking-headline-container {
	display: block;
	float: left;
	padding: 0;
}
.charitable-preview.charitable-builder-template-disaster-relief #charitable-design-wrap .charitable-campaign-preview .charitable-field-preview-social-linking .charitable-field-row {
	display: block;
	float: left;
	width: auto;
	margin: 0 0 0 0;
}
.charitable-preview.charitable-builder-template-disaster-relief #charitable-design-wrap .charitable-campaign-preview .charitable-field-preview-social-linking h5.charitable-field-preview-headline {
	font-size: 14px;
	line-height: 16px;
	color: #24231E;
	font-weight: 300;
	margin: 0 15px 0 0;
	padding: 5px;
}
.charitable-preview.charitable-builder-template-disaster-relief #charitable-design-wrap .charitable-campaign-preview .charitable-field-preview-social-linking .charitable-placeholder {
	padding: 10px;
}
.charitable-preview.charitable-builder-template-disaster-relief #charitable-design-wrap .charitable-campaign-preview .charitable-field-preview-social-linking .charitable-field-preview-social-linking-headline-container.charitable-placeholder {
	padding-left: 0;
	padding-top: 2px;
	padding-bottom: 0;
	padding-right: 0;
}

/* field: social sharing */

.charitable-preview.charitable-builder-template-disaster-relief #charitable-design-wrap .charitable-campaign-preview .charitable-field-preview-social-sharing {
	display: table;
}

.charitable-preview.charitable-builder-template-disaster-relief #charitable-design-wrap .charitable-campaign-preview .charitable-field-preview-social-sharing .charitable-field-preview-social-sharing-headline-container {
	display: block;
	float: left;
	padding: 0;
}
.charitable-preview.charitable-builder-template-disaster-relief #charitable-design-wrap .charitable-campaign-preview .charitable-field-preview-social-sharing .charitable-field-row {
	display: block;
	float: left;
	width: auto;
	margin: 0 0 0 0;
}
.charitable-preview.charitable-builder-template-disaster-relief #charitable-design-wrap .charitable-campaign-preview .charitable-field-preview-social-sharing h5.charitable-field-preview-headline {
	font-size: 14px;
	line-height: 16px;
	color: #24231E;
	font-weight: 300;
	margin: 0 15px 0 0;
	padding: 5px;
}
.charitable-preview.charitable-builder-template-disaster-relief #charitable-design-wrap .charitable-campaign-preview .charitable-field-preview-social-sharing .charitable-placeholder {
	padding: 10px;
}
.charitable-preview.charitable-builder-template-disaster-relief #charitable-design-wrap .charitable-campaign-preview .charitable-field-preview-social-sharing .charitable-field-preview-social-sharing-headline-container.charitable-placeholder {
	padding-left: 0;
	padding-top: 2px;
	padding-bottom: 0;
	padding-right: 0;
}

/* field: campaign summary */

.charitable-preview.charitable-builder-template-disaster-relief #charitable-design-wrap .charitable-campaign-preview .charitable-field-preview-campaign-summary {
	padding-left: 0;
	padding-right: 0;
}
.charitable-preview.charitable-builder-template-disaster-relief #charitable-design-wrap .charitable-campaign-preview .charitable-field-preview-campaign-summary div {
	color: #92918E;
	font-weight: 400;
	font-size: 14px;
	line-height: 16px;
}
.charitable-preview.charitable-builder-template-disaster-relief #charitable-design-wrap .charitable-campaign-preview .charitable-field-preview-campaign-summary div span {
	color: #202020;
	font-weight: 600;
	font-size: 32px;
	line-height: 38px;
}
.charitable-preview.charitable-builder-template-disaster-relief #charitable-design-wrap .charitable-campaign-preview .charitable-field-preview-campaign-summary .campaign-summary-item {
	border: 0;
	margin-top: 5px;
	margin-bottom: 5px;
}

/* field: donate amount */

.charitable-preview.charitable-builder-template-disaster-relief #charitable-design-wrap .charitable-campaign-preview .charitable-field-donate-amount label,
.charitable-preview.charitable-builder-template-disaster-relief #charitable-design-wrap .charitable-campaign-preview .charitable-field-donate-amount input.custom-donation-input[type="text"] {
	color: #202020;
	border: 1px solid #202020 !important;
}
.charitable-preview.charitable-builder-template-disaster-relief #charitable-design-wrap .charitable-campaign-preview .charitable-field-donate-amount ul li.suggested-donation-amount.selected {
	background-color: #9F190E;
}
.charitable-preview.charitable-builder-template-disaster-relief #charitable-design-wrap .charitable-campaign-preview .charitable-field-donate-amount ul li.suggested-donation-amount.selected span.amount {
	color: #FFFFFF;
}

// @codingStandardsIgnoreEnd