/**
 * All of the CSS for your public-facing functionality should be
 * included in this file.
 */

.cstn-legacy-brand-mark {
	display: inline-flex;
	align-items: center;
	margin-left: 0.5rem;
	vertical-align: middle;
}

.cstn-legacy-brand-logo {
	display: inline-block;
	max-height: 20px;
	width: auto;
}

.cstn-legacy-brand-badge {
	display: inline-block;
	margin-left: 0.5rem;
	padding: 0.1rem 0.45rem;
	border-radius: 999px;
	background-color: #f2f4f7;
	color: #1f2937;
	font-size: 0.72em;
	font-weight: 600;
	line-height: 1.2;
	vertical-align: middle;
}

.cstn-location-card-title {
	display: flex;
	align-items: center;
	gap: 0.5rem;
}

.cstn-location-card-legacy-mark {
	display: inline-flex;
	align-items: center;
	flex: 0 0 auto;
	opacity: 0.55;
	line-height: 1;
	margin-top: 0.35rem;
}

.cstn-location-card-legacy-logo {
	display: block;
	width: auto !important;
	max-width: 120px !important;
	object-fit: contain;
	filter: grayscale(100%) contrast(95%);
}

.mobile-the-title .cstn-location-card-legacy-logo {
	max-width: 110px !important;
}