/* Overrides nav and footer text styles from default to match big event styles, per Feb 2024 UI spec updates */
.company-logo {
	--event-font-weight: 700;
	--event-font-style: italic;
	--event-text-transform: uppercase;
}
/* END Overrides nav and footer text styles, per Feb 2024 UI spec updates */

/* Changes event icon color for dark theme */
.dark-theme {
	--event-icon: var(--event-icon-dark);
}
/* END Changes event icon color for dark theme */


/* Adds dynamic width for banner content */
.esri-banner .flex-box-child:first-child:only-child { inline-size: 100%; }

@media (min-width: 760px){ .esri-banner .flex-box-child:first-child:only-child { inline-size: 50%; } }
/* END Adds dynamic width for banner content */


/* Adds 50% width content headers */
.heading-50 .flex-box-child.rf-grid-layout-100 { inline-size: 100%; }

@media (min-width: 760px) and (max-width: 1075px){ .heading-50 .flex-box-child.rf-grid-layout-100 { inline-size: 75%; } }

@media (min-width: 1075px){ .heading-50 .flex-box-child.rf-grid-layout-100 { inline-size: 50%; } }
/* Adds 50% width content headers */


/* Adds 70% width content headers */
.heading-70 .flex-box-child.rf-grid-layout-100 { inline-size: 100%; }

@media (min-width: 760px) and (max-width: 1075px){ .heading-70 .flex-box-child.rf-grid-layout-100 { inline-size: 75%; } }

@media (min-width: 1075px){ .heading-70 .flex-box-child.rf-grid-layout-100 { inline-size: 70%; } }
/* Adds 70% width content headers */


/* Fix Session Survey a11y background color issue */
.my-survey-list-card .card-survey-incomplete div {
	--rf-brand-color-text-body: var(--calcite-ui-text-inverse);
}
/* END Fix Session Survey a11y background color issue */


/* Copied Custom CSS from UC Speakers page, fixes styling of items inside card */
#rf-speakercatalog.rf-widget .catalog-result.speaker-card {
	align-content: space-between;
	gap: 0 var(--space-5) !important;
}


#rf-speakercatalog.rf-widget .catalog-result.speaker-card :is(.speaker-full-name, .speaker-company-name) {
	margin-inline: 0 !important;
}

#rf-speakercatalog.rf-widget .catalog-result.speaker-card .speaker-full-name {
	font-size: var(--font-0);
}

#rf-speakercatalog.rf-widget .catalog-result.speaker-card .speaker-company-name {
	margin-block-end: 0 !important;
	font-size: var(--font--2);
}

@media(min-width: 800px)and (max-width: 1299px) {
    #rf-speakercatalog.rf-widget .catalog-result.speaker-card {
        max-inline-size: 50%;
    }
}

@media(min-width: 1300px) {
    #rf-speakercatalog.rf-widget .catalog-result.speaker-card {
        max-inline-size: 33%;
    }
}
/* END Copied Custom CSS from UC Speakers page */


/* Makes location link styles match other text in embedded webinar */
#widget-page-session-details .webinar-player-info .webinar-info-content .webinar-info-session-details .session-location {
	--event-cta-color: var(--calcite-ui-text-1);
	--event-cta-color-hover: var(--calcite-ui-text-1);
}

#widget-page-session-details .webinar-player-info .webinar-info-content .webinar-info-session-details .session-location:hover {
	--event-third-alt: transparent;
}
/* END Makes location link styles match other text in embedded webinar */


/* Fixes Media Gallery Card sizing and wrapping */
.esri-media-gallery-card .flex-box-section {
	flex-wrap: wrap;
}

.esri-media-gallery-card .flex-box-child {
    margin: 0;
    padding: 0 !important;
}

@media all and (min-width: 1200px) {
    .esri-media-gallery-card .flex-box-section {
        gap: 0 var(--space-2);
        justify-content: space-between;
    }

	.esri-media-gallery-card .rf-grid-layout-25 {
		inline-size: 24%
	}
}
/* END Fixes Media Gallery Card sizing and wrapping */


/* Adds vertical pipe before location link in session times-component on summary and detailed views */
.times-component .session-location.mdBtnR-link {
	padding-inline-start: 2px;
}
/* END Adds vertical pipe before location link in session times-component on summary and detailed views */


/* Styles for "Request sales follow up" button in detailed session view */
#widget-page-session-details .session-details-container .sd-section-sm .exhibitor-card {
	padding: 0;
	margin-block-start: var(--space-10);
	border: none;
}

#widget-page-session-details .session-details-container .sd-section-sm .exhibitor-card .exhibitor-details {
	margin: 0;
}

#widget-page-session-details .session-details-container .sd-section-sm .exhibitor-card :is(.favorite-catalog-result, .exhibitor-name) {
	display: none;
	visibility: hidden;
}
/* END Styles for "Request sales follow up" button in detailed session view */


/* Fixes large mobile view for home page banner video section */
@media (min-width: 768px) and (max-width: 900px) {
	.esri-banner .flex-box-section {
		flex-direction: column !important;
	}

	.esri-banner .rf-grid-layout-50 {
		width: 100% !important;
	}
}
/* END Fixes large moible view for home page banner video section */


/* ----------- Session Catalog Branding ----------- */
#rf-catalog .search-content .section-title {
	display: none;
	visibility: hidden;
}
/* ----------- END Session Catalog Branding ----------- */


/* Changes My Schedule Sign out button hoverstate */
.esri-banner.dark-theme.sign-out {
	--event-cta-color-hover: var(--calcite-ui-danger-hover);
}
/* END Changes My Schedule Sign out button hoverstate */

