/* Info v2
--------------------------------------------- */

.info__section {
	padding: var(--wp--custom--layout--block-gap-xl) 0;
}

@media (width <768px) {
	.info__section {
		padding: var(--wp--custom--layout--block-gap-big) 0;
	}
}

.info__title,
.info__body h2 {
	color: var(--wp--preset--color--cobalt);
	font-size: var(--wp--preset--font-size--fluid-24);
	margin-top: 0;
}

.info__description {
	margin-top: 0;
	margin-bottom: var(--wp--custom--layout--block-gap-big);
}

.info__body h3 {
	color: var(--wp--preset--color--cobalt);
	font-size: var(--wp--preset--font-size--body-xl);
	text-transform: uppercase;
}

.info__body h4 {
	color: var(--wp--preset--color--cobalt);
	font-size: var(--wp--preset--font-size--body-lg);
	font-weight: 600;
}

.info__body p:first-child {
	margin-top: 0;
}

.info__row {
	display: flex;
	column-gap: var(--wp--custom--layout--column-gap);
	margin: 40px 0;
	flex-wrap: wrap;
}

.info__row:first-of-type {
	margin-top: 0;
}

.info__row:last-of-type {
	margin-bottom: 0;
}

.info {
	display: flex;
	flex-direction: column;
	height: auto;
	width: 100%;
	flex: 1 1;
}

.info a {
	align-self: start;
}

@media (width <=768px) {
	.info {
		flex-basis: 100%;
	}
}

.info__eyebrow {
	color: var(--wp--preset--color--emerald);
	font-size: var(--wp--preset--font-size--body-xl);
	text-transform: uppercase;
}

.info__heading {
	color: var(--wp--preset--color--cobalt);
	font-size: var(--wp--preset--font-size--fluid-24);
	margin-top: 0;
}

.info__image {
	margin-bottom: var(--wp--custom--layout--padding);
}

.info__buttons a:not(:last-child) {
	margin-right: 8px;
}

/* Variations
--------------------------------------------- */

.info__section.bg-cobalt,
.info__section.bg-emerald {

	.info__eyebrow,
	.info__title,
	.info__heading,
	.info__body h2,
	.info__body h3,
	.info__body h4 {
		color: var(--wp--preset--color--white);
	}
}

.info__section.bg-emerald {
	.info__eyebrow {
		color: var(--wp--preset--color--cobalt);
	}
}

/* Grid columns */
.info__section {

	&.grid-3 .info__row,
	&.grid-4 .info__row,
	&.grid-5 .info__row {
		display: grid;
	}

	&.grid-3 .info__row {
		grid-template-columns: repeat(3, 1fr);
	}

	&.grid-4 .info__row {
		grid-template-columns: repeat(4, 1fr);
	}

	&.grid-5 .info__row {
		grid-template-columns: repeat(5, 1fr);
	}
}

/* Responsive
--------------------------------------------- */

@media (width <=768px) {

	.info__section.grid-3 .info__row,
	.info__section.grid-4 .info__row,
	.info__section.grid-5 .info__row {
		grid-template-columns: repeat(1, 1fr);
	}
}

@media (768px < width <=992px) {

	.info__section.grid-3 .info__row,
	.info__section.grid-4 .info__row,
	.info__sectionv.grid-5 .info__row {
		grid-template-columns: repeat(3, 1fr);
	}
}

@media (992px < width <=1140px) {

	.info__section.grid-4 .info__row,
	.info__section.grid-5 .info__row {
		grid-template-columns: repeat(4, 1fr);
	}
}