/* ----- APPOINTMENTS ----- */
/* Calendar */
/* #rf-calendar .rbc-event.schedule-calendar-session.session-speaker { --rf-brand-calendar-speaker: #6a6a6a; } */
/* Scheduler styles */
.meeting-scheduler-tabs-frame { height: fit-content; }

.meeting-scheduler-tabs-frame .frame-tabs-container menu,
.meeting-scheduler-tabs-frame .scheduling-grid-div {
	width: 100%;
	max-width: 1350px;
	margin-inline: auto !important;
}

.meeting-scheduler-tabs-frame .hosts-search-output { padding: var(--space-10) 0; }

.meeting-scheduler-tabs-frame .hosts-search-output .md-frame-header { border: none; }

.meeting-scheduler-tabs-frame .hosts-search-output :where(.md-frame-header, .search-criteria-container, .search-container-footer, .rf-search-results-container) {
	max-width: 1350px;
	margin-inline: auto;
}

.rf-page-search-container {
	border-top: 2px solid var(--rf-brand-color-border);
	padding-block-end: var(--space-3);
}

.scheduling-grid-div.meeting-scheduler.uniform-spacing {
	padding-block: 0;
	overflow-x: hidden;
}

.filter-panel, .meeting-schedule-filtered-content, .hosts-search-output { padding-block: var(--space-10) !important; }

.meeting-scheduler-tabs-frame .hosts-search-output .rf-search-results-container { 
	overflow: scroll;
	height: 500px;
}

.side-filter-divider .collapse-expand-btn { border: 1px solid var(--calcite-ui-border-1); }

.meeting-schedule-filters-container .filter-panel.hide-filter-panel { margin-inline-end: 20px; }

.scheduling-grid-div .session-grid-content-wrapper .frame-tabs-container { --rf-brand-shape-radius: var(--event-card-border-radius); }

/* -- Styles topic descriptions in appointments form -- */
.topic-description { padding-block: 0 var(--space-5); padding-inline-start: var(--space-5); }
.topic-name { padding-inline-start: var(--space-5); }
/* ----- END APPOINTMENTS ----- */




/* **** Esri Styles to keep in branding profiles **** */
/* --- Session Badge with Calcite Chip styles --- */
/* -- General/Event Portal Session Pills		(shows default badges for any instance of a session on a dynamic page) */
#rf-content :is(.search-results, .sessions-collection) .catalog-result.session-result .badges :not(.rf-session-type, .rf-session-level, .rf-access-type) { display: none; }
/* -- Targeted Agenda Specific Session Pills	(shows badges that should only display in Targeted Agendas, not in Event Portals) */
:where(#rf-collection, .rf-default-modal) :is(.search-results, .sessions-collection) .catalog-result.session-result .badges :not(.rf-session-type, .rf-session-level, .rf-access-type, .rf-esri-conference-full-name) { display: none; }
/* END Session Badge with Calcite Chip styles */

/* -- Workflow Banner Background Image Style -- */
.rf-workflow-body-content .rf-workflow-header {
  	background-image: url("https://www.esri.com/content/dam/esrisites/en-us/about/events/user-conference/assets/2025/rainfocus/uc-25-rf-banner-sm.jpg");
	background-repeat: no-repeat;
    -webkit-background-size: cover;
    background-size: cover;
    background-position: center center;
}
/* **** END Esri Styles to keep in branding profiles **** */


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


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


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

/* --- END Defines authorable classes -- */



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



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


/* Styling updates for survey card */
.page-builder-display-reset .my-survey-list-card .card-header .card-header-title{
  	margin-bottom: 0;
    text-transform: uppercase !important;
    font-size: var(--font-4);
    font-weight: 700 !important;
    font-style: italic !important;
}
.page-builder-display-reset .my-survey-list-card .card-body h5{
	font-weight: 600 !important;
    font-size: var(--font-2);
    font-style: normal !important;
    margin-block-start: 0;
    margin-block-end: 12px;
    padding-inline-start: var(--space-3);
}
.page-builder-display-reset .my-survey-list-card .card-body .rf-table-container .rf-table .table-row>div{
	font-size: var(--font-0);
}
.page-builder-display-reset .my-survey-list-card .card-body .rf-table-container .rf-table .table-row.completed{
	background-color: var(--session-survey-card-completed-background) !important;
  	cursor: default;
  	border: none !important;
}
.esri-card.centered-esri-card h2{
    font-size: var(--font-4) !important;
    font-weight: 700 !important;
    font-style: italic !important;
}
.esri-card.centered-esri-card .rf-headline-content p{
    margin-bottom: 0;
}
.rf-card.my-survey-list-card .card-survey-completed{
	margin-block-start: var(--space-6);
}
/* End of Styling updates for survey card */


/* Esri Modal Styles */
:where(.modal-body, .modal-footer) {
	--rf-system-color-neutral-0: var(--calcite-ui-foreground-1);
	--rf-system-color-neutral-100: var(--calcite-ui-text-1);
	--rf-brand-color-surface: var(--calcite-ui-foreground-1);
	--rf-brand-shape-radius: var(--event-card-border-radius);
}

.modal-body {
	border-radius: var(--event-card-border-radius) var(--event-card-border-radius) 0px 0px;
}

.modal-footer {
	border-radius: 0px 0px var(--event-card-border-radius) var(--event-card-border-radius);
	border-top: none !important;
	padding: 0 20px 20px !important;
}

#eventModal2 .modal-footer .mdBtnR {
	--rf-system-color-neutral-0: initial;
	--rf-system-color-neutral-100: initial;
	border-color: var(--event-cta-color);
	background: transparent;
}

