@font-face {
	font-family: "Winner Sans";
	src: url("../../../fonts/WinnerSans-Medium.woff2") format("woff2"),
	url("../../../fonts/WinnerSans-Medium.otf") format("opentype");
	font-weight: 500;
	font-style: normal;
	font-display: block;
}
@font-face {
	font-family: "Winner Sans Condensed";
	src: url("../../../fonts/WinnerSansCond-Bold.woff2") format("woff2"),
	url("../../../fonts/WinnerSansCond-Bold.otf") format("opentype");
	font-weight: 700;
	font-style: normal;
	font-display: block;
}
@font-face {
	font-family: "Winner Sans Wide";
	src: url("../../../fonts/WinnerSansWide-Medium.woff2") format("woff2"),
	url("../../../fonts/WinnerSansWide-Medium.otf") format("opentype");
	font-weight: 500;
	font-style: normal;
	font-display: block;
}
@font-face {
	font-family: "Objektiv";
	src: url("../../../fonts/Objektiv-Regular.26966.woff2") format("woff2"),
	url("../../../fonts/Objektiv-Regular.26966.otf") format("opentype");
	font-weight: 400;
	font-style: normal;
	font-display: block;
}
@font-face {
	font-family: "Objektiv";
	src: url("../../../fonts/Objektiv-Bold.26969.woff2") format("woff2"),
	url("../../../fonts/Objektiv-Bold.26969.otf") format("opentype");
	font-weight: 700;
	font-style: normal;
	font-display: block;
}

:root {
	--color_1: #D9252A; /* Primary color: Fire Red */
	--color_2: #07111F; /* Accent color: Premium Blue */
	--color_3: #F7F5E6; /* Accent color: Cream */
	--color_4: #3E3F4A; /* Accent color: Bluish Grey */
	--color_5: #BAC2D2; /* Accent color: Light Blue Grey */
	--color_white: #FFFFFF;
	--color_black: #000000 ;
	--color_border: #D9D9D9;
	/* --color_background: #e4e9f1; very light gray/blue */
	/* --color_very_light: #DCDDDE; 15% black */
	/* --color_hover: rgb(121 0 35 / 10%); light Red */

	--font_family_regular: 'Objektiv', 'Helvetica Neue', sans-serif; /* 400 weight */
	--font_family_bold: 'Objektiv', 'Helvetica Neue', sans-serif; /* 700 weight */
	--font_family_title: 'Winner Sans', 'Helvetica Neue', sans-serif; /* 400 weight */
	--font_family_condensed: 'Winner Sans Condensed', 'Helvetica Neue Condensed', 'Arial Narrow', sans-serif;
	--font_family_wide: 'Winner Sans Wide', 'Helvetica Neue', Arial, sans-serif;

	--font_size_large: 92px; /* Big titles */
	--font_size_med: 64px; /* Titles */
	--font_size_medtitle: 48px; /* Medium Titles */
	--font_size_subtitles: 22px; /* Headings */
	--font_size_games: 24px; /* Games */
	--font_size_highlights: 18px; /* Highlight */
	--font_size_amenities: 16px; /* Amenities */
	--font_size_big_dates: 24px; /* Big dates */
	--font_size_min: 16px; /* Base/Regular */
	--font_size_small_text: 16px; /* Small Text */
	--font_size_small_desc: 20px; /* Small descriptions */

	--letter_spacing: 0;
	--default_border_radius: 0;
	--default_box_shadow: none;
	/* --dark_box_shadow: none; */
	/* --hover_box_shadow: 0; */
	/* --hover_box_shadow_edp: none; */
	--default_border: 1px solid #D9D9D9;
	/* --default_border_hover: var(--default_border); */
	--container_width: 1065px;
	--gutter_width: 20px;
}

@media screen and (max-width: 768px) {
	:root {
		--font_size_large: 68px;
		--font_size_med: 44px;
		--font_size_medtitle: 42px;
		--font_size_subtitles: 22px;
		--font_size_games: 24px;
		--font_size_highlights: 18px;
		--font_size_amenities: 16px;
		--font_size_big_dates: 24px;
		--font_size_min: 16px;
		--font_size_small_text: 16px;
		--font_size_small_desc: 16px;
	}
}

@media screen and (max-width: 500px) {
	:root {
		--font_size_large: 48px;
		--font_size_med: 34px;
		--font_size_medtitle: 32px;
		--font_size_subtitles: 22px;
		--font_size_games: 24px;
		--font_size_highlights: 18px;
		--font_size_amenities: 16px;
		--font_size_big_dates: 24px;
		--font_size_min: 16px;
		--font_size_small_text: 16px;
		--font_size_small_desc: 16px;
	}
}


/*
----------------------------------------------------
BASIC ELEMENTS
----------------------------------------------------
*/
html {
	font-size: 100%;
}
body {
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
	text-rendering: optimizeLegibility;
	font-family: var(--font_family_regular);
	font-weight: 400;
	line-height: 1.5;
	min-width: unset !important; /* override style.css */
	width: unset !important; /* override style.css */
	max-width: unset !important; /* override style.css */
	background-color: #fff !important;
	font-size: var(--font_size_min);
}
p, li {
	letter-spacing: var(--letter_spacing);
}

/* no layout surprises */
*, *:before, *:after {
	box-sizing: border-box;
}

body.home h2,
body .post-title,
body .section_title,
body .stadium_guide_container h2.post-subheading {
	font-family: var(--font_family_bold);
	font-weight: 700;
	line-height: 0.9;
	text-align: left;
	text-transform: initial;
	font-size: var(--font_size_med);
	color: var(--color_2);
	position: relative;
}

.lead {
	font-family: var(--font_family_regular);
	font-size: var(--font_size_highlights);
	line-height: 1.45;
	letter-spacing: initial;
	text-transform: none;
	color: var(--color_2);
	margin: 15px 0;
}

/* title red underline treatment */

#gallery .post-title,
#non-header .suite_map .post-title,
#stadium_guide .post-subheading,
#make_a_request_page .post-title,
#hp_ideal_matchup .section_title {
	line-height: 1;
	text-align: left;
}
#gallery .post-title::first-line,
#non-header .suite_map .post-title::first-line,
#stadium_guide .post-subheading::first-line,
#make_a_request_page .post-title::first-line,
#hp_ideal_matchup .section_title::first-line {
	background-image: linear-gradient(var(--color_1), var(--color_1));
	background-size: 100% 0.12em;
	background-repeat: no-repeat;
	background-position: 0 calc( 100% - 0.185em );
	padding-bottom: 40px;
}

/* header with four stars */

#non-header .suite_map .post-title::after,
#gallery .post-title::after {
	content: "";
	display: block;
	position: absolute;
	width: 137px;
	height: 30px;
	right: 0;
	bottom: 0;
	background-image: url("../../../includes/custom-ui/il_chicago_fire/images-git-lfs/chi-fire-blue-stars.svg");
	background-repeat: no-repeat;
	background-size: contain;
}

/* post title and lead pair */

.post-title:has(+ .lead) {
	margin-bottom: 20px;
}
.post-title + .lead {
	margin: 0 0 15px;
}

.cta_body {
	width: calc( 100% - var(--gutter_width) * 2);
	max-width: var(--container_width);
	margin-left: auto;
	margin-right: auto;
}

#non-header {
	max-width: unset !important; /* override style.css */
}



/* Buttons */

/* regular button */

a.blue,
button.blue,
input.blue.button,
.share_this_button,
#edp_container .browse_other_events,
.catering_menu_button,
.tiled_event_page .toc_element {
	position: relative;
	display: inline-block;
	font-family: var(--font_family_condensed);
	font-weight: 700;
	font-size: var(--font_size_games);
	line-height: 1.2;
	letter-spacing: 1.2px;
	padding: 15px 10px;
	background: var(--color_4);
	color: var(--color_3);
	text-decoration: none;
	z-index: 0;
	border: 1px solid var(--color_3);
	border-radius: 6px;
	width: 100%;
	max-width: 372px;
	text-align: center;
}

