/*
--------------------------------------------------------------------------------------------------------
SHARKS STYLES	
--------------------------------------------------------------------------------------------------------
*/


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

/*
----------------------------------------------------
VARIABLE DECLARATIONS
----------------------------------------------------
*/
:root {
	--color_background: #e5eff1; /* very light gray/teal */
	--color_1: rgb(0,120,138); /* Primary color: San Jose Teal */
	--color_2: rgb(243,144,29); /* Accent color: San Jose Orange */
	--color_3: #000; /* Accent color: Black */
	--color_4: #FFF; /* White */
	--color_5: #A5ACAF; /* Gray */
	--gradient_bg_orange: linear-gradient(0deg, rgba(240,113,61,1) 0%, rgba(254,206,18,1) 100%);
	--gradient_bg_white: linear-gradient(0deg, #fff 0%, #fff 100%);
	--gradient_bg_teal: linear-gradient(0deg, var(--color_1) 0%, var(--color_1) 100%);
	--color_very_light: #DCDDDE; /* 15% black */
	--color_hover: #f4eee8; /* light orange */
	--font_family_light: 'MADETOMMY-Regular';
	--font_family_regular: 'MADETOMMY-Regular';
	--font_family_semibold: 'MADETOMMY-Medium';
	--font_family_bold: 'MADETOMMY-Bold';
	--font_family_extra_bold: 'TuskerGrotesk-3700Bold';
	--font_family_black: 'TuskerGrotesk-4700Bold';
	--font_size_large: 32px;
	--font_size_large_mobile: 32px;
	--font_size_med: 18px;
	--font_size_med_mobile: 18px;
	--font_size_min: 15px;
	--letter_spacing: 0;
	--default_border_radius: 0;
	--default_box_shadow: 5px 5px 0px 0px #bacacd;
	--dark_box_shadow: 0 0 10px 0px rgba(0,0,0,0.25);
	--hover_box_shadow: 5px 5px 0px 0px var(--color_2);
	--hover_box_shadow_edp: none;
	--default_border: 1px solid #bacacd;
}


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


@font-face {
	font-family: 'MADETOMMY-Regular';
	src:  url('../../../fonts/MADETOMMY-Regular.otf') format('opentype');
	font-weight: normal;
	font-style: normal;
	font-display: block;
}
@font-face {
	font-family: 'MADETOMMY-Medium';
	src:  url('../../../fonts/MADETOMMY-Medium.otf') format('opentype');
	font-weight: normal;
	font-style: normal;
	font-display: block;
}

@font-face {
	font-family: 'MADETOMMY-Bold';
	src:  url('../../../fonts/MADETOMMY-Bold.otf') format('opentype');
	font-weight: normal;
	font-style: normal;
	font-display: block;
}
@font-face {
	font-family: 'TuskerGrotesk-3700Bold';
	src:  url('../../../fonts/TuskerGrotesk-3700Bold.otf') format('opentype');
	font-weight: normal;
	font-style: normal;
	font-display: block;
}
@font-face {
	font-family: 'TuskerGrotesk-4700Bold';
	src:  url('../../../fonts/TuskerGrotesk-4700Bold.otf') format('opentype');
	font-weight: normal;
	font-style: normal;
	font-display: block;
}



/*
----------------------------------------------------
BASIC ELEMENTS
----------------------------------------------------
*/
html, body, p, div {
	font-family: var(--font_family_regular), sans-serif;
	color: #222;
	-moz-font-smoothing: antialiased;
	-webkit-font-smoothing: antialiased;
	font-smoothing: antialiased;
}
body {
	background: #edeff2;
	font-size: var(--font_size_min);
	overscroll-behavior-y: none;
}
#non-header {
	background: var(--color_background);
}
.team_primary_color_line {
	border-width: 4px;
	display: none;
}
.team_secondary_color_line {
	display: none;
	margin-top: 4px;
	height: 4px;
}

