@import 'assets/la28-fantasticons.css';

/*
--------------------------------------------------------------------------------------------------------
LA 28 STYLES
--------------------------------------------------------------------------------------------------------
*/


/*
========================================================================================================
DESKTOP
========================================================================================================
*/

/*
----------------------------------------------------
VARIABLE DECLARATIONS
----------------------------------------------------
*/
:root {
	--color_background: #fff; /* white*/
	--color_1: #76232F; /* Primary color: Dark red */
	--color_2: #A6192E; /* Accent color: Red */
	--color_3: #E5554F; /* Accent color: Coral */
	--color_4: #CCCCCC; /* Gray */

	--color_white: #fff;
	--color_black: #000;

	--color_brand_blue: #15AEE2;
	--color_brand_pink: #F5128D;
	--color_brand_orange: #FF470F;
	--color_text_brand: #006AAD;
	--color_text_secondary: #474754;
	--color_text_disabled: #84848D;
	--color_surface_brand-primary: var(--color_brand_blue);
	--color_status_success-dark: #007B00;
	--color_background_light-tint: #F5F5F5;
	--color_background_dark: #000;
	--color_border_border-light: #EAEAEC;
	--color_border_border-dark: #ADADB3;
	--color_neutral_200: #CBCDD3; /* Figma neutral/200 — unchecked radio/checkbox borders */

	/* official venue colors */
	--color_poppy: #ff470f;
	--color_scarlet_flax: #f5128d;
	--color_bluebell: #009cd2;
	--color_sagebrush: #44d62c;

	/* based on official venue colors */
	--color_sport_swimming: var(--color_bluebell);
	--color_sport_basketball: var(--color_scarlet_flax);
	--color_sport_boxing: var(--color_scarlet_flax);
	--color_sport_baseball: var(--color_bluebell);
	--color_sport_soccer: var(--color_poppy);
	--color_sport_volleyball: var(--color_scarlet_flax);
	--color_sport_tennis: var(--color_poppy);
	--color_sport_lacrosse: var(--color_bluebell);
	--color_sport_archery: var(--color_bluebell);
	--color_sport_flag_football: var(--color_bluebell);
	--color_sport_rugby_sevens: var(--color_bluebell);
	--color_sport_gymnastics_artistic: var(--color_scarlet_flax);
	--color_sport_gymnastics_trampoline: var(--color_scarlet_flax);
	--color_sport_badminton: var(--color_poppy);
	--color_sport_rhythmic_gymnastics: var(--color_poppy);
	--color_sport_opening_ceremony: var(--color_bluebell);

	--font_family_serif: 'LA28 Serif', 'Georgia', 'Times New Roman', serif;
	--font_family_sans: 'LA28 Sans', system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif;
	--font_family_extended: 'LA28 Sans Extended Bold', 'Arial Black', 'Franklin Gothic Heavy', sans-serif;
	--font_family_iconography: 'la28-fantasticons';

	--font_size_large: 60px;
	--font_size_large_mobile: 32px;
	--font_size_med_large: 30px;
	--font_size_post_title: 72px;
	--font_size_subtitle: 44px;
	--font_size_plus: 24px;
	--font_size_med: 18px;
	--font_size_med_mobile: 18px;
	--font_size_min: 16px;

	/* These map 1:1 to Figma font styles, in the absence of a style guide */
	--font_style_h3: 700 48px/1.2 var(--font_family_extended);
	--font_style_h4: 700 32px/1.2 var(--font_family_extended);
	--font_style_subhead_m_bold: 700 24px/1.2 var(--font_family_serif);
	--font_style_subhead_l_bold: 700 32px/1.2 var(--font_family_serif);
	--font_style_subhead_s_bold: 700 22px/1.2 var(--font_family_serif);
	--font_style_body_2xl_bold: 700 22px/1.4 var(--font_family_sans);
	--font_style_body_2xl_medium: 500 22px/1.4 var(--font_family_sans);
	--font_style_body_xl_bold: 700 18px/1.5 var(--font_family_sans);
	--font_style_body_xl_medium: 500 18px/1.5 var(--font_family_sans);
	--font_style_body_xl_regular: 400 18px/1.5 var(--font_family_sans);
	--font_style_body_l_regular: 400 16px/1.5 var(--font_family_sans);
	--font_style_body_l_medium: 500 16px/1.5 var(--font_family_sans);
	--font_style_body_m_regular: 400 14px/1.5 var(--font_family_sans);
	--font_style_body_m_medium: 500 14px/1.5 var(--font_family_sans);
	--font_style_body_m_bold: 700 14px/1.5 var(--font_family_sans);
	--font_style_body_s_regular: 400 12px/1.5 var(--font_family_sans);
	--font_style_body_s_medium: 500 12px/1.5 var(--font_family_sans);
	--font_style_button_4xl: 500 24px/1.5 var(--font_family_sans);
	--font_style_button_2xl: 500 20px/1.5 var(--font_family_sans);
	--font_style_button_l: 500 16px/1.5 var(--font_family_sans);
	--font_style_footnote_regular: 400 11px/1.4 var(--font_family_sans);
	--font_style_utility_button_m: 500 14px/1.4 var(--font_family_sans);

	--letter_spacing: 0;
	--default_border_radius: 8px;
	--wc_border_radius: 0 30px 30px 30px;
	--default_box_shadow: 0;
	--dark_box_shadow: 0 0 10px 0px rgba(0,0,0,0.25);
	--hover_box_shadow: 0 0 3px 1px rgba(50,50,50,0.2);
	--hover_box_shadow_edp: none;
	--default_border: 1px solid #bacacd;
	--default_border_hover: 1px solid rgb(4 30 65 / 50%);
	--header_height: 100px;

	--box_shadow_1: 0 4px 20px 0 rgba(120, 120, 120, 0.20);
	--border_1: 0.75px solid #e2e2e2;

	--container_width: 1328px;
	--gutter_width: 56px;

	--borderLow: #E4E8F0;
	--flag_border: 1px solid var(--borderLow,#a5acbb80);
}

/* Tablet */
@media (max-width: 1024px) {
	:root {
		--font_size_large: 50px;
		--font_size_post_title: 50px;
		--font_size_subtitle: 36px;
		--font_size_med_large: 30px;
		--font_size_plus: 22px;
		--font_size_med: 18px;
		--font_size_min: 16px;
	}
}

/* Mobile landscape */
@media (max-width: 768px) {
	:root {
		--font_size_large: 40px;
		--font_size_post_title: 40px;
		--font_size_subtitle: 32px;
		--font_size_med_large: 22px;
		--font_size_plus: 20px;
		--font_size_med: 16px;
		--font_size_min: 16px;
		--gutter_width: 25px;
		--header_height: 84px;

		--font_style_subhead_m_bold: 700 22px/1.2 var(--font_family_serif);
		--font_style_subhead_l_bold: 700 28px/1.2 var(--font_family_serif);
		--font_style_body_xl_medium: 500 16px/1.5 var(--font_family_sans);
		--font_style_h4: 700 28px/1.2 var(--font_family_extended);
		--font_style_h3: 700 32px/1.2 var(--font_family_extended);
	}
}

/* Mobile portrait */
@media (max-width: 480px) {
	:root {
		--font_size_large: 32px;
		--font_size_post_title: 32px;
		--font_size_subtitle: 32px;
		--font_size_med_large: 20px;
		--font_size_plus: 18px;
		--font_size_med: 16px;
		--font_size_min: 16px;
		--gutter_width: 24px;

		--font_style_subhead_m_bold: 700 20px/1.2 var(--font_family_serif);
		--font_style_h4: 700 24px/1.2 var(--font_family_extended);
		--font_style_h3: 700 28px/1.2 var(--font_family_extended);
	}
}

/*
----------------------------------------------------
FONTS
----------------------------------------------------
*/


@font-face {
	font-family: 'la28-fantasticons';
	src: url('../../../fonts/la28-fantasticons.woff2') format('woff2'),
		 url('../../../fonts/la28-fantasticons.woff') format('woff');
	font-weight: normal;
	font-style: normal;
	font-display: block;
}
@font-face {
	font-family: 'LA28 Serif';
	src: url('../../../fonts/LA28Serif-Bold.woff2') format('woff2'),
		 url('../../../fonts/LA28Serif-Bold.woff') format('woff');
	font-weight: 700;
	font-style: normal;
	font-display: block;
}
@font-face {
	font-family: 'LA28 Sans';
	src: url('../../../fonts/LA28Sans-Regular.woff2') format('woff2'),
		 url('../../../fonts/LA28Sans-Regular.woff') format('woff');
	font-weight: 400;
	font-style: normal;
	font-display: block;
}
@font-face {
	font-family: 'LA28 Sans';
	src: url('../../../fonts/LA28Sans-Medium.woff2') format('woff2'),
		 url('../../../fonts/LA28Sans-Medium.woff') format('woff');
	font-weight: 500;
	font-style: normal;
	font-display: block;
}
@font-face {
	font-family: 'LA28 Sans Extended Bold';
	src: url('../../../fonts/LA28Sans-ExtendedBold.woff2') format('woff2'),
		 url('../../../fonts/LA28Sans-ExtendedBold.woff') format('woff');
	font-weight: normal;
	font-style: normal;
	font-display: block;
}


/*
----------------------------------------------------
BASIC ELEMENTS
----------------------------------------------------
*/

html, body, p, div {
	/*font-family: var(--font_family_regular), sans-serif;*/
	/*color: var(--color_grays_1300);*/
	-moz-font-smoothing: antialiased;
	-webkit-font-smoothing: antialiased;
	font-smoothing: antialiased;
}
body {
	background: #fff;
	font-size: 16px;
	overscroll-behavior-y: none;
	min-width: 0;
	color: var(--color_black);
}

body.events {
	background: var(--color_background_light-tint) !important;
}
body.events:not(.event-detail) #cui_sticky_header {
	display: none !important;
}

#non-header {
	background: var(--color_background);
	min-height: calc(100vh - 477px);
}

*,
*::before,
*::after {
	box-sizing: border-box;
}

p, h1, h2, h3, h4, h5, h6 {
	margin: 0 0 1rem;
	color: var(--color_black);
}
div, span, li {
	color: var(--color_black);
}

p:last-child {
	margin-bottom: 0;
}

h1, h2 {
	padding: 0;
}
h3 {
	font: var(--font_style_h3);
}

:is(h2, h3, h4, h5, h6) span {
	all: inherit;
}

a {
	color: var(--color_text_brand);
}
a:hover {
	color: var(--color_text_brand);
}

i[class^="la28-"] {
	display: inline-flex;
	width: 1em;
	height: 1em;
	line-height: 1;
}

.sr-only {
	position: absolute;
	width: 1px;
	height: 1px;
	padding: 0;
	margin: -1px;
	overflow: hidden;
	clip: rect(0, 0, 0, 0);
	clip-path: inset(50%);
	white-space: nowrap;
	border: 0;
}

select, input[type="text"], input[type="password"], input[type="email"], textarea {
	/*background: #fff;*/
	/*border-style: solid;*/
	/*border-width: 2px;*/
	/*margin-top: 2px;*/
}
.white_container_gray_border {
	border: var(--default_border);
}

.cui_small_container {
	/*max-width: var(--container_width);*/
	/*width: calc(100% - var(--gutter_width) * 2);*/
	margin: 0 auto;
	width: auto;

}
.grid {
	float: none;
	[class^="col-"], [class*=" col-"] {
		padding: 0;
	}
}
.ui-tooltip {
	z-index: 1001;
	position: relative;
}











/*
----------------------------------------------------
BUTTONS
----------------------------------------------------
*/

/* default white bg */
a.blue, button.blue, input.blue.button,
.cui_hero_container a.blue,
a.blue.instant_book_btn,
#hp_ideal_matchup a.blue,
#sports_and_events a.blue,
#contact_us a.blue,
.new_checkout #btn_submit.blue.button,
#contact_form_submit,
#cui_footer button {
	font: var(--font_style_button_l);
	text-transform: none;
	color: var(--color_black);
	background-image: linear-gradient(to right, var(--color_black) 0%, var(--color_black) 49.9%, var(--color_white) 50%, var(--color_white) 100%);
	background-size: 205%;
	background-repeat: no-repeat;
	background-position: right center;
	border: 0 none;
	border-radius: 4px;
	padding: 12px 24px;
	display: inline-flex;
	align-items: center;
	justify-content: center;
	transition: all 0.35s ease;
	gap: 6px;

	i[class*="icon"] {
		color: var(--color_black);
		transition: all 0.35s ease;
	}
}
a.blue:hover, button.blue:hover, input.blue.button:hover,
.cui_hero_container a.blue:hover,
a.blue.instant_book_btn:hover,
#sports_and_events a.blue:hover,
#contact_us a.blue:hover,
#hp_ideal_matchup a.blue:hover,
#contact_form_submit:hover,
#cui_footer button:hover {
	background-position: left center;
	color: var(--color_white) !important;

	i[class*="icon"] {
		color: var(--color_white);
	}
}

/* blue bg */
a.blue.instant_book_btn,
#contact_us a.blue,
.new_checkout #btn_submit.blue.button,
#contact_form_submit,
#cui_footer button {
	background-image: linear-gradient(to right, var(--color_black) 0%, var(--color_black) 49.9%, var(--color_brand_blue) 50%, var(--color_brand_blue) 100%);
	color: var(--color_black);

	i[class*="icon"] {
		color: var(--color_black);
	}
}
a.blue.instant_book_btn:hover,
#contact_us a.blue:hover,
.new_checkout #btn_submit.blue.button:hover,
#contact_form_submit:hover,
#cui_footer button:hover {
	background-position: left center;

	i[class*="icon"] {
		color: var(--color_white);
	}
}

/* outline white */
a.blue.outline {
	border: 1px solid var(--color_border_border-light);
}

#blackout, #blackout_filter {
	background-color: rgba(0,0,0,0.15) !important;
}

body.en_US .es_MX_only,
body.en_US .fr_FR_only {
	display: none;
}
body.es_MX .en_US_only,
body.es_MX .fr_FR_only {
	display: none;
}
body.fr_FR .en_US_only,
body.fr_FR .es_MX_only {
	display: none;
}

/*
----------------------------------------------------
PAGE TITLES
----------------------------------------------------
*/
.page_title_container {
	position: relative;
	background: #222;
}
.page_title_container .cui_small_container {
	height: 100%;
}
.page_title_container .col-940 {
	position: relative;
	height: 100%;
}


/*
----------------------------------------------------
HEADER
----------------------------------------------------
*/

.cui_header_container,
#cui_sticky_header {
	background: #fff;
	height: var(--header_height);
}
.cui_header_container .inner_header {
	padding: 0px 20px;
	height: 100%;
	box-sizing: border-box;
	display: flex;
	align-items: center;
}

.cui_header_container *,
#cui_sticky_header * {
	font-size: 16px;
}

/* mobile button */
.cui_header_container .mobile_menu_btn,
#cui_sticky_header .mobile_menu_btn {
	top: 31px;
	right: 28px;
	position: absolute;
	z-index: 9999;
	display: none; /* toggle flex */
	flex-direction: column;
	justify-content: center;
	gap: 5px;
	width: 22px;
	height: 20px;
	padding: 0;
	background: none;
	border: none;
	cursor: pointer;
}
.mobile_menu_btn span {
	display: block;
	height: 3px;
	background: var(--color_black);
	border-radius: 10px;
	transition: all 0.3s ease;
}
.mobile_menu_btn.open span:nth-child(1) {
	transform: translateY(8px) rotate(45deg);
}
.mobile_menu_btn.open span:nth-child(2) {
	opacity: 0;
}
.mobile_menu_btn.open span:nth-child(3) {
	transform: translateY(-8px) rotate(-45deg);
}

#cui_sticky_header {
	box-shadow: var(--dark_box_shadow);
}
.home #cui_header {
	background: none;
}
.cui_header_container nav,
#cui_sticky_header nav {
	float: none;
	margin-top: 0;
	margin-right: 0;
	box-sizing: border-box;
	display: block;
	position: absolute;
	white-space: nowrap;
	left: 50%;
	transform: translateX(-50%);
}