a.blue:hover,
button.blue:hover,
.share_this_button:hover,
#edp_container .browse_other_events:hover,
.catering_menu_button:hover,
input.blue.button:hover {
	background: var(--color_5);
	border-color: var(--color_3);
	color: var(--color_3);
}
a.blue:active,
button.blue:active,
.share_this_button:active,
#edp_container .browse_other_events:active,
.catering_menu_button:active,
input.blue.button:active {
	background: var(--color_4);
	border-color: var(--color_3);
	color: var(--color_5);
}
a.blue.disabled,
button.blue.disabled,
.share_this_button.disabled,
#edp_container .browse_other_events.disabled,
.catering_menu_button.disabled,
input.blue.button.disabled {
	background: #d1d1d1;
	border-color: transparent;
	color: #bdbdbd;
}

/* hollow */

a.blue.hollow,
button.hollow,
input.hollow.button {
	background: transparent;
	border-color: var(--color_2);
}

a.blue.hollow:hover,
button.hollow:hover,
input.hollow.button:hover {
	background: var(--color_6);
	border-color: transparent;
	color: var(--color_2);
}

a.blue.hollow:active,
button.hollow:active,
input.hollow.button:active {
	background: var(--color_6);
	border-color: var(--color_2);
}

a.blue.hollow.disabled,
button.hollow.disabled,
input.hollow.button.disabled {
	background: transparent;
	border-color: var(--color_6);
	color: var(--color_6);
}

/* small button */

a.cta_btn_small,
button.cta_btn_small,
input.cta_btn_small.button,
#hp_ideal_matchup a.blue.hollow,
.catering_menu_button,
.tiled_event_page .toc_element {
	padding: 12px 24px;
	width: auto;
	font-size: 20px;
	border-radius: 7px;
	background: var(--color_4);
	color: var(--color_white);
	border-color: var(--color_white);
}
a.cta_btn_small:hover,
button.cta_btn_small:hover,
input.cta_btn_small.button:hover,
#hp_ideal_matchup a.blue.hollow:hover,
.catering_menu_button:hover,
.tiled_event_page .toc_element:hover {
	background: var(--color_5);
	border-color: var(--color_3);
	color: var(--color_3);
}
a.cta_btn_small:active,
button.cta_btn_small:active,
input.cta_btn_small.button:active,
#hp_ideal_matchup a.blue.hollow:active,
.catering_menu_button:active,
.tiled_event_page .toc_element:active {
	background: var(--color_4);
	border-color: var(--color_3);
	color: var(--color_5);
}

/* radio button */

.tiled_event_page .toc_element {
	border-radius: 0;
	border-color: var(--color_2);
	background: var(--color_white);
	color: var(--color_2);
	padding: 9px 10px;
	text-transform: uppercase;
	font-family: var(--font_family_wide) !important;
	font-size: var(--font_size_small_text);
	font-weight: 500;
	transition: background 0.3s ease, border-color 0.3s ease, color 0.3s ease;
}
.tiled_event_page .toc_element.highlight,
.tiled_event_page .toc_element:hover {
	background: var(--color_4);
	border-color: var(--color_2);
	color: var(--color_3);
}




/*
----------------------------------------------------
LIGHTBOXES
----------------------------------------------------
*/

#suite_lightbox {
	background: var(--color_2);
	color: var(--color_white);
}
.suite_lightbox_content .cui_small_container {
	padding-bottom: 15px;
}
#suite_lightbox a.cta_btn_small {
	width: auto;
}
#suite_lightbox p {
	font-size: var(--font_size_min);
}
.suite_lightbox_header h2 {
	font-family: var(--font_family_title);
	font-size: var(--font_size_medtitle);
	line-height: 1.3;
	color: var(--color_white);
	margin: 40px 0;
}
.suite_info_container h4 {
	color: var(--color_2);
}
#suite_lightbox .lightbox_close {
	float: none;
	position: absolute;
	top: 30px;
	right: 30px;
	color: var(--color_white) !important;
}
.suite_lightbox_content .suite_details_container .cui_small_container {
	border-top: 0 none;
	padding-top: 0;
	color: var(--color_black);
}


/*
----------------------------------------------------
PAGE TITLES
----------------------------------------------------
*/

#non-header .page_title_container {
	/* background: url("../../../includes/custom-ui/il_chicago_fire/images-git-lfs/la-galaxy-header-bg-suite-options_1440x219.jpg"); */
	background-repeat: no-repeat;
	/* background-position: left center; */
	min-height: 296px;
	height: auto;
	overflow: visible;
	display: flex;
	justify-content: center;
	align-items: center;
	position: relative;
}
#non-header .page_title_container h1 {
	position: relative;
	text-shadow: none;
	font-family: var(--font_family_wide);
	font-size: var(--font_size_med);
	font-weight: 500;
	line-height: 1.03;
	text-transform: capitalize;
	margin: 0;
	padding: 0;
	width: calc( 100% - var(--gutter_width) * 2 );
	max-width: var(--container_width);
	/* add text stroke */
	color: var(--color_3);
	-webkit-text-stroke: 1px var(--color_3);
	text-stroke: 1px var(--color_3);
}

@media screen and (max-width: 560px) {
	#non-header .page_title_container::after {
		transform: none;
		bottom: 12px;
	}
}









/*
----------------------------------------------------
UI WIDGETS
----------------------------------------------------
*/

.cui_big_container {
	/* width: 100%; */
	display: flex;
	justify-content: center;
}
.cui_small_container {
	width: calc( 100% - var(--gutter_width) * 2 );
	max-width: var(--container_width);
	/* margin: 0 auto; */
}
.cta_container {
	width: calc( 100% - var(--gutter_width) * 2 );
	max-width: var( --container_width );
	/* margin: 0 auto; */
}

/*
----------------------------------------------------
CONTACT US PANEL (UNIVERSAL)
----------------------------------------------------
*/

#contact_us {
	background-image: url("../../../includes/custom-ui/il_chicago_fire/images-git-lfs/chi-fire-cream-pattern-tileable_1111x919.png");
	background-repeat: repeat;
	background-size: 278px auto;
	min-height: 660px;
	padding: 0;
	display: flex;
	flex-direction: column;
	justify-content: flex-end;
	align-items: center;
	position: relative;
	z-index: 0;
	margin-top: -270px; /* sucks upper panel in; upper panel should have zero bottom padding */
	border-top: 20px solid var(--color_2);
	box-shadow: 0 -330px 0 0 var(--color_1);
}
#contact_us .cta_container {
	min-height: 391px;
	/* padding: 0 0 104px; */
	display: flex;
	flex-direction: column;
	justify-content: flex-end;
	position: relative;
}
#contact_us .cta_body {
	display: flex;
	flex-direction: column;
	align-items: center;
	justify-content: center;
	flex: 1;
	text-align: center;
	position: relative;
}

#contact_us .post-title {
	margin-top: 0;
}
#contact_us .lead {
	max-width: 660px;
	margin-top: 0;
	margin-left: auto;
	margin-right: auto;
}

/* #contact_us :not(.blue) {
    color: var(--color_white);
} */
#contact_us a.blue {
	width: 240px;
	padding-top: 19px;
	padding-bottom: 19px;
	background: var(--color_2);
	border-color: var(--color_2);
}

@media screen and (max-width: 768px) {
	.faq #contact_us {
		height: auto;
		min-height: 400px;
		margin: 0;
		background-position: center bottom;
		justify-content: center;
	}
	.faq #contact_us .cta_container {
		width: auto;
		min-height: auto;
		padding: 20px 0;
	}
	.faq #contact_us .cta_container h2 {
		margin-top: 10px;
	}
	/* #contact_us {
        min-height: 0;
        height: 400px;
        margin: 50px 0 0;
        background-position: 20px 20px, center bottom;
    }
    #contact_us .cta_container {
        min-height: auto;
    } */
}

/*
----------------------------------------------------
HEADER
----------------------------------------------------
*/
.cui_header_container {
	background-image: url("../../../includes/custom-ui/il_chicago_fire/images-git-lfs/chi-fire-header-bg-tileable_268x162.png");
	background-repeat: repeat;
	background-size: 90px auto;
	background-color: #1A1C22;
	height: 75px;
	display: flex;
	justify-content: center;
	border-bottom: 3px solid var(--color_1);
	image-rendering: pixelated;    /* force nearest-neighbor scaling */
	image-rendering: crisp-edges;  /* fallback */
}
#cui_sticky_header {
	display: none;
}
.cui_header_container .inner_header,
#cui_sticky_header .inner_header {
	padding: 0;
	display: flex;
	justify-content: space-between;
	position: unset;
	align-items: center;
	align-self: center;
	width: calc( 100% - var(--gutter_width) * 2);
	height: 100%;
	max-width: var(--container_width);
}