a {
	color: var(--color_1);
}
a:hover {
	color: var(--color_3);
}
a.blue, button.blue, input.blue.button,
a.blue.hollow, button.blue.hollow, input.blue.button.hollow {
	font-family: var(--font_family_semibold), sans-serif;
	letter-spacing: var(--letter_spacing);
	transition: all 0.125s ease-in-out 0s;
}
a.blue.button:active,
button.blue.button:active {
	background: var(--color_3);
}
a.blue.inverse {
	color: var(--color_1);
	border-color: var(--color_1);
}
a.blue.inverse:hover, 
button.blue.inverse:hover, 
input.blue.button.inverse:hover {
	border-color: var(--color_1);
	color: var(--color_4);
	background: var(--color_1);
}
a.blue.inverse:active, 
button.blue.inverse:active, 
input.blue.button.inverse:active {
	background: var(--color_5);
}
a.blue.hollow.white_border,
button.blue.hollow.white_border,
input.blue.button.hollow.white_border {
	box-shadow: none;
}
a.blue.hollow:hover,
button.blue.hollow:hover, 
input.blue.button.hollow:hover {
	box-shadow: 5px 5px 0 var(--color_2);
}
a.blue.solid,
button.blue.solid,
input.blue.button.solid {
	border: 4px solid #fff;
}
a.blue.solid:hover, 
button.blue.solid:hover, 
input.blue.button.solid:hover {
	border: 4px solid #fff;
	color: #fff;
}
.blue-2 {
	background: none;
	border-color: var(--color_1);
	border-bottom-color: var(--color_1);
	color: var(--color_1);
}
.blue-2:hover {
	background: var(--color_1);
	border-color: var(--color_1);
	border-bottom-color: var(--color_1);
	color: #fff;	
}

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);
}
h2, h3 {
	font-family: var(--font_family_semibold), sans-serif;
}
/*
----------------------------------------------------
PAGE TITLES
----------------------------------------------------
*/
.page_title_container {
	position: relative;
}
.page_title_container .cui_small_container {
	height: 100%;
}
.page_title_container .col-940 {
	position: relative;
	height: 100%;
}
.page-template-seg_stadiumpage_shell .page_title_container,
.page-template-seg_tiled_event_page .page_title_container {
	/* background-image: linear-gradient(rgba(0, 0, 0, 0.38), rgba(0, 0, 0, 0.52)),
		url('../../../images/sharks_10.jpg'); */
	background-image: linear-gradient(rgba(0, 0, 0, 0.38), rgba(0, 0, 0, 0.52)),
		url('assets/sharks39.jpg');
	background-position-y: 17%;
}
.suites .page_title_container {
	background-image: linear-gradient(rgba(0, 0, 0, 0.16), rgb(0 0 0 / 65%) 76.47%, rgba(0, 0, 0, 0.74)),
		url('../../../images/sharks_14.jpg');
	background-position-y:55%;
}
.ownership .page_title_container {
	background-image: linear-gradient(rgba(0, 0, 0, 0.39), rgba(0, 0, 0, 0.57)),
		url('../../../images/sharks_7.jpg');
	background-position-y: 60%;
}
.faq .page_title_container {
	background-image: linear-gradient(rgba(0, 0, 0, 0.38), rgba(0, 0, 0, 0.52)),
		url('../../../images/sharks_2.jpg');
	background-position-y: 48%;
}
.contact .page_title_container {
	background-image: linear-gradient(rgba(0, 0, 0, 0.38), rgba(0, 0, 0, 0.52)),
		url('../../../images/sap-center-sharks-feb-wl-2.jpg');
	background-position-y: 50%;
}

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

.cui_header_container,
#cui_sticky_header {
	background: var(--color_1);
	background-size: cover;
	height: 71px;
}
.cui_header_container .inner_header {
	padding: 0px 20px;
	height: 69px;
	box-sizing: border-box;
}
.cui_header_container span.page_title,
#cui_sticky_header span.page_title {
	color: #fff;
	font-size: 32px;
	line-height: 38px;
	font-family: var(--font_family_black), sans-serif;
	margin-top: 16px;
}

.cui_header_container .site_logo,
#cui_sticky_header .site_logo {
	background-image: url('../../../images/teams/san-jose-sharks-logo-300px.png');
	height: 50px;
	width: 50px;
	background-size: 50px 50px;
	padding-top: 8px;
	padding-bottom: 7px;
}
#cui_sticky_header {
	box-shadow: var(--dark_box_shadow);
}
/* sharks */
.home #cui_header {
	background: none;
	text-shadow: 0 0 8px rgb(0 0 0 / 80%);
}
.cui_header_container nav {
	float: none;
	position: absolute;
	margin-top: 3px;
	margin-right: 0;
	width: 100%;
	box-sizing: border-box;
	text-align: center;
	top: 0;
	left: 0;
}
.cui_header_container nav ul {
	margin-left: 0;
}
.cui_header_container nav a.games {
	margin-right: 330px;
}
a.logo_container {
	position: absolute;
	left: 50%;
	transform: translateX(-54%);
	z-index: 9999;
}
a.logo_container span.page_title {
	padding-left: 0;
	border-left: 0;
	letter-spacing: 1px;
}
/*#cui_header.cui_header_container .site_logo {
	display: block;
	text-align: center;
	width: 100%;
}
#cui_header.cui_header_container span.page_title {
	display: block;
	text-align: center;
	width: 100%;
	padding: 0;
	margin: 0;
	border-left: 0;
}*/
.home nav a.home, 
.page-template-seg_stadiumpage_shell nav a.games, 
.page-template-seg_tiled_event_page nav a.games, 
.suites nav a.suites, 
.ownership nav a.ownership, 
.faq nav a.faq, 
.contact nav a.contact {
	font-family: var(--font_family_regular) !important;
	border-bottom: 3px solid var(--color_2);
}
.cui_header_container li {
	padding: 18px 10px 22px;
}
.cui_header_container li a {
	color: #fff;
	font-family: var(--font_family_regular), sans-serif;
	font-size: 16px;
	letter-spacing: var(--letter_spacing);
	border-bottom: 0 solid rgba(0,0,0,0);
	transition: all 0.125s;
}
.cui_header_container li a:hover {
	border-bottom: 3px solid var(--color_2);
	font-family: var(--font_family_regular);
	text-shadow: none;
}

.sub_logo {
	font-size: 16px;
	vertical-align: middle;
	font-family: var(--font_family_regular);
	text-transform: lowercase;
	margin-top: -3px;
	display: inline-block;
}

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

#cui_footer {
	background: #1c1c1c;
}
/*.page-template-seg_checkout_success #cui_footer,
.page-template-seg_checkoutpage #cui_footer,
.page-template-seg_event_detail_page #cui_footer {
	background: var(--color_2);
}*/

#cui_footer #inner_footer,
#cui_footer #inner_footer a,
#cui_footer #inner_footer div,
#cui_footer #inner_footer p {
	color: #e2e2e2 !important;
}


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

.page_title_container h1 {
	font-size: 68px;
	font-family: var(--font_family_bold), sans-serif;
	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%);
	line-height: 90px;
	margin: 0;
}
.faq .page_title_container h1 {
	font-size: 54px;
}


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

