/* CTA Cards Block
--------------------------------------------- */
.wp-block-bbl-cta-cards {
	padding-top:  var(--space-s-l);
    padding-bottom: var(--space-s-l);
}
.wp-block-bbl-cta-cards.alignfull {
	padding-left: var(--wp--custom--layout--site-padding);
	padding-right: var(--wp--custom--layout--site-padding);
}
.wp-block-bbl-cta-cards.alignfull.has-background {
	padding-top: var(--space-m-xl);
	padding-bottom: var(--space-m-xl);
}
.wp-block-bbl-cta-cards.has-background:not(.alignfull):not(.alignwide) {
	padding-left: var(--wp--preset--spacing--30);
    padding-right: var(--wp--preset--spacing--30);
}

.bbl-cta-cards__inner {
	max-width: var(--wp--style--global--content-size);
    margin-left: auto !important;
    margin-right: auto !important;
	display: grid;
	grid-template-columns: repeat( 1, minmax( 0, 1fr ) );
	gap: var(--wp--preset--spacing--20);
	grid-column: 1/-1;

}

/* default content styles */

.wp-block-bbl-cta-cards.is-default {
	gap: var(--wp--preset--spacing--20);
}

.wp-block-bbl-cta-cards .wp-block-bbl-card.default {
	padding: var(--space-s-l);
	background-color: var(--wp--preset--color--theme-2);
	color: var(--wp--preset--color--white);
}
.wp-block-bbl-cta-cards .wp-block-bbl-card.default .card-image {
	background-color: var(--wp--preset--color--theme-1);
	fill: var(--wp--preset--color--theme-2);
}

.wp-block-bbl-cta-cards .wp-block-bbl-card.default .wp-block-heading {
	color: var(--wp--preset--color--theme-1);
	margin: 0;
}
.wp-block-bbl-cta-cards .wp-block-bbl-card.default p {
	margin: 0;
}
.wp-block-bbl-cta-cards .wp-block-bbl-card.default .card-link {
	margin-top: auto;
	color: var(--wp--preset--color--theme-1);
}
.wp-block-bbl-cta-cards .wp-block-bbl-card.default .card-link:after {
	background-color: var(--wp--preset--color--theme-1);
	color: var(--wp--preset--color--theme-2);
}


/* default content color variations  */
/* #2 */
.wp-block-bbl-cta-cards .wp-block-bbl-card.default:nth-of-type(2) {
	background-color: var(--wp--preset--color--accent-1);
}
.wp-block-bbl-cta-cards .wp-block-bbl-card.default:nth-of-type(2) .wp-block-heading,
.wp-block-bbl-cta-cards .wp-block-bbl-card.default:nth-of-type(2) .card-content * {
	color: var(--wp--preset--color--theme-2) !important;
}
.wp-block-bbl-cta-cards .wp-block-bbl-card.default:nth-of-type(2) .card-image {
	background-color: var(--wp--preset--color--theme-2);
}
.wp-block-bbl-cta-cards .wp-block-bbl-card.default:nth-of-type(2) svg {
	fill: var(--wp--preset--color--accent-1);
}

.wp-block-bbl-cta-cards .wp-block-bbl-card.default:nth-of-type(2) .card-link:after {
	background-color: var(--wp--preset--color--theme-2);
	color: var(--wp--preset--color--accent-1);
}

/* #3 */
.wp-block-bbl-cta-cards .wp-block-bbl-card.default:nth-of-type(3) {
	background-color: var(--wp--preset--color--accent-2);
	color: var(--wp--preset--color--theme-2);
}
.wp-block-bbl-cta-cards .wp-block-bbl-card.default:nth-of-type(3) .wp-block-heading,
.wp-block-bbl-cta-cards .wp-block-bbl-card.default:nth-of-type(3) .card-link {
	color: var(--wp--preset--color--theme-2);
}
.wp-block-bbl-cta-cards .wp-block-bbl-card.default:nth-of-type(3) .card-image {
	background-color: var(--wp--preset--color--theme-2);
	fill: var(--wp--preset--color--accent-2);
}

.wp-block-bbl-cta-cards .wp-block-bbl-card.default:nth-of-type(3) .card-link:after {
	background-color: var(--wp--preset--color--theme-2);
	color: var(--wp--preset--color--accent-2);
}

/* #4 */
.wp-block-bbl-cta-cards .wp-block-bbl-card.default:nth-of-type(4) {
	background-color: var(--wp--preset--color--accent-3);
	color: var(--wp--preset--color--theme-2);
}
.wp-block-bbl-cta-cards .wp-block-bbl-card.default:nth-of-type(4) .wp-block-heading,
.wp-block-bbl-cta-cards .wp-block-bbl-card.default:nth-of-type(4) .card-link {
	color: var(--wp--preset--color--theme-2);
}
.wp-block-bbl-cta-cards .wp-block-bbl-card.default:nth-of-type(4) .card-image {
	background-color: var(--wp--preset--color--theme-2);
	fill: var(--wp--preset--color--accent-3);
}
.wp-block-bbl-cta-cards .wp-block-bbl-card.default:nth-of-type(4) .card-link:after {
	background-color: var(--wp--preset--color--theme-2);
	color: var(--wp--preset--color--accent-3);
}

@media (min-width: 600px) and (max-width: 991px) {

	.wp-block-bbl-cta-cards .bbl-cta-cards__inner {
		grid-template-columns: repeat( 2, minmax( 0, 1fr ) );
	}
	.wp-block-bbl-cta-cards[data-columns="3"] .bbl-cta-cards__inner {
		grid-template-columns: repeat( 3, minmax( 0, 1fr ) );
	}

}

@media (min-width: 992px) {

	.wp-block-bbl-cta-cards[data-columns="2"] .bbl-cta-cards__inner {
		grid-template-columns: repeat( 2, minmax( 0, 1fr ) );
	}
	.wp-block-bbl-cta-cards[data-columns="3"] .bbl-cta-cards__inner {
		grid-template-columns: repeat( 3, minmax( 0, 1fr ) );
	}
	.wp-block-bbl-cta-cards .bbl-cta-cards__inner {
		grid-template-columns: repeat( 4, minmax( 0, 1fr ) );
	}

}

/* Editor Styles */

.editor-styles-wrapper .acf-innerblocks-container {
	display: contents;
}

.editor-styles-wrapper .wp-block-bbl-cta-cards {
	display: grid;
	grid-template-columns: repeat( 1, minmax( 0, 1fr ) );
	gap: var(--wp--preset--spacing--20);
	grid-column: 1/-1;

}

@media (min-width: 600px) and (max-width: 991px) {

	.editor-styles-wrapper .wp-block-bbl-cta-cards {
		grid-template-columns: repeat( 2, minmax( 0, 1fr ) );
	}
	.editor-styles-wrapper .wp-block-bbl-cta-cards[data-columns="3"] {
		grid-template-columns: repeat( 3, minmax( 0, 1fr ) );
	}

}
@media (min-width: 992px) {

	.editor-styles-wrapper .wp-block-bbl-cta-cards[data-columns="2"] {
		grid-template-columns: repeat( 2, minmax( 0, 1fr ) );
	}
	.editor-styles-wrapper .wp-block-bbl-cta-cards[data-columns="3"] {
		grid-template-columns: repeat( 3, minmax( 0, 1fr ) );
	}
	.editor-styles-wrapper .wp-block-bbl-cta-cards  {
		grid-template-columns: repeat( 4, minmax( 0, 1fr ) );
	}

}