a.logo_container {
	display: flex;
	align-items: center;
}
.cui_header_container .site_logo,
#cui_sticky_header .site_logo {
	width: 167px;
	height: auto;
	padding: 0;
	box-sizing: border-box;
	image-rendering: initial;
}

.cui_header_container span.page_title,
#cui_sticky_header span.page_title {
	border-left: 0 none;
	margin: 0;
	padding: 0 0 0 14px;
	font-family: var(--font_family_bold);
	font-size: 31px;
	font-weight: 700;
	color: var(--color_2);
	height: auto;
	float: none;
	position: relative;
	display: flex;
	align-items: center;
}
.cui_header_container span.page_title::before,
#cui_sticky_header span.page_title::before {
	content: "";
	display: block;
	width: 2px;
	height: 38px;
	margin-right: 12px;
	background-color: var(--color_2);
	/*background-image: url("../../../includes/custom-ui/il_chicago_fire/images-git-lfs/la-galaxy-gold-star");*/
	/*background-repeat: no-repeat;*/
	/*background-size: contain;*/
}

.cui_header_container nav,
#cui_sticky_header nav {
	float: none;
	margin: 0;
}
nav ul {
	width: 100%;
	display: flex;
}
.cui_header_container {
	display: flex;
}
.cui_header_container li,
#cui_sticky_header li {
	padding: 0;
	position: relative;
	text-align: center;
	text-transform: none;
}
.cui_header_container li a,
#cui_sticky_header li a {
	padding: 0 0 3px;
	position: relative;
	display: inline-block;
	letter-spacing: 0;
	font-weight: 700;
	color: var(--color_white) !important;
	border-bottom: 3px solid transparent;
}

/* Nav highlighting */
#non-header nav a[class] {
	font-family: var(--font_family_bold) !important;
	font-weight: 700;
	font-size: var(--font_size_min);
	line-height: 1.4;
}
#non-header nav li a:hover,
.home #non-header nav li a.home,
.page-template-seg_tiled_event_page #non-header nav li a.games,
.venues #non-header nav li a.venues,
.suites #non-header nav li a.suites,
.tickets #non-header nav li a.tickets,
.ownership #non-header nav li a.ownership,
.faq #non-header nav li a.faq,
.contact #non-header nav li a.contact {
	color: var(--color_3) !important;
	border-bottom: 3px solid var(--color_3);
	padding-bottom: 3px;
}

#non-header .cui_header_container .mobile_menu_btn {
	position: relative;
	padding: 0;
	top: 0;
	right: 0;
	height: 34px;
	font-size: 38px;
	line-height: 1;
}

@media screen and (min-width: 1101px) {
	.cui_header_container .inner_header :not(a) {
		height: 100%;
	}
	.cui_header_container li,
	#cui_sticky_header li {
		margin: 0 24px;
	}
	.cui_header_container li a,
	#cui_sticky_header li a {
		top: 50%;
		transform: translateY(-50%);
	}
}

@media screen and (max-width: 1100px) {
	.cui_header_container .mobile_menu_btn,
	#cui_sticky_header .mobile_menu_btn {
		display: block;
		color: var(--color_3);
	}
	nav ul {
		flex-direction: column;
		margin-left: 0;
		padding-bottom: 25px;
	}
	nav li::after {
		display: none !important;
	}

	.cui_header_container {
		flex-direction: column;
	}
	.cui_header_container nav,
	#cui_sticky_header.cui_header_container nav {
		position: absolute;
		top: 76px;
		left: 0;
		width: 100%;
		/* background: var(--color_3); */
		box-shadow: 0 10px 10px rgba(0,0,0,0.04);
		margin: 0;
		padding: 0 20px;
		background-image: url("../../../includes/custom-ui/il_chicago_fire/images-git-lfs/chi-fire-header-bg-tileable_268x162.png");
		background-repeat: repeat;
		background-size: 90px auto;
		background-color: #1A1C22;
	}
	.cui_header_container li,
	#cui_sticky_header li {
		text-align: right;
		margin: 9px 0;
		padding: 8px 0;
	}

}


/*
----------------------------------------------------
FOOTER
----------------------------------------------------
*/

#cui_footer {
	padding: 0;
	height: auto;
	min-height: 139px;
	border-top: 0 none;
	display: flex;
	background: var(--color_2);
	flex-direction: column;
	justify-content: center;
}
#cui_footer .inner_footer {
	width: calc( 100% - var(--gutter_width) * 2);
	max-width: var(--container_width);
	display: flex;
	justify-content: flex-start;
	align-items: center;
	margin: 0 auto;
}
#cui_footer * {
	color: var(--color_white);
	font-size: var(--font_size_small_text);
	line-height: 1.4;
}
#cui_footer img {
	width: 65px;
	height: auto;
	margin: 0 25px 7px 0;
}
#cui_footer .brand {
	margin-left: auto;
	text-align: right;
}
#cui_footer .brand div {
	text-align: left;
}

#cui_footer .nav ul {
	width: 100%;
	margin: 0 0 3px;
	padding: 0;
}
#cui_footer .nav ul li {
	display: inline-block;
	margin: 0 17px 0 0;
}
#cui_footer .nav a {
	/* font-weight: 700; */
}

@media screen and (max-width: 768px) {
	#cui_footer .inner_footer {
		flex-direction: column;
		align-items: flex-start;
		row-gap: 20px;
		padding: 30px 0;
	}
	#cui_footer .brand {
		margin: 0;
		text-align: left;
	}
	#cui_footer img {
		width: 46px;
	}
}

/*
----------------------------------------------------
HOME PAGE
----------------------------------------------------
*/

.home #non-header {
	background: none;
}

/* hero */

/* HP hero */

#hp_hero_section {
	background-image: url("../../../includes/custom-ui/il_chicago_fire/images-git-lfs/chi-fire-homepage-hero-bg_1440x780.jpg");
	background-repeat: no-repeat;
	background-size: cover;
	height: auto;
	max-height: 100%;
	position: relative;
	top: 0;
	width: 100%;
	height: calc( 100vh - 75px );
	flex-direction: column;
	justify-content: center;
	align-items: center;
	padding-top: 44px;
	padding-bottom: 34px;
}
#hp_hero_section .cui_hero_sub_container {
	width: calc( 100% - var(--gutter_width) * 2 );
	max-width: calc( var(--container_width) + 100px );
	margin: 0 auto;
	display: flex;
	flex-direction: column;
}
#hp_hero_section .cui_small_container {
	width: auto;
	margin: 0;
}
#hp_hero_section .brandmark {
	margin: 0 0 18px;
	display: block;
}
#hp_hero_section .hp_hero_text {
	font-family: var(--font_family_wide);
	font-size: var(--font_size_large);
	font-weight: 500;
	line-height: 1.05;
	text-transform: uppercase;
	letter-spacing: 0;
	color: var(--color_3);
	margin: 0 0 20px;
	text-align: left;
	width: 100%;
}
#hp_hero_section h2 {
	position: relative;
	font-family: var(--font_family_regular);
	font-size: var(--font_size_small_desc);
	text-transform: none;
	line-height: 1.3;
	font-weight: 400;
	color: var(--color_3);
	letter-spacing: 4px;
	margin: 0 0 25px;
	width: 100%;
	max-width: 465px;
	text-transform: uppercase;
}
#hp_hero_section .cta_btn {
	width: 356px;
	max-width: 100%;
	padding-top: 19px;
	padding-bottom: 19px;
}
.cui_hero_text_section .cui_hero_container {
	overflow: visible;
}

/* upcoming games carousel */