.home p,
.home .cui_text_cta_container p {
	color: #e2e2e2;
}
.home .cui_big_container.cui_2_across_section, .home .cui_big_container.cui_3_across_section, .home .cui_big_container.cui_4_across_section, .home .cui_big_container.cui_single_image_container {
	background: #fff;
}
.home .cui_big_container.cui_hero_container {
	background: linear-gradient(to bottom,rgb(0 0 0 / 75%) 0%,rgb(0 0 0 / 0%)), url('../../../images/teams/ca_sharks/Homepage-Sharks.jpg');
	background-size: cover;
	background-position-x: center;
	background-position-y: top;
	min-width: 1010px;
	position: relative;
	height: 122vh;
	max-height: none;
	overflow-y: visible;
	box-sizing: border-box;
	margin-top: -72px;
}
body.home .cui_hero_container .text_container,
body.home .cui_hero_container .cta_container {
	width: 100%;
}
body.home .cui_1_across_section h2
.cui_text_cta_container .text_container h2,
body.home .cui_1_across_section h2,
body.home h2,
.cui_big_container.cui_text_cta_container.cui_catch_all_container h2 {
	font-family: var(--font_family_bold), sans-serif;
	text-transform: uppercase;
	letter-spacing: var(--letter_spacing);
}
body.home .cui_1_across_section h2 {
	color: var(--color_1);
}
.cui_text_cta_container {
	background: var(--color_1);
	background-size: cover;
}
.cui_text_cta_container p {
	color: #fff;
}
.cui_text_cta_container .cta_container a.blue.button {
	padding: 22px 20px 20px;
	font-size: 22px;
	background: var(--color_4);
	color: var(--color_1);
	border: 4px solid var(--color_1);
}
.cui_text_cta_container .cta_container a.blue.button:hover {
	background: var(--color_2);
	border-color: var(--color_2);
	color: var(--color_4);
}
.cui_hero_container .cui_hero_sub_container .cta_container a.blue.button {
	font-size: 35px;
	border: 0;
	white-space: initial;
	line-height: 36px;
	padding: 20px 120px 18px;
	background: var(--color_2);
	background: var(--gradient_bg_orange);
	color: var(--color_4);
}
.cui_hero_container .cui_hero_sub_container .cta_container a.blue.button:hover {
	color: var(--color_2);
	background: #fff;
	background: var(--gradient_bg_white);
	box-shadow: var(--hover_box_shadow);
}

/* HP hero */
.cui_hero_container {
	position: absolute;
	top: 0;
}
.cui_hero_container .cui_hero_container {
	position: relative;
	height: 697px;
	max-height: 697px;
	overflow-y: visible;
}
.cui_hero_container .cui_hero_container img {
	filter: brightness(80%);
	position: absolute;
	bottom: 0;
}
.cui_hero_container .cui_hero_sub_container {
	position: absolute;
	top: 35%;
	transform: translateY(-25%);
	width: 100%;
	text-align: center;
	padding: 0 20px;
    box-sizing: border-box;
}
.cui_hero_container .cui_hero_sub_container .cui_small_container {
	width: 100%;
}
body.home .cui_hero_container h2 {
	color: #fff;
	font-family: var(--font_family_bold), sans-serif;
	text-shadow: 0 0 10px rgb(0 0 0 / 50%);
	font-size: 62px;
	line-height: 72px;
	margin: 0 auto;
	text-align: center;
	width: 80%;
	max-width: 1200px;
}
body.home .cui_hero_container .text_container {
	padding-right: 0;
	padding-bottom: 10px;
	padding-top: 30px;
}
.cui_hero_container .col-1_3 {
	padding: 30px 0;
	margin: 0 auto;
}




.home .cui_big_container {
	background: var(--color_1);
	background-size: cover;
}

#hp_ideal_matchup {
	margin-top: -60px;
	background: none;
}
.carousel_container .carousel_event {
	border-radius: 0;
	border: 0;
	transition: all 0.2s ease;
	margin-bottom: 40px;
}
.carousel_container .carousel_event:hover {
	border: 0;
    background: none;
    box-shadow: inset 0 -5px 0px 0px var(--color_2);
}
.carousel_container .carousel_event .caption_content {
	margin-bottom: 20px;
}
.slick-prev,
.slick-next {
	color: var(--color_1);
}
.slick-prev:hover,
.slick-next:hover {
	color: var(--color_hover);
}
#hp_ideal_matchup a.blue.inverse {
	background: var(--color_1);
	color: #fff;
}
#hp_ideal_matchup a.blue.inverse:hover {
	background: var(--color_hover);
	color: #fff;
	border-color: var(--color_2);
}
#hp_elevated_experience.cui_big_container.cui_3_across_section {
	background: var(--color_background);
}
#hp_elevated_experience h2 {
	color: var(--color_1);
}
#hp_elevated_experience h3, 
#hp_elevated_experience p {
	color: #222;
}
#hp_elevated_experience .img_content {
	border: 0;
}
.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;
}
.caption_content .hp_away_team_name {
	font-family: var(--font_family_semibold), sans-serif;
}

