body.single.single-fundraising_campaign .site-header__hero-container {
	display: none !important;
}

body.single.single-fundraising_campaign {
	& #basechat-shadow-wrapper {
		display: none;
	}
}

body.single.single-fundraising_campaign .fundraising_campaign {

	@media screen and (max-width: 998px) {
		& .wp-block-spacer {
			height: 20px !important;
		}
	}

	@media screen and (max-width: 998px) {
		& .has-background > .wp-block-group__inner-container {
			padding-top: 20px !important;
			padding-bottom: 20px !important;
		}
	}

	& .group-fourth-group-block {
		padding-inline: 20px;

		& .wp-block-group__inner-container {
			padding: 30px;
		}

		& .wp-block-group__inner-container .wp-block-group .wp-block-group__inner-container .wp-block-group .wp-block-group__inner-container {
			display: flex;
			flex-direction: row;
			align-items: center;

			&:nth-of-type(2) {
				justify-content: flex-end;
			}

			&:has(.wp-block-image) .wp-block-image {
				margin: 0;
			}
		}

		& .wp-block-image figure img {
			aspect-ratio: 1 !important;
		}
	}

	.wp-block-cover.has-donation-form {
		margin-top: 104px;
	}

	@media screen and (max-width: 821px) {
		.wp-block-columns .wp-block-column:empty {
			display: none;
		}
	}

	.wp-block-group blockquote.wp-block-quote {
		padding: var(--spacing-xxl);
		margin-left: 0 !important;
		padding-left: 105px;
	}

	.wp-block-columns .wp-block-column blockquote {
		margin-top: 100px;
	}

	blockquote {
		margin-left: 0 !important;

		& figcaption {
			max-width: 360px !important;
			bottom: 24px !important;

			@media screen and (min-width: 782px) {
				position: relative !important;
			}

			@media screen and (min-width: 950px) {
				max-width: 300px !important;
				bottom: 9px !important;
				left: -66px;
				position: absolute !important;
			}

			@media screen and (min-width: 1025px) {
				max-width: 360px !important;
				bottom: -21px !important;
				left: auto;
			}
		}

		& .wp.block-heading,
		& .wp-block-group__inner-container > h2:first-child {
			margin-top: 100px !important;
		}

		& figure.wp-block-image {
			max-width: 700px;
			margin-left: 0;
		}

		& cite {
			max-width: 700px;
		}
	}

	ul {
		margin-left: 40px;
		white-space: normal;
	}

	.wp-block-video {
		max-height: 800px;
		overflow: hidden;
		width: 100%;
		border-radius: 12px;

		& video {
			vertical-align: middle;
			width: 100%;
			height: 100%;
			object-fit: cover;
			max-height: 800px;
			overflow: hidden;

			@media screen and (min-width: 768px) {
				object-fit: contain;
			}
		}
	}

	.wp-block-theme-cta {
		background: khaki;
		top: -203px;
		width: fit-content;
		margin-left: auto;
		right: 30px;
		height: fit-content;
		position: unset !important;

		@media screen and (min-width: 768px) {
			margin-right: 0;
			top: 0;
			right: 0;
			height: 400px;
			display: flex;
			flex-direction: column;
			align-items: flex-start;
			justify-content: center;
		}

		& .wp-block-group__inner-container {
			display: flex;
			flex-direction: column;
			align-items: flex-start;
			gap: 20px;
			width: 100%;
		}

		& .wp-block-button {
			margin-left: 0;
		}
	}
}

body.single.single-fundraising_campaign {
	& .wp-block-group.is-layout-flow.wp-block-group-is-layout-flow {
		max-width: 1440px;
		margin-inline: auto;
	}
}

body.single.single-fundraising_campaign .group-has-donation-form {
	position: relative;

	& .donation-form__form {
		padding-top: 20px;
	}

	@media screen and (max-width: 821px) {
		margin-bottom: 350px;
	}

	& .wp-block-cover {
		position: relative;
		overflow: visible;
		min-height: 500px;

		& .wp-block-columns {
			max-width: 1440px;
			margin-inline: auto;
		}

		& .wp-block-heading {
			margin-top: 0;
			max-width: 600px;
		}

		@media screen and (max-width: 998px) {
			& .wp-block-columns {
				flex-direction: column;
			}
		}

		& .donation-form {
			position: absolute;
			@media screen and (max-width: 782px) {
				max-width: 100%;
				max-height: 500px;
			}

			& .donation-form__intro {
				max-width: 261px;
				margin-inline: auto;

				& .donation-form__intro-title {
					display: none;
				}

				& .donation-form__intro-desc {
					display: none;
				}
			}

			@media screen and (max-width: 821px) {
				min-width: 94.5%;
			}

			@media screen and (max-width: 605px) {
				min-width: 93.5%;
			}

			@media screen and (max-width: 550px) {
				min-width: 92.5%;
			}

			@media screen and (min-width: 821px) {
				position: absolute;
			}

			@media screen and (min-width: 1230px) {
				position: absolute;
				min-width: 500px;
				max-width: none;

				& .donation-form__inner {
					max-width: 500px;
					max-height: fit-content;

					& .donation-form__highlight {
						position: relative;
						left: 0;
						top: 0;
						bottom: 0;
					}
				}
			}
		}
	}

	& .wp-block-columns .wp-block-column:has(.donation-form) {
		@media screen and (min-width: 821px) {
			padding-inline: 50px;
		}

		@media screen and (min-width: 1230px) {
			padding-inline: 0;
			padding-left: 100px;
		}
	}

	& .wp-block-group__inner-container {
		max-width: 100%;
		padding: 0;
	}

	& .donation-form__inner-wrap {
		padding: 0;
	}

	& .donation-form__initial form {
		padding-left: 0;
		flex-direction: column;
		align-items: flex-start;
		gap: 20px;
	}
}