#hp_ideal_matchup {
	background-image: url("../../../includes/custom-ui/il_chicago_fire/images-git-lfs/chi-fire-tan-granite-bg_1600x1095.jpg");
	background-repeat: no-repeat;
	background-size: cover;
}
#hp_ideal_matchup .section_title {
	position: relative;
}
/* #hp_ideal_matchup .section_title::before {
    content: "";
    display: block;
    position: absolute;
    left: -253px;
    top: -20px;
    width: 55px;
    height: 55px;
    background-image: url("../../../includes/custom-ui/il_chicago_fire/images-git-lfs/la-galaxy-gold-star-outline.svg");
    background-repeat: no-repeat;
    background-size: contain;
} */
#hp_ideal_matchup .cui_small_container > .grid:first-child {
	display: flex;
	justify-content: space-between;
	align-items: center;
	flex-wrap: wrap;
}
#hp_ideal_matchup {
	text-align: center;
}
#non-header #hp_ideal_matchup a.blue {
	/* width: 230px; */
}
.home #hp_ideal_matchup .carousel_container {
	padding: 0;
}
.carousel_container .slick-track {
	display: flex;
}
.carousel_container .slick-prev {
	z-index: 9;
	left: -50px;
}
.carousel_container .slick-next {
	z-index: 9;
	right: -50px;
}
#hp_ideal_matchup .slick-dotted.slick-slider {
	margin-bottom: 8px;
}
#hp_ideal_matchup .slick-dots {
	display: none !important;
}

.carousel_container .carousel_event {
	border: 0 none !important;
	height: auto;
	display: flex;
}
.carousel_container .carousel_event a {
	position: relative;
	display: flex;
	flex-direction: column;
	font-family: var(--font_family_black);
	font-size: 18px;
	line-height: 1.2;
	padding: 17px 0 0;
	background: var(--color_white);
	color: var(--color_3);
	text-decoration: none;
	z-index: 0;
	border: 1px solid var(--color_2);
	width: 372px;
	max-width: 100%;
	text-align: center;
	margin: 0 9px;
	transition: all 0.2s ease;
}


#hp_ideal_matchup .carousel_container .img_content {
	width: 115px;
	height: 159px;
	min-height: 0;
	object-fit: contain;
	background-size: 80%;
	margin: 10px auto 20px;
	aspect-ratio: 1;
}
.carousel_container .caption_content {
	background: var(--color_2);
	margin: 0 auto;
	flex: 1;
	width: 100%;
	display: flex;
	flex-direction: column;
	padding: 20px 15px;
	transition: background 0.2s ease;
}
.carousel_container .carousel_event a:hover {
	box-shadow: 6px 6px 0 0 var(--color_5);
}
.carousel_container .carousel_event a:hover .caption_content {
	background: var(--color_4);
}
.carousel_container .hp_away_team_name {
	color: var(--color_white);
	font-family: var(--font_family_regular);
	font-weight: 700;
	font-size: var(--font_size_min);
	padding-bottom: 10px;
	line-height: 22px;
	text-transform: uppercase;
	flex: 1;
	display: flex;
	flex-direction: column;
	justify-content: center;
}
.carousel_container .hp_event_date {
	margin-top: auto;
	font-family: var(--font_family_regular);
	font-size: 14px;
	font-weight: 400;
	color: rgba(255, 255, 255, 0.8);
	flex: 0 1;
	letter-spacing: 0.7px;
}
/* .carousel_container .hp_event_date::before {
    content: "";
    display: block;
    background: url("../../../includes/custom-ui/il_chicago_fire/images-git-lfs/la-galaxy-gold-star.svg");
    background-size: contain;
    width: 14px;
    height: 14px;
    margin: 0 auto 10px;
} */

/* no events messaging */

#hp_ideal_matchup .event_widget_no_events_container {
	margin-left: auto;
	margin-right: auto;
}

#hp_ideal_matchup .event_widget_no_events_container a.blue.solid {
	background: none;
	border: 0 none;
	margin-bottom: 15px;
	color: var(--color_3) !important;
}

@media screen and (max-width: 768px) {
	#hp_hero_section {
		min-height: 620px;
	}
	.home #hp_ideal_matchup .carousel_container {
		margin-left: 25px;
		margin-right: 25px;
	}
}


/* elevate your experience / premium amenities */

#hp_elevated_experience {
	padding-bottom: 0;
	z-index: 1;
	position: relative;
}
#hp_elevated_experience .post-title {
	margin-top: 0;
}
#hp_elevated_experience .lead {
	max-width: 520px;
}
#hp_elevated_experience .grid {
	display: grid;
	grid-template-columns: repeat(auto-fit, minmax(250px, 1fr));
	grid-auto-rows: 1fr;
	column-gap: 16px;
	row-gap: 20px;
}

#hp_elevated_experience .col-1_2 {
	width: auto;
	overflow: hidden;
	padding: 0;
	display: flex;
	flex-direction: column;
}
#hp_elevated_experience .img_content {
	width: 100%;
	height: 280px;
	margin: 0;
	background-size: cover;
}
#hp_elevated_experience .text_content {
	border: 1px solid var(--color_border);
	background: var(--color_white);
	position: relative;
	padding: 29px 33px;
	flex: 1;
}
#hp_elevated_experience .text_content h3 {
	font-family: var(--font_family_regular);
	font-size: var(--font_size_games);
	font-weight: 700;
	line-height: 1.2;
	color: #212322;
	margin: 0 0 13px;
}
#hp_elevated_experience .text_content p {
	font-size: var(--font_size_min);
	line-height: 1.675;
	color: var(--color_2);
	letter-spacing: 0.8px;
}





/* single game suites */

#hp_partnership_section {
	background-image: url("../../../includes/custom-ui/il_chicago_fire/images-git-lfs/chi-fire-tan-granite-bg_1600x1095.jpg");
	background-repeat: no-repeat;
	background-position: center;
	background-size: cover;
	min-height: 473px;
	position: relative;
	padding: 0;
	display: flex;
	justify-content: flex-start;
}
#hp_partnership_section .cta_container {
	display: flex;
	flex-direction: column;
	margin-left: max( var(--gutter_width), calc( ( 100% - var(--container_width ) ) / 2 ) );
	flex: 0 1 405px;
	padding-right: 60px;
}
#hp_partnership_section .bg-img {
	background-image:
			url("../../../includes/custom-ui/il_chicago_fire/images-git-lfs/chi-fire-fire-wordmark-inverse-granite_111x190.png"),
			url("../../../includes/custom-ui/il_chicago_fire/images-git-lfs/chi-fire-single-match-suites-photo_832x472.jpg");
	background-repeat:
			no-repeat,
			no-repeat;
	background-position:
			calc( 100% - 41px) center,
			center top;
	background-size:
			111px auto,
			cover;
	flex: 1;
}

/* #hp_partnership_section :not(a) {
    color: var(--color_3);
} */

#hp_partnership_section .lead {
	/* font-size: var(--font_size_subtitles); */
}

#hp_partnership_section :is(.left, .right) {
	height: 100%;
}
#hp_partnership_section a.blue {
	width: 230px;
	position: relative;
}
/* #hp_partnership_section a.blue::after {
    content: "";
    display: block;
    position: absolute;
    background: url("../../../includes/custom-ui/il_chicago_fire/images-git-lfs/la-galaxy-round-logo.svg");
    background-size: contain;
    width: 92px;
    height: 92px;
    pointer-events: none;
    top: 100px;
    left: 50%;
    transform: translateX(-50%);
} */

@media screen and (max-width: 768px) {
	#hp_partnership_section::before {
		content: "";
		display: block;
		position: absolute;
		width: 100%;
		height: 100%;
		top: 0;
		left: 0;
		background: rgba(0, 0, 0, 0.5);
		z-index: 0;
	}

}




/* gallery */

.home #gallery {
	padding-top: 50px;
	padding-bottom: 0;
}

.home .galleria-theme-classic {
	z-index: 9;
}
.home #galleria_stage_container {
	height: 707px;
	width: 100%;
	max-width: var(--container_width);
	padding: 0;
	border: 1px solid var(--color_5);
	z-index: 1;
	position: relative;
}

@media screen and (max-width: 768px) {
	.home #galleria_stage_container {
		height: 500px;
	}
}



/*
----------------------------------------------------
GAMES PAGE
----------------------------------------------------
*/






/*
----------------------------------------------------
EVENTS PAGE
----------------------------------------------------
*/