.cui_big_container.cui_text_cta_container h2 {
	font-family: var(--font_family_bold), sans-serif;
	font-size: 26px;
}
#galleria_stage_container .galleria-theme-classic .galleria-info {
	width: 33%;
}
#galleria_stage_container .galleria-theme-classic .galleria-info-text {
	background: rgb(16 120 138 / 70%) !important;
}
.home .cui_catch_all_container {
	background: var(--color_4);
	background: linear-gradient(rgba(0, 25, 41, 0.74), rgba(0, 0, 0, 0.35)), url(../../../images/sharks_6.jpg);
	text-align: center;
	padding: 50px 20px 30px;
	box-sizing: border-box;
	background-size: cover;
	background-position: center 60%;
}
.cui_big_container.cui_text_cta_container.cui_catch_all_container h2 {
	color: #fff;
	font-size: var(--font_size_large);
}
.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: var(--color_2);
	background: var(--gradient_bg_orange);
	border:0;
	color: #fff;
	width: 50%;
}
.cui_text_cta_container.cui_catch_all_container .cta_container a.blue.button {
	background: #fff;
	border: 4px solid var(--color_1);
	color: var(--color_1);
}
.cui_text_cta_container.cui_catch_all_container .cta_container a.blue.button:hover {
	background: var(--color_2);
	color: #fff;
}
.cui_catch_all_container .cta_container a.blue.button:hover {
	background: var(--color_2);
	border-color: var(--color_2);
	color: #fff;
}
.home .cui_catch_all_container .cta_container a.blue.button:hover {
	background: var(--gradient_bg_white);
	border-color: #fff;
	color: var(--color_2);
	box-shadow: 5px 5px 0 var(--color_2);
}


/*
----------------------------------------------------
EXPLORE SUITES
----------------------------------------------------
*/
.suites .page_title_container {
	height: 280px;
	position: relative;
}
.suites .suite_amenities_widget {
	background: none;
	width: 100%;
	margin-top: -130px;
	padding-top: 20px;
	min-height: 106px;
	position: relative;
	box-shadow: none;
}
.suite_amenities_heading p,
.suite_amenities_element.selected .sa_text,
.suite_amenities_widget .suite_amenities_detail .sa_detail_header {
	font-family: var(--font_family_semibold), sans-serif;
	color: var(--color_1);
}
.suite_amenities_widget .suite_amenities_detail .sa_detail_header {
	font-family: var(--font_family_bold), sans-serif;
	font-size: 18px;
	margin-bottom: 7px;
}
.suite_amenities_heading {
	display: none;
}
.suites .suite_amenities_inner {
	margin-bottom: 8px
}
.suites .suite_amenities_element {
	padding: 0 15px;
	width: 20%;
}
.suites .suite_amenities_element:hover i,
.suites .suite_amenities_element.selected i {
	background: var(--color_1);
	border-color: var(--color_1);
}

.suites .suite_amenities_element i {
	color: #fff;
	border: 2px solid var(--color_2);
	background: var(--color_2);
}
.suites .suite_amenities_element .sa_text {
	color: #fff;
	font-family: var(--font_family_semibold);
	font-size: 14px;
	line-height: 18px;
	padding-top: 2px;
}
.suites .suite_amenities_detail {
	border-top: none;
	border-bottom: 2px solid var(--color_1);
	padding-top: 30px;
	position: relative;
	min-height: 60px;
	background: var(--color_4);
}
.suite_amenities_detail, .suite_amenities_detail .sa_elt {
	color: var(--color_1);
}
.suite_amenities_detail .sa_elt {
	position: absolute;
}
.suites .cui_2_across_section .suite_container {
	border: 0;
}
.suites .cui_2_across_section .suite_container:hover {
	box-shadow: var(--hover_box_shadow);
	cursor: pointer !important;
}
.suites .cui_2_across_section .suite_container:hover h3 {
	color: var(--color_1);
}
.suites .cui_2_across_section .suite_container:hover a.blue.button {
	border-color: var(--color_1);
	background: var(--color_1);
	color: #fff;
}
.suites .cui_2_across_section .suite_container h3 {
	font-size: var(--font_size_med);
	font-family: var(--font_family_semibold), sans-serif;
}
.suites .cui_2_across_section .suite_container .suite_info_icon,
.suites .cui_2_across_section .suite_container .suite_info_content {
	color: #000;
}


.suites .cui_2_across_section .suite_container .text_content {
	font-size: var(--font_size_min);
	border-top: 0;
}
.suites .cui_2_across_section .suite_container:hover .text_content {
	background: var(--color_hover);
	border-color: var(--color_1);
}

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

.tiled_event_page .banner-text {
	list-style-type: none;
	text-transform: uppercase;
	font-size: 28px;
	line-height: 30px;
	margin-top: 0;
}

.tiled_event_page .banner-text a {
	font-size: 75%;
}

#sort_filter {
	display: none;
}
h2.post-subheading, #catch_all h2 {
	font-family: var(--font_family_semibold), sans-serif;
}
li.event {
	box-shadow: var(--default_box_shadow);
}
li.event .event_inventory_indicator .inv_status_container {
	color: var(--color_1);
}
li.event:hover {
	box-shadow: var(--hover_box_shadow);
}
li.event:hover h3, li.event:hover .event_date .event-month, 
li.event:hover .event_inventory_indicator .inv_status_container, 
li.event.date_tbd:hover .event_date {
	color: var(--color_1);
}
li.event:hover .event_inner_top {
	background: var(--color_hover);
}
li.event:active .event_inner_top {
	background: var(--color_2);
}
li.event:hover .event_date .event-day,
li.event:hover .event_date .event-time,
li.event:hover .event-venue.event_date_oneline.variation3,
li.event:hover .event_inventory_indicator .price_range {
	color: #333;
}
#stadium_calendar_container .see_all {
	padding-top: 15px;
	margin-top: inherit;
}

.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_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:hover {
	box-shadow: var(--hover_box_shadow);
}


