/**
 * Theme Name: Salsa
 * Template:   hyphoria
 * ...other header fields
 */

:root {
	--colorLight: #ffffff;
	--colorFont: #a0a0a0;
	--colorDarkGrey: #1d1c21;
	--colorMain: #962722;
	--colorMain2: #646f58;
	--colorMain3: #c3d781;
	--colorMainRGB: 150, 39, 34;
	--colorMain2RGB: 100, 111, 88;
	--colorMain3RGB: 195, 215, 129;
	--colorFontRGB: 160, 160, 160;
	--colorFontDarkRGB: 177, 177, 177;
	--colorDarkGreyRGB: 29, 28, 33;
	--colorGreyRGB: 242, 242, 242;
	--colorDarkRGB: 20, 20, 23;
	--colorLightRGB: 255, 255, 255;
	--colorBackgroundRGB: 242, 242, 242;
	--colorBackgroundDarkRGB: 255, 255, 255;
	--colorBorderRGB: 229, 229, 229;
	--colorBorderDarkRGB: 152, 152, 152;
	--fontBody: "Arial, Helvetica Neue, Helvetica, sans-serif" !important;
	--fontSecondary: "Playfair Display" !important;
}

.i .nav-btn span, .i .nav-btn span::before, .i .nav-btn span::after {
	background: black;
}

.header-search {
	display: none;
}

.vc-live-shows {
	display: flex;
	flex-direction: column;
	gap: 18px;
}

.vc-live-shows__month-header {
	margin-top: 24px;
	padding: 10px 16px;
	font-weight: 700;
	font-size: 18px;
	background: #f2f2f2;
	border-left: 4px solid currentColor;
}

.vc-live-shows__item {
	display: flex;
	gap: 20px;
	padding: 22px;
	border: 1px solid #ddd;
	background: #fff;
}

.vc-live-shows__date-box {
	flex: 0 0 82px;
	height: 82px;
	display: flex;
	flex-direction: column;
	align-items: center;
	justify-content: center;
	border: 2px solid currentColor;
	text-transform: uppercase;
}

.vc-live-shows__date-month {
	font-size: 14px;
	font-weight: 700;
}

.vc-live-shows__date-day {
	font-size: 34px;
	line-height: 1;
	font-weight: 800;
}

.vc-live-shows__content {
	flex: 1;
}

.vc-live-shows__mobile-date {
	display: none;
}

.vc-live-shows__title {
	margin: 0 0 8px;
	font-size: 22px;
}

.vc-live-shows__title a {
	color: inherit;
	text-decoration: none;
}

.vc-live-shows__title a:hover {
	text-decoration: underline;
}

.vc-live-shows__meta {
	margin-bottom: 10px;
	font-weight: 600;
}

.vc-live-shows__location {
	display: flex;
	gap: 8px;
	margin-bottom: 12px;
}

.vc-live-shows__description {
	margin-top: 12px;
}

.vc-live-shows__description p:last-child {
	margin-bottom: 0;
}

.vc-live-shows__more {
	margin-top: 14px;
}

.vc-live-shows__more a {
	display: inline-block;
	font-weight: 700;
	text-decoration: none;
}

.vc-live-shows__more a:hover {
	text-decoration: underline;
}

@media (max-width: 767px) {
	.vc-live-shows__item {
		gap: 14px;
		padding: 18px;
	}

	.vc-live-shows__date-box {
		display: none;
	}

	.vc-live-shows__mobile-date {
		display: block;
		margin-bottom: 6px;
		font-weight: 700;
	}
}