/* 1.22.22 — readable match cards and matchday snapshot. */
body.varcelona-home .vc-upcoming-block__club {
	font-size: 13px !important;
	letter-spacing: .07em !important;
}

body.varcelona-home .vc-upcoming-card {
	min-height: 215px !important;
	padding: 21px 24px 19px !important;
}

body.varcelona-home .vc-upcoming-card__competition {
	margin-bottom: 16px !important;
	font-size: 13px !important;
}

body.varcelona-home .vc-upcoming-card__teams {
	grid-template-columns: minmax(0, 1fr) 118px minmax(0, 1fr) !important;
	gap: 18px !important;
	align-items: center !important;
}

body.varcelona-home .vc-upcoming-team {
	gap: 10px !important;
}

body.varcelona-home .vc-upcoming-team__badge {
	width: 76px !important;
	height: 76px !important;
	padding: 8px !important;
	border-radius: 17px !important;
}

body.varcelona-home .vc-upcoming-team strong,
.vc-upcoming-team strong {
	max-width: 190px !important;
	font-size: 19px !important;
	line-height: 1.2 !important;
}

body.varcelona-home .vc-upcoming-card__date {
	min-height: 94px !important;
	padding: 12px 9px !important;
	border-radius: 12px !important;
}

body.varcelona-home .vc-upcoming-card__date b,
.vc-upcoming-card__date b {
	font-size: 28px !important;
	line-height: 1 !important;
}

body.varcelona-home .vc-upcoming-card__date span,
.vc-upcoming-card__date span {
	margin-top: 7px !important;
	font-size: 17px !important;
	line-height: 1.1 !important;
}

body.varcelona-home .vc-upcoming-card__date .vc-match-zone {
	margin-top: 6px !important;
	font-size: 12px !important;
}

body.varcelona-home .vc-upcoming-card .vc-countdown,
.vc-upcoming-card .vc-countdown {
	font-size: 15px !important;
	line-height: 1.35 !important;
}

body.varcelona-home .vc-upcoming__all {
	font-size: 15px !important;
}

.vc-matchday__header {
	padding: 20px 20px 18px !important;
}

.vc-matchday__header span {
	font-size: 11px !important;
}

.vc-matchday__header h2 {
	font-size: 22px !important;
	line-height: 1.15 !important;
}

.vc-matchday__tabs button {
	min-height: 50px !important;
	font-size: 12px !important;
}

.vc-matchday__panel {
	padding: 18px !important;
}

.vc-matchday__standing {
	gap: 12px !important;
	margin-bottom: 16px !important;
}

.vc-matchday__club-crest,
.vc-matchday__opponent-crest {
	flex-basis: 54px !important;
	width: 54px !important;
	height: 54px !important;
	padding: 5px !important;
}

.vc-matchday__standing strong {
	font-size: 18px !important;
	line-height: 1.2 !important;
}

.vc-matchday__standing small {
	font-size: 10px !important;
}

.vc-matchday__standing p b {
	font-size: 32px !important;
}

.vc-matchday__standing p span {
	font-size: 10px !important;
}

.vc-matchday__result {
	padding: 16px 14px !important;
	border-radius: 12px !important;
}

.vc-matchday__result>small,
.vc-matchday__next-heading small {
	font-size: 10px !important;
}

.vc-matchday__teams {
	grid-template-columns: minmax(0, 1fr) 62px minmax(0, 1fr) !important;
	gap: 8px !important;
	margin-top: 12px !important;
}

.vc-matchday__teams>span>img,
.vc-matchday__teams>span>span {
	width: 46px !important;
	height: 46px !important;
	padding: 4px !important;
}

.vc-matchday__teams b {
	font-size: 13px !important;
	line-height: 1.22 !important;
}

.vc-matchday__teams>strong {
	font-size: 28px !important;
}

.vc-matchday__next {
	margin-top: 12px !important;
	padding: 16px 76px 15px 14px !important;
	border-radius: 12px !important;
}

.vc-matchday__next-heading time {
	font-size: 14px !important;
}

.vc-matchday__next-teams {
	gap: 7px !important;
	margin-top: 9px !important;
	font-size: 15px !important;
	line-height: 1.25 !important;
}

.vc-matchday__countdown {
	margin-top: 11px !important;
}

.vc-matchday__countdown small {
	font-size: 9px !important;
}

.vc-matchday__countdown .vc-countdown {
	display: block !important;
	margin-top: 3px !important;
	font-size: 18px !important;
	line-height: 1.2 !important;
}

.vc-matchday__form {
	gap: 9px !important;
	padding: 15px 2px 5px !important;
}

.vc-matchday__form>span {
	font-size: 10px !important;
}

.vc-matchday__form i {
	width: 25px !important;
	height: 25px !important;
	font-size: 10px !important;
}

.vc-matchday__form>b {
	font-size: 12px !important;
}

.vc-matchday__actions {
	gap: 10px !important;
	margin-top: 12px !important;
}

.vc-matchday__actions a {
	min-height: 48px !important;
	padding: 12px !important;
	font-size: 12px !important;
}

@media (max-width: 900px) {
	body.varcelona-home .vc-upcoming-card {
		min-height: 205px !important;
	}
}

@media (max-width: 600px) {
	body.varcelona-home .vc-upcoming-card {
		min-height: 0 !important;
		padding: 18px 13px 16px !important;
	}

	body.varcelona-home .vc-upcoming-card__teams {
		grid-template-columns: minmax(0, 1fr) 94px minmax(0, 1fr) !important;
		gap: 8px !important;
	}

	body.varcelona-home .vc-upcoming-team__badge {
		width: 64px !important;
		height: 64px !important;
	}

	body.varcelona-home .vc-upcoming-team strong {
		font-size: 16px !important;
	}

	body.varcelona-home .vc-upcoming-card__date {
		min-height: 84px !important;
		padding: 11px 5px !important;
	}

	body.varcelona-home .vc-upcoming-card__date b {
		font-size: 24px !important;
	}

	body.varcelona-home .vc-upcoming-card__date span {
		font-size: 16px !important;
	}

	body.varcelona-home .vc-upcoming-card .vc-countdown {
		font-size: 14px !important;
	}

	.vc-matchday__panel {
		padding: 16px !important;
	}

	.vc-matchday__header h2 {
		font-size: 21px !important;
	}

	.vc-matchday__next {
		padding-right: 70px !important;
	}
}