/* Tiled event page */
.tiled_event_page .inv_status_container span.icon-power {
	top: 1px;
}
.page-template-seg_tiled_event_page .page_title_container .cui_small_container {
	height: 100%;
}
.page-template-seg_tiled_event_page .page_title_container .cui_small_container .col-940 {
	position: relative;
	height: 100%;
}
.tiled_event_page .filter_heading {
	display: none;
}
.tiled_event_page .filter_container {
	background: none;
	width: 100%;
	margin-top: -80px;
	padding-top: 20px;
	height: 80px;
	top: 0;
}
.tiled_event_page .filter_container.pinned {
	position: fixed;
	top: 0;
	margin-top: 0;
	padding-top: 10px;
}
.tiled_event_page .filter_container.pinned .filter_performer_option,
.tiled_event_page .filter_container.pinned .filter_month_option {
	background: var(--color_4);
}
.tiled_event_page .filter_container.pinned .filter_performer_option.selected, 
.tiled_event_page .filter_container.pinned .filter_month_option.selected {
	background: #000;
	border-bottom-width: 5px;
	border-bottom-color: var(--color_2);
}
.tiled_event_page .filter_container .filter_controls_container {
	width: 960px;
	margin: 0 auto;
}

.tiled_event_page .filter_container .filter_heading {
	color: #fff;
	font-family: var(--font_family_semibold), sans-serif;
}
.tiled_event_page .filter_container .filter_performer_option,
.tiled_event_page .filter_container .filter_month_option {
	color: var(--color_2);
	border: 2px solid var(--color_2);
	border-radius: var(--default_border_radius);
}
.tiled_event_page .filter_container .filter_performer_option:hover,
.tiled_event_page .filter_container .filter_month_option:hover {
	background: rgba(0,0,0,0.4);
	color: #fff;
	border-color: #fff;
}
.tiled_event_page .filter_container.pinned .filter_performer_option:hover,
.tiled_event_page .filter_container.pinned .filter_month_option:hover {
	background: #000;
}
.tiled_event_page .filter_container .filter_performer_option.selected,
.tiled_event_page .filter_container .filter_month_option.selected {
	background: rgba(0,0,0,0.6);
	border-color: #fff;
	border-bottom-width: 5px;
	border-bottom-color: var(--color_2);
	color: #fff;
	font-family: var(--font_family_regular), sans-serif;
}
.tiled_event_page .num_events_container {
	display: none;
}
.tiled_event_page .event_date_separator {
	font-family: var(--font_family_bold), sans-serif;
	font-size: 22px;
	color: var(--color_1);
	padding-bottom: 10px;
}
.tiled_event_page .event_tile_element_container {
	width: 25%;
	min-height: 300px;
}
.tiled_event_page .event_tile_element {
	background: #fff;
	border: var(--default_border);
	box-shadow: var(--default_box_shadow);
	border-radius: var(--default_border_radius);
	transition: all 0.2s ease;
	font-size: var(--font_size_min);
}
.tiled_event_page .event_tile_element div {
	color: #000;
}
.tiled_event_page .event_tile_element .event_tile_image_container {
	overflow: visible; 
}
.tiled_event_page .event_tile_element img {
	transition: all 0.2s ease;
}
.tiled_event_page .event_tile_element img.home_team_logo, 
.tiled_event_page .event_tile_element img.away_team_logo {
	height: 85px;
	width: 85px;
	padding: 15px 10px 10px;
}

.tiled_event_page .event_tile_element:hover {
	box-shadow: var(--hover_box_shadow);
	background: var(--color_hover);
}
.tiled_event_page .event_tile_element:active {
	box-shadow: var(--hover_box_shadow);
	background: var(--color_1);
}
.tiled_event_page .event_tile_element:active div {
	color: #fff;
}
.tiled_event_page .event_tile_element:hover img.home_team_logo, 
.tiled_event_page .event_tile_element:hover img.away_team_logo {
	height: 95px;
	width: 95px;
	margin-left: 0;
	margin-top: -5px;
}
.tiled_event_page .event_tile_element .event_tile_name {
	font-weight: normal;
}
.tiled_event_page .event_tile_element .event_tile_date {
}
.tiled_event_page .event_tile_element .event_tile_date .event_tile_date_day,
.tiled_event_page .event_tile_element .event_tile_date .event_tile_date_time {
	font-family: var(--font_family_semibold), sans-serif;
}
.event_annotation {
	background: var(--color_2);
	color: white !important;
	width: 90%;
	margin-left: auto;
	margin-right: auto;
}
/* deposit */
.tiled_event_page li.event:hover {
	cursor: pointer;
}
.tiled_event_page li.event h3.bold_heading,
.tiled_event_page li.event .event_inventory_indicator .inv_status_container {
	font-family: var(--font_family_semibold), sans-serif;
	color: #000;
}

.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;
}

.sd_big_container.custom_widget_0 .banner-container {
	margin-bottom: 30px;
}

/* TOC */

.tiled_event_page  .toc_element {
	border-radius: var(--default_border_radius);
	border: var(--default_border);
	box-shadow: none;
}
.tiled_event_page .toc_element.highlight,
.tiled_event_page .toc_element:hover {
	background: var(--color_1);
	color: #fff;
}


/* Waitlist */
.tiled_event_page .no_event_tile_container .waitlist_form_container {
	border: var(--default_border);
	background: #fff;
	box-shadow: var(--default_box_shadow);
}
.no_event_tile_container .waitlist_form_container h3 {
	margin: 5px 0 15px;
	font-size: 25px;
	text-align: center;
}

