/* --- Footer Dark/Light Theme Adjustments --- */

/* Allows for SVGs in Footer to match text color */
.social-links li { height: 25px; }

.social-footer-links_icon path, .social-footer-links_icon circle { fill: var(--calcite-ui-text-1); }

a.social-footer-links_icon, .social-footer-links_icon svg { display: block; width: 100%; height: 100%; }

/* Sets height for bottom border of first footer row */
.footer-flex-row:nth-child(1) { border-width: 0 0 1.5px; }
/* --- END Footer Dark/Light Theme Adjustments --- */


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


/* --- Adding new authorable classes -- */
/* 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%; } }
/* END 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%; } }
/* END Adds 70% width content headers */

/* --- END Adding new authorable classes -- */


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



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


/* Fixes My Schedule Sign out button to always be white/black button and red on hover */
.esri-banner.sign-out { --event-cta-color: var(--calcite-ui-text-1); --event-cta-color-hover: var(--calcite-ui-danger-hover); }
/* END Fixes My Schedule Sign out button to always be white/black button */


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


/* START Removes header for Session Recommendation Card widget */
#rf-sessionrecommendations .action-header-title { display: none; visibility: hidden; }
/* END Removes header for Session Recommendation Card widget */


/* Adds vertical align for banner flex-box-child divs */
.esri-banner.valign-children_center .flex-box-section .flex-box-child { align-self: center; }
/* Adds vertical align for banner flex-box-child divs */
/* Fixes Nav item titles from wrapping */
.esri-navigation .navigation__links { width: max-content; }