/* Ways to Give */ 

.donate-now {
	background: linear-gradient(to left top, #5d3091 15%, #9c2486 49%, #ef393e 100%);
	color: #fff;
	/* display: flex;
	gap: 2em; */
	padding: 2em;
	margin: 0 0 2em;
	position: relative;
}

.donate-now > img,
.donate-now > p > img {
	display: none;
	pointer-events: none;
}

@media (min-width: 42em) {
	.donate-now > img,
	.donate-now > p > img {
		display: block;
		position: absolute;
		height: 100%;
		width: 100%;
		top: 0;
		right: 0;
		margin: 0;
		object-fit: contain;
		object-position: top right;
		mix-blend-mode: soft-light;
	}
}

.donate-now .desc {
	flex: 1 0 1;
}

.donate-now .desc h2 {
	color: #fff;
}

.donate-now .desc p {
	margin: 1em 0;
}

.donate-now .desc a {
	background: #fff;
	border: solid medium #fff;
	border-radius: 2em;
	padding: 0.5em 1em;
	font-weight: bold;
	color: #5d3091;
	text-decoration: none;
	transition: 0.2s all;
}

.donate-now .desc a:hover,
.donate-now .desc a:focus {
	background: #5d3091;
	color: #fff;
	text-decoration: none;
}

.donate-now .desc a::after {
	content: "\00A0>";
}

.donate-now .donate-box {
	flex: 1 0 1;
}

.giving-options {
	list-style: none;
	padding: 0;
	margin: 1rem 0 2rem;
	display: flex;
  flex-wrap: wrap;
  gap: 1em;
}

.giving-options li {
  background: #5c2f92;
	color: #fff;
	flex: 1 0 14em;
	padding: 0;
}

.giving-options li a {
	color: #fff;
	font-weight: bold;
}

.giving-options li a::after {
	content: "\00A0>";
}

.giving-options li > * {
	padding: 0 2rem; /* *** Revisit after relaunch */
}

.giving-options h3 {
	margin-top: 1em;
}

.giving-options p {
	margin: 0 0 1em;
}

.primary-options {
	margin: 2em 0;
}

.primary-options + *::before {
	content: " ";
	border-bottom: solid medium #5c2f92;
	margin: 2em auto 1em;
	display: block;
	width: 3em;
}

.primary-options img {
	padding: 0;
}

.primary-options li:nth-child(4n+2) {
	background: #9d2390;
}

.primary-options li:nth-child(4n+1) {
	background: #8763A1;
}

.primary-options li:nth-child(4n+4) {
	background: #d93740;
}

.secondary-options li:nth-child(4n+4) {
	background: #9d2390;
}

.secondary-options li:nth-child(4n+3) {
	background: #8763A1;
}

.secondary-options li:nth-child(4n+2) {
	background: #d93740;
}

.secondary-options li {
	padding-top: 1em;
}

.secondary-options img,
.diy img {
	filter: brightness(0) invert(1);
	width: 6em;
	height: 4em;
	object-fit: contain;
	margin: 0;
}

.diy {
	background: #5c2f92;
	color: #fff;
	padding: 2em;
	margin: 1em 0 2em;
	display: flex;
	gap: 2em;
	align-items: center;
	flex-wrap: wrap;
}

.diy a {
	display: block;
	background: #fff;
	border-radius: 2em;
	padding: 0.5em 1em;
	font-weight: bold;
	text-decoration: none;
	border: solid medium #fff;
	color: #5d3091;
	transition: 0.2s all;
}

.diy a:hover,
.diy a:focus {
	background: #5d3091;
	color: #fff;
	text-decoration: none;
}

.diy-icon {
	flex: 0 0 4em;
}

.diy-content {
	flex: 1 0 0;
	min-width: 15em;
}

.diy-content h3 {
	margin: 0 0 1em;
}

.diy-content p {
	margin: 0 !important;
}

.diy-link {
	flex: 0 0 auto;
}

.get-involved {
	background: #f2f2f2;
	padding: 2em;
	margin: 2em 0;
	display: flex;
	gap: 2em;
	align-items: center;
	flex-wrap: wrap;
}

.get-involved p {
	margin: 0 0 1em;
}

.get-involved a::after {
	content: "\00A0>";
}

.get-involved-desc {
	flex: 1 0 20em;
}

.get-involved-img {
	flex: 0 1 15em;
}

/* remove after upgrade */

h2 {
	display: block !important;
}

.head > h2:first-child {
	display: none !important;;
}