/* pricing widget */
.suite_prices_and_details_container h3.bold_heading {
	color: #000;
}
/* event planning guide */
h3.bold_heading.stadium_guide_heading {
	font-size: 18px;
}
section#stadium_guide .col-1_3 {
	height: 260px;
}

/*
----------------------------------------------------
EDP / LDP
----------------------------------------------------
*/
span.icon-power {
	top: -1px;
}
#edp_header {
	margin-top: 0px;
	top: 71px;
}
#edp_header .event_date,
#edp_header .event_name {
	font-family: var(--font_family_semibold), sans-serif;	
}
#edp_header .event_date, #edp_header .event_name {
	color: #222;
}
#edp_container .content_left .event_inventory_status {
	font-size: var(--font_size_min);
}
#edp_container .content_right {
	overflow: visible;
}
#edp_container .content_right .map_container {
	border: var(--default_border);
	overflow: visible;
}
#edp_container #no-location-msg {
	background: rgb(207 230 243 / 80%)
}
.event_date .event-month,
h3.bold_heading,
.date_tbd .event_date {
	color: var(--color_1);
}
.event_logo {
	border-left-color: var(--color_1);
}
.ll_suite_type, .ll_price,
.listing_list_row_details .listing_faq_question,
#edp_container.listing_details .ll_suite_type, 
#edp_container.listing_details .ll_price {
	font-family: var(--font_family_bold), sans-serif;
}

#edp_container .ll_suite_type, #edp_container .ll_price {
	font-size: 16px;
}
#edp_container .listing_list_row .ll_suite_info {
	font-size: 14px;
}
.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;
}
.listing_details .listing_list_row_details {
	font-size: var(--font_size_min);
}
#edp_container.listing_details .ll_suite_type,
#edp_container.listing_details .ll_price {
	font-size: 25px;
}
#edp_container .listing_list_row_details .ll_instant span.icon-power {
	font-size: 20px;
	top: -2px;
}
#edp_container .listing_list_row_details .cta_btn_container a.blue {
	color: var(--color_1);
	border-color: var(--color_1);
}
#edp_container .listing_list_row_details .cta_btn_container a.blue:hover {
	background: var(--color_2);
	border-color: var(--color_2);
	color: #fff;
}
#edp_container .listing_list_row_details .secondary_container h2,
.listing_list_row_details .subheading {
	font-family: var(--font_family_bold), sans-serif;
	font-size: var(--font_size_med);
	color: var(--color_1);
}
#edp_container .no-listings-content {
	min-height: 300px;
}
.no-listings .listing_ca_text {
	font-family: var(--font_family_semibold), sans-serif;
}
#edp_header .back_btn {
	color: var(--color_1);
}
.ll_suite_type, .ll_price {
	font-size: 18px;
}

#edp_container .ll_container {
	width: 304px
}
#edp_container .listing_list_row:hover,
#edp_container .listing_list_row.hover {
	background: var(--color_hover);
	box-shadow: var(--hover_box_shadow);
}
#edp_container .listing_list_row:active,
#edp_container .listing_list_row.active {
	background: var(--color_2);
}

#edp_container .listing_list_row .ll_thumbnail {
	width: 294px;
}
.listing_list_row:hover .ll_suite_type,
.listing_list_row:hover .ll_price {
	color: var(--color_1);
}
.listing_list_row .ll_suite_type,
.listing_list_row .ll_price {
	font-family: var(--font_family_bold), sans-serif;
}
.listing_list_row .ll_price {
	line-height: 21px;
}
.listing_list_row .ll_price .ll_instant {
	width: 24px;
}
.listing_list_row .ll_price .ll_instant .instant_book_icon {
	padding-left: 5px;
	padding-right: 5px;
}
.listing_list_row .ll_price .per_ticket_badge,
.listing_list_row_details .ll_price .per_ticket {
	color: var(--color_4);
}
#edp_container .listing_list_row:hover .suite_info_content,
#edp_container .listing_list_row.hover .suite_info_content {
	color: #333;
}
#edp_container.listing_details .included_available_item {
	font-size: var(--font_size_min);
}
#edp_container.listing_details .included_available_item .icon_container {
	float: left;
	margin-top: 2px;
}
.listing_tips_text {
	font-size: var(--font_size_min);
}

.listing_list_row_details .listing_faq_question,
.listing_list_row_details .listing_faq_answer p {
	font-size: var(--font_size_min);
}

/*
----------------------------------------------------
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;
}



/*
----------------------------------------------------
OWNERSHIP
----------------------------------------------------
*/
.ownership .ownership_hero_container {
	padding-bottom: 20px;
}
.ownership .ownership_content {
	border: 1px solid var(--color_1);
	background: #fff;
	padding: 0 20px 20px;
}
.ownership_contact_container {
	border: var(--default_border);
}
.ownership .ownership_heading {
	text-align: center;
}
.ownership .suite_amenities_inner {
	padding: 0px 80px 40px;
	margin-bottom: 0;
}

.ownership .suite_amenities_element {
	width: 100%;
	height: auto;
	text-align: left;
	margin-bottom: 30px;
	padding: 0;
}
.ownership .suite_amenities_element .sa_icon {
	margin-bottom: 0px;
	width: 55px;
	display: inline-block;
	text-align: center;
	margin-right: 20px;
	vertical-align: middle;
}
.ownership .suite_amenities_element .sa_text {
	display: inline-block;
	width: 75%;
	vertical-align: middle;
}
.ownership .suite_amenities_element .sa_text h3 {
	margin: 10px 0 5px;
	color: #333;
}
.ownership .ownership_image .grid.col-940 {
	text-align: center;
	padding: 20px 0;
}

