/**
 * Biz Cards (Legacy).
 *
 * Extracted from the mscbiz theme's general.css and app.css.
 *
 * `.card-wrapper-width-5` is the theme's five-across grid class — Bootstrap has no
 * fifths. It is selected when the block's no_of_columns field is '5'.
 *
 * Footer icon colours come from the shared .txt-orange utility in
 * assets/css/frontend.css; the icons themselves are Bootstrap Icons.
 */

/*
 * The theme applied these Bootstrap .card overrides globally, from general.css and
 * app.css. They are duplicated into each card block's stylesheet rather than added
 * to assets/css/frontend.css, which loads on every page: restyling Bootstrap's
 * .card site-wide is the theme's prerogative, not a legacy block plugin's. ACF
 * enqueues this file only when the block is on the page.
 */

.card {
	box-shadow: none;
	padding: 0;
	max-width: 100% !important;
	border-radius: 0;
}

.card-img {
	border-radius: 0;
}

.card a {
	font-size: 95%;
	text-decoration: none;
}

.card-label {
	position: absolute;
	bottom: 0;
	right: 0;
	background: rgba(20, 20, 20, 0.85);
	color: #fff;
	padding: 0.5rem;
}

.card-wrapper-width-5 {
	width: 100%;
}

@media (min-width: 768px) {
	.card-wrapper-width-5 {
		width: 20%;
	}
}