.elementor-767 .elementor-element.elementor-element-70ac447a{--display:flex;}.elementor-widget-text-editor{font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-weight:var( --e-global-typography-text-font-weight );color:var( --e-global-color-text );}.elementor-widget-text-editor.elementor-drop-cap-view-stacked .elementor-drop-cap{background-color:var( --e-global-color-primary );}.elementor-widget-text-editor.elementor-drop-cap-view-framed .elementor-drop-cap, .elementor-widget-text-editor.elementor-drop-cap-view-default .elementor-drop-cap{color:var( --e-global-color-primary );border-color:var( --e-global-color-primary );}.elementor-767 .elementor-element.elementor-element-234675b7{width:100%;max-width:100%;color:#17371A;}/* Start custom CSS for text-editor, class: .elementor-element-234675b7 *//* Google Fonts — this must remain at the top of the custom CSS */
@import url("https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&family=Fraunces:opsz,wght@9..144,600&display=swap");

/* =========================================================
   Kicks For Class — Donation Forms
   Applies globally to every Donation Forms block/shortcode
   ========================================================= */

.od-card {
	--kfc-blue: #0B3B8C;
	--kfc-white: #FFFFFF;
	--kfc-ink: #17371A;
	--kfc-red: #F53108;
	--kfc-orange: #FD9405;
	--kfc-lime: #2FF305;
	--kfc-electric: #0B05F5;
	--kfc-purple: #6103DE;
	--kfc-yellow: #F3CF03;
	--kfc-cream: #FFFFF0;
	--kfc-muted: #526254;

	/* Override colors configured inside the plugin */
	--od-primary: var(--kfc-blue) !important;
	--od-secondary: var(--kfc-ink) !important;

	width: calc(100% - 32px);
	max-width: 960px !important;
	padding: clamp(28px, 5vw, 58px) !important;
	margin-inline: auto;
	color: var(--kfc-ink) !important;
	border: 1px solid rgba(11, 59, 140, 0.18) !important;
	border-radius: 28px !important;
	box-shadow: 0 22px 55px rgba(23, 55, 26, 0.12) !important;
	font-family: "DM Sans", sans-serif !important;
}

/* DM Sans for all form controls */
.od-card button,
.od-card input,
.od-card label,
.od-card p,
.od-card select,
.od-card textarea {
	font-family: "DM Sans", sans-serif !important;
}

/* Fraunces titles */
.od-card h2,
.od-card h3 {
	margin-top: 0;
	color: var(--kfc-ink) !important;
	font-family: "Fraunces", Georgia, serif !important;
	font-weight: 600 !important;
	letter-spacing: -0.025em;
}

.od-card h2 {
	font-size: clamp(2.25rem, 5vw, 3.4rem) !important;
	line-height: 1.05 !important;
}

.od-card h3 {
	font-size: clamp(1.55rem, 3vw, 2rem) !important;
	line-height: 1.15 !important;
}

.od-card p {
	color: var(--kfc-muted);
}

/* Progress indicators */
.od-card .od-progress span {
	color: var(--kfc-ink) !important;
	background: var(--kfc-white) !important;
	border: 2px solid rgba(23, 55, 26, 0.16);
}

.od-card .od-progress span.is-active {
	color: var(--kfc-white) !important;
	background: var(--kfc-purple) !important;
	border-color: var(--kfc-purple) !important;
}

/* Four tiers in one row on desktop */
.od-card .od-amounts {
	display: grid !important;
	grid-template-columns: repeat(4, minmax(0, 1fr)) !important;
	gap: 14px !important;
}

/* Donation amount buttons */
.od-card .od-amounts button {
	min-width: 0;
	min-height: 68px;
	padding: 14px 10px !important;
	color: var(--kfc-blue) !important;
	background: var(--kfc-white) !important;
	border: 2px solid rgba(11, 59, 140, 0.35) !important;
	border-radius: 16px !important;
	box-shadow: none !important;
	font-size: 1.15rem !important;
	font-weight: 700 !important;
	transition:
		background-color 180ms ease,
		border-color 180ms ease,
		color 180ms ease,
		transform 180ms ease,
		box-shadow 180ms ease;
}

.od-card .od-amounts button:hover {
	color: var(--kfc-white) !important;
	background: var(--kfc-purple) !important;
	border-color: var(--kfc-purple) !important;
	transform: translateY(-2px);
}

.od-card .od-amounts button.is-selected {
	color: var(--kfc-white) !important;
	background: var(--kfc-blue) !important;
	border-color: var(--kfc-blue) !important;
	box-shadow: 0 0 0 4px rgba(11, 59, 140, 0.16) !important;
}

/* Inputs */
.od-card input:not([type="radio"]):not([type="hidden"]),
.od-card select,
.od-card textarea,
.od-card .od-money {
	color: var(--kfc-ink) !important;
	background: var(--kfc-white) !important;
	border-left: 0px !important;
    border-right: 0px !important;
    border-top: 0px !important;
	border-radius: 0px !important;
}

.od-card input::placeholder,
.od-card textarea::placeholder {
	color: var(--kfc-muted) !important;
	opacity: 0.75;
}

/* Frequency and gateway choices */
.od-card .od-frequency label,
.od-card .od-gateways label {
	color: var(--kfc-ink) !important;
	background: var(--kfc-white) !important;
	border: 2px solid rgba(11, 59, 140, 0.22) !important;
	border-radius: 999px !important;
	font-weight: 600 !important;
}

.od-card input[type="radio"] {
	accent-color: var(--kfc-blue);
}

.od-card .od-frequency label:has(input:checked),
.od-card .od-gateways label:has(input:checked) {
	color: var(--kfc-blue) !important;
	background: rgba(11, 59, 140, 0.07) !important;
	border-color: var(--kfc-blue) !important;
}

/* Primary donation buttons */
.od-card .od-primary,
.od-card .od-cancel button {
	min-height: 58px;
	padding: 15px 30px !important;
	color: var(--kfc-white) !important;
	background: var(--kfc-red) !important;
	border: 2px solid var(--kfc-red) !important;
	border-radius: 999px !important;
	box-shadow: 0 8px 20px rgba(245, 49, 8, 0.22) !important;
	font-size: 1.05rem !important;
	font-weight: 700 !important;
	transition:
		background-color 180ms ease,
		border-color 180ms ease,
		color 180ms ease,
		transform 180ms ease;
}

.od-card .od-primary:hover,
.od-card .od-cancel button:hover {
	color: var(--kfc-ink) !important;
	background: var(--kfc-orange) !important;
	border-color: var(--kfc-orange) !important;
	transform: translateY(-2px);
}

/* Back button */
.od-card .od-back {
	padding: 13px 24px !important;
	color: var(--kfc-blue) !important;
	background: transparent !important;
	border: 2px solid var(--kfc-blue) !important;
	border-radius: 999px !important;
	font-weight: 700 !important;
}

.od-card .od-back:hover {
	color: var(--kfc-white) !important;
	background: var(--kfc-blue) !important;
}

/* Accessible focus treatment */
.od-card button:focus-visible,
.od-card input:focus-visible,
.od-card select:focus-visible,
.od-card textarea:focus-visible {
	outline: 3px solid var(--kfc-purple) !important;
	outline-offset: 3px !important;
}

/* Messages */
.od-card .od-error {
	color: var(--kfc-red) !important;
	font-weight: 600;
}

.od-card .od-success {
	color: var(--kfc-ink) !important;
	background: rgba(47, 243, 5, 0.12) !important;
	border: 2px solid var(--kfc-green, #17371A) !important;
	border-radius: 16px !important;
}

/* iPad and smaller: 2 × 2 donation tiers */
@media (max-width: 1024px) {
	.od-card .od-amounts {
		grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
	}
}

/* Phone refinements — tiers remain 2 × 2 */
@media (max-width: 600px) {
	.od-card {
		width: calc(100% - 20px);
		padding: 28px 20px !important;
		border-radius: 22px !important;
	}

	.od-card .od-amounts {
		grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
		gap: 10px !important;
	}

	.od-card .od-amounts button {
		min-height: 58px;
		font-size: 1rem !important;
	}

	.od-card .od-actions {
		align-items: stretch;
		flex-direction: column-reverse;
	}

	.od-card .od-primary,
	.od-card .od-back,
	.od-card .od-cancel button {
		width: 100%;
	}
}/* End custom CSS */