.ownership .ownership_heading {
	padding: 15px;
	background: var(--color_1);
	cursor: pointer;
	color: #fff;
	width: 80%;
    margin: 30px auto 10px;
}
.ownership .ownership_heading:hover {
	background: var(--color_2);
}
.ownership .ownership_heading.open {
	background: none;
	color: var(--color_1);
}
.ownership .suite_amenities_inner {
	background: var(--color_1);
	background-size: cover;
	box-sizing: border-box;
	padding-top: 60px;
	padding-bottom: 60px;
}
.ownership .suite_amenities_element {
	background: #fff;
	border-radius: 5px;
	padding: 20px;
}
.ownership .suite_amenities_element .sa_text {
	width: calc(100% - 80px);
}

/* Ownership and Explore Suites */
.ownership  .suite_amenities_element i {
	border: 0;
	color: #fff;
	background: var(--color_1);
}


/*
----------------------------------------------------
FAQ
----------------------------------------------------
*/
.faq_item {
	border: var(--default_border);
}
.faq_item:hover {
	border-bottom-color: var(--color_2);
}
.faq i {
	color: var(--color_1);
}
.faq_question div {
	color: var(--color_3);
}
.faq_answer p {
	color: #000;
}


/*
----------------------------------------------------
CHECKOUT PAGES / PURCHASE AGREEMENT
----------------------------------------------------
*/
.nco_header h1 {
	color: #222;
}
.new_checkout h2.post-subheading {
	font-family: var(--font_family_bold), sans-serif;
	color: var(--color_1);
}
.checkout_success .nco_header h1 {
	color: #fff;
}

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

.nco_subheading {
	font-size: 14px;
}
.new_checkout .form-row.country_radio label {
	background: #fff;
	border: 1px solid var(--color_1);
}
.new_checkout .form-row.country_radio label:hover {
	background: var(--color_1);
	color: #fff
}
.new_checkout .form-row.country_radio label.selected {
	background: var(--color_1);
	border: 1px solid var(--color_1);
	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: visible;
}
.new_checkout .map_container .suite_pin_label {
	width: 120px;
}
.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;
}
.new_checkout .blue.button.submit_payment{
	background: var(--color_2);
	background: var(--gradient_bg_orange);
	color: #fff;
	border: 0;
}
.new_checkout .blue.button.submit_payment:hover, 
#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: var(--gradient_bg_teal);
	color: #fff;
	box-shadow: 5px 5px 0 var(--color_2);
}

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

.preferences_toggle_button {
	color: #eee;
}
.nco_header_content .deposit_event_tile p {
	font-size: 14px;
}
.nco_header_content .deposit_event_tile.selected {
	border-color: var(--color_1);
}

/*
----------------------------------------------------
CONTACT
----------------------------------------------------
*/
#contact_form .form_element {
	font-size: var(--font_size_min);
}
#contact_form .validation_msg {
	top: 38px;
}

.page-template-seg_standardpage #content-full .page .seg_standard_container {
	border: var(--default_border);
}
#contact_form #success_message {
	font-family: var(--font_family_regular), sans-serif;
}
#contact_form #contact_form_submit {
	background: var(--color_2);
	background: var(--gradient_bg_orange);
	color: #fff;
	border: 0;
}
#contact_form #contact_form_submit:hover {
	background: var(--gradient_bg_teal);
	color: #fff;
	box-shadow: 5px 5px 0 var(--color_2);
}

#contact_form .checkbox_label {
	font-size: 12px;
}

/*
----------------------------------------------------
GALLERIA WIDGET / CUSTOM WIDGET 1 / PHOTO CAROUSEL
----------------------------------------------------
*/
#galleria_stage_container .galleria-theme-classic .galleria-info-title {
	margin-bottom: 0 !important;
}
#galleria_stage_container .galleria-theme-classic .galleria-info-description {
	display: none !important;
}

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

/* Responsive */
@media screen and (min-width : 769px) and (max-width: 1499px) {
	body.home .cui_hero_container h2 {
		font-size: 60px;
	}
	.cui_hero_container .cui_hero_sub_container .cta_container a.blue.button {
		font-size: 28px;
		padding: 18px 100px 18px;
	}
}
@media screen and (min-width : 1500px) {
	
}
@media screen and (min-width : 2100px) {
	
}
@media screen and (min-width : 2600px) {
	
}


@media screen and (max-width: 1240px) {
	.tiled_event_page .toc_element {
		font-size: 14px;
		padding: 10px 18px;
	}
}
@media screen and (min-width : 769px) and (max-width : 1010px) {
	.slick-next {
		right: -20px;
	}
	.slick-prev {
		left: -20px;
	}
}