#non-header .tiled_event_page .page_title_container {
	/* min-height: 213px; */
	background-image:
			url("../../../includes/custom-ui/il_chicago_fire/images-git-lfs/chi-fire-brandmark-tint-c-only.svg"),
			url("../../../includes/custom-ui/il_chicago_fire/images-git-lfs/chi-fire-page-title-bg-matches_1438x296.jpg");
	background-position:
			-166px center,
			center center;
	background-size:
			265px 243px,
			cover !important;
}
#non-header .tiled_event_page .page_title_container h1 {
	position: unset;
}

#non-header .tiled_event_page {
	background-image: url("../../../includes/custom-ui/il_chicago_fire/images-git-lfs/chi-fire-brandmark-tint.svg");
	background-size: min(90%, 1064px) auto;
	background-position: center 405px;
	background-repeat: no-repeat;
}
/* toc butons */

.tiled_event_page .toc_container {
	top: 110px;
	margin-top: 35px;
	left: 20px !important;
	width: 212px;
}
.tiled_event_page .toc_element * {
	font-family: inherit !important;
	font-weight: inherit !important;
	font-size: 16px !important;
	letter-spacing: 0;
}
.tiled_event_page .toc_element {
	width: 100%;
	min-height: 50px;
	align-content: center;
	margin-bottom: 6px;
}

@media screen and (max-width: 1450px) {
	.tiled_event_page .toc_container {
		width: calc( 50% - 505px );
	}
}
@media screen and (max-width: 1330px) {
	.tiled_event_page .toc_element * {
		display: block;
		font-family: var(--font_family_title) !important;
		font-size: 14px !important;
	}
}


/* filter bar */

.tiled_event_page :is(.filter_container, .num_events_container, .bg_stripe) {
	display: none;
}


/* wrappers */

.tiled_event_page .event_tile_container {
	/* width: calc( 100% - var(--gutter_width) * 2 - 286px ); */
	/* max-width: var(--container_width); */
	/* margin: 0 0 0 286px; */
	max-width: 100%;
	padding: 0 var(--gutter_width);
	margin-bottom: 80px;

}
@media screen and (min-width: 1141px) and (max-width: 1620px) {
	.tiled_event_page .event_tile_container {
		/* padding-left: calc(400px - 24vw); */
	}
}
.tiled_event_page .events_for_month_container {
	display: grid;
	grid-template-columns: repeat(auto-fill, 254px);
	grid-auto-rows: 1fr;
	column-gap: 17px;
	row-gap: 20px;
	margin-bottom: 30px;
}

/* cards */

.tiled_event_page .event_tile_container .event_tile_element_container {
	width: auto;
	padding: 0;
}
.tiled_event_page a.event_tile_element {
	position: relative;
	display: flex;
	flex-direction: column;
	padding: 0;
	background: none;
	text-decoration: none;
	z-index: 0;
	border: 0 solid var(--color_2);
	/* width: 372px; */
	max-width: 100%;
	text-align: center;
}

.tiled_event_page .event_tile_element > div {
	/* width: calc( 100% - 60px ); */
	width: 100%;
	margin: 0 auto;
	transition: background 0.2s ease;
}
.tiled_event_page .event_tile_element .event_tile_image_container {
	height: auto;
	display: block;
	/* aspect-ratio: 4 / 3; */
	display: flex;
	flex-direction: column;
	justify-content: center;
	align-items: center;
	flex: 1 1 120px;
	border: 1px solid var(--color_2);
	border-bottom: 0 none;
}
.tiled_event_page .event_tile_element .event_tile_image_container img {
	width: 70%;
	height: 70%;
	margin-top: 14px;
	padding: 0;
	/* padding: 40px 20px 24px; */
	object-fit: contain;
}
.tiled_event_page .event_tile_element .event_tile_name {
	font-family: var(--font_family_wide);
	font-weight: 500;
	font-size: var(--font_size_min);
	line-height: 22px;
	color: var(--color_black);
	text-transform: uppercase;
	flex: 1 0 40px;
	display: flex;
	padding: 10px 10px 0;
	flex-direction: column;
	justify-content: flex-start;
	align-items: center;
	border-left: 1px solid var(--color_2);
	border-right: 1px solid var(--color_2);
}
.tiled_event_page .event_tile_element .event_tile_inventory {
	flex: 1 0 86px;
	margin: 0;
	padding: 0;
	width: 100%;
	position: relative;
	display: flex;
	flex-direction: column;
	justify-content: center;
	align-items: center;
	border: 1px solid var(--color_2);
}

/* composite hover */
.tiled_event_page a.event_tile_element :is(
	.event_tile_image_container,
	.event_tile_name,
	.event_tile_date,
	.event_tile_inventory
) {
	background: var(--color_white);
	transition: box-shadow 0.2s ease, background 0.2s ease;
}
.tiled_event_page a.event_tile_element:hover :is(
	.event_tile_image_container,
	.event_tile_name,
	.event_tile_date,
	.event_tile_inventory
) {
	box-shadow: 6px 6px 0 var(--color_5);
}
.tiled_event_page a.event_tile_element:hover .event_tile_inventory {
	background: var(--color_4);
}
.tiled_event_page a.event_tile_element:hover .event_tile_inventory * {
	color: var(--color_3);
}


#non-header .tiled_event_page .inv_status_container {
	font-size: var(--font_size_min);
}
.tiled_event_page .event_tile_inventory * {
	font-size: 14px;
	line-height: 1.375;
	color: var(--color_2);
	letter-spacing: 0.7px;
}
.tiled_event_page .event_tile_element .event_tile_date {
	flex: 0 0 49px;
	display: flex;
	flex-direction: column;
	justify-content: center;
	align-items: center;
	border: 1px solid var(--color_2);
	border-top: 0 none;
	background-color: var(--color_white);
	margin-bottom: 2px;
}
.tiled_event_page .event_tile_date * {
	font-size: 12px;
	line-height: 2;
	color: var(--color_2);
}
.tiled_event_page .icon-power {
	margin-right: 3px;
}
.tiled_event_page .availability {
	font-weight: 700;
	text-transform: uppercase;
}
.tiled_event_page .view-suites {
	font-size: var(--font_size_min);
}

/* deposit bar. this should have a border and hover style similar to the cards */
.tiled_event_page ul.deposit_list_container {
	padding-top: 50px;
}
.tiled_event_page .deposit_list_container li.event {
	background: var(--color_white);
	transition: all 0.2s ease;
	/* box-shadow: 0 0 0 1px var(--color_1); */
}
.tiled_event_page .deposit_list_container li.event:hover {
	/* box-shadow: 0 0 0 2px var(--color_1); */
}
.tiled_event_page .deposit_list_container li.event :not(.icon-power) {
	color: var(--color_2) !important;
}
.tiled_event_page .deposit_list_container li.event .event_logo {
	height: 100%;
	padding: 0;
	margin-left: 5px;
	margin-right: 20px;
	padding-left: 10px;
	width: 60px;
}
.tiled_event_page .deposit_list_container li.event .event_logo.league_logo {
	margin-right: 5px;
	padding-left: 0;
	width: 50px;
}

@media screen and (max-width: 768px) {
	.event_inner_right_container, .deposit_event .event_inner_right_container {
		width: calc(100vw - 170px);
	}
}


/* headings */

.tiled_event_page .event_date_separator {
	font-family: var(--font_family_title);
	font-size: var(--font_size_min);
	font-weight: 500;
	line-height: 1.125;
	margin: 40px 0 15px 0;
	padding: 0;
	text-transform: uppercase;
	color: var(--color_2);
}


/* premium seating cards grid */

#stadium_guide .post-subheading {
	max-width: 460px;
}

.stadium_guide_container {
	background: var(--color_white);
	margin-top: 100px;
	/* padding-top: 100px; */
	padding-bottom: 100px;
	border: 0 none;
}
.stadium_guide_container .sd_container  {
	width: calc( 100% - var(--gutter_width) * 2 );
	max-width: var(--container_width);
	margin: 0 auto;
}
/* .stadium_guide_container .post-subheading::after {
    content: "";
    display: block;
    position: relative;
    background-image: url("../../../includes/custom-ui/il_chicago_fire/images-git-lfs/la-galaxy-four-navy-stars.svg");
    background-size: contain;
    width: 164px;
    height: 41px;
    margin: 30px auto 24px;
} */
.stadium_guide_container section#stadium_guide .grid {
	display: grid;
	grid-template-columns: repeat(2, 1fr);
	grid-auto-rows: 1fr;
	grid-gap: 15px;
}
.stadium_guide_container section#stadium_guide .col-1_3 {
	border: 2px solid var(--color_3);
	background: var(--color_white);
	box-shadow: 0 4px 14px 0 rgba(0, 0, 0, 0.05);
	margin: 0 !important;
	padding: 35px 20px 20px 30px;
	width: auto !important;
	height: 100% !important;
	display: flex;
	justify-content: flex-start;
	flex-wrap: wrap;
	align-items: center;
	row-gap: 10px;
	position: relative;
}
/* .stadium_guide_container section#stadium_guide .col-1_3:nth-child(even)::before {
    content: "";
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    left: 0;
    width: 1px;
    height: 78%;
    background: var(--color_2);
} */

