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


/* Overrides pink border gradient */
.rf-card .card-header {border-image: var(--event-gradient-divider);}
/*  END Overrides pink border gradient */


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


/* Sets light/dark theme for event icons */
.light-theme {
--event-icon: var(--event-prime);
}

.dark-theme {
--event-icon: var(--event-prime-alt);
}
/* END Sets light/dark theme for event icons */

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