.cui_header_container nav ul {
	margin-left: 0;
	display: inline-block;
	width: auto;
	margin-bottom: 0;
}
#cui_header .contact_info_container {
	display: flex;
	align-items: center;
}
#cui_header .main_nav {
	flex: 1;
}
#cui_header .main_nav li {
	padding-inline: 25px;
}
#cui_header .right_section,
#cui_sticky_header .right_section {
	position: absolute;
	right: 20px;
}

#cui_header .language_selector,
#cui_sticky_header .language_selector {
	display: flex;
	align-items: center;
	gap: 4px;
	margin-left: 20px;
	font: var(--font_style_body_m_medium);
	color: var(--color_black);
}
#cui_header .language_selector i[class*="icon"],
#cui_sticky_header .language_selector i[class*="icon"] {
	font-size: 18px;
	color: var(--color_black);
}

#cui_header .logo_container img,
#cui_sticky_header .logo_container img {
	width: 160px;
	height: auto;
	display: inline-block;
}

.home nav a.home,
.page-template-seg_stadiumpage_shell nav a.games,
.page-template-seg_tiled_event_page nav a.games,
.venues nav a.venues,
.suites nav a.suites,
.tickets nav a.tickets,
.about nav a.about,
.ownership nav a.ownership,
.faq nav a.faq,
.contact nav a.contact {
	/*font-family: var(--font_family_semibold) !important;*/
	border-bottom-color: var(--color_black);
}
.cui_header_container li,
#cui_sticky_header li {
	padding: 0 38px;
	box-sizing: border-box;
	text-transform: none;
	margin-bottom: 0;
}
.cui_header_container li a {
	font: var(--font_style_button_l);
	color: var(--color_black) !important;
	border-bottom: 3px solid transparent;
	transition: all 0.125s;
	height: 100%;
	display: inline-flex;
	align-items: center;
	gap: 5px;
	box-sizing: border-box;
	text-decoration: none;
	padding-inline: 0;
}
.cui_header_container li a i[class*="icon"] {
	color: var(--color_text_secondary);
	font-size: 1em;
}

.es_MX .cui_header_container li a,
.fr_FR .cui_header_container li a {
	padding-inline: 5px;
}

.cui_header_container li a:hover {
	border-bottom-color: var(--color_black);
}

.sub_logo {
	font-size: 16px;
	vertical-align: middle;
	font-family: var(--font_family_regular);
	text-transform: lowercase;
	margin-top: -3px;
	display: inline-block;
}
.cui_header_container nav ul.mobile_links {
	display: none;
}
.language_selector:hover {
	cursor: pointer;
}
.language_dropdown {
	position: absolute;
	top: 90px;
	width: 130px;
	border-radius: 8px;
	background: #fff;
	z-index: 9999;
	right: 10px;
	padding: 15px 10px;
	box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);
}
.language_dropdown .language_heading,
.language_dropdown_mobile .language_heading {
	font-family: var(--font_family_semibold);
	margin: 5px 10px 10px;
}
.language_dropdown ul,
.cui_header_container nav .language_dropdown_mobile ul {
	list-style-type: none;
	margin: 0;
	padding: 0;
}
.cui_header_container .language_dropdown ul li,
#cui_sticky_header .language_dropdown ul li,
.cui_header_container .language_dropdown_mobile ul li,
#cui_sticky_header .language_dropdown_mobile ul li {
	padding: 5px 10px;
	color: #000;
	border-radius: 4px;
	display: block;
}
.cui_header_container .language_dropdown_mobile ul li,
#cui_sticky_header .language_dropdown_mobile ul li {
	padding: 10px;
}
.language_dropdown ul li:hover {
	background: rgba(0,0,0,0.04);
	cursor: pointer;
}

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

#cui_footer {

	--footer-padding-top: 54px;
	--footer-padding-bottom: 56px;
	--max-width: 1185px;

	background: var(--color_black);
	padding: var(--footer-padding-top) var(--gutter_width) var(--footer-padding-bottom);
	height: auto;

	ul, li {
		list-style-type: none;
		margin: 0;
		padding: 0;
		line-height: 1;
	}
	:is(.upper, .mid, .lower) {
		background: none;
		max-width: var(--max-width);
		margin: 0 auto;
	}
	:is(p, h2, h3, a:not(.button)) {
		color: var(--color_white);
		margin-bottom: 0;
	}
	:is(.mid, .lower, .lower ul, h2) {
		display: flex;
	}
	:is(.mid, .lower) {
		justify-content: space-between;
	}
	.upper {
		border: 1px solid var(--color_border_border-dark);
		border-radius: 4px;
		padding: 24px;
		margin-bottom: 40px;

		h2 {
			font: var(--font_style_subhead_m_bold);
			text-transform: none;
			align-items: center;
			margin-bottom: 12px;
		}
		i {
			color: var(--color_text_brand);
			margin-right: 8px;
		}
		.cta {
			grid-column: 2;
			grid-row: 1 / -1;
			display: flex;
			justify-content: flex-end;
			align-items: center;
		}
		button {
			border: 1px solid var(--color_brand_blue);
			&:hover {
				border-color: var(--color_white);
			}
		}
		p {
			font: var(--font_style_body_m_regular);
		}
		.grid {
			display: grid;
			grid-template-columns: auto auto;
			grid-template-rows: auto auto;
			margin: 0;
		}
	}
	.mid {
		padding-bottom: 26px;

		h3 {
			font: var(--font_style_body_m_bold);
			margin-bottom: 3px;
		}
		a {
			font: var(--font_style_body_s_medium);
			margin-bottom: 12px;
			display: inline-block;
		}
		p {
			font: var(--font_style_footnote_regular);
		}
		nav {
			min-width: 120px;
			flex: 103;
		}
		.trust {
			flex: 210;
		}
	}
	.lower {
		border-top: 1px solid var(--color_border_border-dark);
		padding: 7px 0 0;

		ul {
			gap: 12px 16px;
		}
		a, p {
			font: var(--font_style_footnote_regular);
		}
	}
}


/*
----------------------------------------------------
PAGE TITLES
----------------------------------------------------
*/
/*.page_title_container {*/
/*	background: url(../../../includes/custom-ui/la_28/images-git-lfs/wc-common-bg-red-dark-cropped.svg) no-repeat center center;*/
/*	background-size: cover;*/
/*	background-position: center;*/
/*	position: relative;*/
/*	height: 250px;*/
/*}*/
/*.page_title_container h1 {*/
/*	font-family: var(--font_family_black), sans-serif;*/
/*	font-size: var(--font_size_large);*/
/*	line-height: var(--font_size_large);*/
/*	text-shadow: 0 0 30px rgba(0, 0, 0, 0.5);*/
/*	text-align: center;*/
/*	width: 100%;*/
/*	box-sizing: border-box;*/
/*	letter-spacing: var(--letter_spacing);*/
/*	top: 50%;*/
/*	transform: translateY(-50%);*/
/*	margin: 0;*/
/*}*/


/*
----------------------------------------------------
HOMEPAGE
----------------------------------------------------
*/

.arrow {
	width: 2px;
	height: 100px;
	background: white;
	position: relative;
}

.arrow::after {
	bottom: 1px;
	position: absolute;
	content: "";
	display: inline-block;
	width: 14px;
	height: 14px;
	border-right: 2px solid white;
	border-top: 2px solid white;
	transform: rotate(135deg);
	border-color: white;
	margin-left: -8px;
}


body.home .cui_1_across_section h2
.cui_text_cta_container .text_container h2,
body.home .cui_1_across_section h2,
.cui_big_container.cui_text_cta_container.cui_catch_all_container h2 {
	font-family: var(--font_family_heavy), sans-serif;
	text-transform: uppercase;
	letter-spacing: var(--letter_spacing);
	line-height: 66px;
}
body.home .cui_1_across_section h2 {
	color: var(--color_1);
}

body.home #hp_elevated_experience .cui_1_across_section h2 {
	color: #fff;
}
.cui_text_cta_container {
	background: var(--color_1);
}
.cui_text_cta_container p {
	color: #fff;
}

.cui_text_cta_container.cui_catch_all_container .cta_container a.blue.button:hover {
	background: #fff;
	color: var(--color_1);
}

/* HP hero */

.home .cui_big_container.cui_hero_container {
	background:
		var(--color_brand_blue)
		url('images-git-lfs/la28-homepage-hero-bg-full.svg');
	background-repeat: no-repeat;
	background-position: min(-310px, calc(50vw - 970px)) center;
	display: flex;
	flex-direction: column;
	justify-content: center;
	min-height: 400px;

	.cui_small_container {
		width: var(--container_width);
		max-width: calc(100% - 2 * var(--gutter_width));
		display: flex;
		flex-direction: column;
		justify-content: center;
		align-items: center;
	}
	:is(h1, .lead, .byline, a) {
		text-align: center;
		color: var(--color_black);
	}
	h1 {
		font: var(--font_style_h4);
		font-size: calc(var(--font_size_med_large) + 4px);
		text-align: center;
		max-width: 820px;
		margin-bottom: 14px;
	}
	/*.button {*/
	/*	margin-inline: 4px;*/
	/*}*/
	.lead {
		font: var(--font_style_body_l_regular);
		max-width: 640px;
		margin-bottom: 23px;
	}
	.byline {
		font: var(--font_style_body_m_regular);
	}
	.cta_actions {
		margin-bottom: 24px;
		display: flex;
		justify-content: center;
		flex-wrap: wrap;
		gap: 12px;
	}

}

/* HP Upcoming sports & events */

.home #sports_and_events {
	background: var(--color_brand_pink);
	min-height: 692px;
	padding-top: 0;
	padding-bottom: 40px;

	&::before {
		content: "";
		display: block;
		position: relative;
		top: 0;
		left: 0;
		width: 100%;
		height: 91px;
		background: url('images-git-lfs/la28-sports-and-events-panel.svg') no-repeat center center;
		background-size: cover;
	}

	.cui_small_container {
		width: var(--container_width);
		max-width: calc(100% - 2 * var(--gutter_width));
		padding-top: 40px;
		display: grid;
		grid-template-columns: 1fr auto;
		grid-template-areas:
		"h2 cta"
		"lead cta"
		"nav nav";
	}
	h2 {
		font: var(--font_style_subhead_l_bold);
		color: var(--color_black);
		grid-area: h2;
		margin-bottom: 12px;
	}
	ul, li {
		margin: 0;
		padding: 0;
		list-style-type: none;
	}
	.lead {
		font: var(--font_style_body_l_regular);
		color: var(--color_black);
		margin-bottom: 40px;
		grid-area: lead;
	}
	.cta {
		grid-area: cta;
	}
	a.blue {
		display: flex;
		align-items: center;
	}
	i[class*="icon-"] {
		font-size: 18px;
	}
	nav {
		grid-area: nav;

		.grid {
			display: grid;
			grid-template-columns: repeat(4, 1fr);
			grid-auto-rows: auto;
			gap: 24px 12px;
		}
		a {
			font: var(--font_style_subhead_m_bold);
			color: var(--color_white);
			background: var(--color_black);
			padding-inline: 10px;
			display: flex;
			flex-direction: column;
			justify-content: center;
			align-items: center;
			text-align: center;
			min-height: 120px;
			width: 100%;
			border-radius: 8px;
		}
	}

}


/* HP Private Suites */

.home #hp_private_suites {
	min-height: 610px;

	.cui_small_container {
		width: var(--container_width);
		max-width: calc(100% - 2 * var(--gutter_width));
	}
	h2 {
		font: var(--font_style_subhead_l_bold);
		margin-bottom: 14px;
		color: var(--color_black);
	}
	.lead {
		font: var(--font_style_body_l_regular);
		margin-bottom: 40px;
		color: var(--color_black);
	}
	.cui_image_grid {
		display: flex;
		flex-wrap: wrap;
		gap: 24px;
	}
	.item {
		min-width: 0;
		flex: 1;

		img {
			border-radius: 4px;
			object-fit: cover;
			object-position: center;
			height: 280px;
			width: 100%;
			margin-bottom: 12px;
		}
		p {
			font: var(--font_style_body_l_regular);
			color: var(--color_black);
		}
	}

}

/* HP FAQ Section */

.home #faq {
	background: var(--color_white);

	.cui_small_container {
		width: var(--container_width);
		max-width: calc(100% - 2 * var(--gutter_width));
	}
}


#faq {
	.faq_item {
		border: 0 none;
		border-radius: 0;
		padding: 0;
		margin: 44px 0 0;
	}
	.faq_item::after {
		content: "";
		position: relative;
		display: block;
		height: 1px;
		width: 100%;
		top: 18px;
		left: 0;
		right: 0;
		background: var(--color_border_border-light);
	}
	.faq_item:hover {
		box-shadow: none;
	}
	.faq_item.expanded h3.faq_question i {
		transform: rotate(180deg);
	}
	h2 {
		font: var(--font_style_subhead_l_bold);
		color: var(--color_black);
	}
	h3.faq_question {
		font: var(--font_style_body_xl_medium);
		color: var(--color_black);
		display: flex;
		justify-content: space-between;
		align-items: flex-start;
		padding: 0 0 0;
		margin-right: 36px; /* for faq page, heading clearance */

		i {
			font-size: 34px;
			color: var(--color_brand_blue);
			top: unset;
			transition: transform 0.5s ease;
		}
	}

	.faq_answer {
		padding: 0;
	}
	.faq_answer .text {
		display: inline-block;
		padding: 12px 0 6px;
		margin-right: 50px;
		max-width: 780px;
	}
	@media screen and (max-width: 768px) {
		h3.faq_question i {
			font-size: 26px;
			right: 0;
		}
		.faq_answer .text {
			margin-right: 44px;
		}
	}
}



body.home .cui_hero_container h1,
body.home .cui_hero_container h1 span,
body.home .cui_hero_container h2 {
	color: #fff;
	font-family: var(--font_family_black), sans-serif;
	font-size: var(--font_size_large);
	letter-spacing: 1.5px;
	/* text-shadow: 0 0 10px rgb(0 0 0 / 50%); */
	line-height: 1;
	/*margin: 0 auto 10px !important;*/
	text-align: left;
	/*max-width: 940px;*/
	text-transform: uppercase;
	font-weight: 400;
}
body.home #faq .faq_question {
	margin-right: 0;

	i {
		margin-left: 10px;
	}
}
body.home .cui_hero_container h1 {
	margin-bottom: 0;
}
body.home .cui_hero_container h2 {
	font-size: calc( var(--font_size_large) + 18px );
	line-height: 0.8625;
	margin: 0;
}
h1 sup {
	font-size: 14px;
	vertical-align: super;
	line-height: 14px;
	top: -10px;
	position: relative;
	font-family: var(--font_family_condensed_light);
}
body.home .hero_subtitle {
	font-size: var(--font_size_med);
	text-align: left;
	font-family: var(--font_family_regular);
	line-height: 1.35;
	color: var(--color_grays_400);
	font-weight: 400;
	margin-top: 10px;
	margin-bottom: 30px;
	/*margin-bottom: 25px;*/
	/*max-width: 700px;*/
	font-size: var(--font_size_plus);
	font-family: var(--font_family_bold);
}
body.home .cui_hero_container p {
	/*width: 90%;*/
	/*max-width: 880px;*/
	/*margin: 10px auto;*/
	/*font-size: 16px;*/
	/*line-height: 24px;*/
	/*text-shadow: 0 0 4px rgb(0 0 0 / 50%);*/
	color: var(--color_grays_400);
}
body.home .cui_hero_container p a {
	color: var(--color_3);
}
body.home .promo_container {
	max-width: 720px;
	margin: 20px auto;
	border: 1px solid var(--color_1);
	border-radius: var(--default_border_radius);
	padding: 20px;
	box-sizing: border-box;
	background: #000;
}
body.home .promo_container .promo_inner_container .grid {
	margin-bottom: 0;
}
body.home .promo_container .col-1_4 {
	padding: 10px;
}
body.home .promo_container .col-1_4 img {
	padding: 10px;
	box-sizing: border-box;
	border-radius: var(--default_border_radius);
	transition: all 0.25s;
	margin: 0;
}
body.home .promo_container .col-1_4 a:hover img {
	background: rgba(255,255,255,0.8);
	box-shadow: 0 0 0 5px var(--color_1);
}