#eventModal2 .modal-footer .mdBtnR:is(:hover, :active, :focus) {
	background-color: var(--event-cta-color-hover);
	border-color: var(--event-cta-color-hover);
	opacity: initial;
	color: var(--calcite-ui-text-inverse);
}
/* END Esri Modal Styles */




/* Invite Only Workflow Header Log In Page Override */
body[class*='esri-25uc-sign-in'] #rf-content #special-div .rf-workflow-header .rfwf-full-panel.rfwf-header .rfwf-headline h1 {
/* :where(.esri-25uc-sign-in-bls-login, .esri-25uc-sign-in-dis-login, .esri-25uc-sign-in-gds-login, .esri-25uc-sign-in-nges-login, .esri-25uc-sign-in-ses-login) #rf-content #special-div .rf-workflow-header .rfwf-full-panel.rfwf-header .rfwf-headline h1 { */
    font-size: var(--font-4) !important;
    font-style: var(--event-font-style) !important;
    text-transform: var(--event-text-transform) !important;
}


body[class*='esri-25uc-sign-in'] #rf-content #special-div .rf-workflow-header .rfwf-full-panel.rfwf-header .rfwf-panel-interior {
/* :where(.esri-25uc-sign-in-bls-login, .esri-25uc-sign-in-dis-login, .esri-25uc-sign-in-gds-login, .esri-25uc-sign-in-nges-login, .esri-25uc-sign-in-ses-login) #rf-content #special-div .rf-workflow-header .rfwf-full-panel.rfwf-header .rfwf-panel-interior { */
  max-width: 1350px !important;
}

body[class*='esri-25uc-sign-in'] #workflow-login-page .rfwf-login-page {
/* :where(.esri-25uc-sign-in-bls-login, .esri-25uc-sign-in-dis-login, .esri-25uc-sign-in-gds-login, .esri-25uc-sign-in-nges-login, .esri-25uc-sign-in-ses-login) #workflow-login-page .rfwf-login-page { */
  padding: var(--space-16) 0;
}
/* END Invite Only Workflow Header Log In Page Override */


/* Fixes Session List Card header styling | WF ref#5507840 */
.workflow-targeted-agenda.is-carousel .targeted-agenda-header {
    flex-wrap: wrap;
    gap: var(--space-6) var(--space-8);
    margin-block-end: var(--space-8);
}

.workflow-targeted-agenda.is-carousel .targeted-agenda-sub-header {
    max-width: 80%;
    /* font-size: var(--font-0); */
    --event-font-weight: normal;
    --event-font-style: normal;
    --event-text-transform: none;
}

.workflow-targeted-agenda.is-carousel .targeted-agenda-sub-header > :only-child {
    margin: 0;
    font-size: var(--font-0);
}

.workflow-targeted-agenda.is-carousel .targeted-agenda-action.link {
    text-wrap: nowrap;
}

.workflow-targeted-agenda.is-carousel .targeted-agenda-header .rf-flex-frame {
    gap: var(--space-8);
}

.workflow-targeted-agenda.is-carousel .targeted-agenda-header .rf-flex-frame .carousel-arrows {
    margin: 0;
    align-items: center;
}

@media all and (min-width: 950px) {
    .workflow-targeted-agenda.is-carousel .targeted-agenda-header {
        flex-wrap: nowrap;
    }
}
/* END Fixes Session List Card header styling */



/* Pigeonhole video override (fixes video being 100% width and pushing Q&A down on non-mobile screens) */
@media all and (min-width: 1020px) {
	.pigeonhole-room-child.pigeonhole-room-video.room-video-small {
		min-width: calc(100% - 337px);
	}
)


