.card {
	/* Callout Card styles */
	margin-block-start: 0 !important;
}
	
	.card img + h3 {
	margin-top: 1rem;
}
	
	.card img {
	margin-bottom: 0rem;
}
	
	.card h3 {
	margin-bottom: 0.5rem;
	font-family: "Figtree", sans-serif;
	font-weight: 500;
	font-size: 24px;
	font-style: normal;
	line-height: 1.35;
}
	
	@media (max-width: 767px) {
	
	.card h3 {
		font-size: 20px;
	}
}
	
	.card p {
	margin-top: 0.5rem;
}
	
	.card.purple {
	--tw-bg-opacity: 1;
	background-color: rgb(130 87 248 / var(--tw-bg-opacity, 1));
	--tw-text-opacity: 1;
	color: rgb(255 255 255 / var(--tw-text-opacity, 1));
}
	
	.card.purple .wp-block-button.is-style-link .wp-block-button__link {
	--tw-text-opacity: 1;
	color: rgb(255 255 255 / var(--tw-text-opacity, 1));
}
	
	.card.purple .wp-block-button.is-style-link .wp-block-button__link::after {
					background-image: url(../../../../images/arrow-right-white.svg);
				}
	
	.card.peach {
	--tw-bg-opacity: 1;
	background-color: rgb(214 116 102 / var(--tw-bg-opacity, 1));
	--tw-text-opacity: 1;
	color: rgb(255 255 255 / var(--tw-text-opacity, 1));
}
	
	.card.peach .wp-block-button.is-style-link .wp-block-button__link {
	--tw-text-opacity: 1;
	color: rgb(255 255 255 / var(--tw-text-opacity, 1));
}
	
	.card.peach .wp-block-button.is-style-link .wp-block-button__link::after {
					background-image: url(../../../../images/arrow-right-white.svg);
			}
	
	.card.blue {
	--tw-bg-opacity: 1;
	background-color: rgb(76 144 212 / var(--tw-bg-opacity, 1));
	--tw-text-opacity: 1;
	color: rgb(255 255 255 / var(--tw-text-opacity, 1));
}
	
	.card.blue .wp-block-button.is-style-link .wp-block-button__link {
	--tw-text-opacity: 1;
	color: rgb(255 255 255 / var(--tw-text-opacity, 1));
}
	
	.card.blue .wp-block-button.is-style-link .wp-block-button__link::after {
					background-image: url(../../../../images/arrow-right-white.svg);
			}
	
	.card.green {
	--tw-bg-opacity: 1;
	background-color: rgb(78 149 115 / var(--tw-bg-opacity, 1));
	--tw-text-opacity: 1;
	color: rgb(255 255 255 / var(--tw-text-opacity, 1));
}
	
	.card.green .wp-block-button.is-style-link .wp-block-button__link {
	--tw-text-opacity: 1 !important;
	color: rgb(255 255 255 / var(--tw-text-opacity, 1)) !important;
}
	
	.card.green .wp-block-button.is-style-link .wp-block-button__link::after {
					background-image: url(../../../../images/arrow-right-white.svg);
			}
	
	.card.white {
	border-width: 1px;
	--tw-border-opacity: 1;
	border-color: rgb(0 0 0 / var(--tw-border-opacity, 1));
	--tw-bg-opacity: 1;
	background-color: rgb(255 255 255 / var(--tw-bg-opacity, 1));
	--tw-shadow: 0 0 #0000;
	--tw-shadow-colored: 0 0 #0000;
	box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}
	
	.card.white:hover {
	--tw-shadow: 0 4px 6px -1px rgb(0 0 0 / 0.1), 0 2px 4px -2px rgb(0 0 0 / 0.1);
	--tw-shadow-colored: 0 4px 6px -1px var(--tw-shadow-color), 0 2px 4px -2px var(--tw-shadow-color);
	box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}
	
	.card .acf-innerblocks-container {
	display: flex;
	height: 100%;
	flex-direction: column;
}
	
	.card .acf-innerblocks-container .wp-block-buttons {
	justify-self: end;
}
	
	.card .wp-block-group > .block-editor-block-list__block:nth-child(2n+2) .text-media {
	flex-direction: row-reverse;
}
	
	.card .wp-block-button.is-style-link {
	margin-top: 0.5rem;
	padding: 0rem;
	text-align: left;
}
	
	.card .wp-block-button.is-style-link .wp-block-button__link {
	margin: 0rem;
	display: inline-block;
	padding: 0rem;
	text-align: left;
}
	
	/* make sure the link is at the bottom or the page */
	
	.card *:has(+ .wp-block-buttons) {
	flex-grow: 1;
}
	
	.card h1.has-background,
	.card h2.has-background,
	.card h3.has-background,
	.card h4.has-background,
	.card h5.has-background,
	.card h6.has-background,
	.card p.has-background {
	padding: 0rem;
}