body.home .cui_hero_container .text_container {
	padding-right: 0;
	padding-bottom: 0;
	padding-top: 30px;
	padding-bottom: 14px;
}
.cui_hero_container .col-1_3 {
	padding: 0 0 30px;
	margin: 0 auto;
}




.home .cui_big_container {
	/* background: var(--color_1); */
}


/* Browse by Sessions */

#hp_ideal_matchup {
	position: relative;
	background: var(--color_background_light-tint);
	z-index: 999;
	min-height: 655px;


	h2.post-title {
		font: var(--font_style_subhead_l_bold);
		margin-bottom: 14px;
		grid-area: h2;
	}
	.lead {
		font: var(--font_style_body_l_regular);
		grid-area: lead;
	}
	.price_range {
		font: var(--font_style_body_m_regular);
		color: var(--color_text_secondary);
	}
	.cta {
		grid-area: cta;
	}
	.carousel_outer_container {
		width: calc(100% + 24px);
		margin: 0 -12px;
		max-width: calc(var(--container_width) + 180px);
		grid-area: carousel;
		min-width: 0;
		position: relative;

		&::before,
		&::after {
			content: '';
			position: absolute;
			top: 0;
			bottom: 0;
			width: 10px;
			pointer-events: none;
			z-index: 1;
		}
		&::before {
			left: 0;
			background: linear-gradient(to right, #F5F5F5, transparent);
		}
		&::after {
			right: 0;
			background: linear-gradient(to left, #F5F5F5, transparent);
		}
	}
	.carousel_container {
		padding: 0 !important;
		margin:0;
	}
	.slick-list { /* this has overflow hidden */
		padding: 20px 2px;
	}
	.slick-track {
		padding: 0;
		display: flex;
	}
	.carousel_event {
		border: 0;
		margin: 0 12px;
		padding: 0;
		height: auto;
	}
	/*.carousel_container .carousel_event:hover {*/
	/*	border: 0;*/
	/*	background: none;*/
	/*	box-shadow: none;*/
	/*}*/
	.carousel_container .carousel_event .caption_content {
		margin-bottom: 20px;
	}
	.carousel_container .carousel_event .event_tile_element_container {
		width: 100%;
		height: 100%;
		padding: 0;
		display: block;
	}
	.cui_small_container {
		width: var(--container_width);
		max-width: calc(100% - 2 * var(--gutter_width));
		display: grid;
		grid-template-columns: 1fr auto;
		grid-template-areas:
		"h2 cta"
		"lead cta"
		"carousel carousel"
		"not_interested not_interested";
	}
	.slick-prev,
	.slick-next {
		top: 50%;
		transform: translateY(-50%);
		z-index: 5;
		color: var(--color_2);
	}
	.slick-prev:hover,
	.slick-next:hover {
	}
	.slick-prev {
		left: -50px;
	}
	.slick-next {
		right: -50px;
	}

	#contact_us {
		margin: 0;
		padding: 35px 0 0;
		display: flex;
		justify-content: center;
		grid-area: not_interested;

		.cui_small_container {
			background: var(--color_white);
			max-width: 960px;
			width: 100%;
			display: block;
		}
	}
}







#hp_elevated_experience.cui_big_container.cui_3_across_section {
	background: var(--color_2);
}
#hp_elevated_experience.cui_big_container.cui_3_across_section .cui_small_container {
	position: relative;
}
#hp_elevated_experience h3,
#hp_elevated_experience p {
	color: #fff;
}
#hp_elevated_experience h3 {
	text-transform: uppercase;
	font-family: var(--font_family_heavy);
	font-size: 52px;
	margin-top: 15px;
	margin-bottom: 10px;
	padding: 20px;
	line-height: 35px;
	position: absolute;
	top: 50px;
	transform: translateX(-50%);
	left: 50%;
	width: 300px;
	text-shadow: 1px 1px 2px rgba(0,0,0,0.6);
}
#hp_elevated_experience .text_content h3 {
	position: static;
	transform: none;
	width: 100%;
	box-sizing: border-box;
	font-size: 26px;
	line-height: 30px;
	padding: 5px 0 0;
	text-shadow: none;
}
#hp_elevated_experience .sub_h3 {
	font-family: var(--font_family_bold);
	font-size: 22px;
	color: #fff;
}
#hp_elevated_experience .img_content {
	border: 0;
	width: 90%;
	height: 200px;
	margin: 0 auto 20px;
}
#hp_elevated_experience a:hover .img_content {
	/*border: 5px solid var(--color_1);*/
	box-shadow: 0 0 0 5px var(--color_1);
}
#hp_elevated_experience a.blue.button {
	background: var(--color_1);
	border: none;
	font-size: 22px;
	padding: 10px 15px;
	margin-top: 8px;
}
#hp_elevated_experience a.blue.button:hover {
	background: #000;
}
.home .cui_4_across_section .col-1_4:hover {
	background: var(--color_2);
	box-shadow: var(--hover_box_shadow);
	border-color: rgb(255 255 255 / 0%);
}

.home .cui_4_across_section .img_content {
	height: 120px;
	width: 120px;
}

.caption_content {
	margin-top: -10px;
}
/* WC matchup leftover, dead on LA28 (no .hp_away_team_name is emitted):
.caption_content .hp_away_team_name {
	font-family: var(--font_family_semibold), sans-serif;
}
*/
.home .cui_big_container.cui_text_cta_container {
	position: relative;
}

.cui_big_container.cui_text_cta_container {
	height: 180px;
}
.cui_big_container.cui_text_cta_container.banner_container {
	height: auto;
}
.cui_big_container.cui_text_cta_container {
	position: relative;
}


.home .cui_big_container.cui_text_cta_container.cui_catch_all_container::before {
	background: none;
}

.cui_big_container.cui_text_cta_container h2 {
	font-family: var(--font_family_semibold), sans-serif;
	font-size: 26px;
	text-transform: uppercase;
}
#galleria_stage_container {
	overflow: hidden;
}
#galleria_stage_container .galleria-theme-classic .galleria-info {
	width: 70%;
	/* display: block !important; */
	left: 0 !important;
	right: 0 !important;
	margin: 0 auto;
}
.suite_lightbox_content .galleria-theme-classic .galleria-info-text,
.galleria-theme-classic .galleria-info-text {
	background: rgba(0, 0, 0, 0.7) !important;
}
.suite_lightbox_content .galleria-theme-classic .galleria-info-title {
	display: block !important;
	text-align: center;
	font-family: var(--font_family_regular) !important;
	font-size: 14px !important;
	color: var(--color_4);
}
.suite_lightbox_content .galleria-theme-classic .galleria-info-description {
	padding-top: 5px;
}
.home .cui_catch_all_container {
	/*background: var(--color_);*/
	text-align: center;
	padding: 50px 20px 30px;
	box-sizing: border-box;
	background-size: cover;
	background-position: center 70%;
}
.home .not_interested_container {
	width:60%;
	min-width: 400px;
	max-width: 960px;
	margin: 0 auto;
	background: var(--gray-400);
	border-radius: 50px;
	padding: 40px;;
}
.home .not_interested_container h2 {
	font-size: var(--font_size_med_large);
	line-height: var(--font_size_med_large);
	margin: 0;
}
.home .not_interested_container p {
	margin: 10px 0 20px;
}
.home .cui_catch_all_container::before {
	background: none;
}
.home .cui_big_container.cui_text_cta_container.cui_catch_all_container {
	height: 370px;
}
.cui_big_container.cui_text_cta_container.cui_catch_all_container h2 {
	color: #fff;
    font-size: var(--font_size_subtitle);
}
.home .cui_catch_all_container .cta_container {
	padding: 0 0 50px;
}
.home .cui_text_cta_container.cui_catch_all_container .cta_container {
	text-align: center;
}
/* .home .cui_text_cta_container.cui_catch_all_container .cta_container a.blue.button {
	background: #fff;
	border: 0;
	color: var(--color_1);
	width: 65%;
	padding: 14px 20px;
	white-space: normal;
} */
/* .cui_text_cta_container.cui_catch_all_container .cta_container a.blue.button {
	background: var(--color_2);
	border: 0;
	color: #fff;
} */
.home .cui_catch_all_container .cta_container a.blue.hollow.white_border.button:hover {
	background: var(--color_2);
	border-color: var(--color_1);
	color: var(--color_1);
	box-shadow: var(--hover_box_shadow);
}
.home .cui_catch_all_container .cta_container a.blue.hollow.white_border.button {
	background: transparent;
	border: 2px solid #fff;
	color: #FFF;
	padding-bottom: 18px;
}
#home_contact_form #contact_form .checkbox_label{
	color:white;
}
#home_contact_form #contact_form .form_element{
	color:white;
}

/*
----------------------------------------------------
EXPLORE SUITES
----------------------------------------------------
*/

.venues .page_title_container {
	height: 124px;
	background: var(--color_brand_blue);
	position: relative;
	z-index: 1;

	&::before, &::after {
		content: '';
		display: block;
		position: absolute;
		top: 0;
		bottom: 0;
		height: 100%;
		width: 300px;
		z-index: -1;
		pointer-events: none;
		max-height: 100%;
		visibility: visible;
		overflow: visible;
		background-size: cover;
	}

	&::before {
		background: no-repeat right center url('images-git-lfs/la28-sports-events-page-title-bg-left.svg');
		left: 0;
	}
	&::after {
		background: no-repeat right center url('images-git-lfs/la28-sports-events-page-title-bg-right.svg');
		right: 0;
	}

	h1 {
		all: initial;
		font: var(--font_style_h4);
		color: var(--color_black);
		text-transform: uppercase;
		text-align: center;
		text-shadow: none;
		margin-bottom: 0;
	}
	.grid {
		display: flex;
		flex-direction: column;
		align-items: center;
		justify-content: center;
	}
}

/* venue detail page titles */
.venues .venue_detail.page_title_container {
	display: flex;
	align-items: center;
	justify-content: center;
	overflow: hidden;
	height: auto;
	min-height: 260px;

	&::before, &::after {
		display: none;
	}
	.page_title_heading {
		position: relative;
		z-index: 3;
		padding-inline: 24px;

		span {
			display: block;
			text-align: center;
			text-transform: none;
			color: var(--color_white);
		}
		.intro {
			font: var(--font_style_subhead_l_bold);
			margin-bottom: 12px;
		}
		.sport {
			text-transform: uppercase;
			font: var(--font_style_h3);
			margin-bottom: 12px;
		}
		.location {
			font: var(--font_style_body_l_regular);
			margin-bottom: 0;
		}
	}

	.blur_overlay {
		position: absolute;
		inset: 0;
		z-index: 1;
		backdrop-filter: blur(8px);
		-webkit-backdrop-filter: blur(8px);
	}
	.overlay {
		position: absolute;
		inset: 0;
		z-index: 2;
		background: rgba(0, 0, 0, 0.3);
	}

}

.venues .venue_detail_back_bar {
	padding-block: 26px;

	.cui_small_container {
		width: var(--container_width);
		max-width: calc(100% - 2 * var(--gutter_width));
	}
	.back_link {
		display: inline-flex;
		align-items: center;
		gap: 4px;
		font: var(--font_style_body_m_medium);
		color: var(--color_text_brand);

		i {
			font-size: 18px;
			transform: scaleX(-1);
		}
	}
}

.venues #sports_grid {
	margin-top: 80px;

	.stats {
		font: var(--font_style_body_s_regular);
		color: var(--color_black);
		margin-bottom: 12px;
	}
	.grid {
		display: grid;
		grid-template-columns: repeat(4, 1fr);
		grid-auto-rows: auto;
		gap: 24px 12px;

		& > [class^="col-1"] {
			width: auto;
			padding: 0;
		}
		.suite_container {
			background: var(--color_black);
			margin-bottom: 0;
			height: 100%;
		}
	}

	.cui_small_container {
		width: var(--container_width);
		max-width: calc(100% - 2 * var(--gutter_width));
	}
	.text_content {
		border: 0 none;
		height: auto;
		padding: 24px;
	}
	h2 {
		font: var(--font_style_subhead_s_bold);
		color: var(--color_white);
		padding: 0;
		margin-bottom: 10px;
	}
	i[class*="icon"] {
		color: var(--color_white);
		top: 0;
	}
	.event_tile_image_container {
		height: 100%;
	}
	.img_content {
		height: 180px;
	}
	.img_content img {
		display: block;
		width: 100%;
		height: 100%;
		object-fit: cover;
		object-position: center;
	}
	.suite_info_subcontainer div {
		display: flex;
		align-items: center;
		gap: 8px;
	}
	.suite_info_icon {
		all: initial;
	}
	.suite_info_content {
		font: var(--font_style_body_m_regular);
		color: var(--color_white);
		margin: 0;
	}

	@media (max-width: 960px) {
		.grid {
			grid-template-columns: repeat(3, 1fr);
		}
	}
	@media (max-width: 640px) {
		.grid {
			grid-template-columns: repeat(2, 1fr);
		}
	}
	@media (max-width: 500px) {
		.grid {
			grid-template-columns: repeat(1, 1fr);
		}
	}
}

.venues #browse_sessions {
	padding: 0;
	margin-top: 48px;

	.cui_small_container {
		width: var(--container_width);
		max-width: calc(100% - 2 * var(--gutter_width));
	}
	h2.small-title {
		font: var(--font_style_subhead_m_bold);
		margin-bottom: 4px;
	}
	.lead {
		font: var(--font_style_body_m_regular);
		margin-bottom: 0;
	}

	.event_tile_container {
		display: grid;
		grid-template-columns: repeat(4, minmax(0, 1fr));
		grid-auto-rows: auto;
		gap: 36px 24px;
		width: auto;
		padding: 0;
	}
	.event_tile_element_container {
		width: auto;
		padding: 0;
	}

	@media (max-width: 960px) {
		.event_tile_container {
			grid-template-columns: repeat(3, minmax(0, 1fr));
		}
	}
	@media (max-width: 640px) {
		.event_tile_container {
			grid-template-columns: repeat(2, minmax(0, 1fr));
		}
	}
	@media (max-width: 500px) {
		.event_tile_container {
			grid-template-columns: repeat(1, minmax(0, 1fr));
		}
	}

	.session_day {
		margin-bottom: 40px;
	}
	.session_day_header {
		display: flex;
		align-items: baseline;
		margin-bottom: 24px;
	}
	.session_day_date {
		font: var(--font_style_body_xl_medium);
		color: var(--color_black);
	}





}


/*
----------------------------------------------------
RENT A SUITE
----------------------------------------------------
*/

.tiled_event_page .page_title_container {
	height: 180px;
	background: var(--color_brand_orange);
	position: sticky;
	padding-inline: 30px;
	top: 0;
	z-index: 1;

	&::before, &::after {
		content: '';
		display: block;
		position: absolute;
		top: 0;
		bottom: 0;
		height: 100%;
		width: 264px;
		z-index: -1;
		pointer-events: none;
		max-height: 100%;
		visibility: visible;
		overflow: visible;
		background: no-repeat right center url('images-git-lfs/la28-sessions-page-title-bg.svg');
		background-size: cover;
	}

	&::before {
		left: 0;
	}
	&::after {
		right: 0;
		transform: scaleX(-1);
	}

	h1 {
		all: initial;
		font: var(--font_style_h4);
		color: var(--color_black);
		text-transform: uppercase;
		text-align: center;
		text-shadow: none;
		margin-bottom: 12px;
	}
	.grid {
		display: flex;
		flex-direction: column;
		align-items: center;
		justify-content: center;
	}
	.booking_steps {
		display: flex;
		justify-content: center;
		list-style-type: none;
		gap: 32px;
	}
	li {
		display: flex;
		align-items: center;
		gap: 8px;
	}
	.swatch {
		font: var(--font_style_body_l_medium);
		color: var(--color_brand_orange);
		background: var(--color_black);
		border-radius: 100px;
		display: block;
		width: 24px;
		height: 24px;
		aspect-ratio: 1;
		line-height: 24px;
		text-align: center;
	}
	.text {
		font: var(--font_style_body_l_medium);
		color: var(--color_black);
		white-space: nowrap;
	}
	@media screen and (max-width: 550px) {
		&::before {
			left: calc(50vw - 275px);
		}
		&::after {
			right: calc(50vw - 275px);
		}
	}
	@media screen and (max-width: 480px) {
		& {
			height: auto;
			padding-block: 25px;
		}
		.booking_steps {
			flex-direction: column;
			gap: 10px;
		}
	}
}