/* Adds box shadow around Vimeo player in banner */
.esri-banner .rf-video-player.rf-vimeo-player {
	box-shadow: 0px 0px 8px 20px rgba(0,0,0,0.15), 0px 0px 7px 0px #323232;
}
/* END Adds box shawdow around Vimeo player in banner */

/* Makes DA back to catalog bottom border and SVG match event prime color */
.back-to-catalog-container a {
	background-image: linear-gradient(var(--event-cta-color), transparent),linear-gradient(var(--event-cta-color-hover), var(--event-cta-color-hover));
}

.back-to-catalog-container a svg {
	fill: var(--event-prime);
}

.back-to-catalog-container a:is(:hover, :focus) svg {
	fill: var(--event-prime-alt);
}

.back-to-catalog-container a:is(:hover, :focus) {
  background-image: linear-gradient(currentColor, currentColor),linear-gradient(var(--event-cta-color-hover), var(--event-cta-color-hover));
}
/* END Makes DA back to catalog bottom border and SVG match event prime color */


/* Sets filter/search to be one row and hides filter label */
#rf-speakercatalog .search-filters .filters-header {
	display: inline-flex;
	flex-direction: row;
	gap: var(--sapce-4, 16px);
}

#rf-speakercatalog .filters-header #filters-header {
	display: none;
	order: 1;
}

#rf-speakercatalog .filters-header .search-bar {
	order: 2;
	padding-block-start: initial !important;
}

#rf-speakercatalog .filters-header .clear-search {
	order: 3;
}
/* END Sets filter/search to be one row and hides filter label */



/* Edits registration card header with bottom gradient border */
.rf-card .card-header {border-image: var(--event-gradient-divider);}

.rf-card .card-header{
	background-color: var(--rf-brand-color-surface);
    border: 1px solid var(--rf-brand-color-border);
    border-bottom: 1px solid var(--rf-brand-color-border);
    border-radius: var(--rf-brand-shape-radius) var(--rf-brand-shape-radius) 0 0;
    padding: 8px 20px;
	margin: 0px;
}

.rf-card .card-header .card-header-title{
    margin: 0;
    padding: 0;
    font-weight: 600 !important;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    padding-right: 4px;
    flex: 1;
    font-size: var(--rf-brand-font-scale-4);
    text-transform: none !important;
    line-height: 1.4em;
    color: var(--rf-brand-color-text-heading);
    font-family: var(--rf-brand-font-family-heading);
    font-style: normal !important;
}
.rf-card .card-body{
    border: 1px solid var(--rf-brand-color-border);
    border-top: 0;
}

@media (max-width: 1074px){.rf-org-secondary-header-container{display: none;}}
.esri-header .mobile-secondary-nav{display: none;}
@media (max-width: 1074px){.esri-header .mobile-secondary-nav{display: flex;}}


.rf-org-secondary-header-container{background-color: var(--calcite-ui-background); border-block-end: 1px solid var(--calcite-ui-border-3);}

@media (min-width: 1350px){.esri-secondary-navigation{max-inline-size: 1350px; margin: 0 auto;}}


@media (min-width: 1075px){
  .secondary-navigation{
    display: flex;
    flex-direction: row;
    justify-content: flex-end;
    align-items: center;
    position: unset;
    list-style: none;
    margin: 0;
  }
}

@media (min-width: 1075px){
  	.secondary-navigation .secondary-navigation__links{
      cursor: pointer;
      padding-inline: 10px;
  }
}

.secondary-navigation .secondary-navigation__links a:is(:hover, :active){color: var(--calcite-ui-text-1);}
.secondary-navigation .secondary-navigation__links:focus, .esri-header .navigation__links:is(:focus, :focus-within){border: 2px solid var(--rf-brand-primary); border-radius: 10px;}


.secondary-navigation .secondary-navigation__links a{
	text-decoration: none;
  	cursor: pointer;
    font-size: var(--font--1);
    color: var(--calcite-ui-text-3);
    background: none;
    block-size: 36px;
    display: flex;
    flex-direction: column;
    justify-content: center;
}
.secondary-navigation .secondary-navigation__links a[target="_blank"]{
	padding-inline-end: 20px;
}
.secondary-navigation .secondary-navigation__links a calcite-icon{
  	position: absolute;
    right: 0;
}

@media (max-width: 1074px){
	.esri-header .navigation{padding-inline: 20px;}
	.esri-header .navigation__links{border-bottom: 1px solid var(--calcite-ui-foreground-3);}
	.esri-header .navigation__links a{width: 100%;}
  .esri-header .navigation__links a calcite-icon{position: absolute; right:0;}
}

.esri-header .navigation__links:is(:hover, :active){border-block-end-color: var(--rf-brand-primary);}
.esri-header .navigation__links.primary__navlink a{color: var(--rf-brand-primary);}
@media (min-width: 1075px){.esri-header .company-logo{max-inline-size:500px;}}
@media (min-width: 1075px){.esri-navigation .navigation__links{padding-inline: var(--space-4);}}

@media (min-width: 1075px) and (max-width:1349px){.esri-header .company-logo{max-inline-size:400px;}}
@media (min-width: 1075px) and (max-width:1349px){.esri-navigation .navigation__links{padding-inline: var(--space-1);}}
@media (min-width: 1075px) and (max-width:1349px){.esri-header .navigation__links :is(a, .dropdown){font-size: var(--font--1);}}

@media (min-width: 1075px){.esri-header{align-items: stretch;}}
@media (min-width: 1075px){.esri-navigation{display: flex;}}
@media (min-width: 1075px){.esri-header .navigation__links{min-block-size: 100%;}}
@media (min-width: 1075px){.esri-navigation .navigation{padding-inline-start: 20px;}}
  
/* END Edits registration card header with bottom gradient border */