.stadium_guide_container section#stadium_guide .stadium_guide_icon {
	position: absolute;
	color: var(--color_2);
	flex: 0 0 100px;
	font-size: 38px;
	top: 33px;
	left: 22px;
	width: 98px;
	height: auto;
	line-height: 1;
}
.stadium_guide_container section#stadium_guide .stadium_guide_content {
	width: 100%;
	height: 90%;
	margin: 0 0 auto;
	padding: 0;
	font-size: var(--font_size_min);
	font-weight: 400;
	line-height: 1.75;
	color: var(--color_2);
	align-self: flex-start;
	letter-spacing: 0.8px;
}
.stadium_guide_container section#stadium_guide .stadium_guide_heading {
	font-family: var(--font_family_bold);
	font-weight: 700;
	font-size: var(--font_size_games);
	line-height: 1.3;
	margin-left: 90px;
	flex: 1;
	text-transform: capitalize;
	text-align: left;
	color: var(--color_2);
	min-height: 42px;
	align-content: center;
}

@media screen and (max-width: 768px) {
	.stadium_guide_container section#stadium_guide .stadium_guide_icon {
		left: 0;
	}
	.stadium_guide_container section#stadium_guide .grid {
		grid-template-columns: repeat(1, 1fr);
		grid-auto-rows: auto;
	}
	.stadium_guide_container section#stadium_guide .col-1_3 {
		padding: 20px 10px 20px 78px !important;
	}
	.stadium_guide_container section#stadium_guide .col-1_3:nth-child(even)::before {
		display: none;
	}
}


/* seating map */

section#suite_prices_and_details {
	padding: 0;
}



/*
----------------------------------------------------
EDP
----------------------------------------------------
*/

/* remove heading border for detail pages */
.event-detail #cui_header {
	border-bottom: 0 none;
}

#edp_header {
	background: var(--color_3);
	top: 70px;
	height: 79px;
	display: flex;
	flex-direction: column;
	justify-content: center;
}
#edp_header * {
	color: var(--color_2) !important;
	font-family: var(--font_family_bold);
	font-weight: 700;
	font-size: var(--font_size_subtitles);
	line-height: 2;
}
#edp_header .edp_header_content {
	/* font-family: var(--font_family_black); */
	/* font-size: var(--font_size_games); */
	/* line-height: 22px; */
	/* text-transform: uppercase; */
}
#edp_header .event_logo {
	border-left-color: var(--color_2);
}

/* event hover cards with map */

#edp_container {
	width: calc( 100% - var(--gutter_width) * 2 );
	max-width: var(--container_width);
	margin: 100px auto 10px;
	display: flex;
	flex-direction: row-reverse;
	column-gap: 20px;
}
#edp_container .content_left {
	margin: 0;
	padding: 0;
	width: auto;
	flex: 1;
}
#edp_container .content_right {
	margin: 0;
	width: auto;
	padding: 0;
	overflow: unset;
	flex: 1;
}
#edp_container .event_inventory_status * {
	font-size: var(--font_size_small_text);
	line-height: 22px;
	color: var(--color_2);
}
#edp_container .content_right .map_container {
	width: 100%;
	overflow: visible;
	background: transparent;
}
#edp_container .content_right .map_container #suite_map_background {
	border: 0 none;
	box-shadow: 0 4px 24px rgba(0,0,0,0.07);
}
#edp_container .ll_container {
	position: relative;
}
#edp_container .listing_list_row {
	border: 1px solid var(--color_2);
}
#edp_container .listing_list_row:hover {
	background: var(--color_6);
	box-shadow: 4px 4px 0 0 var(--color_2);
}
#edp_container .ll_suite_info {
	margin-top: 8px;
}
#edp_container .ll_suite_info :not([class*="icon"]) {
	font-size: var(--font_size_min);
	line-height: 18px;
	color: var(--color_2);
	letter-spacing: 0.8px;
}
#edp_container .listing_list_row :is(.ll_price, .ll_suite_type) {
	font-family: var(--font_family_condensed);
	font-size: var(--font_size_subtitles);
	font-weight: 700;
	color: var(--color_2);
	text-transform: uppercase;
}

@media screen and (min-width: 769px) {
	#edp_container .map_container {
		position: sticky;
		top: 20px;
	}
}
@media screen and (max-width: 768px) {
	#edp_container {
		flex-direction: column;
	}
}
@media screen and (min-width: 769px) and (max-width: 960px) {
	#edp_container .ll_thumbnail, #edp_container .ll_container {
		width: 100% !important;
	}
	.listing_list_container {
		width: auto;
	}
	.listing_list_row {
		height: auto !important;
	}
}


/* edp popup details w instant book */













/*
----------------------------------------------------
LDP
----------------------------------------------------
*/

#edp_container.listing_details {
	max-width: 100%;
	min-width: 0;
	display: block;
	margin-top: 64px;
}
#edp_container.listing_details .listing_list_row_details .details_top_container {
	padding-top: 0 !important;
	margin-top: 0 !important;
}
#edp_container.listing_details .listing_list_row_details {
	padding: 0;
	margin-top: 0 !important;
}
#edp_container.listing_details .cta_container {
	width: 100%;
	padding-bottom: 30px;
	margin-bottom: 52px;
}
#edp_container.listing_details a.show_all_photos {
	border: 0 none;
	border-radius: 4px;
	background: var(--color_2);
	color: var(--color_white);
	width: auto;
	padding: 12px 26px;
}
#edp_container.listing_details a.show_all_photos:hover {
	background: var(--color_white);
	color: var(--color_2);
}
/* #edp_container.listing_details a.show_all_photos::before {
    border-color: rgba(255,255,255,0.3);
} */

#edp_container.listing_details .white_container_gray_border {
	border: 1px solid #d9d9d9CC;
	background: var(--color_white);
	padding: 60px 80px;
	width: calc( 100% - var(--gutter_width) * 2 );
	max-width: var(--container_width);
}

#edp_container.listing_details :is(
    .subheading,
    h2.secondary_header,
    .ll_suite_type,
    .ll_price
) {
	font-family: var(--font_family_condensed);
	font-weight: 400;
	font-size: var(--font_size_games);
	line-height: 1.1;
	text-transform: uppercase;
	color: var(--color_2);
	position: relative;
}

#edp_container.listing_details :is(
    .listing_faq_answer,
    .listing_tips_tip,
    .listing_tips_text,
    .text_container
) {
	font-size: var(--font_size_min);
	line-height: 24px;
	color: var(--color_2);
	border: 0 none;
}

#non-header #edp_container.listing_details :is(
    .ll_suite_type,
    .ll_price
) {
	font-size: 2.5rem;
	line-height: 1;
}

.share_container button.share_this_button {
	text-transform: uppercase;
	color: var(--color_3);
}


/* instant book */

#edp_container.listing_details .content_right {
	padding-left: 20px;
}

#edp_container.listing_details .white_container_gray_border > .cta_container .content_right {
	display: flex;
	flex-direction: column;
	align-items: flex-end;
}
#edp_container.listing_details .ll_price {
	display: flex;
	justify-content: flex-end;
}
#edp_container.listing_details a.blue-2.catering_menu_button {
	border-color: var(--color_1);
	background: var(--color_6);
	max-width: 100%;
	min-height: 50px;
	align-content: center;
	font-family: var(--font_family_black);
	width: auto;
	padding-left: 30px;
	padding-right: 30px;
	transition: all 0.2s ease;
	padding-top: 8px;
	padding-bottom: 8px;
}
#edp_container.listing_details .listing_tips_text {
	width: auto;
}
#edp_container .content_left .included_available_item {
	display: flex;
	white-space: initial;
	column-gap: 4px;
	align-items: baseline;
}
#edp_container.listing_details :is(a.instant_book_btn, .cta_phone_container) {
	width: min( 370px, 32vw);
}
#edp_container.listing_details .cta_phone_container :not([class*="icon"]) {
	font-size: 15px;
}
#edp_container.listing_details .cta_phone_container .cta_phone {
	margin: 0 10px;
}
#edp_container.listing_details a.blue-2.catering_menu_button:hover {
	background: var(--color_white);
	border-color: var(--color_1);
	color: var(--color_1);
}