.tiled_event_page {
	background: var(--gray-300);

	.event_tile_container {
		width: var(--container_width);
		max-width: calc(100% - 2 * var(--gutter_width));
		padding-inline: 0;
	}
	.events_for_month_container {
		display: grid;
		grid-template-columns: repeat(4, minmax(0, 1fr));
		grid-auto-rows: auto;
		gap: 40px 24px;
		width: auto;
		padding: 0;
	}
	.event_date_separator {
		padding-inline: 0;
		color: var(--color_black);
		margin: 20px 0 22px;

		span:first-child {
			font: var(--font_style_body_xl_medium);
		}
		span:last-child {
			font: var(--font_style_body_xl_regular);
		}
	}
	.event_tile_element_container {
		width: 100% !important;
		padding: 0;
	}

	a.event_tile_element .event_tile_head .title {
		font-size: 16px;
	}

	@media (max-width: 960px) {
		.events_for_month_container {
			grid-template-columns: repeat(3, minmax(0, 1fr));
		}
	}
	@media (max-width: 640px) {
		.events_for_month_container {
			grid-template-columns: repeat(2, minmax(0, 1fr));
		}
	}
	@media (max-width: 500px) {
		.events_for_month_container {
			grid-template-columns: repeat(1, minmax(0, 1fr));
		}
	}
}

.filter_container,
.num_events_container,
#sort_filter {
	display: none;
}
.tiled_event_page .toc_container {
	display: none !important;
}

h2.post-subheading, #catch_all h2 {
	font-family: var(--font_family_semibold), sans-serif;
}

.event_inventory_indicator .price_range {
	display: none;
}
#stadium_calendar_container .see_all {
	padding-top: 15px;
	margin-top: inherit;
	display: none;
}

.suite_prices_and_details_container {
	padding-top: 40px;
	padding-bottom: 20px;
}
.suite_price_learn_more a {
	padding: 9px 12px 7px;
	border-radius: var(--default_border_radius);
	transition: all 0.2s ease;
}
.suite_price_learn_more a.blue.hollow:hover {
	box-shadow: none;
}

.suite_ownership_container {
	padding: 40px 0 80px;
}

#stadium_calendar_container .see_all .event_count {
	margin-left: 0;
	padding-top: 0;
}
.stadium_guide_content {
	text-align: center;
	height: auto;
}
.seatingchart_block {
	margin-top: 0;
}
.seatingchart_block:hover {
	box-shadow: var(--hover_box_shadow);
}

.inventory_indicator_cta_text {
	font-family: var(--font_family_regular);
	color: #666;
	line-height: 16px;
	font-size: 14px;
	padding-top: 7px;
}

.suite_prices_and_details_container h2.post-subheading,
.suite_ownership_container h2.post-subheading,
.stadium_guide_container h2.post-subheading {
	font-family: var(--font_family_semibold), sans-serif;
	text-transform: uppercase;
}
/* TOC */
.tiled_event_page .toc_element {
	border-radius: var(--default_border_radius);
	border: var(--default_border);
	box-shadow: none;
	text-transform: uppercase;
}
.tiled_event_page .toc_element.highlight,
.tiled_event_page .toc_element:hover {
	background: var(--color_1);
	border: var(--default_border_hover);
	color: #fff;
}

/* event filter */
/*.checkout_steps_container {*/
/*	width: 100% !important;*/
/*	max-width: 960px;*/
/*}*/
.checkout_steps_container,
.wc_event_filter_container {
	width: 960px;
	margin: 0 auto;
	padding-top: 30px;
	padding-bottom: 0;
}
.wc_event_filter_container {
	padding-top: 0;
	position: sticky;
	background: var(--color_white);
	box-shadow: 0 15px 15px var(--color_white);
	width: 100%;
	top: 180px;
	z-index: 99;

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

.filters-form {
    width: 1029px;
    max-width: 100%;
    display: flex;
    gap: 15px;
}
.filters-form select {
    /* try to remove default browser styles */
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    border: none;
    padding: 12px 40px 12px 16px;
    min-width: 180px;
    border: 1px solid #1E4C40;
    border-radius: 0 8px 8px 12px;
    background-color: #FFF;
    color: var(--color_1);
    font-family: var(--font_family_condensed_light);
    font-size: 18px;
    font-weight: 300;
    letter-spacing: 1px;
    cursor: pointer;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='29' height='30' fill='none'%3E%3Cpath stroke='%23000' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='m7.25 11.042 7.25 7.25 7.25-7.25'/%3E%3C/svg%3E");
    background-repeat: no-repeat;
    background-position: right 11px center;
    background-size: 30px;
}
.filters-form select option {
    font-family: var(--font_family_regular);
    font-weight: normal;
}



/*.tiled_event_page .event_tile_container {*/
/*	width: 980px;*/
/*	margin: 0 auto;*/
/*	padding-bottom: 50px;;*/
/*}*/
.tiled_event_page .event_date_separator {
	font-size: var(--font_size_plus);
	font-family: var(--font_family_semibold);
}
.tiled_event_page .no_events_for_month {
	padding-left: 10px;
	padding-right: 10px;;
}
/*.tiled_event_page .event_tile_container div {*/
/*	position: static !important;*/
/*}*/

/* common tiled event card */
a.event_tile_element {
	border: var(--border_1);
	border-radius: 8px;
	display: block;
	overflow: hidden;
	box-shadow: var(--box_shadow_1);

	.event_tile_head {
		background: #222; /* this background color is data driven */
		height: 43px;
		display: flex;
		padding-inline: 10px;
		justify-content: center;
		align-items: center;
		align-content: baseline;
		gap: 8px;

		.title {
			font: var(--font_style_body_xl_medium);
			color: var(--color_black);
			overflow: hidden;
			min-width: 0;
			text-overflow: ellipsis;
			white-space: nowrap;
		}
		.event_tile_sport_code {
			font: var(--font_style_body_l_regular);
			color: var(--color_black);
			top: 0.05em;
			position: relative;
		}
	}

	.event_tile_head.boxing { background: var(--color_sport_boxing); }
	.event_tile_head.basketball { background: var(--color_sport_basketball); }
	.event_tile_head.baseball { background: var(--color_sport_baseball); }
	.event_tile_head.football_soccer { background: var(--color_sport_soccer); }
	.event_tile_head.volleyball { background: var(--color_sport_volleyball); }
	.event_tile_head.tennis { background: var(--color_sport_tennis); }
	.event_tile_head.lacrosse { background: var(--color_sport_lacrosse); }
	.event_tile_head.archery { background: var(--color_sport_archery); }
	.event_tile_head.flag_football { background: var(--color_sport_flag_football); }
	.event_tile_head.rugby_sevens { background: var(--color_sport_rugby_sevens); }
	.event_tile_head.artistic_gymnastics { background: var(--color_sport_gymnastics_artistic); }
	.event_tile_head.trampoline_gymnastics { background: var(--color_sport_gymnastics_trampoline); }
	.event_tile_head.badminton { background: var(--color_sport_badminton); }
	.event_tile_head.rhythmic_gymnastics { background: var(--color_sport_rhythmic_gymnastics); }
	.event_tile_head.opening_ceremony { background: var(--color_sport_opening_ceremony); }
	.event_tile_head.swimming {
		background: var(--color_sport_swimming);
	}

	.event_tile_body {
		height: calc(100% - 43px);
		padding: 0;
		display: flex;
		flex-direction: column;
		background: var(--color_white);
		container-type: inline-size;
	}
	.event_tile_date {
		margin: 0 0 8px;
		font: var(--font_style_body_l_regular);
		font-size: clamp(14px, 8cqi, 16px);
		color: var(--color_black);
		display: flex;
		padding: 0 12%;
		flex-wrap: wrap;
		justify-content: center;
		align-items: baseline;
		gap: 0 8px;

		.event_tile_date_day {
			/*padding-top: 10px;*/
			display: block;
			white-space: nowrap;
		}
		.event_tile_date_time {
			/*padding-top: 5px;*/
			display: block;
			white-space: nowrap;
		}
	}
	.event_tile_image_container {
		flex: 0 0 auto;
		padding-block: 24px;
		height: auto !important;
		display: flex;
		justify-content: center;
		align-items: center;
	}
	.event_tile_image_container img.home_team_logo,
	.event_tile_image_container img.away_team_logo,
	.event_tile_image_container img.logo_placeholder {
		padding: 0;
		aspect-ratio: 250 / 167;
		height: auto;
		margin-left: 10px;
		margin-right: 10px;
		vertical-align: top;
		border: 2px solid transparent;
		border-radius: 0 15px;
		background: var(--std_pink_gold_linear_gradient) border-box;
	}
	.event_tile_image_container.sport_photo img.sport_photo_image {
		width: max(54%, 120px);
		aspect-ratio: 3/2;
		object-fit: cover;
		height: auto;
		padding: 0;
		border-radius: 4px;
	}
	.event_tile_name {
		font: var(--font_style_body_xl_bold);
		display: block;
		color: var(--color_black);
		margin: 0 0 8px;
		padding-inline: 12%;
	}
	.event_tile_location {
		display: flex;
		flex-direction: column;
		align-items: center;
		flex: 1;
		min-height: 0;
		margin: 0 0 16px;

		.venue {
			display: flex;
			align-items: baseline;
			justify-content: center;
			font: var(--font_style_body_l_regular);
			color: var(--color_black);

			i[class*="icon"] {
				margin-right: 3px;
				position: relative;
				top: 2px;
			}
		}
		.location {
			font: var(--font_style_body_s_regular);
			color: var(--color_text_secondary);
		}
	}
	.event_tile_inventory {
		margin: 0;
		padding: 0;
		flex: 0 0 69px;
		height: auto;
		display: flex;
		flex-direction: column;
		justify-content: center;
	}

	.event_inventory_status {

		span {
			font: inherit;
		}
		.inv_status_container {
			font: var(--font_style_body_l_medium);
			color: var(--color_status_success-dark);
			display: flex;
			justify-content: center;
			align-items: center;
			flex-wrap: wrap;
			gap: 0 4px;

			span {
				font: inherit;
				color: inherit;
			}
			span.badge {
				margin: 0 4px 0 0;
			}

			&.waitlist {
				span {
					color: var(--color_black);
				}
				.badge {
					border: 1px solid var(--color_text_secondary);
				}
			}

			&.available {

				& > :not(.price_range) {
					color: var(--color_status_success-dark);
				}
				.price_range {
					font: var(--font_style_body_m_regular);
					color: var(--color_text_secondary);
				}
			}
		}
		.price_range {
			font: var(--font_style_body_m_regular);
			color: var(--color_text_secondary);
			margin: 0;
			flex: 100%;
			display: block;
		}
	}
}




/* Waitlist */
.sold_out_headline {
    margin-top: 0;
    padding-bottom: 30px;
}
.sold_out_heading {
    font-family: var(--font_family_regular);
    font-weight: 700;
}
.tiled_event_page .no_event_tile_container .waitlist_form_container {
	border: var(--default_border);
	background: var(--color_background);
	box-shadow: var(--default_box_shadow);
}
.no_event_tile_container .waitlist_form_container h3 {
	margin: 5px 0 15px;
	font-size: 25px;
	text-align: center;
}

/* waitlist */
#edp_container.no-listings {
	justify-content: center;
	padding-top: 26px;

	.listing_catch_all_container {
		border-radius: 8px;
		background: var(--color_background_light-tint);
		box-shadow: 0 4px 20px 0 rgba(120, 120, 120, 0.50);
		margin-bottom: 50px;
		border: 1px solid var(--color_border_border-light);
	}
	.listing_ca_text {
		font: var(--font_style_body_xl_bold);
		color: var(--color_black);
		text-transform: none;
		border: 0 none;
	}
	#waitlist_form_text {
		font: var(--font_style_body_l_regular);
		color: var(--color_black);

		p {
			display: none;
		}
	}
	form {
		background: none;
		box-shadow: none;
		border: none;
		padding: 0;
		margin: 0;
	}
	form div {
		margin-top: 0;
		margin-bottom: 0;
	}
	.browse_other_events {
		text-decoration: none;
	}
	#edp_inner_container {
		padding: 0;
	}
}
.sold_out_heading {
	font-family: var(--font_family_semibold);
}

.sold_out_browse_container {
	display: none;
}

/* pricing widget */
.suite_prices_and_details_container h3.bold_heading {
	font-family: var(--font_family_semibold), sans-serif;
	color: #000;
}
/* event planning guide */
h3.bold_heading.stadium_guide_heading {
	font-size: 18px;
}
section#stadium_guide .col-1_3 {
	height: 260px;
}

@media screen and (max-width: 768px) {
    .sold_out_headline {
        margin-top: 0 !important;
        padding-bottom: 0 !important;
    }
}

/*
----------------------------------------------------
EDP / LDP
----------------------------------------------------
*/
.event-detail #non-header,
.listing-detail #non-header {
	background: var(--gray-300);
}
html.waitlist_mode {
	background: var(--color_5) !important;
}
.waitlist_mode body {
	background: none !important;
}
span.icon-power {
	top: -1px;
}

body.events #edp_header {
	margin-top: 0;
	top: 0;
	border-bottom: 1px solid #bbb; /* color changed on LA28 internal edits 7/3 */
	min-width: 0;
	padding: 0;
	background: none;
	position: sticky;
	z-index: 2001;

	.edp_header_content {
		text-align: left;
		color: var(--color_black);
		display: flex;
		justify-content: space-between;
		align-items: center;
	}
	.edp_header_content.event_label {
		font-family: var(--font_family_semibold);
		text-transform: uppercase;
		letter-spacing: 0.8px;
	}
	.event_date,
	.event_name {
		font-family: var(--font_family_semibold), sans-serif;
		color: var(--color_black);
		font-size: 16px;
		text-align: left;
		vertical-align: baseline;;
	}
	.event_date {
		font-family: var(--font_family_regular);
		width: 100%;
	}
}

#edp_container {
	margin-top: 0;
	min-width: 0;
	width: 100%;
}

/* instant book */
#edp_container.listing_details {
	margin-top: 0;
	margin-inline: auto;

	.ll_suite_type {
		font: var(--font_style_h4);
		font-size: var(--font_size_med_large);
		color: var(--color_black);
		margin-bottom: 20px;
	}
	.ll_price {
		font: var(--font_style_h4);
		font-size: var(--font_size_med_large);
		color: var(--color_black);
		margin-bottom: 20px;
		display: flex;
		justify-content: flex-end;
	}
	.content_left {
		min-width: 0;
		height: auto;
		flex: 1;
	}
	.content_right {
		min-width: 0;
		height: auto;
		flex: 1;
	}
	.cta_container {
		border-bottom: none;
		padding-bottom: 0;
		display: flex;
		flex-wrap: nowrap;
	}
	.text_container {
		font: var(--font_style_body_m_regular);
		width: calc(100% - 25px);
		white-space: normal;
	}
	.included_available_item {
		line-height: inherit;
		margin: 4px 0 0;
	}
	.included_available_item .icon_container {
		float: left;
		margin-top: 2px;
	}
	.included_available_item [class^="icon-"] {
		font-size: 10px;
	}
	a.blue-2.catering_menu_button {
		padding-top: 6px;
		padding-bottom: 3px;
	}
}

/* custom EDP heading */

