/**
 * About CFP / Why CFP section styles
 * Loaded when: .about-cfp-quote or .cfp-items is present
 */

.about-cfp-quote {
	max-width: 502px;
	text-shadow: 0px 4.457px 11.144px rgba(255, 255, 255, 0.8);
}

.cfp-items {
	gap: var(--wp--preset--spacing--30) 3.25rem;

	@media (max-width: 900px) {
		display: grid !important;
		grid-template-columns: repeat(2, 1fr);
		gap: var(--wp--preset--spacing--25);

		& > .wp-block-group {
			justify-content: flex-start;
		}
	}

	@media (max-width: 600px) {
		grid-template-columns: 1fr;
		gap: var(--wp--preset--spacing--20);
	}
}