/* MOBILE */
@media screen and (min-width: 999px) {
	.wp-block-group.has-mobile-donation-form .donation-form {
		display: none !important;
	}
}

.wp-block-group.has-mobile-donation-form .donation-form {
	& .donation-form__highlight {
		margin-left: 8px;
	}
}

.last-group-block-cta {
	padding-inline: 20px;

	& p {
		text-align: center;

		@media screen and (min-width: 998px) {
			max-width: 500px;
		}
	}

	& .wp-block-theme-cta .wp-block-button {
		width: 100%;
		margin-top: 10px;

		& a.wp-block-button__link {
			width: 100%;
		}
	}
}

body.single.single-fundraising_campaign .group-third-block-group {
	margin-top: 50px;
}

body.single.single-fundraising_campaign .group-fifth-group-block {
	background: var(--color-blue) !important;
	padding: var(--spacing-xxl) var(--spacing-xl);
	position: relative !important;
	border-radius: 0;
	margin-bottom: 100px;
}

body.single.single-fundraising_campaign .group-sixth-group-block {
	max-width: 1400px;
	margin-inline: 30px;
	padding-inline: 20px;

	@media screen and (min-width: 1400px) {
		margin-inline: auto;
	}
}

body.single.single-fundraising_campaign .group-fourth-group-block .wp-block-group.has-justify-content-end .wp-block-group__inner-container {
	justify-content: flex-end !important;
}

/* Mobile media styles */

/* Default state (desktop): show normal media, hide mobile versions */
.wp-block-cover:not(.has-mobile-image) .wp-block-cover__image-background.cover-mobile-image,
.wp-block-video:not(.has-mobile-video) .wp-block-video__mobile-video,
.wp-block-image:not(.has-mobile-image) .wp-block-image .wp-block-image__mobile-image {
	display: none;
}

/* Responsive swap — only if block has mobile media */
@media screen and (max-width: 821px) {
	/* COVER: swap only if has mobile image */
	.wp-block-cover.has-mobile-image {
		& .wp-block-cover__image-background:not(.cover-mobile-image) {
			display: none;
		}

		& .wp-block-cover__image-background.cover-mobile-image {
			display: block;
		}
	}

	/* IMAGE: swap only if has mobile image */
	.wp-block-image.has-mobile-image {
		& img {
			display: none;
		}

		& .wp-block-image__mobile-image {
			display: block;
		}
	}

	/* VIDEO: swap only if has mobile video */
	.wp-block-video.has-mobile-video {
		& video:not(.wp-block-video__mobile-video) {
			display: none;
		}

		& .wp-block-video__mobile-video {
			display: block;
			width: 100%;
			height: auto;
		}
	}
}

body.single.single-fundraising_campaign .group-has-donation-form .wp-block-cover .donation-form .donation-form__intro {
	max-width: fit-content !important;
	margin-top: 30px !important;
	margin-left: 33px !important;
	margin-right: auto !important;
	padding: 10px !important;
	display: none;
}

/* Form styles */

@media (min-width: 1024px) {
	body:not(.has-sidebar) .donation-form__inner {
		display: block;
		padding: var(--spacing-xxl) var(--spacing-xl) !important;
	}
}

body.single.single-fundraising_campaign .donation-form-campaigns form {
	fieldset .row {
		display: flex !important;

		& .control-input {
			flex-basis: 50% !important;
		}
	}

	.form-group.form-group-3,
	.form-group.form-group-4 {
		width: 50% !important;
	}

	& .form-group-3 {
		width: 50% !important;
	}

	@media (max-width: 700px) {
		.form-group .row {
			grid-template-columns: 1fr 1fr !important;
			gap: 8px;
		}
	}

	.form-group .row {
		display: grid;
		grid-template-columns: 1fr 1fr !important;
		gap: 22px;
		margin: 0;
	}
}

body.single.single-fundraising_campaign .donation-form__intro-title-wrap .donation-form__intro-title-icon {
	display: block !important;
}