.custom_edp_widget_1 {
	margin: 0 auto;
	padding: 0 0 22px;
	position: sticky;
	top: 77px;
	z-index: 2000;
	background: var(--color_background_light-tint);
	width: var(--container_width);
	max-width: calc(100% - 2 * var(--gutter_width));

	&:has(~ .no-listings)::after {
		content: '';
		position: absolute;
		bottom: -20px;
		left: 0;
		right: 0;
		width: 100%;
		height: 20px;
		pointer-events: none;
		z-index: 1;
		background: linear-gradient(to bottom, #F5F5F5, transparent);
	}
	.edp_header_row {
		padding-top: 20px;
		display: flex;
		align-items: flex-start;
		gap: 24px;
	}
	.edp_header_text {
		flex: 1 1 auto;
		min-width: 0;
	}
	.event_tile_image_container.sport_photo {
		flex: 0 0 auto;
		width: 259px;
		height: 140px;
		padding: 0;
		border-radius: 8px;
		overflow: hidden;
	}
	.event_tile_image_container.sport_photo img.sport_photo_image {
		width: 100%;
		height: 100%;
		aspect-ratio: auto;
		object-fit: cover;
		display: block;
		border-radius: 8px;
	}

	.eyebrow {
		display: inline-block;
		border-radius: 4px;
		padding: 4px 12px;
		background-color: var(--color_brand_pink);
		color: var(--color_black);
		margin-bottom: 8px;

		.title {
			font: var(--font_style_body_l_medium);
		}
		.event_tile_sport_code {
			font: var(--font_style_body_m_regular);
		}
	}
	h1 {
		margin-bottom: 8px;

		.title {
			font: var(--font_style_h4);
			font-size: 30px;
			color: var(--color_black);
			text-transform: uppercase;
		}
		.venue {
			font: var(--font_style_body_2xl_medium);
			display: block;
		}
	}
	.date {
		font: var(--font_style_body_l_regular);
		color: var(--color_black);
		display: flex;
		flex-wrap: wrap;
		align-items: baseline;
		gap: 0 8px;
	}
}

/* block flash of content with the EDP sport-photo sub-hero */
.custom_edp_widget_1 {
	display: none;
}
.custom_edp_widget_1.edp_hero_active {
	display: block;
}

@media (max-width: 768px) {
	.custom_edp_widget_1 .edp_header_row {
		flex-direction: column;
	}
	.custom_edp_widget_1 .event_tile_image_container.sport_photo {
		width: 100%;
		height: 180px;
	}
}


.ldp_hero_container .hero_image.hero_image_right_50 {
	padding-left: 0;
}
.listing_details .listing_list_row_details .details_top_container {
	margin-bottom: 0;
}
.listing-detail .custom_edp_widget_1 {
	display: none;

	.ldp_red_banner {
		background: var(--color_red_extra_dark);
		margin-bottom: 20px;
		padding-left: 20px;
		padding-right: 20px;
	}
	.ldp_red_banner .white_container_gray_border {
		background: none;
		border: none;
		padding-left: 0;
		padding-right: 0;
	}
	.ldp_red_banner .white_container_gray_border h1,
	.ldp_red_banner .white_container_gray_border h2 {
		color: #fff;
	}
	/*.custom_edp_widget_1 h1,*/
	/*.custom_edp_widget_1 h1 span,*/
	.ldp_red_banner .white_container_gray_border h1 {
		font-size: var(--font_size_subtitle);
		text-transform: uppercase;
	}
	/*.custom_edp_widget_1 h2,*/
	/*.custom_edp_widget_1 h2 span,*/
	.ldp_red_banner .white_container_gray_border h2,
	.ldp_red_banner .white_container_gray_border h2 span {
		font-size: var(--font_size_med_large);
		font-family: var(--font_family_bold);
		text-transform: uppercase;
		line-height: var(--font_size_med_large);
		margin-bottom: 10px;
	}
}

/* EDP Header */

#edp_header .la28_edp_bar_ldp { display: none; }
body.listing-detail #edp_header .la28_edp_bar_ldp { display: block; }
body.listing-detail #edp_header .la28_edp_bar_edp { display: none; }

#edp_header .edp_header_bar,
.edp_header_bar {
	display: flex;
	/*justify-content: center;*/
	align-items: center;
	gap: 24px;
	min-height: 77px;
	padding: 12px 20px;
	/*margin-bottom: 24px;*/
	background: var(--color_background_light-tint);

	.edp_header_back {
		display: inline-flex;
		align-items: center;
		gap: 6px;
		flex: 0 0 auto;
		color: var(--color_brand_blue);
		font: var(--font_style_body_m_medium);
		cursor: pointer;

		span {
			font: inherit;
			color: inherit;
		}
	}
	.edp_header_back i {
		font-size: 16px;
		color: var(--color_text_brand);
		line-height: 1;
		transform: rotate(180deg);
	}
	.edp_header_back:hover {
		color: var(--color_text_brand);
	}
	.edp_header_info {
		display: flex;
		align-items: center;
		flex-wrap: wrap;
		gap: 12px;
		flex: 1 1 auto;
		justify-content: center;
	}
	.edp_sport_chip {
		display: inline-flex;
		align-items: center;
		gap: 8px;
		padding: 4px 12px;
		border-radius: 4px;
		background: var(--color_brand_pink);
		color: var(--color_white);
	}
	.edp_sport_name {
		font: var(--font_style_body_m_medium);
		font-weight: 700;
	}
	.edp_sport_code {
		font: var(--font_style_body_s_medium);
		opacity: 0.85;
	}
	.edp_header_meta {
		display: inline-flex;
		align-items: center;
		flex-wrap: wrap;
		gap: 8px;
		color: var(--color_black);
		font: var(--font_style_body_m_regular);
		font-size: 15px;
	}
	.edp_meta_event,
	.edp_meta_venue {
		font-weight: 700;
	}
	.edp_meta_sep {
		color: var(--color_text_secondary);
	}
	.edp_meta_date {
		display: inline-flex;
		align-items: center;
		gap: 8px;
	}
}

/* Hero mosaic */
.ldp_hero_container.ldp_hero_mosaic {
	display: grid;
	gap: 4px;
	height: 354px;
	grid-template-columns: 1fr;
	grid-template-rows: 1fr;
	border-radius: 8px;
	overflow: hidden;
	position: relative;
}
.ldp_hero_mosaic .hero_tile {
	width: auto;
	height: auto;
	float: none;
	padding: 0;
	background-position: center;
	background-size: cover;
	background-repeat: no-repeat;
}
.ldp_hero_mosaic.count-2 {
	grid-template-columns: 1fr 1fr;
}
.ldp_hero_mosaic.count-3 {
	grid-template-columns: 2fr 1fr;
	grid-template-rows: 1fr 1fr;
}
.ldp_hero_mosaic.count-3 .tile-0 {
	grid-row: 1 / span 2;
}
.ldp_hero_mosaic.count-4 {
	grid-template-columns: 2fr 1.3fr 0.85fr;
	grid-template-rows: 1fr 1fr;
}
.ldp_hero_mosaic.count-4 .tile-0 {
	grid-row: 1 / span 2;
}
.ldp_hero_mosaic.count-4 .tile-1 {
	grid-row: 1 / span 2;
}
.ldp_hero_mosaic.count-4 .tile-2 {
	grid-column: 3;
	grid-row: 1;
}
.ldp_hero_mosaic.count-4 .tile-3 {
	grid-column: 3;
	grid-row: 2;
}
.ldp_hero_mosaic .show_all_photos {
	position: absolute;
	right: 16px;
	bottom: 16px;
	top: auto;
	display: inline-flex;
	align-items: center;
	gap: 6px;
	padding: 8px 12px;
	border: 1px solid var(--color_border_border-light);
	border-radius: 8px;
	background: var(--color_white);
	color: var(--color_black);
	font: var(--font_style_body_s_medium);
	text-transform: none;
	box-shadow: 0 4px 20px rgba(120,120,120,0.2);
}

/* Inclusion lines use the la28 icon font at 16px */
.listing_details .included_available_item i[class^="la28-"] {
	font-size: 16px;
	line-height: 1;
	color: var(--color_black);
}

@media (max-width: 768px) {
	.edp_header_bar {
		/*flex-direction: column;*/
		/*align-items: d !important;*/
		gap: 12px;
	}
	.edp_header_bar .back_btn {
		position: relative !important;
	}
	.edp_header_bar .edp_header_info {
		justify-content: flex-start !important;
		align-items: flex-start !important;
		flex-direction: column;
	}
	.ldp_hero_container.ldp_hero_mosaic,
	.ldp_hero_mosaic.count-2,
	.ldp_hero_mosaic.count-3,
	.ldp_hero_mosaic.count-4 {
		grid-template-columns: 1fr 1fr;
		grid-template-rows: 1fr 1fr;
		height: 280px;
	}
	.ldp_hero_mosaic .tile-0 {
		grid-column: 1 / span 2;
		grid-row: 1;
	}
	.ldp_hero_mosaic.count-1 {
		grid-template-columns: 1fr;
		grid-template-rows: 1fr;
	}
	.ldp_hero_mosaic.count-1 .tile-0 {
		grid-column: 1;
	}
	.ldp_hero_mosaic.count-4 .tile-1,
	.ldp_hero_mosaic.count-4 .tile-2,
	.ldp_hero_mosaic.count-4 .tile-3 {
		grid-column: auto;
		grid-row: auto;
	}
}

/*@media screen and (min-width : 1200px) {*/
/*	#edp_container,*/
/*	#edp_header .cui_small_container {*/
/*		width: 1100px;*/
/*	}*/
/*}*/
/*@media screen and (min-width : 1300px) {*/
/*	#edp_container,*/
/*	#edp_header .cui_small_container {*/
/*		width: 1200px;*/
/*	}*/
/*}*/
/*@media screen and (min-width : 1400px) {*/
/*	#edp_container,*/
/*	#edp_header .cui_small_container {*/
/*		width: 1300px;*/
/*	}*/
/*}*/

@media screen and (max-width : 1200px) {
	#edp_container .content_right .map_container.pinned {
		position: static !important;
	}
}

.event_date .event-month,
h3.bold_heading,
.date_tbd .event_date {
	color: var(--color_1);
	font-family: var(--font_family_semibold), sans-serif;
}



.ldp_hero_container .show_all_photos {
	padding: 7px 10px 3px;
	font-family: var(--font_family_semibold), sans-serif;
}
.ldp_hero_container .show_all_photos:hover {
	border-color: var(--color_2);
	background: var(--color_2);
	color: #fff;
}

#edp_container {
	width: var(--container_width) !important;
	max-width: calc(100% - 2 * var(--gutter_width)) !important;
	padding-inline: 0 !important;
	display: flex;
	flex-direction: row-reverse;
	justify-content: space-between;
	gap: 66px;
	padding-bottom: 30px;

	&::after {
		display: none;
	}
	#no-location-msg {
		background: rgb(207 230 243 / 80%);
		display: none !important;
	}
	.content_left {
		margin-inline: 0;
		width: 0 !important;
		min-width: 400px;
		padding: 0;
		flex: 4 0 auto;
	}
	.content_left .event_inventory_status span {
		font: var(--font_style_body_m_regular);
	}
	.spl_suite_type {
		font: var(--font_style_body_l_medium);
		color: var(--color_black);
	}
	.content_right {
		margin-inline: 0;
		padding: 0;
		width: 0 !important;
		flex: 4 4 0;
		height: 100%;
		position: sticky !important;
		top: 240px !important;
		overflow: visible;
	}
	.mini_map_content {
		border: 1px solid var(--color_border_border-light);
		border-radius: 8px;
		overflow: hidden;
	}
	.content_right .map_container {
		border: 1px solid var(--color_border_border-light);
		border-radius: 8px;
		background: var(--color_white) !important;
		overflow: hidden;
		position: relative !important;
		top: auto !important;
		width: 100%;
	}
	.content_right .map_container.pinned {
		z-index: 1081;
		top: 90px;
	}
	.listing_list_container {
		width: auto !important;
	}
	.content_left .listing_list_container .listing_list_row {
		min-height: 195px;
		height: auto;
		overflow: visible;
		border-radius: 8px;
		background: var(--color_white);
		border: 1px solid var(--color_border_border-light);
		outline: none;
		flex-wrap: nowrap;
	}
	.ll_suite_type,
	.ll_price {
		font: var(--font_style_body_xl_medium);
		color: var(--color_black);
		grid-row: 1;
		top: 0;
	}
	.ll_price {
		position: relative;
		justify-self: end;
		right: 0;
	}
	.ll_suite_type {
		width: auto;
	}
	.listing_list_row .ll_suite_info {
		grid-column: 1/-1;
		grid-row: 2;
	}
	.listing_list_row_details {
		font-size: var(--font_size_min);
		margin-top: 0 !important;

		.secondary_container h2,
		h2.subheading {
			font: var(--font_style_body_xl_medium);
			color: var(--color_black);
			text-transform: none;
		}
		h2.subheading {
			margin-bottom: 1.5rem;
		}
		h2.secondary_header {
			margin-bottom: 0.5rem;
		}
		.listing_tips_content {
			padding-block: 0;
		}
		.location_container {
			margin-bottom: 30px;
		}
		.content_right {
			top: 0 !important;
		}
		.cta_btn_container {
			text-align: right;
		}
		.instant_book_icon {
			padding: 0;
			display: inline-block;
		}
		.secondary_container {
			padding-block: 40px 30px;
			border-top: 1px solid #ccc;
		}
		.listing_tips_text {
			font: var(--font_style_body_l_regular);
			border: 0 none;
			position: relative;
			margin-left: 12px;
			padding-bottom: 2px;

			&::before {
				content: "•";
				position: absolute;
				display: inline-block;
				width: 5px;
				height: 5px;
				top: 0;
				left: -12px;
			}
		}
		.ll_instant {
			width: auto;
			float: none;
		}
		.ll_instant [class*="icon"] {
			color: var(--color_status_success-dark);
			margin: 7px 6px 0 0;
			font-size: 26px;
		}
		a.instant_book_btn {
			max-width: 314px;
			padding: 12px 20px !important;
		}
		a.instant_book_btn:hover {
			/*background-image: linear-gradient(to right, var(--color_black) 0%, var(--color_black) 49.9%, var(--color_brand_blue) 50%, var(--color_brand_blue) 100%);*/
			/*background-position: left center;*/
			color: var(--color_white) !important;
		}
		a.instant_book_btn span {
			font: var(--font_style_button_l);
			background: none;
			color: inherit;
		}
		a.instant_book_btn [class*="icon"] {
			display: none;
		}
		.listing_faq_content {
			.listing_faq_question {
				font: var(--font_style_body_l_medium);
				color: var(--color_black);
			}
			.listing_faq_answer p {
				font: var(--font_style_body_m_regular);
			}
		}
	}

	.listing_list_row {
		display: flex;
	}
	.listing_list_row:hover,
	.listing_list_row.hover {
		/* border: 1px solid var(--color_1);
		box-shadow: 0 0 0 1px var(--color_1); */
		/*background: var(--std_pink_gold_linear_gradient) border-box !important;*/
		/*outline: 0;*/
		/*box-shadow: none;*/
	}
	.listing_list_row:active,
	.listing_list_row.active {
		/*background: var(--color_1);*/
	}
	.listing_list_row .ll_thumbnail {
		width: auto !important;
		height: auto !important;
		flex: 1 2 0;
	}
	.listing_list_row .ll_container {
		position: relative;
		display: grid;
		grid-template-columns: 1fr auto;
		grid-auto-rows: auto;
		width: 100%;
		align-items: flex-start;
		align-content: flex-start;
		flex: 1.5;
	}

	.suite_pin_container.xsmall .suite_pin_label {
		bottom: 20px;
	}
	.suite_info_content {
		font: var(--font_style_body_m_regular);
		color: var(--color_black);
	}
	.listing_list_row:hover .suite_info_content,
	.listing_list_row.hover .suite_info_content {
		/*color: #333;*/
	}
	#suite_map p {
		display: none;
	}

}


