/* Save Aid Project — light reskin of GiveWP's own donation form markup
   so it sits visually inside the Charitia layout. */

.give-form-wrap,
.give-form {
	font-family: var(--nunito), sans-serif;
	max-width: 100%;
}

.give-form-wrap .give-btn,
.give-form .give-submit,
.give-donate-btn,
#give-checkout-fields button[type="submit"] {
	background-color: var(--quaternary-color) !important;
	border-color: var(--quaternary-color) !important;
	border-radius: 5px;
	font-weight: 700;
	letter-spacing: 0.4px;
	transition: var(--transition);
}
.give-form-wrap .give-btn:hover,
.give-form .give-submit:hover,
.give-donate-btn:hover {
	background-color: var(--hover-color) !important;
	border-color: var(--hover-color) !important;
}

.give-donation-amount .give-currency-symbol,
.give-total-amount {
	color: var(--secondary-color);
}

.give-form-wrap input[type="text"],
.give-form-wrap input[type="email"],
.give-form-wrap input[type="tel"],
.give-form-wrap input[type="number"],
.give-form-wrap select,
.give-form-wrap textarea {
	border: 1px solid #e3e3e3;
	border-radius: 5px;
	padding: 12px 16px;
	width: 100%;
}

.give-donation-levels-wrap .give-donation-level-btn,
.give-btn-level {
	border-radius: 5px;
	border-color: var(--senary-color);
}
.give-donation-levels-wrap .give-donation-level-btn.give-btn-level-selected,
.give-btn-level.give-selected {
	background-color: var(--quaternary-color) !important;
	border-color: var(--quaternary-color) !important;
	color: #fff !important;
}

.give-goal-progress .give-goal-progress-bar,
.give-progress-bar-inner {
	background-color: var(--quaternary-color) !important;
}

/* Keep Give forms comfortably spaced inside our section wrappers */
.community-donation__inner .give-form-wrap,
.cause__details-content .give-form-wrap {
	margin-top: 10px;
}