/* faq */

#edp_container.listing_details .listing_faq .subheading {
	margin: 0 0 32px;
}
#edp_container.listing_details .listing_faq .subheading::after {
	content: "";
	display: block;
	height: 1px;
	width: 100%;
	background: var(--color_1);
	opacity: 0.2;
	margin-top: 32px;
}
#edp_container.listing_details .listing_faq_question {
	font-size: var(--font_size_min);
	font-family: var(--font_family_bold);
	font-weight: 700;
	line-height: 24px;
	color: var(--color_1);
	text-transform: uppercase;
	margin: 0 0 5px;
}
#edp_container.listing_details .listing_faq_answer {

}

@media screen and (max-width: 768px) {
	#edp_container.listing_details .white_container_gray_border {
		padding: 30px 20px;
	}
	#edp_container.listing_details :is(
        .content_left,
        .content_right,
        .ll_price
    ) {
		float: none;
		width: 100%;
		padding-left: 0;
		display: block !important;
	}
	#edp_container.listing_details :is(a.instant_book_btn, .cta_phone_container) {
		width: 100%;
	}
}







/*
----------------------------------------------------
WAITLIST PAGE
----------------------------------------------------
*/

#edp_container.no-listings {
	display: block;
}
#edp_container.no-listings a.browse_other_events {
	/* border: 0 none;
    color: var(--color_1); */
}
#edp_container.no-listings .listing_ca_text {
	font-family: var(--font_family_bold);
	font-weight: 700;
	color: var(--color_2);
}
#edp_container.no-listings a.browse_other_events::before {
	/* background: var(--color_3);
    border: 1px solid var(--color_1); */
}
#edp_container.no-listings button#contact_form_submit {
	position: relative;
	left: 50%;
	transform: translateX(-50%);
}



/*
----------------------------------------------------
CUSTOM PAGE - DEFAULT
----------------------------------------------------
*/






/*
----------------------------------------------------
EXPLORE SUITES PAGE
EXPLORE TICKETS PAGE
----------------------------------------------------
*/

.suites #non-header .page_title_container {
	/* min-height: 213px; */
	background-image:
			url("../../../includes/custom-ui/il_chicago_fire/images-git-lfs/chi-fire-brandmark-tint-c-only.svg"),
			url("../../../includes/custom-ui/il_chicago_fire/images-git-lfs/chi-fire-page-title-bg-suites_1140x296.jpg");
	background-position:
			-166px center,
			center center;
	background-size:
			265px 243px,
			cover !important;
}
.suites #non-header .page_title_container h1 {
	position: unset;
}

/*.suites #non-header .page_title_container h1::before {*/
/*	content: "";*/
/*	display: block;*/
/*	position: absolute;*/
/*	width: 100%;*/
/*	height: 28px;*/
/*	right: -0;*/
/*	background: url("../../../includes/custom-ui/il_chicago_fire/images-git-lfs/ny_jets_design_accent_jets_text_1158x28.png") no-repeat;*/
/*	background-position: calc( 50% + 5px ) center;*/
/*	background-size: 1158px 28px;*/
/*}*/

/* Suite amenities widget icons */

#amenities {
	/* width: calc( 100% - var(--gutter_width) * 2 ); */
	/* max-width: var(--container_width); */
	/* margin: 32px auto 0; */
	background-color: var(--color_3);
}
.suite_amenities_element {
	display: flex;
	justify-content: center;
	align-items: center;
	width: auto;
	padding: 10px;
	transition: all 0.2s ease;
	outline: 0 solid transparent;
}
#amenities .suite_amenities_element:hover *,
#amenities .suite_amenities_element.selected * {
	color: var(--color_1) !important;
}
/* .suite_amenities_element * {
    color: var(--color_white);
} */
.suite_amenities_element .sa_icon {
	text-align: center;
}
.suite_amenities_element i {
	background: none;
	width: auto;
	height: auto;
	color: var(--color_2);
}
.suite_amenities_inner {
	display: grid;
	grid-template-columns: repeat(auto-fit, minmax(min-content, 200px));
	justify-content: center;
	grid-auto-rows: 1fr;
	width: calc( 100% - var(--gutter_width) * 2 );
	max-width: var(--container_width);
	margin: 0 auto;
	min-height: 125px;
}
.suite_amenities_element_inner {
	display: flex;
	align-items: center;
	column-gap: 10px;
}
.suite_amenities_element_inner .sa_text {
	font-family: var(--font_family_bold) !important;
	font-size: var(--font_size_min) !important;
	color: var(--color_2) !important;
	font-weight: 700;
	line-height: 18px;
}
@media screen and (max-width: 960px) {
	.suite_amenities_inner {
		grid-template-columns: repeat(auto-fit, minmax(min-content, 320px));
	}
	.suite_amenities_element {
		justify-content: flex-start;
	}
}
@media screen and (max-width: 768px) {
	.suite_amenities_inner {
		grid-template-columns: repeat(2, 1fr);
	}
}

/* Suite amenities drawer */

#amenities_container {
	background: var(--color_4);
}
#amenities_container .suite_amenities_detail {
	padding: 0;
	border-top: 0 none;
}
#amenities_container .sa_detail_content {
	color: var(--color_white);
	font-size: var(--font_size_min);
	text-align: left;
	letter-spacing: 0.8px;
	line-height: 1.65;
}
#amenities_container a {
	color: var(--color_white);
	text-decoration: underline;
}
#amenities_container .inner_container {
	width: calc( 100% - var(--gutter_width) * 2 );
	max-width: var(--container_width);
	border-top: 1px solid rgba(255,255,255,0.3);
	margin: 0 auto;
	min-height: 96px;
	padding: 17px 30px 30px;
	align-content: center;
}
#amenities_container .sa_elt {
	max-width: 100%;q
}

/* Suite cards */

#suite_types {
	padding-top: 50px;
	padding-bottom: 100px;
}
#suite_types .cards_container {
	display: grid;
	grid-template-columns: repeat(2, 1fr);
	grid-auto-rows: 1fr;
	gap: 15px;
}
#suite_types .suite_container {
	/* border: 1px solid var(--color_2) !important; */
	overflow: hidden;
	background: var(--color_white);
	margin: 0 !important;
	display: flex;
	flex-direction: column;
}
#suite_types .img_content {
	height: 280px;
	margin-bottom: 0;
}
#suite_types .text_content {
	padding: 8px 20px 22px 32px;
	flex: 1;
	border: 1px solid var(--color_2);
	display: flex;
	flex-direction: column;
	justify-content: flex-start;
}
#suite_types .text_content h4 {
	font-family: var(--font_family_bold);
	font-size: var(--font_size_games);
	font-weight: 700;
	line-height: 2;
	color: var(--color_2);
	margin: 0 0 5px;
}
#suite_types .suite_info {
	margin-bottom: 10px;
}
#suite_types .suite_container_cta {
	margin-top: auto;
}
#suite_types .suite_container_cta a.blue {
	font-size: 14px;
	font-family: var(--font_family_bold);
	text-transform: initial;
	color: var(--color_3);
	letter-spacing: 0;
}
#suite_types .suite_info_subcontainer {
	margin-bottom: 2px;
}
#suite_types .suite_info_content {
	font-size: var(--font_size_min);
	line-height: 24px;
	color: var(--color_2);
}

@media screen and (max-width: 768px) {
	#suite_types .cards_container {
		grid-template-columns: repeat(1, 1fr);
	}
}

/* Suite FAQ */