#edp_container .listing_list_row_details .cta_btn_container a.blue:hover,
#seat_selection_lightbox .lightbox_close_container a.blue.button:hover,
#edp_container .listing_list_row_details .cta_btn_container a.blue:focus,
#seat_selection_lightbox .lightbox_close_container a.blue.button:focus {
	/*background: transparent;*/
	/*border-color: var(--color_2);*/
	/*box-shadow: var(--hover_box_shadow);*/
	/*color: var(--color_2);*/
}

#edp_container .no-listings-content {
	min-height: 300px;
}

.listing_list_row:hover .ll_suite_type, .listing_list_row:hover .ll_price {
    color: #000;
}
.listing_list_row_details .ll_price .no_hidden_fees {
	display: none;
}

/*
----------------------------------------------------
SUITE MAP
----------------------------------------------------
*/
#edp_container .suite_pin,
.purchase-agreement .suite_pin,
.new_checkout .suite_pin {
	background: var(--color_1);
	border-color: var(--color_2);
}
#edp_container .suite_pin_halo,
.purchase-agreement .suite_pin_halo,
.new_checkout .suite_pin_halo {
	background: none;
}
#edp_container .suite_pin_container,
.purchase-agreement .suite_pin_container,
.new_checkout .suite_pin_container {
	background: none;
}


/*
----------------------------------------------------
FAQ PAGE
(see HP FAQ section for common FAQ Q/A styles
----------------------------------------------------
*/

.faq {
	--faq_content_width: 880px;

	.page_title_container {
		height: 87px;
		background: var(--color_brand_pink);
		position: relative;
		z-index: 1;
		/*background-image:*/
		/*		url('images-git-lfs/la28-faq-page-title-background-left.svg'),*/
		/*		url('images-git-lfs/la28-faq-page-title-background-right.svg');*/
		/*background-size: auto 100%, auto 100% !important;*/
		/*background-position: left center, right center;*/
		/*background-color: var(--color_brand_pink);*/

		&::before, &::after {
			content: '';
			display: block;
			position: absolute;
			top: 0;
			bottom: 0;
			height: 100%;
			width: 300px;
			z-index: -1;
			pointer-events: none;
			max-height: 100%;
			visibility: visible;
			overflow: visible;
			background-size: cover;
		}

		&::before {
			background: no-repeat right center url('images-git-lfs/la28-faq-page-title-background-left.svg');
			left: 0;
		}
		&::after {
			background: no-repeat right center url('images-git-lfs/la28-faq-page-title-background-right.svg');
			right: 0;
		}
		.grid {
			display: flex;
			flex-direction: column;
			align-items: center;
			justify-content: center;
		}
		h1 {
			font: var(--font_style_h4);
			color: var(--color_black);
			bottom: initial;
		}
	}
	.cui_small_container {
		width: var(--faq_content_width);
		max-width: calc(100% - 2 * var(--gutter_width));
	}

	#faq {

		.faq_section_title {
			font: var(--font_style_subhead_m_bold);
			color: var(--color_black);
			padding: 72px 0 0;
			margin: 0;
		}
		.faq_section:first-child {
			.faq_section_title {
				padding-top: 48px;
			}
		}
	}

}

#contact_us {
	margin-top: 74px;
	padding-bottom: 76px;
	margin-inline: auto;

	.cui_small_container {
		background: var(--color_background_light-tint);
		border-radius: 4px;
		padding: 24px 32px;
	}
	.grid {
		display: flex;
		justify-content: space-between;
		margin: 0 !important;
	}
	.col-1_3 {
		text-align: right;
	}
	h2 {
		font: var(--font_style_subhead_s_bold);
		color: var(--color_black);
		margin-bottom: 4px;
	}
	p {
		font: var(--font_style_body_l_regular);
		color: var(--color_black);
	}

	@media screen and (max-width: 500px) {
		.grid {
			flex-direction: column;
			gap: 25px;
		}
		.col-1_3 {
			text-align: left;
		}
	}
}

/*
----------------------------------------------------
CHECKOUT PAGES / PURCHASE AGREEMENT
----------------------------------------------------
*/
.order #non-header {
	background-color: var(--gray-300);
}

.nco_header h1 {
	color: var(--color_white);
	font: var(--font_style_h4);

}
.new_checkout h2.post-subheading {
	font: var(--font_style_body_2xl_bold);
	font-size: 20px;
	text-transform: none;
	color: var(--color_black);
}
.checkout_success .nco_header h1 {
	font: var(--font_style_h4);
	color: #fff;
}

.listing_list_row_details .white_container_gray_border {
	background: var(--color_white);
	box-shadow: var(--box_shadow_1);
	border: var(--border_1);
	margin-top: 30px !important;
	padding-bottom: 0;
	width: auto;

	@media screen and (max-width: 500px) {
		padding-inline: 20px;
	}
}

.ll_thumbnail_logo {
	position: relative;
	background-image: none !important;
}
.ll_thumbnail_logo::before {
	content: "";
	position: absolute;
	inset: 10%;
	background: var(--ll_logo) no-repeat center;
	background-size: contain;
}
.listing_list_row_details .share_container {
	display: none;
}

.purchase-agreement #print_co_btn,
.invoice #print_co_btn,
.invoice #pdf_co_btn {
	color: var(--color_1);
	border-color: var(--color_1);
	background-color: #fff;
}

.nco_subheading {
	font-size: 14px;
}
.new_checkout .form-row.country_radio label {
	background: #fff;
	border: 1px solid var(--color_border_border-dark);
}
.new_checkout .form-row.country_radio label:hover {
	background: var(--color_border_border-dark);
	color: #fff
}
.new_checkout .form-row.country_radio label.selected {
	background: var(--color_border_border-dark);
	border: 1px solid var(--color_border_border-dark);
	color: #fff;
}

.order_summary_text,
.listing_summary_icons_item_text {
	font-size: var(--font_size_min);
}

.new_checkout .map_container,
.new_checkout .nco_secondary_block {
	border: var(--default_border);
}
.new_checkout .map_container {
	overflow: hidden;
}
.new_checkout .map_container .suite_pin_container.xsmall .suite_pin_label {
	width: 120px;
	bottom: 20px;
}
.purchase-agreement .seg_standard_container,
.invoice .seg_standard_container {
	border: var(--default_border);
}
.nco_secondary_block .content {
	font-size: var(--font_size_min);
}

#accept_terms_bw_btn, #accept_terms_check_btn {
	line-height: 28px;
}
.blue.button.email_co_btn span[class^="icon-"] {
	top: -2px !important;
}
#accept_terms_bw_btn:hover,
#accept_terms_check_btn:hover,
.blue.button.email_co_btn:hover,
.blue.button.print_co_btn:hover,
.lightbox2_instructions #submit_btn:hover {
	background: #fff;
	color: var(--color_2);
	border-color: var(--color_2);
}

.nco_header {
	background: var(--color_brand_blue);
}
.nco_header h1 {
	color: #fff;
}

.preferences_toggle_button {
	color: #eee;
}
.nco_header_content {
	background: rgba(255,255,255,0.2);
	color: #000;
}
#accept_terms_bw_btn,
#accept_terms_check_btn,
.blue.button.email_co_btn,
.blue.button.print_co_btn,
.lightbox2_instructions #submit_btn {
	/*border: 2px solid transparent;*/
	color: var(--color_black);
	background: var(--color_brand_blue);
}

.nco_header_content .deposit_event_tile p {
	font-size: 14px;
}
.nco_header_content .deposit_event_tile.selected {
	border-color: var(--color_1);
}
.new_checkout #btn_submit.blue.button [class*="icon"] {
	color: inherit;
}
.new_checkout #btn_submit.blue.button :not([class*="icon"]) {
	color: inherit;
	font: inherit;
	background: none;
}
.new_checkout .nco_form_container .validation_msg,
.new_checkout .pay_with_bw_container .validation_msg,
.new_checkout .pay_with_check_container .validation_msg {
	top: 39px;
}
.new_checkout .icon-circle {
	color: var(--color_black);
	top: -3px;
}
.new_checkout .order_summary_container .event_name,
.new_checkout .order_summary_container .listing_price_heading,
.new_checkout .order_summary_container .listing_price_content,
.purchase-agreement .order_summary_container .event_name,
.purchase-agreement .order_summary_container .listing_price_heading,
.purchase-agreement .order_summary_container .listing_price_content {
	/*font-family: var(--font_family_semibold);*/
}
.new_checkout .order_summary_container .os_ticket_selection_container .listing_price_heading,
.new_checkout .order_summary_container .os_ticket_selection_container .listing_price_content {
	/*font-family: var(--font_family_regular);*/
	/*font-size: 18px;*/
	/*line-height: 18px;*/
}
.new_checkout p {
	font-size: var(--font_size_min);
}
.new_checkout a {
	color: var(--color_2);
}
.new_checkout a:hover {
	color: var(--color_purple_dark);
}
#purchase_agreement_link {
	display: none;
}
.nco_secondary_block.contact_us_container {
    display: none;
}
.order_summary_container .total_order_price_value {
	font-family: var(--font_family_semibold);
}
label[for="accept_terms_signature"] {
	display: none;
}
.checkout-success-banner {
	a:hover {
		cursor: pointer;
	}
	.desktop-only {
		display: block;
		width: 100%;
		height: 100%;
	}
	.tablet-only,
	.mobile-only {
		display: none;
	}
}
@media screen and (max-width: 768px) {
	.checkout-success-banner {
		.desktop-only,
		.mobile-only {
			display: none !important;
		}
		.tablet-only {
			display: block !important;
			width: 100%;
			height: 100%;
		}
	}
}
@media screen and (max-width: 500px) {
	.checkout-success-banner {
		.desktop-only,
		.tablet-only {
			display: none !important;
		}
		.mobile-only {
			display: block !important;
			width: 100%;
			height: 100%;
		}
	}
}

/*
----------------------------------------------------
FORM UI STYLES
----------------------------------------------------
*/

form#contact_form {
	max-width: 579px;
	padding: 32px;
	background: var(--color_background_light-tint);
	border-radius: 8px;
	box-shadow: 0 4px 20px 0 rgba(120, 120, 120, 0.50);

	.grid, .phone_wrapper {
		padding: 0;
		display: flex;
		gap: 20px !important;
	}

	/* Field labels (text/select fields + the radio-group question).
	   Checkbox containers use <label> as a flex wrapper, so they're excluded. */
	.form_element:not(.checkbox_container) > label {
		display: block;
		font: var(--font_style_utility_button_m);
		color: var(--color_text_secondary);
		text-transform: capitalize;
		margin-bottom: 4px;
	}

	/* Text inputs, textarea and the country-code select share the field look */
	input[type="text"],
	input[type="email"],
	input[type="password"],
	textarea,
	select {
		font: var(--font_style_body_l_regular);
		color: var(--color_black);
		background: var(--color_white);
		border: 1px solid var(--color_border_border-light);
		border-radius: 4px;
		padding: 12px;
		width: 100%;
		box-sizing: border-box;
		transition: border-color 0.125s ease-in-out;
	}
	input[type="text"],
	input[type="email"],
	input[type="password"],
	select {
		height: 48px;
	}
	textarea {
		min-height: 96px;
		resize: vertical;
	}
	::placeholder {
		color: var(--color_text_disabled);
		opacity: 1;
	}
	input:focus,
	textarea:focus,
	select:focus {
		outline: none;
		border-color: var(--color_border_border-dark);
	}

	/* Select — strip native UI, draw the Figma caret-down chevron */
	select {
		-webkit-appearance: none;
		-moz-appearance: none;
		appearance: none;
		padding-right: 40px;
		cursor: pointer;
		background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none'%3E%3Cpath d='M6 9l6 6 6-6' stroke='%23000000' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");
		background-repeat: no-repeat;
		background-position: right 12px center;
		background-size: 20px 20px;
	}
	select::-ms-expand {
		display: none;
	}

	/* Radio buttons — 20px ring, brand-blue 10px dot when checked */
	.radio_container .radio_options {
		display: flex;
		flex-direction: column;
		gap: 10px;
	}
	.radio_container input[type="radio"] {
		-webkit-appearance: none;
		-moz-appearance: none;
		appearance: none;
		flex: 0 0 auto;
		width: 20px;
		height: 20px;
		margin: 0;
		border: 2px solid var(--color_neutral_200);
		border-radius: 50%;
		background: var(--color_white);
		cursor: pointer;
		position: relative;
		transition: border-color 0.125s ease-in-out;
	}
	.radio_container input[type="radio"]:checked {
		border-color: var(--color_surface_brand-primary);
	}
	.radio_container input[type="radio"]:checked::after {
		content: "";
		position: absolute;
		top: 50%;
		left: 50%;
		width: 10px;
		height: 10px;
		border-radius: 50%;
		background: var(--color_surface_brand-primary);
		transform: translate(-50%, -50%);
	}
	.radio_container .radio_label {
		font: var(--font_style_body_l_regular);
		color: var(--color_black);
	}
	.radio_container input[type="radio"]:checked + .radio_label {
		font: var(--font_style_body_l_medium);
	}

	/* Checkboxes — 20px rounded box, brand-blue fill + white check when checked */
	.checkbox_container label {
		display: flex;
		align-items: flex-start;
		gap: 8px;
		cursor: pointer;
	}
	.checkbox_container input[type="checkbox"] {
		-webkit-appearance: none;
		-moz-appearance: none;
		appearance: none;
		flex: 0 0 auto;
		width: 20px;
		height: 20px;
		margin: 0;
		border: 2px solid var(--color_neutral_200);
		border-radius: 4px;
		background: var(--color_white);
		cursor: pointer;
		position: relative;
		transition: background-color 0.125s ease-in-out, border-color 0.125s ease-in-out;
	}
	.checkbox_container input[type="checkbox"]:checked {
		background: var(--color_surface_brand-primary);
		border-color: var(--color_surface_brand-primary);
	}
	.checkbox_container input[type="checkbox"]:checked::after {
		content: "";
		position: absolute;
		top: 45%;
		left: 50%;
		width: 5px;
		height: 9px;
		border: solid var(--color_white);
		border-width: 0 2px 2px 0;
		transform: translate(-50%, -50%) rotate(45deg);
	}
	.checkbox_container .checkbox_label {
		font: var(--font_style_footnote_regular);
		color: var(--color_text_secondary);
		line-height: 1.4;
	}

}






/*
----------------------------------------------------
CONTACT PAGE
----------------------------------------------------
*/

#make_a_request_page {
	background: var(--color_brand_blue)
				url('./images-git-lfs/la28-ready-to-book-panel-bg.svg');
	background-repeat: no-repeat;
	padding-bottom: 30px;
	background-size: max(1280px, 94vw);
	background-position: left max(300px, calc(740px - 40vw));

	h1 {
		font: var(--font_style_h3);
		text-transform: uppercase;
		color: var(--color_black);
		margin-bottom: 12px;
	}
	.contact_instructions, .contact_instructions * {
		font: var(--font_style_body_l_regular);
		color: var(--color_black);
	}

	.cui_small_container {
		width: var(--container_width);
		max-width: calc(100% - 2 * var(--gutter_width));
	}
	.grid {
		display: flex;
		justify-content: space-between;
		padding-top: 0;
		gap: 30px;
	}
	.col-2_3 {
		padding-right: 30px;
	}
	h2 {
		font: var(--font_style_h3);
		text-transform: uppercase;
		color: var(--color_black);
		margin-top: 40px;
	}
	p {
		font: var(--font_style_body_l_regular);
	}
	form {
		background: none;
		padding: 0;
		box-shadow: none;
		.phone_wrapper {
			flex-wrap: wrap;
		}
		#country_code_input {
			width: 160px !important;
		}
		#phone_input {
			min-width: 150px;
		}
	}

	.col-2_2 {
		max-width: 579px;
		padding: 32px;
		background: var(--color_background_light-tint);
		border-radius: 8px;
		box-shadow: 0 4px 20px 0 rgba(120, 120, 120, 0.50);

		.contact_instructions:not(:empty) {
			margin-bottom: 30px;
		}
	}

	@media screen and (max-width: 768px) {
		& {
			background-position: center calc(640px - 50vw);
		}
		h2 {
			margin-top: 0;
		}
	}
}