@media screen and (max-width: 768px) {
	.cui_header_container nav {
		margin-top: 0;
		top: 69px;
		margin-left: 0;
	}
	#cui_sticky_header.cui_header_container nav {
		margin-left: 0;
	}
	.cui_header_container nav a.games {
		margin-right: 0;
	}
	.cui_header_container span.page_title, 
	#cui_sticky_header span.page_title {
		margin-top: 18px;
	}
	.cui_header_container li a {
		font-size: 18px;
	}
	
	.home .cui_big_container.cui_hero_container {
		min-width: 100%;
	}
	body.home .cui_hero_container .cui_hero_sub_container h2 {
		font-size: 47px;
		line-height: 60px;
		text-align: center;
		width: 100%;
	}
	body.home .cui_hero_container .cui_hero_sub_container .text_container {
		padding-left: 0;
		padding-right: 0;
		padding-top: 30px;
		padding-bottom: 15px;
	}
	body.home .cui_hero_container .cui_hero_sub_container .cta_container a.blue.button {
		font-size: 32px;
		padding: 16px 120px 13px;
	}
	.cui_text_cta_container .text_container,
	.cui_text_cta_container .cta_container {
		text-align: center;
	}

	.cui_hero_container .col-1_3 {
		width: 100%;
		padding-top: 10px;
		padding-bottom: 30px;
	}
	.cui_text_cta_container .cta_container a.blue.button {
		font-size: 20px;
	}
	.cui_header_container .mobile_menu_btn,
	#cui_sticky_header .mobile_menu_btn {
		top: 16px;
	}

	.cui_header_container nav {
		position: absolute;
		box-sizing: border-box;
	}

	.page_title_container h1 {
		font-size: 40px;
	}
	.cui_hero_container .cui_hero_container {
		height: 500px;
	}
	.cui_hero_container img {
		margin-left: -26%;
	}

	.event:not(.sold_out) .event-title {
		color: var(--color_1) !important;
	}
	li.event:hover .event_inner_top {
		padding: 20px;
	}

	#edp_header {
		top: 73px;
	}
	#edp_container {
		margin-top: 83px;
	}
	#edp_container .content_right {
		margin-top: 0;
	}
	#edp_container.listing_details .included_available_item {
		position: relative;
	}
	.ll_suite_type, .ll_price {
		font-size: 16px;
	}
	#edp_container.listing_details .ll_suite_type, 
	#edp_container.listing_details .ll_price {
		font-size: 22px;
	}
	.suites .suite_amenities_widget {
		margin-top: -158px;
	}
	.suites .suite_amenities_element .sa_text {
		font-size: 14px;
	}
	.suites .cui_suite_map_container .white_container_gray_border {
		border-right: none;
		border-left: none;
	}
	.ownership .ownership_hero_container p {
		padding: 0 20px;
	}
	.ownership .suite_amenities_element .sa_text {
		width: 85%;
	}
	.ownership .ownership_image .grid.col-940 {
		padding-left: 30px;
		padding-right: 30px;
		box-sizing: border-box;
	}
	iframe {
		width: 100%;
	}
	.ownership .ownership_hero_container iframe {
		width: 90%;
		height: auto;
		margin: 0 auto;
	}
}

@media screen and (min-width: 501px) and (max-width: 768px) {
	#lightbox5 {
		width: 90%;
		transform: translateX(-50%);
		margin-left: 0;
	}
}

@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;
	}
}
/* Smaller mobile devices only */
@media screen and (max-width : 500px) {

	/* Header */
	.cui_header_container nav {
		top: 54px;
	}
	.cui_header_container a.logo_container {
		left: 10px;
		transform: none;
	}
	.cui_header_container, #cui_sticky_header {
		height: 54px;
	}
	.cui_header_container .mobile_menu_btn {
		top: 9px;
		font-size: 30px;
	}
	#cui_sticky_header .mobile_menu_btn {
		top: 8px;
		font-size: 30px;
	}
	body.home .cui_hero_container .cui_hero_sub_container .text_container {
		padding-left: 10px;
		padding-right: 10px;
		padding-top: 30px;
	}
	body.home .cui_hero_container .cui_hero_sub_container h2 {
		font-size: 30px;
		line-height: 40px;
	}
	body.home .cui_hero_container .cui_hero_sub_container .cta_container a.blue.button {
		font-size: 22px;
		padding: 14px 20px 16px;
		width: 100%;
		line-height: 30px;
	}
	.home .cui_text_cta_container.cui_catch_all_container .cta_container a.blue.button {
		width: 100%;
	}

	.page_title_container h1 {
		line-height: 40px;
		position: relative;
	}
	.cui_header_container .inner_header {
		padding: 0 20px;
	}
	.cui_header_container .site_logo,
	#cui_sticky_header .site_logo {
		background-image: url('../../../images/teams/san-jose-sharks-logo-100px-sq.png');
		width: 30px;
		height: 54px;
		background-size: 30px 30px;
		padding: 0;
	}

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

	#edp_header {
		top: 54px;
	}
	#edp_container .listing_list_row .ll_thumbnail {
		width: 100%;
	}

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

	body.home .cui_hero_container .cui_hero_sub_container {
		transform: translateY(-27%);
	}
	.cui_hero_container .cui_hero_sub_container .text_container {
		padding: 20px;
	}
	.cui_hero_container .cui_hero_sub_container h2 {
		font-size: 36px;
		line-height: 36px;
	}
	.cui_hero_container .col-1_3 {
		padding: 10px 20px 30px;
		width: 100%;
	}
	.cui_text_cta_container .cta_container a {
		font-size: 20px;
	}

	#mobile_sort_filter_btn {
		display: none !important;
	}

	/* Explore suites page */
	.suites .suite_amenities_widget {
		margin-top: -103px;
		min-height: 75px;
	}
	.suites .suite_amenities_inner {
		margin-bottom: 15px;
	}
	.suites .suite_amenities_detail {
		height: 100px;
		padding-top: 20px;
	}
	.suites .suite_amenities_element {
		padding: 0;
	}

	/* Ownership */
	.ownership .ownership_heading {
		font-size: 22px;
	}
	.ownership .suite_amenities_inner {
		padding: 20px;
	}
	.ownership .suite_amenities_inner .suite_amenities_element {
		padding: 20px;
	}
	.ownership .suite_amenities_element .sa_icon {
		width: 100%;
		margin-bottom: 10px;
	}
	.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 .suite_amenities_element .sa_text li {
		text-align: left;
	}

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

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

}

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