:root {
	--primaryColor: #ffffff;
	--secondaryColor: #ffffff;
	--accentColor: #f3d200;

	--textColor: #ffffff;
	--textLinkColor: #f3d200;
	--headingColor: #ffffff;

	--primaryFont: 'Poppins', sans-serif !important;
	--headingFont: TT Firs Neue, sans-serif !important;

	--backgroundColor: #000000;
	--dropdownColor: #222222;
	--siteWidth: 1620px;

	--cardBackgroundColor: #222222;
	--cardTextColor: #ffffff;
	--divider: #383838;

	--cartBackgroundColor: #000000;

	--fieldBackgroundColor: #ffffff;
	--fieldTextColor: #000000;
	--fieldBorderColor: #ffffff;
	--fieldRadius: 6px;

	--buttonBackgroundColor: #f3d200;
	--buttonTextColor: #000000;
	--buttonBorderColor: #f3d200;
	--buttonHoverBackgroundColor: #ffffff;
	--buttonHoverTextColor: #000000;
	--buttonHoverBorderColor: #ffffff;
	--buttonRadius: 6px;

	--secondaryButtonBackgroundColor: transparent;
	--secondaryButtonTextColor: #cd1d23;
	--secondaryButtonBorderColor: #cd1d23;
	--secondaryButtonHoverBackgroundColor: #000000;
	--secondaryButtonHoverTextColor: #f5e0ce;
	--secondaryButtonHoverBorderColor: #000000;

	--pillBackgroundColor: #f3d200;
	--pillTextColor: #000000;
	--pillBorderColor: #f3d200;
	--pillHoverBackgroundColor: #ffffff;
	--pillHoverTextColor: #000000;
	--pillHoverBorderColor: #ffffff;
	--pillRadius: 6px;

	--smallRadius: 6px;
	--mediumRadius: 12px;
	--largeRadius: 24px;

	--smallDropShadow: 0 1px 3px rgba(0, 0, 0, 0.1);
	--largeDropShadow: 0px 0px 40px 0px rgba(0, 0, 0, 0.1);

	--panelBackgroundColor: #222222;
	--panelBorder: none;
	--panelBorderRadius: 6px;
	--panelDropShadow: none;

	--cardBackground: transparent;
	--cardBorder: none;
	--cardRadius: 0px;
	--cardPadding: 0px;
	--cardContentPadding: 0;
	--cardImageRadius: 6px;
	--cardDropShadow: 0px 0px 0px 0px rgba(0, 0, 0, 0);

	--icon-filter-none: invert(1);
	--icon-filter-invert: invert(0);
}

#ft_event #ft_eventPoster {
	display: none !important;
}

#ft_event blockquote {
	border-left: 2px solid var(--textLinkColor);
	font-size: 140%;
	font-style: italic;
	margin: 32px 0;
	padding: 16px 16px 16px 32px;
}

@media screen and (min-width: 768px) {
	#ft_event #ft_eventContainer {
		display: grid;
		grid-template-columns: auto auto;
		grid-template-rows: auto 1fr;
		gap: 64px;
	}
	#ft_eventDetailsLeft {
		grid-area: 1 / 2 / 2 / 3;
	}
	#ft_eventDetailsCenter {
		grid-area: 1 / 1 / 3 / 2;
		& > div {
			order: 3;
		}

		#ft_eventClassification {
			display: inline-block;
			margin-right: 12px;
		}

		#ft_eventTitle {
			font-size: 48px !important;
			line-height: 56px !important;
			order: 1;
		}

		#ft_eventAttributes1 {
			order: 2;
		}

		#ft_eventDescription {
			font-size: 18px;
			margin-bottom: 128px;
		}
	}
	#ft_eventDetailsRight {
		grid-area: 2 / 2 / 3 / 3;

		#ft_eventDates1 {
			display: none;
		}

		#ft_eventAttributes2 {
			margin: 0 !important;
		}
		h3 {
			margin-bottom: -28px !important;
		}
	}
}

@media screen and (min-width: 1124px) {
	#ft_event #ft_eventContainer {
		grid-template-columns: auto 350px;
		column-gap: 156px;
		row-gap: 128px;

		#ft_eventDetailsCenter {
			#ft_eventTitle {
				font-size: 54px !important;
				line-height: 62px !important;
			}
			div[id^='ft_eventDates'] {
				padding: 0 10%;
			}
			div[id^='ft_eventPricing'] {
				padding: 0 15% 0 10%;
			}
		}
	}
}

#ft_pass #ft_eventImageContainer {
	margin-bottom: 32px;
}