.contact #make_a_request_page {
	.grid {
		padding-top: 40px;
	}
	h1 {
		margin-top: 40px;
		float: none;
	}
}

/*
----------------------------------------------------
GALLERIA WIDGET / CUSTOM WIDGET 1 / PHOTO CAROUSEL
----------------------------------------------------
*/
#galleria_stage_container .galleria-theme-classic .galleria-info-title {
	margin-bottom: 0 !important;
}
.galleria-theme-classic .galleria-info-description {
	display: block !important;
}
.galleria-theme-classic .galleria-stage {
	background-color: var(--gray-400);
}
.galleria-errors {
	display: none;
}

/*
----------------------------------------------------
COMING SOON PLACEHOLDER PAGE STYLES
----------------------------------------------------
*/
.home .coming_soon_container .cui_big_container.cui_hero_container {
	min-height: 940px;
}
.coming_soon_container .cui_hero_container .cui_hero_sub_container {
	top: 50%;
	transform: translateY(-50%);
}
.coming_soon_container .hero_logo_container {
	height: 150px;
}
.coming_soon_container .hero_logo_container img {
	width: 350px;
}
body.home .coming_soon_container .cui_hero_container h2 {
	color: #fff;
	font-family: var(--font_family_semibold),sans-serif;
	text-shadow: 0 0 10px rgb(0 0 0 / 50%);
	/* font-size: 50px;
	line-height: 57px; */
	margin: 0 auto;
	text-align: center;
	width: 80%;
	max-width: 880px;
	text-transform: uppercase;
}
body.home .coming_soon_container .cui_hero_container p {
	width: 80%;
	font-size: 20px;
	line-height: 30px;
}

body.home .coming_soon_container .cui_hero_container .promo_container h2 {
	font-family: var(--font_family_semibold),sans-serif;
	font-size: 28px;
	line-height: 32px;
	color: var(--color_1);
}
body.home .coming_soon_container .cui_hero_container .promo_container p {
	width: 90%;
	max-width: 800px;
	margin: 10px auto;
	font-size: 22px;
	line-height: 28px;
}


#transition_container {
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background: var(--color_1);
	z-index: 9999;
	background-color: var(--color_1);
}
.hide_transition {
	visibility: hidden;
	opacity: 0;
	transition: visibility 0s 1s, opacity 1s linear;
}

/*
========================================================================================================
MOBILE / RESPONSIVE
========================================================================================================
*/

/* Responsive */
/* @media screen and (min-width : 769px) and (max-width: 1499px) {
	.cui_hero_container .cui_hero_sub_container .cta_container a.blue.button {
		font-size: 32px;
	}
} */

@media screen and (min-width : 769px) and (max-width: 1499px) and (max-height : 750px) {
	body.home .cui_hero_container h2 {
		font-size: 54px;
		line-height: 60px;
	}
	.cui_hero_container .cui_hero_sub_container .text_container .title-logo{
		height: 150px;
		width: 100%;
		background-size: 150px 150px;
		margin-bottom: 5px;
	}

}

@media screen and (max-height : 900px) {

	.home .cui_hero_container .vertical_line_container .vertical_line_text {
		bottom: 80px;
	}
	.home .cui_hero_container .vertical_line_container .vertical_line {
		height: 70px;
	}
	.home .arrow {
		height: 50px;
	}
}
@media screen and (max-width : 1100px) {
	.cui_header_container li, #cui_sticky_header li {
		padding-inline: 18px;
	}
}
@media screen and (min-width : 1500px) {
	.home .cui_big_container.cui_hero_container {
		/* background-position-y: 50%;  */
	}
}
@media screen and (min-width : 1680px) {
	.home .cui_hero_container .cui_image img {
		border-right-width: 4px;;
	}
}

@media screen and (min-width: 1800px) {
    .event_tile_container,
	.wc_event_filter_container,
	.checkout_steps_container {
        width: var(--container_width) !important;
    }
	.venue_details_content {
		width: var(--container_width) !important;
	}
}

@media screen and (min-width: 2100px) {
	.tiled_event_page .event_tile_container,
	.venue_details_content,
	.wc_event_filter_container,
	.checkout_steps_container {
        width: 1500px !important;
    }
    .event_tile_container .event_tile_element_container {
        width: 20% !important;
    }
}

@media screen and (max-width: 1440px) {
	.cui_image_grid.cui_small_container {
		width: 100%;
		max-width: 1440px;
		margin-left: 0 !important;
		margin-right: 0 !important;
	}
	.cui_image_grid img.cui_lower_image_1 {
		border-left: 0;
	}
	.cui_image_grid img.cui_lower_image_3 {
		border-right: 0;
	}
}
@media screen and (max-width: 1240px) {
	.tiled_event_page .toc_element {
		font-size: 14px;
		padding: 10px 18px;
	}
	.venues .suite_container h2 {
		line-height: 3.8vw;
		font-size: 4.05vw;
	}
	.venues .guadalajara-stadium .suite_container h2 {
		font-size: 3.65vw
	}
	.venues .cui_2_across_section .suite_container .suite_container_cta a {
		border-radius: 20px;
		padding: 8px 20px;
	}
}
@media screen and (max-width: 1024px) {
	.tiled_event_page {
		overflow: hidden;
	}
	.tiled_event_page .event_tile_container {
		width: 100%;
	}
	.venues .event_tile_container, .venues .venue_details_content {
		width: 100%;
	}
	.venues .venue_details_content {
		padding-left: 20px;
		padding-right: 20px;
	}
	.venue_details_hero_container {
		width: 600px;
	}
	.checkout_steps_container,
	.wc_event_filter_container {
		width: 100%;
		/*padding-left: 20px;*/
		/*padding-right: 20px;*/
	}
}
@media screen and (min-width: 769px) and (max-width: 1100px) {
	/*#edp_header .back_btn {*/
	/*	left: -30px;*/
	/*}*/
	.cui_small_container {
		padding-inline: 0;
	}
}
@media screen and (min-width : 769px) and (max-width : 1010px) {
	.cui_header_container li a {
		font-size: 16px;
	}
	.slick-next {
		right: 0;
	}
	.slick-prev {
		left: 0;
	}
}
@media screen and (max-width: 1200px) {
	/*.cui_hero_container .cui_hero_sub_container {*/
	/*	position: static;*/
	/*	padding-left: 0;*/
	/*	padding-right: 0;*/
	/*	flex-direction: column;*/
	/*	width: 100%;*/
	/*}*/
	/*.backend_only.cui_hero_container .cui_hero_sub_container {*/
	/*	flex: 0;*/
	/*}*/
	/*.backend_only.cui_hero_container .cui_hero_sub_container h1 {*/
	/*	margin-top: 40px;*/
	/*}*/
	/*.cui_hero_container .cui_hero_sub_container .cui_small_container {*/
	/*	padding-top: 20px;*/
	/*	flex: 1;*/
	/*	width: 100%;*/
	/*	padding-right: 70px;*/
	/*}*/
	/*.cui_hero_container .cui_hero_sub_container .cui_image {*/
	/*	order: -1;*/
	/*}*/
	/*.cui_hero_container .cui_hero_sub_container .cui_image img {*/
	/*	border-top: 0 none;*/
    /*    border-bottom-left-radius: 100px;*/
	/*	width: 100%;*/
	/*	height: 40vw;*/
	/*	object-position: center 20%;*/
	/*}*/
	.home .cui_big_container.cui_hero_container {
		height: auto;
	}
	.home .cui_hero_container .cui_image {
		flex: 1 1 100%;
	}
}
@media screen and (max-width: 1200px) {
	/*.backend_only.cui_hero_container .cui_hero_sub_container h1 {*/
	/*	font-size: 62px;*/
	/*}*/
	/*#edp_container {*/
	/*	padding-left: 20px;*/
	/*	padding-right: 20px;*/
	/*}*/
	.listing-detail #edp_container {
		padding-left: 0;
		padding-right: 0;
	}
	/*#edp_container .content_right {*/
	/*	width: calc(100% - var(--right_col_width));*/
	/*}*/
	/*#edp_container .content_right .map_container {*/
	/*	width: 100%;*/
	/*}*/
}
@media screen and (max-width: 1000px) {
	/*#edp_container .content_left, #edp_container .content_right {*/
    /*    width: 100% !important;*/
    /*    margin-top: 0 !important;*/
    /*    margin-right: 0 !important;*/
    /*}*/
	/*#edp_container .content_right .map_container.pinned {*/
	/*	position: static !important;*/
	/*}*/
	#edp_container .listing_list_container {
		margin: 20px auto;
		width: 100%;
	}
	/*.listing_details .white_container_gray_border {*/
	/*	width: 100%;*/
	/*}*/
	.listing_details .listing_list_row_details {
		padding-inline: 0 !important;
		box-sizing: border-box;
		/*margin-top: 20px !important;*/
	}
	.listing-detail .ldp_red_banner {
		border-radius: 0 0 20px 20px;
		padding-left: 0;
		padding-right: 0;
	}
	.listing-detail .ldp_red_banner .white_container_gray_border {
		padding-left: 30px;
		padding-right: 30px;
	}
}
@media screen and (max-width: 1000px) and (min-width: 769px) {
	#edp_container {
		padding-left: 20px;
		padding-right: 20px;
	}
	/*#edp_container .listing_list_row .ll_container {*/
	/*	width: calc(100% - 294px);*/
	/*}*/
}

/* extend mobile dropdown menu from 768px */
@media screen and (max-width: 890px) {
	.cui_header_container .mobile_menu_btn,
	#cui_sticky_header .mobile_menu_btn {
		display: flex;
	}
	#cui_header .right_section .language_selector,
	#cui_sticky_header .right_section .language_selector {
		display: none;
	}
	.cui_header_container nav,
	#cui_sticky_header.cui_header_container nav {
		display: none;
		text-align: left;
		top: 82px;
		padding: 0 var(--gutter_width) 20px;
		margin-left: 0;
		width: 100%;
		background: var(--color_white);
		box-shadow: 0 8px 8px 0 rgba(120, 120, 120, 0.50) !important;
	}
	#cui_header .language_selector,
	#cui_sticky_header .language_selector {
		justify-content: flex-start;
		margin-left: 0;
	}
	.cui_header_container nav ul {
		margin-top: 20px;
	}
	.cui_header_container nav ul li {
		display: block;
		padding: 18px 0;
		text-align: left;
	}
	.cui_header_container li a,
	#cui_sticky_header li a {
		font: var(--font_style_button_4xl);
		padding: 0 !important;
	}
	#cui_header .mobile_links,
	#cui_sticky_header .mobile_links {
		display: block;
		padding-block: 30px 15px;
		border-top: var(--default_border);
	}
}


@media screen and (max-width: 768px) {
	#cui_header.cui_header_container span.page_title,
	#cui_sticky_header.cui_header_container span.page_title {
		font-size: 30px;
	}

	.cui_header_container nav a.games {
		margin-right: 0;
	}

	.cui_header_container .site_logo,
	.cui_header_container a.logo_container {
		display: inline-block;
	}

	#cui_header .right_section .language_selector,
	#cui_sticky_header .right_section .language_selector {
		display: none;
	}

	.language_dropdown .language_heading {
		margin-right: 0;
	}

	#cui_header .mobile_links,
	#cui_sticky_header .mobile_links {
		display: block;
		padding-block: 30px 15px;
		border-top: var(--default_border);
	}

	#cui_header .visa_logo,
	#cui_sticky_header .visa_logo {
		margin-right: 60px;
	}

	.contact_info_container {
		position: absolute;
		top: 0;
		left: 50%;
		transform: translateX(-50%);
	}

	.contact_info_container .contact_info_content p {
		display: block;
		font-size: 14px;
		margin: 0;
		text-align: center;
	}

	.cui_header_container span.page_title,
	#cui_sticky_header span.page_title {
		margin-top: 18px;
	}

	.home #cui_header.cui_header_container .site_logo {
		height: 80px;
		width: 90px;
		background-size: 90px;
	}

	/* hero */
	body.home .cui_big_container.cui_hero_container {
		background: var(--color_brand_blue);
		height: auto;
		min-height: 0;
		max-height: 100%;
		padding-top: 0;

		&::before {
			content: "";
			display: block;
			position: relative;
			left: 0;
			right: 0;
			height: 100px;
			width: 100%;
			background: url('images-git-lfs/la28-homepage-hero-bg-full.svg') no-repeat calc(92% - 100px) center;
			background-size: 90%;
		}

		.cui_hero_sub_container {
			position: static;
			padding-left: 0;
			padding-right: 0;
			flex-direction: column;
			width: 100%;
		}
		.cui_hero_sub_container .cui_small_container {
			padding-top: 20px;
			flex: 1;
			width: 100%;
			/*padding-right: 70px;*/
		}
		.cui_hero_sub_container .cui_image {
			order: -1;
			/*margin-bottom: 25px;*/
		}
		.cui_hero_sub_container .cui_image img {
			border-top: 0 none;
			border-bottom-left-radius: 100px;
			height: 60vw;
			width: 100%;
		}
		.cui_hero_sub_container #hp_elevated_experience.cui_small_container {
			width: 100%;
		}
		.cui_hero_sub_container h2 {
			/*font-size: 57px;*/
			/*line-height: 75px;*/
			text-align: left;
			width: 100%;
		}
		.cui_hero_sub_container .text_container {
			padding-left: 0;
			padding-right: 0;
			padding-top: 30px;
			padding-bottom: 15px;
		}
		p {
			width: 90%;
		}
		.cui_hero_sub_container .cta_container a.blue.button {
			font-size: var(--font_size_min);
		}
		.col-1_3 {
			width: 100%;
			padding-top: 10px;
			padding-bottom: 30px;
		}
	}

	.home #hp_private_suites {
		min-height: 0;

		.cui_image_grid {
			flex-direction: column;
		}
		.item img {
			height: auto;
			width: 100%;
			aspect-ratio: 5/2;
		}
	}

	.home #sports_and_events {
		min-height: 532px;

		&::before {
			height: 81px;
		}

		.cui_small_container {
			grid-template-columns: 1fr;
			grid-template-areas:
				"h2"
				"lead"
				"nav"
				"cta";
		}
		a.blue {
			justify-content: center;
		}
		nav {
			margin-bottom: 32px;

			.grid {
				grid-template-columns: repeat(3, 1fr);
			}
		}
	}



	body.home .promo_container .col-1_4 {
		width: 25%;
	}

	body.home #non-header h1.gradient-text {
		margin-bottom: 5px;
	}

	#hp_elevated_experience .col-1_2.first {
		margin-bottom: 50px;
		margin-top: 20px
	}
	#hp_elevated_experience h3 {
		top: 70px;
		width: 80%;
	}

	#galleria_stage_container .galleria-theme-classic .galleria-info {
		width: calc(100% - 30px);
	}
	.suites .cui_2_across_section .suite_container .suite_info_content {
		width: calc(100% - 24px);
	}

	.cui_text_cta_container .text_container,
	.cui_text_cta_container .cta_container {
		text-align: center;
	}

	.home #non-header .cui_big_container.cui_text_cta_container.cui_catch_all_container {
		height: auto;
	}
	.home #non-header .cui_big_container.cui_text_cta_container.cui_catch_all_container .cui_small_container {
		position: static;
		left: 0;
		transform: none;
	}
	.home #non-header .cui_big_container.cui_text_cta_container.cui_catch_all_container h2 {
		font-size: 32px;
		line-height: 38px;
	}
	.cui_text_cta_container .cta_container a.blue.button {
		font-size: 20px;
	}
	#cui_header .logo_container img,
	#cui_sticky_header .logo_container img {
		width: 133px;
	}

	.home #hp_ideal_matchup {

		.cui_small_container {
			grid-template-columns: 1fr;
			grid-template-areas:
				"h2"
				"lead"
				"carousel"
				"cta"
				"not_interested";
		}
		.carousel_container {
			padding: 10px;
		}
		.slick-prev, .slick-next {
			display: none !important;
		}
		.cta a.blue {
			width: 100%;
			margin-top: 12px;
		}
	}

	.tiled_event_page .page_title_container h2 {
		font-size: var(--font_size_med);
		padding: 0 20px;
		margin-top: 5px;
	}

	.cui_big_container.cui_text_cta_container {
		height: 390px;
	}

	li.event:hover .event_inner_top {
		padding: 20px;
	}
	#stadium_calendar_container li.event:hover .event_inner_top,
	li.event .event_inner_top {
		padding: 35px 20px 35px 10px;
	}
	#stadium_calendar_container li.event:hover .event_inner_top {
		border-left: 7px solid var(--color_1);
	}
	li.event .event_inner_top .event_logo {
		padding: 0;
		margin: 0;
	}

	.event:not(.sold_out) .event-title {
		color: var(--color_1) !important;
		font-size: 18px;
		line-height: 20px;
		margin-bottom: 6px;
	}
	#stadium_calendar_container li.event:not(.sold_out):active .event-title {
		color: #fff !important;
	}

	#cui_footer .upper .grid {
		display: block;
	}
	#cui_footer .upper h2 {
		padding: 0;
	}
	#cui_footer .upper .cta button {
		width: 100%;
		margin-top: 14px;
	}
	#edp_container {
		flex-direction: column;
		gap: 0;
	}
	#edp_container .content_left {
		width: auto !important;
		min-width: 0 !important;
	}
	#edp_container .content_left .listing_list_container .ll_thumbnail {
		flex: 3 5 0;
	}
	#edp_container .content_left .listing_list_container .ll_container {
		flex: 5 0 0;
	}
	#edp_container .content_right .map_container.pinned {
		position: relative !important;
		top: 0;
	}
	#edp_container .content_right {
		margin-top: 0;
		width: auto !important;
	}
	#edp_container.listing_details {

		.cta_container {
			flex-direction: column;
		}
		.included_available_item {
			position: relative;
		}
		.ll_suite_type,
		.ll_price {
			text-align: left;
			justify-content: flex-start;
		}
	}

	#edp_container .ldp_hero_container {
		border-radius: 20px 20px 0 0;
	}

	.custom_edp_widget_1 {
		margin-inline: 0;
		padding-inline: var(--gutter_width);
		padding-top: 0 !important;
		max-width: 100%;
	}

	#make_a_request_page {
		.grid {
			flex-direction: column;
			gap: 30px;
		}
	}

	/* Coming soon */
	.coming_soon_container .cui_hero_container .cui_hero_sub_container {
		top: 0;
		transform: translateY(0);
	}
	body.home .coming_soon_container .cui_hero_container p {
		width: 90%;
		font-size: 18px;
		line-height: 26px;
	}

	h2.post-subheading,
	h2.post-subheading.suite-subheading  {
		font-family: var(--font_family_bold);
		font-weight: 400;
	}
	.faq h2 {
		padding: 0;
	}
}