#suite_faq {
	background-image: url("../../../includes/custom-ui/il_chicago_fire/images-git-lfs/chi-fire-tan-granite-bg_1600x1095.jpg");
	background-size: cover;
	min-height: 535px;
	padding: 40px 0;
}
#suite_faq :not(a) {
	color: var(--color_2);
}
#suite_faq .cui_small_container {
	display: flex;
	column-gap: 30px;
	align-self: center;
}
#suite_faq .left {
	flex: 1;
}
#suite_faq .right {
	flex: 0 1 366px;
}
#suite_faq h2.post-title {
	margin: 0 0 18px;
	padding: 0;
	position: relative;
	text-align: left;
}
/*#suite_faq h2.post-title::after {*/
/*	content: "";*/
/*	display: block;*/
/*	background: url("../../../includes/custom-ui/il_chicago_fire/images-git-lfs/ny_jets_design_accent_498x38.png") no-repeat left;*/
/*	background-size: contain;*/
/*	width: 100%;*/
/*	height: 20px;*/
/*	margin-top: 15px;*/
/*}*/
#suite_faq .map_container {
	width: 100%;
	height: auto;
	aspect-ratio: 1;
	background: #e6e6e6;
	border: 1px solid var(--color_4);
	position: relative;
	top: 50%;
	transform: translateY(-50%);
	overflow: hidden;
}
#suite_faq .map_container img {
	width: 100%;
	height: auto;
}
#suite_faq .suite_qs {
	display: flex;
	column-gap: 20px;
}
#suite_faq .suite_q {
	flex: 1;
}
#suite_faq .suite_q h3 {
	font-family: var(--font_family_black);
	font-size: var(--font_size_games);
	line-height: 1.25;
	margin: 0 0 10px;
}
#suite_faq .suite_q p {
	font-size: var(--font_size_min);
	line-height: 24px;
	margin-top: 0;
}

@media screen and (max-width: 960px) {
	#suite_faq .right {
		display: none;
	}
}
@media screen and (max-width: 768px) {
	#suite_faq .suite_qs {
		flex-direction: column;
		row-gap: 0;
	}
}


/* Suite map */

.suite_map {
	padding-top: 50px;
	position: relative;
	z-index: 1;
}
.suite_map .lead {
	margin-bottom: 64px;
}
.suite_map .post-title {
	/* margin-bottom: 0; */
}
.suite_map .post-title::after {
	content: "";
	display: block;
	position: relative;
	background-image: url("../../../includes/custom-ui/il_chicago_fire/images-git-lfs/la-galaxy-four-navy-stars.svg");
	background-size: contain;
	width: 164px;
	height: 41px;
	margin: 30px auto 24px;
}
.suite_map .map_container {
	position: relative;
	background: var(--color_white);
	border: 1px solid var(--color_5);
	height: 707px;
}
.suite_map .map_container img {
	width: auto;
	height: 100%;
	position: relative;
	object-fit: contain;
	z-index: 9;
	display: block;
	margin: 0 auto;
}







/*
----------------------------------------------------
SUITE OWNERSHIP PAGE
----------------------------------------------------
*/

#ownership_contact_section {
	margin: 30px 0;
}
.ownership .ownership_contact_container  {
	border: 1px solid var(--color_border);
	background: var(--color_white);
}

.ownership .ownership_content_container .ownership_content {
	background: var(--color_1);
	color: var(--color_3);
}
.ownership .ownership_content_container .ownership_heading {
	margin: 0;
	padding: 20px;
	display: flex;
	justify-content: space-between;
}
.ownership .ownership_content_container i[class*="icon-"] {
	color: var(--color_3);
	margin-left: auto;
}
.ownership .ownership_content .galleria_container .grid:nth-child(2) {
	padding: 0 20px;
}
.ownership .ownership_content .galleria_container li {
	font-size: var(--font_size_min);
}

.ownership #ownership_video {
	margin: 10px 0;
}
.ownership #ownership_video iframe {
	display: initial;
	width: var(--container_width);
	max-width: 100%;
	height: 100%;
	aspect-ratio: 16/9;
}




/*
----------------------------------------------------
FAQ PAGE
----------------------------------------------------
*/

.faq .page_title_container {
	background-image:
			url("../../../includes/custom-ui/il_chicago_fire/images-git-lfs/chi-fire-brandmark-tint-c-only.svg"),
			url("../../../includes/custom-ui/il_chicago_fire/images-git-lfs/chi-fire-page-title-bg-matches_1438x296.jpg");
	background-position:
			-166px center,
			center center;
	background-size:
			265px 243px,
			cover !important;
}
.faq .page_title_container h1 {
	position: unset;
}
.faq .cui_small_container {
	margin-top: 50px;
}
.faq h2.faq_section_title {
	font-family: var(--font_family_title);
	font-size: var(--font_size_subtitles);
	font-weight: 400;
	line-height: 48px;
	text-transform: uppercase;
	margin: 10px 0 0;
	color: var(--color_2);
}
.faq .faq_item {
	border: 1px solid var(--color_1);
	transition: all 0.2s ease;
}
.faq .faq_item:hover {
	box-shadow: 5px 5px 0 0 var(--color_5);
	background: var(--color_6);
}
.faq h3.faq_question {
	font-family: var(--font_family_bold);
	font-size: var(--font_size_min);
	line-height: 24px;
	font-weight: 700;
	color: var(--color_2);
}
.faq .faq_answer {
	font-size: var(--font_size_min);
	line-height: 24px;
	letter-spacing: 0.8px;
	color: var(--color_2);
}
.faq #faq_section {
	margin-bottom: 90px;
}

.faq #contact_us {
	height: auto;
	min-height: 400px;
	margin: 0;
	background-position: center bottom;
	justify-content: center;
	box-shadow: 0 -60px 0 0 var(--color_1)
}
.faq #contact_us .cta_container {
	width: auto;
	min-height: auto;
	padding: 20px 0;
}
.faq #contact_us .cta_container h2 {
	margin-top: 10px;
	text-align: center;
}





/*
----------------------------------------------------
CONTACT PAGE
Includes inline contact form
----------------------------------------------------
*/

.contact .page_title_container {
	background-image:
			url("../../../includes/custom-ui/il_chicago_fire/images-git-lfs/chi-fire-brandmark-tint-c-only.svg"),
			url("../../../includes/custom-ui/il_chicago_fire/images-git-lfs/chi-fire-page-title-bg-matches_1438x296.jpg");
	background-position:
			-166px center,
			center center;
	background-size:
			265px 243px,
			cover !important;
}
.contact h2.post-title {
	max-width: 400px;
}
.contact .white_container_gray_border {
	border: 1px solid var(--color_border);
	background: var(--color_white);
}
.contact #contact_us_form .content_left .white_container_gray_border {
	padding: 30px 50px;
	/* width: calc( 100% - var(--gutter_width) * 2 );
    max-width: var(--container_width); */
}
.contact #contact_us_form h3 {
	color: var(--color_2);
}






/*
----------------------------------------------------
CHECKOUT
----------------------------------------------------
*/

.new_checkout .nco_header {
	background: var(--color_1);
	padding: 20px;
}
.new_checkout .post-title {
	color: var(--color_4);
	font-family: var(--font_family_title);
	font-weight: 600; /* native is 400, browser will interpolate */
	font-size: 44px;
	transform: translateY(4px);
	line-height: 1.2;

	/* text is lower-cased with javascript, see header.php */
	text-transform: capitalize;
	margin-bottom: 0;
}

.new_checkout #btn_submit {
	border: 0 none;
	height: auto;
	color: var(--color_3);
}
.new_checkout .nco_content_right :is(
    .order_summary_container,
    .map_container,
    .contact_us_container
) {
	border: 1px solid var(--color_border);
}
.new_checkout .contact_us_container :not(.heading) {
	font-size: var(--font_size_small_text);
}
#non-header .new_checkout h2 {
	color: var(--color_2);
}
/*
----------------------------------------------------
PURCHASE AGREEMENT, INVOICE
----------------------------------------------------
*/

.page-template-seg_checkout_success_pp .nco_content_left :is(p, li, a:not([class])) {
	font-size: 17px;
}

/*
----------------------------------------------------
TERMS OF SERVICE, PRIVACY POLICY
----------------------------------------------------
*/







/*
----------------------------------------------------
MISC
----------------------------------------------------
*/





/*
----------------------------------------------------
PROMO BANNER
----------------------------------------------------
*/