@media screen and (min-width: 501px) and (max-width: 768px) {
	#lightbox5 {
		width: 90%;
		transform: translateX(-50%);
		margin-left: 0;
	}
	body.home .cui_hero_container h2 .title-logo {
		height: 160px;
		background-size: 150px 150px;
	}
	#edp_container.listing_details .listing_list_row_details .details_top_container {
		padding-top: 0 !important;
	}
	.contact_info_container .contact_info_content p {
		font-size: 14px;
	}

}

@media screen and (max-width: 600px) {
	.cui_hero_container .cui_hero_container {
		height: 400px;
	}
	.cui_hero_container .cui_hero_sub_container h2 {
		font-size: 40px;
	}

	.listing-detail .ldp_red_banner .white_container_gray_border h1 span,
	.listing-detail .ldp_red_banner .white_container_gray_border h2 span {
		font-size: clamp(14px, 4.25vw, 32px);
	}

	.listing-detail .ldp_red_banner .white_container_gray_border h1 span:first-child {
		font-size: 26px;
		margin-bottom: 10px;
	}
}
/* Smaller mobile devices only */
@media screen and (max-width : 500px) {

	h1 sup {
		font-size: 10px;
		top: -5px;
	}

	#cui_header.cui_header_container span.page_title,
	#cui_sticky_header.cui_header_container span.page_title {
		line-height: 36px;
		margin-top: 10px;
		font-size: 25px;
	}
	#cui_header.cui_header_container .site_logo,
	#cui_sticky_header .site_logo {
		padding-top: 0;
		padding-bottom: 0;
		background-size: 70px;
		width: 70px;
		height: 54px;
		background-position-y: -8px;
	}
	.home #cui_header.cui_header_container .site_logo {
		height: 80px;
		width: 80px;
		background-size: 80px;
	}
	.cui_header_container li,
	#cui_sticky_header li {
		padding-block: 14px;
	}
	.cui_header_container li a,
	#cui_sticky_header li a {
		font: var(--font_style_button_2xl);
	}

	.home #sports_and_events {
		min-height: 0;

		&::before {
			height: 40px;
		}

		nav .grid {
			grid-template-columns: repeat(2, 1fr);
		}
	}


	#cui_footer {
		.upper h2 {
			font-size: 20px;
		}
		.mid {
			display: block !important;
			padding-bottom: 38px;
		}
		.mid nav {
			margin-bottom: 28px;
		}
		.lower {
			display: block !important;
		}
		.lower p {
			margin-bottom: 10px;
		}
		.lower ul {
			flex-wrap: wrap;
			gap: 8px 16px;
		}
	}
	.page_title_container {
		height: 150px;
	}
	.tiled_event_page .page_title_container h1 {
		float: none;
	}
	.contact_info_container .contact_info_content {
		margin-top: 10px;
	}

	.home #non-header .cui_catch_all_container h2 {
		padding-left: 0px;
		padding-right: 0px;
	}

	.cui_big_container.cui_text_cta_container .cui_small_container {
		width: 90%;
	}
	.cui_big_container.cui_text_cta_container {
		height: 360px;
	}
	.home .arrow {
		height: 80px;
	}
	.home .deposit_container .deposit_content .cta_container a.blue.button {
		font-size: 18px;
	}
	body.home .promo_container .col-1_4 {
		width: 50%;
	}
	/*body.home .cui_hero_container h1:not([class]),*/
	/*body.home .cui_hero_container h1:not([class]) span {*/
	/*	font-size: 28px;*/
	/*	line-height: 1;*/
	/*}*/
	body.home .coming_soon_container h1 {
		margin-bottom: 20px;
	}
	#hp_ideal_matchup.cui_4_across_section .col-940 {
		margin-bottom: 30px;
	}

	#hp_ideal_matchup.cui_4_across_section .col-940 a.blue.button.hollow {
		margin-top: 30px;
	}
	.home .cui_big_container.cui_hero_container {
		/* margin-top: -54px; */
	}
	/*.cui_hero_container img {*/
	/*	margin-top: 0;*/
	/*}*/
	.galleria-info {
		display: block !important;
	}

	#hp_elevated_experience .img_content {
		width: 100%;
	}
	#hp_elevated_experience a.blue.button {
		font-size: 20px;
		padding: 15px;
	}
	.contact_info_container .contact_info_content p {
		font-size: 11px;
		line-height: 16px;
		margin: 0;
	}

	.home .arrow {
		height: 50px;
	}
	.home .deposit_container .deposit_content .deposit_summary {
		width: 100%;
	}

	#hp_venue_spotlight .cui_small_container {
		flex-direction: column;
	}
	.home #hp_venue_spotlight h2 {
		margin-bottom: 10px;;
	}
	.home #hp_venue_spotlight h2 + div {
		text-align: left;;
	}

	/* deposit lightbox */
	#blackout, #blackout_filter {
		overflow: hidden;
	}

	#hp_ideal_matchup a.blue.hollow {
		top: 410px;
	}
	.page_title_container h1 {
		line-height: 40px;
		position: relative;
	}
	.cui_header_container .inner_header {
		padding: 0 20px;
	}

	.cui_header_container span.page_title,
	#cui_sticky_header span.page_title {
		margin-top: 9px;
		margin-left: 12px;
		font-size: 22px;
	}

	#stadium_calendar_container li.event .event_inner_top {
		padding-bottom: 35px !important;
	}

	#edp_header .back_btn span {
		display: inline-block;
	}
	#edp_container .listing_list_row .ll_thumbnail {
		/*width: 100%;*/
		/*height: auto;*/
	}

	#hp_hero_video_container {
		margin-top: -54px;
	}

	.cui_text_cta_container .cta_container a {
		font-size: 20px;
	}

	#mobile_sort_filter_btn {
		display: none !important;
	}
	.home .not_interested_container {
		min-width: 0;
		width: calc(100% - 40px);
	}

	.event_tile_element .inv_status_container {
		font-size: inherit !important;
	}

	/* Explore suites page */
	.suites .page_title_container,
	.tickets .page_title_container {
		height: 200px;
	}
	.suites .page_title_container .col-940,
	.tickets .page_title_container .col-940 {
		height: 65%;
	}
	.suites .suite_amenities_widget,
	.tickets .suite_amenities_widget {
		min-height: 75px;
		margin-top: -79px;
	}
	.suites .suite_amenities_inner,
	.tickets .suite_amenities_inner {
		margin-bottom: 5px;
	}
	.suites .suite_amenities_detail,
	.tickets .suite_amenities_detail {
		height: 130px;
		padding-top: 20px;
	}
	.suites .suite_amenities_element,
	.tickets .suite_amenities_element {
		padding: 0;
	}

	.suites .cui_2_across_section .suite_container .suite_info_content {
		width: auto;
	}
	.venues .cui_big_container .col-1_2,
	.venues .cui_big_container .col-1_2.first,
	.venues .cui_big_container .col-1_2.last {
		width: 100%;
		padding: 0 10px;
	}
	.venues .cui_2_across_section .suite_container .text_content {
		height: 100px;
	}
	.venues .suite_container h2,
	.venues .page_title_container .page_title_heading {
		font-size: 8.5vw;
		line-height: 9vw;
	}
	.venues .suite_container h2 {
		width: 65vw;
		line-height: 8vw;
	}
	.venues.es_MX .suite_container h2,
	.venues.fr_FR .suite_container h2 {
		font-size: 7vw;
		line-height: 8vw;
	}
	.venues .new-york-new-jersey-stadium .suite_container h2 {
		width: 53vw;
	}

	/* Event page */
	.tiled_event_page .booking_steps li {
		width: 100%;
	}

	/* EDP */

	/* Ownership */
	.ownership .ownership_heading {
		font-size: 22px;
	}
	.ownership .suite_amenities_inner {
		padding: 20px;
	}
	.ownership .suite_amenities_inner .suite_amenities_element {
		padding: 20px;
		margin-left: 0;
	}
	.ownership .suite_amenities_element .sa_icon {
		width: 100%;
	}
	.ownership .suite_amenities_element .sa_text {
		width: 100%;
		text-align: center;
		margin-bottom: 20px;
	}
	.ownership .suite_amenities_element .sa_text h3 {
		line-height: 30px;
	}

	.ownership .cui_big_container.ownership_content_container .col-1_2.first{
		padding-bottom: 0;
	}
	.ownership .cui_big_container.ownership_content_container .col-1_2.last {
		padding-top: 0;
	}

	.ownership .page_title_container h1,
	.faq .page_title_container h1 {
		font-size: 38px;
	}

	/* Checkout */
	.nco_form_container .validation_msg,
	.pay_with_bw_container .validation_msg,
	.pay_with_check_container .validation_msg {
		top: 32px;
	}


	/* Coming soon */
	.coming_soon_container .hero_logo_container {
		height: 120px;
	}
	.coming_soon_container .cui_hero_container img {
		margin-top: 0;
		width: 260px;
	}

	body.home .coming_soon_container .cui_hero_container p {
		font-size: 16px;
		line-height: 20px;
	}

	/* Contact */
	/*#contact_form .phone_wrapper {*/
	/*	flex-wrap: wrap;*/
	/*}*/
	#contact_form select#country_code_input,
	#contact_form #phone_input {
		width: 100% !important;
		box-sizing: border-box;
	}
}

@media screen and (max-width : 375px) {
	/*.cui_hero_container .cui_hero_container {*/
	/*	height: 370px;*/
	/*}*/

}

@media screen and (max-width : 280px) {
	.home .cui_catch_all_container {
		padding-left: 0;
		padding-right: 0;
	}
	.home .cui_catch_all_container p a {
		font-size: 18px;
	}

	.cui_header_container .inner_header {
		padding-right: 10px;
	}

	.contact_info_container .contact_info_content {
		padding-right: 0;
	}

}

@media only screen and (min-width: 280px) and (max-width : 414px) {
	.a5-widget-container .a5-widget-card.a5-widget {
		width: 90%;
		right: 5%;
	}
}

/* Edge browser */
@supports (-ms-ime-align: auto) {
	.cui_header_container span.page_title,
	#cui_sticky_header span.page_title {
		line-height: 34px;
	}
}


/*
------------------------------------------------------------------
LA28 UI FORM CONTROLS  storefront filter / sort / dropdown fields
------------------------------------------------------------------
*/

/* the bar that holds the controls on the left and the result count on the right */
.ui_filter_bar {
	display: flex;
	align-items: baseline;
	justify-content: space-between;
	gap: 24px;
	padding: 24px 0 32px;
}
.ui_filter_bar_controls {
	display: flex;
	align-items: center;
	flex-wrap: wrap;
	gap: 8px;
}

/* the field itself — a dropdown trigger (Date, Sort by Date, …); use on a <button> or <div> */
.ui_field {
	display: flex;
	align-items: center;
	gap: 8px;
	padding: 8px 12px;
	border: 1px solid var(--color_border_border-light);
	border-radius: 4px;
	background: var(--color_white);
	font: var(--font_style_utility_button_m);
	color: var(--color_black);
	text-transform: capitalize;
	white-space: nowrap;
}
.ui_field:hover {
	cursor: pointer;
	border-color: var(--color_border_border-dark);
}
.ui_field i[class*="icon"] {
	font-size: 16px;
	color: var(--color_black);
}

/* native <select> wearing the same field look — native arrow stripped, LA28 caret drawn as a chevron */
.ui_field_select {
	appearance: none;
	-webkit-appearance: none;
	-moz-appearance: none;
	width: auto; /* override the base theme's global select { width: 70% } so the field is content-width */
	max-width: 100%;
	padding: 8px 36px 8px 12px;
	border: 1px solid var(--color_border_border-light);
	border-radius: 4px;
	background-color: var(--color_white);
	color: var(--color_black);
	font: var(--font_style_utility_button_m);
	font-size: 15px;
	text-transform: capitalize;
	cursor: pointer;
	background-image: url('images-git-lfs/select-down-caret-dark.svg');
	background-repeat: no-repeat;
	background-position: right 12px center;
	background-size: 16px;
}
.ui_field_select:hover,
.ui_field_select:focus {
	outline: none;
	border-color: var(--color_border_border-dark);
}
.ui_field_select::-ms-expand {
	display: none;
}

/* select with a leading icon (e.g. Sort) — overlaid because a native <select> can't hold child nodes */
.ui_field_select_lead {
	position: relative;
	display: inline-block;
}
.ui_field_select_lead > i[class*="icon"] {
	position: absolute;
	left: 12px;
	top: 50%;
	transform: translateY(-50%);
	font-size: 16px;
	color: var(--color_black);
	pointer-events: none;
}
.ui_field_select_lead > .ui_field_select {
	padding-left: 36px;
}

/* "Showing N sessions" — the aggregate count on the right of the bar */
.ui_result_count {
	font: var(--font_style_body_m_regular);
	color: var(--color_text_secondary);
	text-align: right;
	white-space: nowrap;

	* {
		color: inherit;
	}
}

@media screen and (max-width: 500px) {
	.ui_filter_bar {
		flex-direction: column;
		align-items: flex-end;
		padding-bottom: 0;
	}
	.ui_filter_bar_controls {
		flex-direction: column;
		align-items: flex-start;
		width: 100%;

		span, select {
			width: 100%;
		}
	}
}

body.landing #non-header .page_title_container h1 { color: #fff; }
body.landing #non-header .page_title_container h2 { color: #fff; }
body.landing #non-header .page_title_container p { color: #fff; }