- needed to position the dropdown content */ .dropdown { position: relative; display: inline-block; inline-size: 100%; } /* --- Dropdown Content (Hidden by Default) --- */ .dropdown-content { display: none; position: absolute; background-color: var(--calcite-ui-foreground-1); min-inline-size: 160px; z-index: 1; margin: 0; padding: 0; list-style: none; left: calc(var(--space-5) * -1); inset-block-start: 40px; inline-size: 100%; } /* -- Links inside the dropdown -- */ .esri-header .dropdown-content .dropdown-content__link a { color: var(--calcite-ui-text-1); text-decoration: none; display: block; block-size: initial; margin: var(--space-5); padding-block-end: var(--space-3); position: relative; background-image: linear-gradient(var(--calcite-ui-border-1), var(--calcite-ui-border-1)), linear-gradient(var(--event-cta-color, var(--calcite-ui-brand)), var(--event-cta-color, var(--calcite-ui-brand))); background-position: 100% 100%, 0% 100%; background-repeat: no-repeat, no-repeat; background-size: 100% 1px, 0% 1px; transition: background 350ms ease-in-out 0s; } .dropdown-content .dropdown-content__link a calcite-icon { position: absolute; right: 20%; opacity: 0; transition: opacity 500ms, right 500ms; } .dropdown-content .dropdown-content__link a:hover, .dropdown-content .dropdown-content__link a:focus { background-image: linear-gradient(var(--event-cta-color, var(--calcite-ui-brand)), var(--event-cta-color, var(--calcite-ui-brand))); background-size: 100% 1px, 100% 1px; transition: background 350ms ease-in-out 0s; text-decoration: none !important; color: var(--event-cta-color, var(--calcite-ui-brand)); /* icon and underline pick up this color */ } .dropdown-content .dropdown-content__link a:hover span, .dropdown-content .dropdown-content__link a:focus span { color: var(--calcite-ui-text-1); } .dropdown-content .dropdown-content__link a:hover calcite-icon, .dropdown-content .dropdown-content__link a:focus calcite-icon { opacity: 1; right: 0; } /* Shows the dropdown menu on hover */ .dropdown:hover .dropdown-content { display: block; } /* --- Mobile Nav --- */ .esri-header .mobile-nav { inline-size: 20px; block-size: 20px; cursor: pointer; } .esri-header .mobile-nav svg { inline-size: 100%; } /* --- Media Queries --- */ @media all and (max-width: 999px) { .esri-header .navigation__links:last-of-type { margin-block-end: 0; } } @media all and (min-width: 1075px) { .esri-header { align-items: center; } .esri-navigation { flex-grow: 1; } .esri-navigation .navigation { display: flex; flex-direction: row; justify-content: flex-end; align-items: center; position: unset; } .esri-navigation .navigation__links { padding-inline: var(--space-5); border-block-end-width: 3px; } .dropdown-content { inline-size: 30ch; } /* -- Mobile Navigation -- */ .esri-header .mobile-nav { display: none; } } @media all and (min-width: 1024px) { #rf-sessionrecommendations h4 { margin-block-end: var(--space-6); font-size: var(--space-12); } } @media all and (min-width: 1350px) { .esri-header { padding: 0; } } /* -- END Media Queries -- */ /* ----------- END Header ----------- */ /* ----------- Footer ----------- */ .esri-footer { color: var(--calcite-ui-text-1); background: linear-gradient(to var(--inline-end), var(--footer-gradient-start, var(--calcite-ui-foreground-1)), var(--footer-gradient-end, var(--calcite-ui-foreground-1))); margin-block-start: 90px; padding-inline: var(--space-5); } .esri-footer .company-logo { font-size: var(--font-6); display: flex; align-items: center; color: #FFFFFF; } .esri-footer .footer-container-interior { display: flex; flex-direction: column; } .footer-flex-row { display: flex; flex-direction: column; justify-content: space-between; } .footer-flex-row.legal-row { flex-direction: row; align-items: center; } .footer-flex-row.legal-row .footer-links { margin: 0; } .footer-flex-row:nth-child(1) { border-inline-width: 0; border-block-start-width: 0; border-style: solid; border-image: linear-gradient(var(--calcite-ui-border-1), transparent) 100; padding-block: var(--space-8); } .footer-flex-row:not(:first-of-type) { padding-block: var(--space-8); } .footer-section-title { color: var(--calcite-ui-text-1); font-weight: var(--event-font-weight); font-style: var(--event-font-style); font-size: var(-font-2); margin: 0 0 var(--space-4); } .footer-flex-item > p { margin: 0; color: var(--calcite-ui-text-1); } .esri-footer .footer-links { display: flex; flex-direction: column; row-gap: var(--space-2); margin: 0; padding: 0; list-style: none; } .esri-footer .social-links { display: flex; flex-direction: column; } .esri-footer .social-links .footer-links { flex-direction: row; column-gap: var(--space-6); } /* --- Footer Links --- */ .footer-links a { color: var(--calcite-ui-text-1) !important; min-inline-size: 20px; } .social-links a { background: none; } @media only screen and (min-width: 768px) { .footer-flex-row:nth-child(1) { padding-block: var(--space-16); } .footer-flex-row { flex-direction: row; } } /* ----------- END Footer ----------- */ /*=============================================*/ /* # End Header & Footer /*=============================================*/ /*=============================================*/ /* /* # Banners /* /*=============================================*/ /* ----------- Esri Hero Banner ----------- */ .esri-hero-banner { text-align: center; } .esri-hero-banner p { font-size: var(--font-4); max-inline-size: 700px; margin-inline-start: auto; margin-inline-end: auto; } /* ----------- Esri Banner ----------- */ .esri-banner { padding: var(--space-24) 0; } .esri-banner :is(h1, p, span) { padding: 0; margin: 0; } .esri-banner p { font-size: var(--font-4); opacity: 0.95; } /* Allows for small banner class to be authorable */ .esri-banner.small { padding: var(--space-3) 0; } .esri-banner.small h1 { font-size: var(--font-4); } /* Forces h1 to be only content visible on small banners */ .esri-banner.small .rf-headline-content div div > :not(h1) { display: none; } /* ----------- Registration banner ----------- */ .esri-registration-banner .flex-box-child { padding: 0 var(--space-4); margin: 0; } .esri-registration-banner .flex-box-child .rf-headline.mini { padding: 0; margin: 0; border: none; } .esri-registration-banner :is(h4, span) { --calcite-ui-text-1: var(--rf-brand-danger); color: var(--calcite-ui-text-1); font-size: var(--font-2); font-weight: var(--calcite-font-weight-bold); } .esri-registration-banner p { color: var(--calcite-ui-text-1); margin-block-end: 0; } .esri-registration-banner .mdBtnR-text { --calcite-ui-text-1: initial; } .esri-registration-banner > *:first-child { flex: 2; } .esri-registration-banner > * + * { flex: 1; display: flex; justify-content: flex-end; } .esri-registration-banner .rf-headline.mini div:not(:first-of-type), .esri-registration-banner .custom-cta-container-internal { display: flex; flex-direction: column; } /* --- Registration banner | Media Queries --- */ @media all and (min-width:1075px) { .esri-registration-banner .rf-headline.mini div:not(:first-of-type), .esri-registration-banner .custom-cta-container-internal { flex-direction: row; gap: 0 var(--space-4); } } /* END Registration banner */ /* ----------- Warning banner ----------- */ .esri-warning-banner p { text-align: center; font-weight: var(--calcite-font-weight-bold); } .esri-warning-banner .rf-headline-content > div { flex-flow: column; margin: 0 auto; } .esri-warning-banner .rf-headline-content > div .mdBtnR-text { white-space: normal; } /* --- Warning banner | Media Queries --- */ @media (min-width:700px) { .esri-warning-banner .rf-headline-content > div { flex-flow: row; inline-size: 60%; } } /* ----------- END Warning banner ----------- */ /*=============================================*/ /* # Cross-banner styles /*=============================================*/ /* Hero banner styles */ :is(.esri-banner, .esri-hero-banner) h1 { font-size: var(--font-8); letter-spacing: -0.02em; } /* Removes extra padding added by RF styles */ :is(.esri-banner, .esri-registration-banner, .esri-warning-banner) .rf-headline-interior > *, :is(.esri-banner, .esri-registration-banner, .esri-warning-banner) .rf-headline .rf-headline-content>div:first-of-type { margin-block-start: 0; margin-block-end: 0; padding-block-start: 0; padding-block-end: 0; } /* Banner container styling */ .esri-registration-banner, .esri-warning-banner { background-color: var(--calcite-ui-foreground-2); display: flex; align-items: center; flex-direction: column; text-align: center; padding-block: var(--space-6); } :is(.esri-registration-banner, .esri-warning-banner) .custom-cta-container > div { margin-block-start: var(--space-6); } /* Text */ :is(.esri-banner, .esri-hero-banner) :where(h1, h2, h3, h4, h5, h6, p) { color: var(--calcite-ui-text-1); } :is(.esri-registration-banner, .esri-warning-banner) p { color: var(--calcite-ui-text-1); font-size: var(--font-0); } :is(.esri-registration-banner, .esri-warning-banner) .rf-headline-content { display: flex; flex-direction: column; justify-content: center; align-items: center; gap: var(--space-6); } :is(.esri-registration-banner, .esri-warning-banner) :where(button, a):where(.mdBtnR, .mdBtnR-link) { display: flex; align-items: center; justify-content: center; } :is(.esri-registration-banner, .esri-warning-banner) .custom-cta-container-internal :is(button, a):is(.mdBtnR, .mdBtnR-link) { margin: var(--space-1) 0; } :is(.esri-registration-banner, .esri-warning-banner) :where(button, a) span.mdBtnR-text { white-space: normal; } :is(.esri-registration-banner, .esri-warning-banner) .mdBtnR+.mdBtnR { margin: 0; } :is(.esri-registration-banner, .esri-warning-banner) .flex-box-child > div { display: flex; align-items: center; height: 100%; } :is(.esri-registration-banner, .esri-warning-banner) .custom-cta-container-internal :where(button, a).mdBtnR-link { border-radius: initial; display: inline-flex; } :is(.esri-registration-banner, .esri-warning-banner) .custom-cta-container-internal :is(button, a):hover.mdBtnR-link, :is(.esri-registration-banner, .esri-warning-banner) .custom-cta-container-internal :is(button, a):focus.mdBtnR-link { background-image: linear-gradient(var(--event-cta-color), var(--event-cta-color)), linear-gradient(var(--event-cta-color-hover), var(--event-cta-color-hover)); background-size: 0% 1px, 100% 1px; background-position: 100% 100%, 0 100%; transition: background 350ms ease-in-out 0s; } :is(.esri-registration-banner, .esri-warning-banner) .custom-cta-container-internal span.mdBtnR-text { text-decoration: none; } .esri-registration-banner .flex-box-section .flex-box-child:last-child .rf-headline-content div:last-child { gap: var(--space-2); } /* --- Cross Banner Styles | Media Queries --- */ @media all and (min-width:769px) and (max-width:1074px) { .esri-registration-banner .flex-box-section .flex-box-child { flex-basis: 100%; } .esri-registration-banner .flex-box-section .flex-box-child:last-child .rf-headline-content div:last-child { flex-direction: row; } } @media all and (min-width:1075px) { :is(.esri-registration-banner, .esri-warning-banner), :is(.esri-registration-banner, .esri-warning-banner) .rf-headline-content { flex-direction: row; justify-content: flex-end; align-items: center; text-align: start; } :is(.esri-registration-banner, .esri-warning-banner) { padding-block: var(--space-4); } :is(.esri-registration-banner, .esri-warning-banner) .custom-cta-container > div { margin-block-start: 0; } } /* ----------- Cross-banner buttons ----------- */ /* makes button white/black in dark/light themes */ :is(.esri-registration-banner, .esri-warning-banner) { --event-cta-color: var(--event-second); } /* end makes button white/black in dark/light themes */ /*=============================================*/ /* # Cross-banner styles /*=============================================*/ /*=============================================*/ /* /* # END Banners /* /*=============================================*/ /*=============================================*/ /* /* # Common Styling /* Buttons, Inputs, Form elements, Icons, etc. /* /*=============================================*/ /* ----------- Video Container ----------- */ .video-container { position: relative; padding-block-start: initial; padding-block-end: 56.25%; block-size: 0; inline-size: 100%; aspect-ratio: 16 / 9; display: flex; align-items: end; justify-content: center; } .video-container iframe { position: absolute; inset-block-start: 0; left: 0; inline-size: 100%; block-size: 100%; } /* ----------- END Video Container ----------- */ /* ----------- Links ----------- */ a, .mdBtnR.mdBtnR-link, a.mdBtnR.mdBtnR-link { position: relative; display: inline; border-style: none; padding: 0px; color: var(--event-cta-color, var(--calcite-ui-brand)); transition: background 350ms ease-in-out 0s; text-decoration: none !important; line-height: inherit; white-space: initial; background-color: transparent; background-image: linear-gradient(currentColor, currentColor), linear-gradient(var(--calcite-link-blue-underline), var(--calcite-link-blue-underline)); background-position: 100% 100%, 0 100%; background-repeat: no-repeat, no-repeat; background-size: 100% 1px, 0% 1px; } :where(a, .mdBtnR.mdBtnR-link, a.mdBtnR.mdBtnR-link):hover, :where(a, .mdBtnR.mdBtnR-link, a.mdBtnR.mdBtnR-link):focus { background-image: linear-gradient(currentColor, currentColor), linear-gradient(var(--calcite-ui-brand-hover), var(--calcite-ui-brand-hover)); background-size: 0% 1px, 100% 1px; background-position: 100% 100%, 0 100%; transition: background 350ms ease-in-out 0s; } :where(h1, h2, h3, h4, h5, h6) a { --caclite-link-blue-underline: transparent; } /* Override styles for links */ :is(#rf-catalog, #rf-exhibitorcatalog, #rf-speakercatalog).rf-widget .exhibitor-details-content a { background-image: linear-gradient(var(--calcite-link-blue-underline), var(--calcite-link-blue-underline)), linear-gradient(var(--calcite-ui-brand-hover), var(--calcite-ui-brand-hover)) !important; } /* Widget links */ [id*=rf-].rf-widget .mdBtnR-link { border-radius: initial !important; background-image: linear-gradient(var(--event-cta-color), transparent), linear-gradient(var(--event-cta-color-hover), var(--event-cta-color-hover)); background-position: 100% 100%, 0% 100%; background-repeat: no-repeat, no-repeat; background-size: 100% 1px, 0% 1px; transition: background 350ms ease-in-out 0s; } [id*=rf-].rf-widget .mdBtnR-link:hover { background-image: linear-gradient(var(--event-cta-color), var(--event-cta-color)), linear-gradient(var(--event-cta-color-hover), var(--event-cta-color-hover)); background-size: 0% 1px, 100% 1px; background-position: 100% 100%, 0 100%; transition: background 350ms ease-in-out 0s; } [id*=rf-].rf-widget .mdBtnR-link:hover span { text-decoration: none; } /* ----------- Buttons ----------- */ [id*=rf-].rf-widget .session-actions .mdBtnR, [id*=rf-].rf-widget .search-container .search-content .show-more-btn, :where(#rf-catalog, #rf-exhibitorcatalog, #rf-speakercatalog).rf-widget .session-actions .mdBtnR, :where(#rf-catalog, #rf-exhibitorcatalog, #rf-speakercatalog).rf-widget .search-container .search-content .show-more-btn, .rf-default-modal .catalog-result ul.session-actions > li .session-action, .modal-body .search-container .search-content .show-more-btn, .modal-body .session-actions .mdBtnR { block-size: auto; } [id*=rf-].rf-widget :is(a.mdBtnR-primary, .mdBtnR-primary), #rf-catalog :is(a.mdBtnR-primary, .mdBtnR-primary), :is(.rf-body, .rf-default-modal) :is(a.mdBtnR-primary, .mdBtnR-primary) { background-color: var(--event-cta-color); border-color: var(--event-cta-color); } [id*=rf-].rf-widget .mdBtnR, #rf-catalog .mdBtnR, :is(.rf-body, .rf-default-modal) .mdBtnR { border-radius: var(--event-border-radius); letter-spacing: 0; } [id*=rf-].rf-widget :is(a.mdBtnR-outline-primary, .mdBtnR-outline-primary), #rf-catalog :is(a.mdBtnR-outline-primary, .mdBtnR-outline-primary), :is(.rf-body, .rf-default-modal) :is(a.mdBtnR-outline-primary, .mdBtnR-outline-primary) { border-color: var(--event-cta-color); background: transparent; color: var(--event-cta-color); } [id*=rf-].rf-widget :is(.mdBtnR-add-a-thing, .mdBtnR-adv), #rf-catalog :is(.mdBtnR-add-a-thing, .mdBtnR-adv), :is(.rf-body, .rf-default-modal) :is(.mdBtnR-add-a-thing, .mdBtnR-adv) { display: flex; align-items: center; } /* Button Padding */ [id*=rf-].rf-widget .mdBtnR.mdBtnR-sm, #rf-catalog .mdBtnR.mdBtnR-sm, :is(.rf-body, .rf-default-modal) .mdBtnR.mdBtnR-sm { padding: var(--space-2) var(--space-3); } [id*=rf-].rf-widget :is(a.mdBtnR-primary, a.mdBtnR-outline-primary, .mdBtnR-primary, .mdBtnR-outline-primary), #rf-catalog :is(a.mdBtnR-primary, a.mdBtnR-outline-primary, .mdBtnR-primary, .mdBtnR-outline-primary), :is(.rf-body, .rf-default-modal) :is(a.mdBtnR-primary, a.mdBtnR-outline-primary, .mdBtnR-primary, .mdBtnR-outline-primary) { padding: var(--space-3) var(--space-6); } /* Button Text */ [id*=rf-].rf-widget :is(a.mdBtnR-primary, .mdBtnR-primary) .mdBtnR-text, #rf-catalog :is(a.mdBtnR-primary, .mdBtnR-primary) .mdBtnR-text, :is(.rf-body, .rf-default-modal) :is(a.mdBtnR-primary, .mdBtnR-primary) .mdBtnR-text { color: var(--calcite-ui-text-inverse); } /* Sets dark theme text color */ .dark-theme :is(a.mdBtnR-primary, .mdBtnR-primary):hover .mdBtnR-text, .dark-theme :is(a.mdBtnR-primary, .mdBtnR-primary):focus .mdBtnR-text { --calcite-ui-text-inverse: #FFFFFF; } [id*=rf-].rf-widget :is(a.mdBtnR-outline-primary, .mdBtnR-outline-primary) .mdBtnR-text, #rf-catalog :is(a.mdBtnR-outline-primary, .mdBtnR-outline-primary) .mdBtnR-text, :is(.rf-body, .rf-default-modal) :is(a.mdBtnR-outline-primary, .mdBtnR-outline-primary) .mdBtnR-text { color: var(--event-cta-color); } [id*=rf-].rf-widget .mdBtnR.mdBtnR-link .mdBtnR-text, #rf-catalog .mdBtnR.mdBtnR-link .mdBtnR-text, :is(.rf-body, .rf-default-modal) .mdBtnR.mdBtnR-link .mdBtnR-text { font-size: var(--font-0); } [id*=rf-].rf-widget .mdBtnR .mdBtnR-text, [id*=rf-].rf-widget .mdBtnR, #rf-catalog .mdBtnR .mdBtnR-text, #rf-catalog .mdBtnR, :is(.rf-body, .rf-default-modal) .mdBtnR .mdBtnR-text, :is(.rf-body, .rf-default-modal) .mdBtnR { font-weight: var(--event-font-weight); font-size: var(--font--1); text-transform: var(--event-text-transform); font-style: var(--event-font-style); } [id*=rf-].rf-widget :is(a.mdBtnR-primary, a.mdBtnR-outline-primary, .mdBtnR-primary, .mdBtnR-outline-primary):hover .mdBtnR-text, [id*=rf-].rf-widget :is(a.mdBtnR-primary, a.mdBtnR-outline-primary, .mdBtnR-primary, .mdBtnR-outline-primary):focus .mdBtnR-text, #rf-catalog :is(a.mdBtnR-primary, a.mdBtnR-outline-primary, .mdBtnR-primary, .mdBtnR-outline-primary):hover .mdBtnR-text, #rf-catalog :is(a.mdBtnR-primary, a.mdBtnR-outline-primary, .mdBtnR-primary, .mdBtnR-outline-primary):focus .mdBtnR-text, :is(.rf-body, .rf-default-modal) :is(a.mdBtnR-primary, a.mdBtnR-outline-primary, .mdBtnR-primary, .mdBtnR-outline-primary):hover .mdBtnR-text, :is(.rf-body, .rf-default-modal) :is(a.mdBtnR-primary, a.mdBtnR-outline-primary, .mdBtnR-primary, .mdBtnR-outline-primary):focus .mdBtnR-text { color: var(--calcite-ui-text-inverse); text-decoration: none !important; } [id*=rf-].rf-widget :is(a.mdBtnR-text-button, a.mdBtnR-link, a.mdBtnR-add-a-thing, .mdBtnR-text-button, .mdBtnR-link, .mdBtnR-add-a-thing) .mdBtnR-text, #rf-catalog :is(a.mdBtnR-text-button, a.mdBtnR-link, a.mdBtnR-add-a-thing, .mdBtnR-text-button, .mdBtnR-link, .mdBtnR-add-a-thing) .mdBtnR-text, :is(.rf-body, .rf-default-modal) :is(a.mdBtnR-text-button, a.mdBtnR-link, a.mdBtnR-add-a-thing, .mdBtnR-text-button, .mdBtnR-link, .mdBtnR-add-a-thing) .mdBtnR-text { color: var(--event-cta-color); font-weight: normal !important; font-style: normal !important; text-transform: none; } /* END Button Text */ /* Button Icons */ [id*=rf-].rf-widget .mdBtnR-icon-button, #rf-catalog .mdBtnR-icon-button, :is(.rf-body, .rf-default-modal) .mdBtnR-icon-button { padding: 6px !important; border-radius: 100px !important; } /* Primary/Outline Primary button icons */ #rf-catalog :is(a.mdBtnR-primary, a.mdBtnR-outline-primary, .mdBtnR-primary, .mdBtnR-outline-primary) .rfSI svg, [id*=rf-].rf-widget :is(a.mdBtnR-primary, a.mdBtnR-outline-primary, .mdBtnR-primary, .mdBtnR-outline-primary) .rfSI svg, :is(.rf-body, .rf-default-modal) :is(a.mdBtnR-primary, a.mdBtnR-outline-primary, .mdBtnR-primary, .mdBtnR-outline-primary) .rfSI svg { color: var(--event-cta-color); } /* Text link icons */ [id*=rf-].rf-widget :is(a.mdBtnR-text-button, a.mdBtnR-link, a.mdBtnR-add-a-thing, .mdBtnR-text-button, .mdBtnR-link, .mdBtnR-add-a-thing) .rfSI svg, #rf-catalog :is(a.mdBtnR-text-button, a.mdBtnR-link, a.mdBtnR-add-a-thing, .mdBtnR-text-button, .mdBtnR-link, .mdBtnR-add-a-thing).rfSI svg, :is(.rf-body, .rf-default-modal) :is(a.mdBtnR-text-button, a.mdBtnR-link, a.mdBtnR-add-a-thing, .mdBtnR-text-button, .mdBtnR-link, .mdBtnR-add-a-thing) .rfSI svg { fill: var(--event-cta-color); } /* Primary/Outline Primary button icons hover/focus state */ [id*=rf-].rf-widget :is(a.mdBtnR-primary, a.mdBtnR-outline-primary, .mdBtnR-primary, .mdBtnR-outline-primary):hover .rfSI svg, [id*=rf-].rf-widget :is(a.mdBtnR-primary, a.mdBtnR-outline-primary, .mdBtnR-primary, .mdBtnR-outline-primary):focus .rfSI svg, #rf-catalog :is(a.mdBtnR-primary, a.mdBtnR-outline-primary, .mdBtnR-primary, .mdBtnR-outline-primary):hover .rfSI svg, #rf-catalog :is(a.mdBtnR-primary, a.mdBtnR-outline-primary, .mdBtnR-primary, .mdBtnR-outline-primary):focus .rfSI svg, :is(.rf-body, .rf-default-modal) :is(a.mdBtnR-primary, a.mdBtnR-outline-primary, .mdBtnR-primary, .mdBtnR-outline-primary):hover .rfSI svg, :is(.rf-body, .rf-default-modal) :is(a.mdBtnR-primary, a.mdBtnR-outline-primary, .mdBtnR-primary, .mdBtnR-outline-primary):focus .rfSI svg { fill: var(--calcite-ui-text-inverse); } /* Text link icons hover/focus state */ [id*=rf-].rf-widget :is(a.mdBtnR-text-button, a.mdBtnR-link, a.mdBtnR-add-a-thing, .mdBtnR-text-button, .mdBtnR-link, .mdBtnR-add-a-thing):hover .rfSI svg, #rf-catalog :is(a.mdBtnR-text-button, a.mdBtnR-link, a.mdBtnR-add-a-thing, .mdBtnR-text-button, .mdBtnR-link, .mdBtnR-add-a-thing):hover .rfSI svg, :is(.rf-body, .rf-default-modal) :is(a.mdBtnR-text-button, a.mdBtnR-link, a.mdBtnR-add-a-thing, .mdBtnR-text-button, .mdBtnR-link, .mdBtnR-add-a-thing):hover .rfSI svg { fill: var(--event-cta-color-hover); } /* --- Button Hover, Focus, Disabled States --- */ [id*=rf-].rf-widget .mdBtnR:focus, #rf-catalog .mdBtnR:focus, :is(.rf-body, .rf-default-modal) .mdBtnR:focus { box-shadow: 0 0 0 3px var(--rf-brand-accessibility-color) !important; -webkit-box-shadow: 0 0 0 3px var(--rf-brand-accessibility-color) !important; -moz-box-shadow: 0 0 0 3px var(--rf-brand-accessibility-color) !important; -ms-box-shadow: 0 0 0 3px var(--rf-brand-accessibility-color) !important; -o-box-shadow: 0 0 0 3px var(--rf-brand-accessibility-color) !important; } /* Primary/Outline Primary button hover/focus state */ [id*=rf-].rf-widget :is(a.mdBtnR-primary, a.mdBtnR-outline-primary, .mdBtnR-primary, .mdBtnR-outline-primary):hover, [id*=rf-].rf-widget :is(a.mdBtnR-primary, a.mdBtnR-outline-primary, .mdBtnR-primary, .mdBtnR-outline-primary):focus, #rf-catalog :is(a.mdBtnR-primary, a.mdBtnR-outline-primary, .mdBtnR-primary, .mdBtnR-outline-primary):hover, #rf-catalog :is(a.mdBtnR-primary, a.mdBtnR-outline-primary, .mdBtnR-primary, .mdBtnR-outline-primary):focus, :is(.rf-body, .rf-default-modal) :is(a.mdBtnR-primary, a.mdBtnR-outline-primary, .mdBtnR-primary, .mdBtnR-outline-primary):hover, :is(.rf-body, .rf-default-modal) :is(a.mdBtnR-primary, a.mdBtnR-outline-primary, .mdBtnR-primary, .mdBtnR-outline-primary):focus { background-color: var(--event-cta-color-hover); border-color: var(--event-cta-color-hover); text-decoration: none !important; } /* Text link text color hover state */ [id*=rf-].rf-widget :is(a.mdBtnR-text-button, a.mdBtnR-link, a.mdBtnR-add-a-thing, .mdBtnR-text-button, .mdBtnR-link, .mdBtnR-add-a-thing):hover .mdBtnR-text, #rf-catalog :is(a.mdBtnR-text-button, a.mdBtnR-link, a.mdBtnR-add-a-thing, .mdBtnR-text-button, .mdBtnR-link, .mdBtnR-add-a-thing):hover .mdBtnR-text, :is(.rf-body, .rf-default-modal) :is(a.mdBtnR-text-button, a.mdBtnR-link, a.mdBtnR-add-a-thing, .mdBtnR-text-button, .mdBtnR-link, .mdBtnR-add-a-thing):hover .mdBtnR-text { color: var(--event-cta-color-hover); } /* Primary/Outline Primary button disabled state */ [id*=rf-].rf-widget :is(a.mdBtnR-primary, a.mdBtnR-outline-primary, .mdBtnR-primary, .mdBtnR-outline-primary)[disabled], [id*=rf-].rf-widget :is(a.mdBtnR-primary, a.mdBtnR-outline-primary, .mdBtnR-primary, .mdBtnR-outline-primary):hover[disabled], [id*=rf-].rf-widget :is(a.mdBtnR-primary, a.mdBtnR-outline-primary, .mdBtnR-primary, .mdBtnR-outline-primary).disabled, [id*=rf-].rf-widget :is(a.mdBtnR-primary, a.mdBtnR-outline-primary, .mdBtnR-primary, .mdBtnR-outline-primary).disabled:hover, #rf-catalog :is(a.mdBtnR-primary, a.mdBtnR-outline-primary, .mdBtnR-primary, .mdBtnR-outline-primary)[disabled], #rf-catalog :is(a.mdBtnR-primary, a.mdBtnR-outline-primary, .mdBtnR-primary, .mdBtnR-outline-primary):hover[disabled], #rf-catalog :is(a.mdBtnR-primary, a.mdBtnR-outline-primary, .mdBtnR-primary, .mdBtnR-outline-primary).disabled, #rf-catalog :is(a.mdBtnR-primary, a.mdBtnR-outline-primary, .mdBtnR-primary, .mdBtnR-outline-primary).disabled:hover, :is(.rf-body, .rf-default-modal) :is(a.mdBtnR-primary, a.mdBtnR-outline-primary, .mdBtnR-primary, .mdBtnR-outline-primary)[disabled], :is(.rf-body, .rf-default-modal) :is(a.mdBtnR-primary, a.mdBtnR-outline-primary, .mdBtnR-primary, .mdBtnR-outline-primary):hover[disabled], :is(.rf-body, .rf-default-modal) :is(a.mdBtnR-primary, a.mdBtnR-outline-primary, .mdBtnR-primary, .mdBtnR-outline-primary).disabled, :is(.rf-body, .rf-default-modal) :is(a.mdBtnR-primary, a.mdBtnR-outline-primary, .mdBtnR-primary, .mdBtnR-outline-primary).disabled:hover { background: var(--event-cta-color); border-color: var(--event-cta-color); opacity: 30%; } /* Primary/Secondary/Outline text disabled state */ [id*=rf-].rf-widget :is(a.mdBtnR-primary, a.mdBtnR-outline-primary, .mdBtnR-primary, .mdBtnR-outline-primary)[disabled] .mdBtnR-text, [id*=rf-].rf-widget :is(a.mdBtnR-primary, a.mdBtnR-outline-primary, .mdBtnR-primary, .mdBtnR-outline-primary):hover[disabled] .mdBtnR-text, [id*=rf-].rf-widget :is(a.mdBtnR-primary, a.mdBtnR-outline-primary, .mdBtnR-primary, .mdBtnR-outline-primary).disabled .mdBtnR-text, [id*=rf-].rf-widget :is(a.mdBtnR-primary, a.mdBtnR-outline-primary, .mdBtnR-primary, .mdBtnR-outline-primary).disabled:hover .mdBtnR-text, #rf-catalog :is(a.mdBtnR-primary, a.mdBtnR-outline-primary, .mdBtnR-primary, .mdBtnR-outline-primary)[disabled] .mdBtnR-text, #rf-catalog :is(a.mdBtnR-primary, a.mdBtnR-outline-primary, .mdBtnR-primary, .mdBtnR-outline-primary):hover[disabled] .mdBtnR-text, #rf-catalog :is(a.mdBtnR-primary, a.mdBtnR-outline-primary, .mdBtnR-primary, .mdBtnR-outline-primary).disabled .mdBtnR-text, #rf-catalog :is(a.mdBtnR-primary, a.mdBtnR-outline-primary, .mdBtnR-primary, .mdBtnR-outline-primary).disabled:hover .mdBtnR-text, :is(.rf-body, .rf-default-modal) :is(a.mdBtnR-primary, a.mdBtnR-outline-primary, .mdBtnR-primary, .mdBtnR-outline-primary)[disabled] .mdBtnR-text, :is(.rf-body, .rf-default-modal) :is(a.mdBtnR-primary, a.mdBtnR-outline-primary, .mdBtnR-primary, .mdBtnR-outline-primary):hover[disabled] .mdBtnR-text, :is(.rf-body, .rf-default-modal) :is(a.mdBtnR-primary, a.mdBtnR-outline-primary, .mdBtnR-primary, .mdBtnR-outline-primary).disabled .mdBtnR-text, :is(.rf-body, .rf-default-modal) :is(a.mdBtnR-primary, a.mdBtnR-outline-primary, .mdBtnR-primary, .mdBtnR-outline-primary).disabled:hover .mdBtnR-text { color: #ffffff; } /* Small button text size */ [id*=rf-].rf-widget .mdBtnR.mdBtnR-sm .mdBtnR-text, #rf-catalog .mdBtnR.mdBtnR-sm .mdBtnR-text, :is(.rf-body, .rf-default-modal) .mdBtnR.mdBtnR-sm .mdBtnR-text { font-size: var(--font--1); } /* Catch-all link color */ [id*=rf-].rf-widget div[id*=rf-].rf-widget a, [id*=rf-].rf-widget div[id*=rf-].rf-widget a:link, [id*=rf-].rf-widget div[id*=rf-].rf-widget a:visited, [id*=rf-].rf-widget .rf-default-modal a, [id*=rf-].rf-widget .rf-default-modal a:link, [id*=rf-].rf-widget .rf-default-modal a:visited, #rf-catalog div[id*=rf-].rf-widget a, #rf-catalog div[id*=rf-].rf-widget a:link, #rf-catalog div[id*=rf-].rf-widget a:visited, #rf-catalog .rf-default-modal a, #rf-catalog .rf-default-modal a:link, #rf-catalog .rf-default-modal a:visited, :is(.rf-body, .rf-default-modal) div[id*=rf-].rf-widget a, :is(.rf-body, .rf-default-modal) div[id*=rf-].rf-widget a:link, :is(.rf-body, .rf-default-modal) div[id*=rf-].rf-widget a:visited, :is(.rf-body, .rf-default-modal) .rf-default-modal a, :is(.rf-body, .rf-default-modal) .rf-default-modal a:link, :is(.rf-body, .rf-default-modal) .rf-default-modal a:visited { color: var(--event-cta-color) !important; } /* END Button Hover, Focus, Disabled States */ @media all and (min-width: 1024px) { [id*=rf-].rf-widget .session-actions .mdBtnR, :where(#rf-catalog, #rf-exhibitorcatalog, #rf-speakercatalog).rf-widget .session-actions .mdBtnR, .rf-default-modal .catalog-result ul.session-actions > li .session-action, .modal-body .session-actions .mdBtnR { margin-inline-end: var(--space-6); } } /* ------------- Pills ----------- */ [id*=rf-].rf-widget .rf-pill-primary, :where(#rf-catalog, #rf-exhibitorcatalog, #rf-speakercatalog).rf-widget .rf-pill-primary, .modal-body .rf-pill-primary { background-color: var(--rf-brand-primary); border-color: var(--rf-brand-primary); } [id*=rf-].rf-widget .rf-pill-primary .rf-pill-text, :where(#rf-catalog, #rf-exhibitorcatalog, #rf-speakercatalog).rf-widget .rf-pill-primary .rf-pill-text, .modal-body .rf-pill-primary .rf-pill-text { color: var(--rf-brand-on-primary); } /* ----------- Favorites Icon ----------- */ .rfSI.favorite-catalog-result svg { fill: var(--calcite-ui-border-input) !important; } /* Styles favorites icon once a session has been added to favorites */ .favorite-catalog-result:hover svg, .favorite-catalog-result:focus svg, .favorite-catalog-result.favorited svg { fill: var(--event-cta-color) !important; } .favorited:hover svg, .favorited:focus svg { fill: var(--event-cta-color-hover) !important; } /* ----------- Forms ----------- */ /* --- Form elements --- */ .rf-select .select-dropdown-icon, .rf-select .select-dropdown-icon .dropdown-icon-background { block-size: 36px; } .dropdown-results-container .rf-singleselect .common-select-dropdown-option-item.active, .rf-overlay-new .rf-scroll-frame ul:not(.rf-select-selected) li:not(.group-header):not(.common-select-dropdown-option-item):hover, .rf-overlay-new .rf-scroll-frame ul:not(.rf-select-selected) li:not(.group-header):not(.common-select-dropdown-option-item):focus, .rf-overlay-new .rf-scroll-frame ul:not(.rf-select-selected) li:not(.group-header):not(.common-select-dropdown-option-item):focus-within, .rf-overlay-new .rf-scroll-frame ul:not(.rf-select-selected) li:not(.group-header):not(.common-select-dropdown-option-item).disabled:hover { background: var(--rf-brand-primary); } /* --- END Form elements --- */ /* --- Inputs --- */ [id*=rf-].rf-widget .rf-checkbox .checkbox-bg, [id*=rf-].rf-widget .rf-default-modal .rf-checkbox .checkbox-bg, :where(#rf-catalog, #rf-exhibitorcatalog, #rf-speakercatalog).rf-widget .rf-checkbox .checkbox-bg, :where(#rf-catalog, #rf-exhibitorcatalog, #rf-speakercatalog).rf-widget .rf-default-modal .rf-checkbox .checkbox-bg, .modal-body .rf-checkbox .checkbox-bg, .modal-body .rf-default-modal .rf-checkbox .checkbox-bg { border-color: var(--rf-brand-neutral-30); } /* --- Checkbox --- */ .rf-checkbox input[type=checkbox]:checked + .checkbox-bg { background: var(--rf-brand-primary) !important; border-color: var(--rf-brand-primary) !important; } /* ----------- END Forms ----------- */ /* ----------- Focus Definition ----------- */ .rf-accessibility button.rfSI:focus, .rf-accessibility input[type=checkbox]:focus, .rf-accessibility input[type=radio]:focus, .rf-accessibility .calendar-head :where(.next-day, .prev-day):focus, .rf-accessibility .card-header .card-controls:focus, .rf-accessibility .catalog-result.recommended .recommendation-actions button:focus, .rf-accessibility .catalog-result:focus, .rf-accessibility .checkbox input[type=checkbox]:focus, .rf-accessibility .favorite-catalog-result:focus, .rf-accessibility .flowplayer [role=button]:focus, .rf-accessibility .flowplayer [role=slider]:focus, .rf-accessibility .flowplayer [role=menuitem]:focus, .rf-accessibility .fp-volumebtn svg:focus, .rf-accessibility .fp-middle:focus .fp-play, .rf-accessibility .mdBtnR:not(.mdBtnR-text-button):not(.mdBtnR-link):focus, .rf-accessibility .radio input[type=radio]:focus, .rf-accessibility .schedule-calendar .rbc-day-slot .rbc-time-slot:focus, .rf-accessibility .schedule-calendar .rbc-event:focus, .rf-accessibility .search-bar .catalog-search .rf-input input:focus, .rf-accessibility .search-container .rf-facets .rf-tag:focus, .rf-accessibility .search-filters .filters .catalog-filter:focus, .rf-accessibility .session-downloads:focus, .rf-accessibility .sub-video-overlay:focus, .rf-accessibility .rf-catalog-tabs li button:focus, .rf-accessibility .rf-checkbox:focus .checkbox-bg, .rf-accessibility .rf-input input:not([type=checkbox]):not([type=radio]):not(.mdBtnR):focus, .rf-accessibility .rf-radio-option:focus, .rf-accessibility .rf-select .rf-dropdown-container .rf-dropdown-trigger input:focus, .rf-accessibility .rf-select select:focus, .rf-accessibility .rf-select select:not([multiple]):focus, .rf-accessibility .rf-select select:focus + .select-dropdown-icon .dropdown-icon-background, .rf-accessibility .rf-textarea textarea:focus, .rf-accessibility .rf-tile-avatar:focus { box-shadow: 0 0 0 3px var(--rf-brand-accessibility-color) !important; -webkit-box-shadow: 0 0 0 3px var(--rf-brand-accessibility-color) !important; -moz-box-shadow: 0 0 0 3px var(--rf-brand-accessibility-color) !important; -ms-box-shadow: 0 0 0 3px var(--rf-brand-accessibility-color) !important; -o-box-shadow: 0 0 0 3px var(--rf-brand-accessibility-color) !important; } /* ----------- END Focus Definition ----------- */ /* ----------- Border Definitions ----------- */ [id*=rf-].rf-widget #widget-page-session-details .webinar-player-info, [id*=rf-].rf-widget :where(.catalog-result, .session-details-page), [id*=rf-].rf-widget :where(.catalog-result, .session-details-page) .badges .badge, body div.ui-tooltip, button, div[id*=rf-].rf-widget, div[id*=rf-].rf-widget .rf-collections .collections-container :where(.demo-result, .speaker-card), div[id*=rf-].rf-widget .speaker-card .speaker-photo img, h3:not(.speaker-full-name), label .select2-container .select2-choice, label:where(.label, .select, .textarea) :where(select, textarea), li.step-current, :where(#custom-dashboard, #leads-portal) .dashboard-tile, :where(#rf-catalog, #rf-exhibitorcatalog, #rf-speakercatalog) .search-container .search-content .show-more-btn, :where(#rf-exhibitorcatalog, #rf-speakercatalog) .speaker-card, :where(#card-number, #expiration-date, #rf-catalog, #rf-exhibitorcatalog, #rf-simple-progress, #rf-speakercatalog, #tasks-file-approval), :where(.form-control, .smart-form, .rf-input, .rf-select) input:not([type=checkbox]):not([type=radio]):not(.mdBtnR), :where(.md-frame-form, .rf-input, .rf-textarea) textarea, :where(.md-frame-form, .rf-select) select, :where(.rf-select2-override, .select2-container-multi) .select2-choices, :where(.activity-result, .card-body, .chat-recipient-selected, .cke, .cke_dialog, .collections-container, .collections-content, .display-options, .exhibitor-result, .fieldset-border, .file-approval-progress, .gray-shell, .gray-shell-inner, .grid-floating-session, .grid-rooms, .grid-search, .grid-scheduler, .item-card, .md-frame, .mdBtnR-img, .modal-content, .my-survey-list-card, .popover, .row-actions, .rf-basic-frame, .rf-chat, .rf-chat-container, .rf-chat-content-body, .rf-chat-message, .rf-collections, .rf-compressed-tile, .rf-feedback-alert, .rf-headline, .rf-message, .rf-message-body, .rf-overlay, .rf-overlay-new, .rf-popover, .rf-table, .rf-table-container, .rf-tile, .rfSI, .scheduling-grid-div, .search-container, .search-content, .search-results, .search-tab, .search-tab-results, .search-tab-result, .search-tab-added, .select2-container--default, .select2-selection__choice, .select2-selection--multiple, .session-bar, .show-actions, .table-body, .table-row, .template-card), #rf-calendar .schedule-calendar .calendar-head :where(.current-day, .next-day, .prev-day), #tasks-file-approval .file-approval-activity ul .activity-card, #tasks-list-container .no-tasks-match-message, .admin-form label :where(.select2-container, .select2-container-multi) :where(.select2-choice, .select2-choices), .admin-form .select select, .admin-form .textarea textarea, .admin-form .twitter-typeahead .tt-query, .calendar-container .meeting-day .meeting-time, .cke a:where(.cke_button, .cke_combo_button), .cke_dialog .cke_dialog_ui_button, .color-picker-overlay .legend p .legend-color, .dashboard-body .dashboard-tile, .dropdown-results-container :where(.rf-select-results, .rf-select-results-container), .file-drop-message span, .grid-floating-session .session-content, .image-group-previewer :where(.image-group-container, .rf-image-thumbnail), .mdBtnR-toggle .mdBtnR, .messaging-convo-body .bubble-text, .meetings-administration .meetings-section-body, .modal .modal-header .modal-close:where(:active, :focus), .page-builder-display-reset, .page-builder-display-reset .recommended-sessions-card .has-rows .card-body-row, .page-builder-display-reset .registration-card, .progress-step-indicator:after, .question-mod-page .rf-content-box-body .status-indicator, .ReactVirtualized__Grid::-webkit-scrollbar-thumb, .row-actions:hover, .rf-alpha-color .rf-alpha-color-swatch, .rf-button-inline-toggle button, .rf-card.no-header .card-body, .rf-chat .rf-chat-container .rf-chat-content-footer .rf-chat-editor, .rf-collections :where(.collections-content, .collections-settings), .rf-collections .collections-content :where(.activities-tab, .search-tab) :where(.collection-activity, .search-tab-content), .rf-contracts .contracts-container, .rf-create-tiles :where(.rf-tile, .rf-empty-tile), .rf-day-picker button, .rf-default-modal :where(.catalog-result, .modal-dialog, .session-details-page), .rf-default-modal :where(.catalog-result, .session-details-page) .badges .badge, .rf-default-modal .modal-header .modal-close:where(:active, :focus), .rf-default-modal .speaker-card .speaker-photo img, .rf-event-calendar .no-matching-events, .rf-event-calendar [class*=event-calendar-item-], .rf-fab .fab-label, .rf-housing :where(.hotel-booking-summary, .rf-housing-content) :where(.summary-card, .hotel-card), .rf-image-thumbnail .image-thumbnail-container, .rf-multi-select .rf-select-selected li, .rf-overlay-new .rf-scroll-frame, .rf-select select:not([multiple]), .rf-select2-override .select2-choice, .rf-table-container .rf-table .table-body .table-row .show-actions:hover .rfSI, .rf-table-container .rf-table .table-body .table-row .main-actions, .rf-tag-container .rf-tag, .rf-virtualized-simple-table .ReactVirtualized__Grid::-webkit-scrollbar-thumb, .rf-widget .exhibitor-card, .rf-workflow .global-exhibitor-nav .current-events li.active-link, .rf-workflow .question-mod-card .status-indicator, .rfSI.active, .rfSI-toggle .mdBtnR, .rfwf-dashboard .recommended-sessions-card .has-rows .card-body-row, .rfwf-dashboard .registration-card, .rfwf-hotels-list .rfwf-hotel-listing, .scheduling-grid-div .grid-header::-webkit-scrollbar-thumb, .scheduling-grid-div .grid-scheduler .edit-mode-frame, .scheduling-grid-div .grid-session :where(.session-content, .session-details-overlay), .select2-container--default .select2-selection--multiple, .select2-container-multi .select2-choices .select2-search-choice, .tooltip .tooltip-inner, .unscheduled-sessions, .workflow-reporting-dashboard .dashboard-tile { border-radius: var(--rf-brand-radius); } .dropdown-results-container .rf-select-results-container li:first-of-type, .dropdown-results-container .rf-select-search, .md-frame .md-frame-header, .meetings-administration .meetings-pending-requests .meetings-section-actions, :where(.messaging-item, .messaging-contacts-header, .popover-title), .rf-card .card-header, .rf-tile-container .rf-tile .rf-tile-banner, .rfwf-hotels-list .rfwf-hotel-listing .hotel-image { border-radius: var(--rf-brand-radius) var(--rf-brand-radius) 0 0; } #custom-dashboard .dashboard-tile.filterversion2 .dashboard-tile-body .footer, #leads-portal .dashboard-tile.filterversion2 .dashboard-tile-body .footer, .dashboard-tile.filterversion2, .dashboard-body .dashboard-tile.filterversion2 .dashboard-tile-body .footer, .dropdown-results-container .rf-select-results-container li:last-of-type, .dropdown-results-container .rf-select-search + .rf-select-results, .dropdown-results-container .rf-dropdown-add-line, .rf-card :where(.card-body, .card-footer), .rf-overlay-new.rfwf-filter-overlay .rf-scroll-frame .wfwr-filter-footer, :where(.dashboard-tile-body, .footer, .tab-pane-container, .workflow-reporting-dashboard) { border-radius: 0 0 var(--rf-brand-radius) var(--rf-brand-radius); } .select2-container-multi .select2-search-choice-close, .rf-select .select-dropdown-icon .dropdown-icon-background { border-radius: 0 var(--rf-brand-radius) var(--rf-brand-radius) 0; } .rf-select .rf-dropdown-container .rf-dropdown-trigger { border-radius: var(--rf-brand-radius) 0 0 var(--rf-brand-radius); } [id*=rf-].rf-widget #widget-page-session-details .rf-video-player + iframe, [id*=rf-].rf-widget :where(.catalog-result, .session-details-page), :where(#card-number, #cvv-input, #expiration-date, #ui-datepicker-div, #rf-catalog, #rf-exhibitorcatalog, #rf-speakercatalog), :where(#custom-dashboard, #leads-portal) .dashboard-tile, :where(#custom-dashboard, #leads-portal) .dashboard-tile .dashboard-tile-header .open-tile-options, :where(#rf-exhibitorcatalog, #rf-speakercatalog) .speaker-card, #rf-calendar .schedule-calendar .rbc-day-slot .rbc-time-slot, :where(.activity-result, .collections-container, .collections-banner, .collections-sponsor, .collections-sponsor-image, .dashboard-tile, .exhibitor-result, .fieldset-border, .grid-scheduler, .dashboard-tile-header, .display-options, .open-tile-options, .rf-basic-frame, .rf-collections, .rf-compressed-tile, .rf-gray-content-box, .rf-overlay, .rf-overlay-new, .rf-simple-table, .rf-sticky-table, .rf-tile, .rfComp-canvas, .scheduling-grid-div, .search-container, .search-content, .search-results, .select2-dropdown, .select2-drop, .session-bar, .table, .template-card, .ui-state-highlight, .upload-file-area, .workflow-reporting-dashboard), .admin-form .input input, .admin-form .select select, .admin-form .textarea textarea, .admin-form .twitter-typeahead .tt-query, .admin-form label .select2-container .select2-choice, .admin-form label .select2-container-multi .select2-choices, .cke a:where(.cke_button, .cke_combo_button).cke_button_on, .cke .cke_combo.cke_combo_on a.cke_combo_button, .cke.cke_chrome, .cke_dialog :where(input.cke_dialog_ui_input_text, select.cke_dialog_ui_input_select), .dashboard-body .dashboard-tile, .dashboard-body .dashboard-tile .dashboard-tile-header .open-tile-options, .dropdown-results-container input, .email-previewer-wrapper.has-wrapper, .form-control input:not([type=checkbox]):not([type=radio]):not(.mdBtnR), .md-frame-form input:not([type]), .md-frame-form input:where([type=email], [type=number], [type=password], [type=tel], [type=url], [type=text]), .md-frame-form :where(textarea, select), .md-frame.gray-frame, .md-table .select2-container, .modalTypeahead .select .twitter-typeahead input, .pagination > li > a, .pagination > li > span, .pagination > .pagination-goto-input, :where(.panel-group, .rf-accordion) .panel-heading, .rf-accordion .rf-accordion-header, .rf-alpha-color :where(.rf-alpha-color-swatch, .rf-alpha-color-popover), .rf-button-inline-toggle button, .rf-card.no-header .card-body, .rf-card :where(.card-header, .card-body, .card-footer), .rf-create-tiles :where(.rf-empty-tile, .rf-tile), .rf-date-picker input, .rf-default-modal :where(.catalog-result, .session-details-page), .rf-event-calendar [class*=event-calendar-item-], .rf-event-calendar .no-matching-events, .rf-icon-input .icon-input-container, .rf-image-thumbnail .image-thumbnail-container, .rf-input input:not([type=checkbox]):not([type=radio]):not(.mdBtnR), .rf-input textarea, .rf-multi-select .rf-select-selected li, .rf-overlay-new.rf-has-arrow:after, .rf-radio-option input[type=radio]:disabled:checked ~ .check, .rf-search-input input, .rf-search-input .rf-search-input-icon, .rf-select input:not([type=checkbox]):not([type=radio]):not(.mdBtnR), .rf-select2-override :where(.select2-choice, .select2-choices), .rf-select .rf-dropdown-container .rf-dropdown-trigger, .rf-select .select-dropdown-icon .dropdown-icon-background, .rf-select select, .rf-select select:not([multiple]), .rf-table-container .rf-table .table-body .table-row .main-actions, .rf-tag-container .rf-tag, .rf-textarea textarea, .rf-tile-container .rf-tile .rf-tile-avatars .rf-tile-avatar, .rf-virtualized-simple-table :where(.ReactVirtualized__Table__headerRow, .ReactVirtualized__Grid), .rf-widget .exhibitor-card, .scheduling-grid-div :where(.grid-search, .grid-room), .select2-container .select2-choice, .select2-container.select2-container-disabled .select2-choice, .select2-container-multi .select2-choices, .select2-container-disabled .select2-choice:hover, .select2-container-disabled .select2-choice:focus, .select2-container-disabled .select2-choice:active, .smart-form input:not([type=checkbox]):not([type=radio]):not(.mdBtnR), .tab-body.has-border, .tab-pane-container.pane-light, :where(.ui-widget-content, .ui-widget-header) .ui-state-highlight, .upload-replace-file-modal .asset-constraint, .workflow-reporting-dashboard .dashboard-tile, .wr-table #myDynamicForm :where(select, textarea).form-control, .wr-table .oow16-branding .content select, body div.ui-tooltip, button, label.label :where(input, select, textarea), label.input :where(input, select, textarea), label.select :where(input, select, textarea), label.textarea :where(input, select, textarea), h3:not(.speaker-full-name), div[id*=rf-].rf-widget, div[id*=rf-].rf-widget .rf-collections .collections-container :where(.demo-result, .speaker-card) { border-color: var(--rf-brand-border-color); } /* ----------- END Border Definitions ----------- */ /*=============================================*/ /* /* # END Common Styling /* /*=============================================*/ /*=============================================*/ /* /* # Content /* Starts at the content level, not /* /*=============================================*/ /* ----------- Modals ----------- */ .modal-dialog { border-radius: var(--rf-brand-radius); } .modal-dialog .modal-header .modal-title { font-weight: var(--event-font-weight); font-style: var(--event-font-style); text-transform: var(--event-text-transform); } .modal-dialog .modal-content .modal-body {padding: var(--space-12);} .modal-dialog .modal-content .modal-header {padding: var(--space-8);} .modal-dialog .modal-content .modal-header .modal-close {right: var(--space-6);} .modal-dialog .modal-content .speaker-photo {margin-inline-end: var(--space-6);} .modal-dialog .modal-content .speaker-photo img {border-radius: calc(var(--rf-brand-radius) / 2);} .modal-dialog .modal-content .speaker-info .speaker-full-name { font-size: var(--font-3); font-style: normal; font-weight: var(--event-font-weight); text-transform: none; } .modal-dialog .modal-content .speaker-info .speaker-job-title { display: none; } .modal-dialog .modal-content .speaker-info .speaker-company-name { font-size: var(--font-1); font-weight: normal; color: var(--calcite-ui-text-3); } .modal-dialog .modal-content .speaker-info .speaker-bio { font-size: var(--font-0); font-weight: normal; color: var(--calcite-ui-text-1); } /* ----------- END Modals ----------- */ /* ----------- General Widget Branding ----------- */ #rf-catalog, #rf-exhibitorcatalog, #rf-speakercatalog, .main-content { background: transparent; } .session-time-and-location .session-date-time .session-date { --rf-system-color-neutral-10: var(--calcite-ui-border-1); } .session-actions :is(a.mdBtnR-primary, a.mdBtnR-outline-primary, .mdBtnR-primary, .mdBtnR-outline-primary) { --rf-comp-button-space-padding: 0 var(--space-4); padding: var(--rf-comp-button-space-padding) !important; } /* Search container */ [id*=rf-].rf-widget :where(.exhibitor-details-page, .search-container), :where(#rf-catalog, #rf-exhibitorcatalog, #rf-speakercatalog).rf-widget :where(.exhibitor-details-page, .search-container), .modal-body :where(.exhibitor-details-page, .search-container) { max-inline-size: var(--rf-brand-max-width); } #rf-catalog .search-container .rf-catalog-tabs li.active, #rf-exhibitorcatalog .search-container .rf-catalog-tabs li.active, #rf-speakercatalog .search-container .rf-catalog-tabs li.active { border-color: var(--rf-brand-primary); } #rf-catalog .search-container .rf-catalog-tabs li.active button, #rf-exhibitorcatalog .search-container .rf-catalog-tabs li.active button, #rf-speakercatalog .search-container .rf-catalog-tabs li.active button { color: var(--rf-brand-primary); } [id*=rf-].rf-widget .catalog-result .rf-attribute, [id*=rf-].rf-widget .session-details-page .rf-attribute, .rf-default-modal .catalog-result .rf-attribute, .rf-default-modal .session-details-page .rf-attribute { margin: 0 0 var(--space-4); } /* END Search container */ /* Catalog tile */ #rf-catalog.rf-widget .rf-tile, #rf-exhibitorcatalog.rf-widget .rf-tile, #rf-speakercatalog.rf-widget .rf-tile, [id*=rf-].rf-widget .rf-tile, .modal-body .rf-tile { border-color: var(--calcite-ui-foreground-3); } #rf-catalog.rf-widget .rf-tile .rf-tile-banner, #rf-exhibitorcatalog.rf-widget .rf-tile .rf-tile-banner, #rf-speakercatalog.rf-widget .rf-tile .rf-tile-banner, [id*=rf-].rf-widget .rf-tile .rf-tile-banner, .modal-body .rf-tile .rf-tile-banner { border-block-end: 1px solid var(--calcite-ui-foreground-3); } /* END Catalog tile */ /* Speaker Details */ #rf-catalog.rf-widget .speaker-details p, #rf-exhibitorcatalog.rf-widget .speaker-details p, #rf-speakercatalog.rf-widget .speaker-details p, [id*=rf-].rf-widget .speaker-details p, .modal-body .speaker-details p { margin-block-end: var(--space-4); } /* END Speaker Details */ /* Catalog Result Cards */ :is(#rf-catalog, #rf-exhibitorcatalog, #rf-speakercatalog).rf-widget .catalog-result, [id*=rf-].rf-widget .catalog-result, .modal-body .catalog-result { border-radius: var(--rf-brand-radius); padding: var(--space-6); border-color: #EAEAEA; margin-block-end: var(--space-8); } @media all and (min-width: 770px) { :is(#rf-catalog, #rf-exhibitorcatalog, #rf-speakercatalog).rf-widget .catalog-result, [id*=rf-].rf-widget .catalog-result, .modal-body .catalog-result { padding: var(--space-8); margin: 0 0 var(--space-6) !important; } } #rf-catalog.rf-widget .catalog-result .title-text, #rf-exhibitorcatalog.rf-widget .catalog-result .title-text, #rf-speakercatalog.rf-widget .catalog-result .title-text, [id*=rf-].rf-widget .catalog-result .title-text, .modal-body .catalog-result .title-text { font-size: var(--font-3); font-weight: var(--event-font-weight) !important; } :is(#rf-catalog, #rf-exhibitorcatalog, #rf-speakercatalog).rf-widget .catalog-result .rf-attribute:last-child, [id*=rf-].rf-widget .catalog-result .rf-attribute:last-child, .modal-body .catalog-result .rf-attribute:last-child { margin-block-end: 0; } :is(#rf-catalog, #rf-exhibitorcatalog, #rf-speakercatalog).rf-widget .catalog-result .rf-attribute a, [id*=rf-].rf-widget .catalog-result .rf-attribute a, .modal-body .catalog-result .rf-attribute a { color: var(--rf-brand-primary); } :is(#rf-catalog, #rf-exhibitorcatalog, #rf-speakercatalog).rf-widget .catalog-result .rf-attribute a svg, [id*=rf-].rf-widget .catalog-result .rf-attribute a svg, .modal-body .catalog-result .rf-attribute a svg { fill: var(--rf-brand-primary); } :is(#rf-catalog, #rf-exhibitorcatalog, #rf-speakercatalog).rf-widget .catalog-result .rf-attribute a:hover, [id*=rf-].rf-widget .catalog-result .rf-attribute a:hover, .modal-body .catalog-result .rf-attribute a:hover { color: var(--rf-brand-primary-hover); } :is(#rf-catalog, #rf-exhibitorcatalog, #rf-speakercatalog).rf-widget .catalog-result .rf-attribute a:hover svg, [id*=rf-].rf-widget .catalog-result .rf-attribute a:hover svg, .modal-body .catalog-result .rf-attribute a:hover svg { fill: var(--rf-brand-primary-hover); } #rf-catalog.rf-widget .catalog-result.recommended, #rf-exhibitorcatalog.rf-widget .catalog-result.recommended, #rf-speakercatalog.rf-widget .catalog-result.recommended, [id*=rf-].rf-widget .catalog-result.recommended, .modal-body .catalog-result.recommended { padding-block-start: var(--space-6); } @media all and (min-width: 768px) { #rf-catalog.rf-widget .catalog-result.recommended, #rf-exhibitorcatalog.rf-widget .catalog-result.recommended, #rf-speakercatalog.rf-widget .catalog-result.recommended, [id*=rf-].rf-widget .catalog-result.recommended, .modal-body .catalog-result.recommended { padding-block-start: var(--space-8); } } #rf-catalog.rf-widget .catalog-result .catalog-result-title button .arrow-toggle, #rf-exhibitorcatalog.rf-widget .catalog-result .catalog-result-title button .arrow-toggle, #rf-speakercatalog.rf-widget .catalog-result .catalog-result-title button .arrow-toggle, [id*=rf-].rf-widget .catalog-result .catalog-result-title button .arrow-toggle, .modal-body .catalog-result .catalog-result-title button .arrow-toggle { padding: var(--space-6) 0; display: flex; align-items: center; } #rf-catalog.rf-widget .catalog-result .catalog-result-title button .arrow-toggle, #rf-catalog.rf-widget .catalog-result .catalog-result-title button .arrow-toggle:hover, #rf-catalog.rf-widget .catalog-result .catalog-result-title button .arrow-toggle:focus, #rf-exhibitorcatalog.rf-widget .catalog-result .catalog-result-title button .arrow-toggle, #rf-exhibitorcatalog.rf-widget .catalog-result .catalog-result-title button .arrow-toggle:hover, #rf-exhibitorcatalog.rf-widget .catalog-result .catalog-result-title button .arrow-toggle:focus, #rf-speakercatalog.rf-widget .catalog-result .catalog-result-title button .arrow-toggle, #rf-speakercatalog.rf-widget .catalog-result .catalog-result-title button .arrow-toggle:hover, #rf-speakercatalog.rf-widget .catalog-result .catalog-result-title button .arrow-toggle:focus, [id*=rf-].rf-widget .catalog-result .catalog-result-title button .arrow-toggle, [id*=rf-].rf-widget .catalog-result .catalog-result-title button .arrow-toggle:hover, [id*=rf-].rf-widget .catalog-result .catalog-result-title button .arrow-toggle:focus, .modal-body .catalog-result .catalog-result-title button .arrow-toggle, .modal-body .catalog-result .catalog-result-title button .arrow-toggle:hover, .modal-body .catalog-result .catalog-result-title button .arrow-toggle:focus { background: var(--calcite-ui-foreground-3); border-radius: 0; } #rf-catalog.rf-widget .catalog-result .catalog-result-title button .arrow-toggle:not(.arrow-toggle-collapsed) svg, #rf-exhibitorcatalog.rf-widget .catalog-result .catalog-result-title button .arrow-toggle:not(.arrow-toggle-collapsed) svg, #rf-speakercatalog.rf-widget .catalog-result .catalog-result-title button .arrow-toggle:not(.arrow-toggle-collapsed) svg, [id*=rf-].rf-widget .catalog-result .catalog-result-title button .arrow-toggle:not(.arrow-toggle-collapsed) svg, .modal-body .catalog-result .catalog-result-title button .arrow-toggle:not(.arrow-toggle-collapsed) svg { transform: rotate(0deg) !important; } #rf-catalog.rf-widget .catalog-result .catalog-result-title button .arrow-toggle svg, #rf-exhibitorcatalog.rf-widget .catalog-result .catalog-result-title button .arrow-toggle svg, #rf-speakercatalog.rf-widget .catalog-result .catalog-result-title button .arrow-toggle svg, [id*=rf-].rf-widget .catalog-result .catalog-result-title button .arrow-toggle svg, .modal-body .catalog-result .catalog-result-title button .arrow-toggle svg { fill: var(--rf-brand-neutral-0); } #rf-catalog.rf-widget .catalog-result.recommended .recommendation-bar, #rf-exhibitorcatalog.rf-widget .catalog-result.recommended .recommendation-bar, #rf-speakercatalog.rf-widget .catalog-result.recommended .recommendation-bar, [id*=rf-].rf-widget .catalog-result.recommended .recommendation-bar, .modal-body .catalog-result.recommended .recommendation-bar { background: var(--rf-brand-neutral-0); padding: var(--space-3) var(--space-5); } #rf-catalog.rf-widget .catalog-result.recommended .recommendation-bar span, #rf-exhibitorcatalog.rf-widget .catalog-result.recommended .recommendation-bar span, #rf-speakercatalog.rf-widget .catalog-result.recommended .recommendation-bar span, [id*=rf-].rf-widget .catalog-result.recommended .recommendation-bar span, .modal-body .catalog-result.recommended .recommendation-bar span { color: var(--calcite-ui-text-inverse); } #rf-catalog.rf-widget .catalog-result.recommended .recommendation-bar .recommendation-actions svg, #rf-exhibitorcatalog.rf-widget .catalog-result.recommended .recommendation-bar .recommendation-actions svg, #rf-speakercatalog.rf-widget .catalog-result.recommended .recommendation-bar .recommendation-actions svg, [id*=rf-].rf-widget .catalog-result.recommended .recommendation-bar .recommendation-actions svg, .modal-body .catalog-result.recommended .recommendation-bar .recommendation-actions svg { fill: var(--calcite-ui-text-inverse); } #rf-catalog.rf-widget .catalog-result .description, #rf-exhibitorcatalog.rf-widget .catalog-result .description, #rf-speakercatalog.rf-widget .catalog-result .description, [id*=rf-].rf-widget .catalog-result .description, .modal-body .catalog-result .description { margin-block-end: var(--space-8); } /* END Catalog Result Cards */ /* Catalog Search Filters */ #rf-catalog.rf-widget .search-filters .rf-checkbox-label, #rf-exhibitorcatalog.rf-widget .search-filters .rf-checkbox-label, #rf-speakercatalog.rf-widget .search-filters .rf-checkbox-label, [id*=rf-].rf-widget .search-filters .rf-checkbox-label, .modal-body .search-filters .rf-checkbox-label { font-size: var(--font--1); } #rf-catalog.rf-widget .search-filters .catalog-filter, #rf-exhibitorcatalog.rf-widget .search-filters .catalog-filter, #rf-speakercatalog.rf-widget .search-filters .catalog-filter, [id*=rf-].rf-widget .search-filters .catalog-filter, .modal-body .search-filters .catalog-filter { font-weight: normal; font-size: var(--font-0); } #rf-catalog.rf-widget .search-filters .quick-filters, #rf-catalog.rf-widget .search-filters .filters > li, #rf-exhibitorcatalog.rf-widget .search-filters .quick-filters, #rf-exhibitorcatalog.rf-widget .search-filters .filters > li, #rf-speakercatalog.rf-widget .search-filters .quick-filters, #rf-speakercatalog.rf-widget .search-filters .filters > li, [id*=rf-].rf-widget .search-filters .quick-filters, [id*=rf-].rf-widget .search-filters .filters > li, .modal-body .search-filters .quick-filters, .modal-body .search-filters .filters > li { border-color: var(--rf-brand-border-color); } #rf-catalog.rf-widget .search-filters .filters-header, #rf-exhibitorcatalog.rf-widget .search-filters .filters-header, #rf-speakercatalog.rf-widget .search-filters .filters-header, [id*=rf-].rf-widget .search-filters .filters-header, .modal-body .search-filters .filters-header { border-block-end: 0; /* display: flex; */ align-items: center; flex-wrap: wrap; justify-content: space-between; } #rf-catalog.rf-widget .search-filters .filters-header h2, #rf-exhibitorcatalog.rf-widget .search-filters .filters-header h2, #rf-speakercatalog.rf-widget .search-filters .filters-header h2, [id*=rf-].rf-widget .search-filters .filters-header h2, .modal-body .search-filters .filters-header h2 { color: #000; font-size: var(--font-3); font-style: var(--event-font-style) !important; font-weight: var(--event-font-weight) !important; text-transform: var(--event-text-transform) !important; } #rf-catalog.rf-widget .search-filters .filters-header h2, #rf-catalog.rf-widget .search-filters .filters-header .mdBtnR-text-button, #rf-exhibitorcatalog.rf-widget .search-filters .filters-header h2, #rf-exhibitorcatalog.rf-widget .search-filters .filters-header .mdBtnR-text-button, #rf-speakercatalog.rf-widget .search-filters .filters-header h2, #rf-speakercatalog.rf-widget .search-filters .filters-header .mdBtnR-text-button, [id*=rf-].rf-widget .search-filters .filters-header h2, [id*=rf-].rf-widget .search-filters .filters-header .mdBtnR-text-button, .modal-body .search-filters .filters-header h2, .modal-body .search-filters .filters-header .mdBtnR-text-button { padding: 0; margin: 0; } /* END Catalog Search Filters */ /* Exhibitor Details */ :is(#rf-catalog, #rf-exhibitorcatalog, #rf-speakercatalog).rf-widget .exhibitor-details-page .exhibitor-details-back-to-catalog .rfSI svg, [id*=rf-].rf-widget .exhibitor-details-page .exhibitor-details-back-to-catalog .rfSI svg, .modal-body .exhibitor-details-page .exhibitor-details-back-to-catalog .rfSI svg { fill: var(--event-cta-color, var(--calcite-ui-brand)) !important; } :is(#rf-catalog, #rf-exhibitorcatalog, #rf-speakercatalog).rf-widget .exhibitor-details-page .exhibitor-details-back-to-catalog a:hover .rfSI svg, :is(#rf-catalog, #rf-exhibitorcatalog, #rf-speakercatalog).rf-widget .exhibitor-details-page .exhibitor-details-back-to-catalog a:focus .rfSI svg, [id*=rf-].rf-widget .exhibitor-details-page .exhibitor-details-back-to-catalog a:hover .rfSI svg, [id*=rf-].rf-widget .exhibitor-details-page .exhibitor-details-back-to-catalog a:focus .rfSI svg, .modal-body .exhibitor-details-page .exhibitor-details-back-to-catalog a:hover .rfSI svg, .modal-body .exhibitor-details-page .exhibitor-details-back-to-catalog a:focus .rfSI svg { fill: var(--event-cta-color, var(--calcite-ui-brand)) !important; } /* END Exhibitor Details */ /* Facets */ #rf-catalog.rf-widget .main-content .rf-facets .rf-tag, #rf-catalog.rf-widget .main-content .rf-tag-container .rf-tag, #rf-exhibitorcatalog.rf-widget .main-content .rf-facets .rf-tag, #rf-exhibitorcatalog.rf-widget .main-content .rf-tag-container .rf-tag, #rf-speakercatalog.rf-widget .main-content .rf-facets .rf-tag, #rf-speakercatalog.rf-widget .main-content .rf-tag-container .rf-tag, [id*=rf-].rf-widget .main-content .rf-facets .rf-tag, [id*=rf-].rf-widget .main-content .rf-tag-container .rf-tag, .modal-body .main-content .rf-facets .rf-tag, .modal-body .main-content .rf-tag-container .rf-tag { border: none; } #rf-catalog.rf-widget .main-content .rf-facets .rf-facet-label, #rf-catalog.rf-widget .main-content .rf-tag-container .rf-facet-label, #rf-exhibitorcatalog.rf-widget .main-content .rf-facets .rf-facet-label, #rf-exhibitorcatalog.rf-widget .main-content .rf-tag-container .rf-facet-label, #rf-speakercatalog.rf-widget .main-content .rf-facets .rf-facet-label, #rf-speakercatalog.rf-widget .main-content .rf-tag-container .rf-facet-label, [id*=rf-].rf-widget .main-content .rf-facets .rf-facet-label, [id*=rf-].rf-widget .main-content .rf-tag-container .rf-facet-label, .modal-body .main-content .rf-facets .rf-facet-label, .modal-body .main-content .rf-tag-container .rf-facet-label { background: #C7EDED; margin-inline-end: var(--space-3); font-weight: normal; padding: var(--space-1) var(--space-8) var(--space-1) var(--space-3); } #rf-catalog.rf-widget .main-content .rf-facets .rf-facet-label .rf-tag-remove, #rf-catalog.rf-widget .main-content .rf-tag-container .rf-facet-label .rf-tag-remove, #rf-exhibitorcatalog.rf-widget .main-content .rf-facets .rf-facet-label .rf-tag-remove, #rf-exhibitorcatalog.rf-widget .main-content .rf-tag-container .rf-facet-label .rf-tag-remove, #rf-speakercatalog.rf-widget .main-content .rf-facets .rf-facet-label .rf-tag-remove, #rf-speakercatalog.rf-widget .main-content .rf-tag-container .rf-facet-label .rf-tag-remove, [id*=rf-].rf-widget .main-content .rf-facets .rf-facet-label .rf-tag-remove, [id*=rf-].rf-widget .main-content .rf-tag-container .rf-facet-label .rf-tag-remove, .modal-body .main-content .rf-facets .rf-facet-label .rf-tag-remove, .modal-body .main-content .rf-tag-container .rf-facet-label .rf-tag-remove { color: #000; right: var(--space-3); } /* END Facets */ #rf-catalog.rf-widget .catalog-filter .rfSI svg, #rf-exhibitorcatalog.rf-widget .catalog-filter .rfSI svg, #rf-speakercatalog.rf-widget .catalog-filter .rfSI svg, [id*=rf-].rf-widget .catalog-filter .rfSI svg, .modal-body .catalog-filter .rfSI svg { fill: var(--rf-brand-primary) !important; } @media all and (min-width: 1024px) { #rf-catalog.rf-widget .main-content, #rf-exhibitorcatalog.rf-widget .main-content, #rf-speakercatalog.rf-widget .main-content, [id*=rf-].rf-widget .main-content, .modal-body .main-content { margin-inline-start: var(--space-16); } } /* ----------- END General Widget Branding ----------- */ /* ----------- Exhibitor Catalog Branding ----------- */ /* --- Exhibitor Card Edits --- */ [id*=rf-].rf-widget :is(.rf-tile, .rf-compressed-tile) .rf-tile-body .rf-tile-title a, [id*=rf-].rf-widget :is(.rf-tile, .rf-compressed-tile):hover .rf-tile-body .rf-tile-title :is(a, :link, :visited), :is(#rf-catalog, #rf-exhibitorcatalog, #rf-speakercatalog).rf-widget :is(.rf-tile, .rf-compressed-tile) .rf-tile-body .rf-tile-title a, :is(#rf-catalog, #rf-exhibitorcatalog, #rf-speakercatalog).rf-widget :is(.rf-tile, .rf-compressed-tile):hover .rf-tile-body .rf-tile-title :is(a, :link, :visited), .modal-body :is(.rf-tile, .rf-compressed-tile) .rf-tile-body .rf-tile-title a, .modal-body :is(.rf-tile, .rf-compressed-tile):hover .rf-tile-body .rf-tile-title :is(a, :link, :visited) { color: var(--calcite-ui-text-1) !important; font-size: var(--font-1); font-weight: var(--event-font-weight); font-style: normal; text-transform: none; background: none; } [id*=rf-].rf-widget :is(.rf-tile, .rf-compressed-tile) .rf-tile-body .rf-tile-info, :is(#rf-catalog, #rf-exhibitorcatalog, #rf-speakercatalog).rf-widget :is(.rf-tile, .rf-compressed-tile) .rf-tile-body .rf-tile-info, .modal-body :is(.rf-tile, .rf-compressed-tile) .rf-tile-body .rf-tile-info { color: var(--calcite-ui-text-1); font-size: var(--font-0); } /* Card link styles */ [id*=rf-].rf-widget .exhibitor-tile.rf-tile .rf-tile-footer .rf-tile-footer-left a.exhibitor-tile-view-booth { padding: 0; border: none; border-radius: initial; background-color: transparent; background-image: linear-gradient(var(--calcite-link-blue-underline), var(--calcite-link-blue-underline)), linear-gradient(var(--calcite-ui-brand-hover), var(--calcite-ui-brand-hover)); background-position: 100% 100%, 0% 100%; background-repeat: no-repeat, no-repeat; background-size: 100% 1px, 0% 1px; transition: background 350ms ease-in-out 0s; } [id*=rf-].rf-widget .exhibitor-tile.rf-tile .rf-tile-footer .rf-tile-footer-left a.exhibitor-tile-view-booth span { color: var(--calcite-ui-brand); } [id*=rf-].rf-widget .exhibitor-tile.rf-tile .rf-tile-footer .rf-tile-footer-left a.exhibitor-tile-view-booth:hover { background-color: transparent; border-color: transparent; background-image: linear-gradient(var(--calcite-link-blue-underline), var(--calcite-link-blue-underline)), linear-gradient(var(--calcite-ui-brand-hover), var(--calcite-ui-brand-hover)); background-size: 100% 1px, 100% 1px; transition: background 350ms ease-in-out 0s; } [id*=rf-].rf-widget .exhibitor-tile.rf-tile .rf-tile-footer .rf-tile-footer-left a.exhibitor-tile-view-booth span { font-size: var(--font--2); font-weight: var(--event-font-weight); font-style: normal; text-transform: lowercase; } /* Forces the text in CTA to be sentence case */ [id*=rf-].rf-widget .exhibitor-tile.rf-tile .rf-tile-footer .rf-tile-footer-left a.exhibitor-tile-view-booth span::first-letter { text-transform: uppercase; } .exhibitor-tile .rf-pill[data-test=rf-badge] { display: none; visibility: hidden; } [data-test=exhibitor-list-search-container] { --rf-brand-primary: #000; } #rf-exhibitorcatalog .exhibitor-sessions { margin-block-start: var(--space-12) !important; } /* ----------- END Exhibitor Catalog Branding ----------- */ /* ----------- Speaker Catalog Branding ----------- */ /* Filter/Search Section */ #rf-speakercatalog .search-container { display: flex; flex-direction: column; background: #fff; } #rf-speakercatalog .search-filters { inline-size: 90%; display: flex; flex-direction: column; block-size: 100%; margin-inline-start: auto; margin-inline-end: auto; } #rf-speakercatalog .total-results-count, #rf-exhibitorcatalog .total-results-count { display:none; } #rf-speakercatalog .search-container .search-content { max-inline-size: 100%; margin: 0px; } #rf-speakercatalog .filters-body { display:none; } /* Main Content (List of Speakers) */ #rf-speakercatalog.rf-widget .main-content { margin-inline-start: 0; } /* Defines look and flex of speaker cards list */ #rf-speakercatalog .search-container .search-content .search-results { display: flex; flex-wrap: wrap; gap: var(--space-3) var(--space-2); justify-content: space-between; } /* Defines looks of inside speaker cards */ #rf-speakercatalog.rf-widget .catalog-result.speaker-card { block-size: var(--space-32); display: flex; flex: 1 98%; justify-content: center; align-content: space-around; flex-flow: column wrap; gap: var(--space-5) 0; padding-inline-start: var(--space-4); margin: 0; } #rf-speakercatalog.rf-widget .catalog-result.speaker-card:hover { background-color: var(--calcite-ui-background); } #rf-speakercatalog.rf-widget .catalog-result.speaker-card:hover h3 { text-decoration: none; } #rf-speakercatalog .speaker-card .speaker-photo { inline-size: var(--space-20); vertical-align: top; margin: 0; align-self: flex-start; } #rf-speakercatalog .speaker-card .speaker-photo img { inline-size: var(--space-20); block-size: var(--space-20); max-inline-size: 90px; vertical-align: middle; } #rf-speakercatalog.rf-widget .catalog-result.speaker-card :is(.speaker-full-name, .speaker-company-name) { font-style: var(--event-font-style); color: var(--calcite-ui-text-1) !important; inline-size: 75%; position: initial; } #rf-speakercatalog.rf-widget .catalog-result.speaker-card .speaker-full-name { font-size: var(--font-1); font-weight: var(--event-font-weight); } #rf-speakercatalog.rf-widget .catalog-result.speaker-card .speaker-company-name { font-size: var(--font--1); font-weight: 400; } /* -- Media Queries -- */ @media (min-width: 800px) and (max-width:1299px) { #rf-speakercatalog.rf-widget .catalog-result.speaker-card { flex: 2 47%; } #rf-speakercatalog.rf-widget .catalog-result.speaker-card :where(.speaker-full-name, .speaker-company-name) { inline-size: 70%; } } @media (min-width: 1300px) { #rf-speakercatalog.rf-widget .catalog-result.speaker-card { flex: 3 30%; } #rf-speakercatalog.rf-widget .catalog-result.speaker-card :where(.speaker-full-name, .speaker-company-name) { inline-size: 60%; } } /* -- END Media Queries -- */ /* ----------- END Speaker Catalog Branding ----------- */ /* ----------- Session Catalog Branding ----------- */ /* Hides section titles (dates/times) */ .search-content .section-title { display: none; visibility: hidden; } /* ----------- END Session Catalog Branding ----------- */ /* ----------- Widget Styling ----------- */ /* --- Calendar Widget --- */ /* Calendar Schedule Toolbar */ #rf-calendar .schedule-calendar-toolbar { margin-block-end: var(--space-8); } #rf-calendar .schedule-calendar-toolbar .rfSI-toggle button.active { --rf-system-color-neutral-50: var(--event-prime); } #rf-calendar .schedule-calendar-toolbar .menu-right .mdBtnR, #rf-calendar .schedule-calendar-toolbar .rfSI-toggle button, #rf-calendar .schedule-calendar-toolbar .rfSI-toggle button:first-child, #rf-calendar .schedule-calendar-toolbar .rfSI-toggle button.active { border-radius: var(--event-card-border-radius) !important; } /* END Calendar Schedule Toolbar */ /* Calendar Time Slot/Grid/Background */ #rf-calendar .schedule-calendar .rbc-timeslot-group :is(.rfSI, .rfSI:hover) svg { fill: #000; } #rf-calendar .schedule-calendar .rbc-header a { background: none; } #rf-calendar .schedule-calendar .rbc-time-content, #rf-calendar .schedule-calendar.editable .rbc-day-slot .rbc-time-slot { border: var(--rf-brand-calendar-grid-border); } #rf-calendar .schedule-calendar.editable .rbc-day-slot .rbc-time-slot { background: var(--rf-brand-calendar-timeslot); border-radius: 0; } #rf-calendar .schedule-calendar.editable .rbc-day-slot .rbc-time-slot:hover { background: var(--rf-brand-calendar-timeslot-hover); } #rf-calendar .schedule-calendar.editable .rbc-day-slot .rbc-time-slot.disabled { background: var(--rf-brand-calendar-timeslot-disabled); } /* END Calendar Time Slot/Grid/Background */ /* Calendar items */ #rf-calendar .schedule-calendar.editable .rbc-event { --rf-brand-color-primary: var(--event-prime); } #rf-calendar .schedule-calendar.editable .rbc-event * { color: var(--rf-brand-on-primary); } /* Adds border color for overlapping calendar items */ #rf-calendar .rbc-events-container > div:not(:first-child) { border-color: var(--calcite-ui-foreground-1) !important; } /* END Calendar items */ /* Personal time calendar items */ #rf-calendar .schedule-calendar.editable .rbc-event.calendar-item { background: var(--rf-brand-calendar-item); color: var(--rf-brand-calendar-on-item); border-color: var(--rf-brand-calendar-item); } #rf-calendar .schedule-calendar.editable .rbc-event.calendar-item p { color: var(--rf-brand-calendar-on-item); } #rf-calendar .schedule-calendar.editable .rbc-event.calendar-item svg { fill: var(--rf-brand-calendar-on-item); } /* END Personal time calendar items */ /* Meeting calendar items */ #rf-calendar .schedule-calendar.editable .rbc-event.meeting { background-color: var(--rf-brand-calendar-meeting); border-color: var(--rf-brand-calendar-meeting); } #rf-calendar .schedule-calendar.editable .rbc-event.meeting p { color: var(--rf-brand-calendar-on-meeting); } #rf-calendar .schedule-calendar.editable .rbc-event.meeting svg { fill: var(--rf-brand-calendar-on-meeting); } /* Meeting calendar items */ /* Waitlisted calendar items */ #rf-calendar .schedule-calendar.editable .rbc-event.wait-list { background-color: var(--rf-brand-calendar-waitlist); border-color: var(--rf-brand-calendar-waitlist); color: var(--rf-brand-calendar-on-waitlist); } #rf-calendar .schedule-calendar.editable .rbc-event.wait-list p { color: var(--rf-brand-calendar-on-waitlist); } #rf-calendar .schedule-calendar.editable .rbc-event.wait-list svg { fill: var(--rf-brand-calendar-on-waitlist); } /* END Waitlisted calendar items */ /* Favorited calendar items */ #rf-calendar .schedule-calendar.editable .rbc-event.session-interest { border-color: var(--rf-brand-calendar-interest); background-color: var(--rf-brand-calendar-interest); } #rf-calendar .schedule-calendar.editable .rbc-event.session-interest p { color: var(--rf-brand-calendar-interest); } #rf-calendar .schedule-calendar.editable .rbc-event.session-interest .rfSI-text svg { fill: var(--rf-brand-calendar-interest); } /* END Favorited calendar items */ /* Speaker calendar item */ #rf-calendar .schedule-calendar.editable .rbc-event.session-speaker { background-color: var(--rf-brand-calendar-speaker); border-color: var(--rf-brand-calendar-speaker); color: var(--rf-brand-calendar-on-speaker); } #rf-calendar .schedule-calendar.editable .rbc-event.session-speaker svg { fill: var(--rf-brand-calendar-on-speaker); } /* END Speaker calendar item */ /* Adds border and box shadow to improve visibility when calendar items overlap */ .rbc-day-slot .rbc-event { border: 1.25px solid #ffffff; box-shadow: 2px 2px 5px 1px rgba(0, 0, 0, 0.2); } /* -- Media Queries -- */ @media all and (max-width: 767px) { #rf-calendar .schedule-calendar { padding: 0; } } /* -- END Media Queries -- */ /* --- Targeted Agenda, Session Recommendations, Tech Sessions --- */ /* Mixed Styling */ .workflow-targeted-agenda.is-carousel .rf-tile-container .rf-tile:hover a, #rf-sessionrecommendations .rf-tile-container .rf-tile:hover a { color: var(--rf-brand-primary); } .workflow-targeted-agenda.is-carousel .rf-tile-container .rf-tile .rf-tile-body, #rf-sessionrecommendations .rf-tile-container .rf-tile .rf-tile-body { padding: var(--space-8) var(--space-8) var(--space-16); } .workflow-targeted-agenda.is-carousel .rf-tile-container .rf-tile .rf-tile-footer, #rf-sessionrecommendations .rf-tile-container .rf-tile .rf-tile-footer { padding: 0 var(--space-6) var(--space-6); } .tech-sessions .rf-tile-container .rf-tile, #rf-sessionrecommendations .rf-tile-container .rf-tile { border-color: var(--rf-brand-border-color); } .tech-sessions .rf-tile-container .rf-tile-body h4.rf-tile-title, #rf-sessionrecommendations .rf-tile-container .rf-tile-body h4.rf-tile-title { text-transform: none; font-style: normal; font-size: var(--space-5); } .tech-sessions .rf-tile-container .rf-tile-body h4.rf-tile-title a, #rf-sessionrecommendations .rf-tile-container .rf-tile-body h4.rf-tile-title a { font-size: var(--space-5); background: none !important; } .tech-sessions .rf-tile-container .rf-tile-body h4.rf-tile-title p, #rf-sessionrecommendations .rf-tile-container .rf-tile-body h4.rf-tile-title p { font-size: var(--space-4); } /* Targeted Agenda */ .targeted-agenda-details-card h4.rf-tile-title a { text-transform: none; background: none; } .targeted-agenda-details-card:hover h4.rf-tile-title a {color: var(--rf-brand-color-text-heading) !important;} /* END Targeted Agenda */ /* -- Session Recommendations -- */ #rf-sessionrecommendations .rf-tile-avatars { display: none; visibility: hidden; } #rf-sessionrecommendations .rf-tile-rating { display: flex; justify-content: flex-end; position: relative; inset-block-start: auto; right: auto; padding: var(--space-4); background-color: #EAEAEA; } #rf-sessionrecommendations .rf-tile-rating .mdBtnR.mdBtnR-icon-button .rfSI svg {fill: var(--rf-brand-primary);} #rf-sessionrecommendations .rf-tile-rating .mdBtnR.mdBtnR-icon-button.active, #rf-sessionrecommendations .rf-tile-rating .mdBtnR.mdBtnR-icon-button:hover { background-color: var(--rf-brand-primary); } #rf-sessionrecommendations .rf-tile-rating .mdBtnR.mdBtnR-icon-button.active .rfSI svg, #rf-sessionrecommendations .rf-tile-rating .mdBtnR.mdBtnR-icon-button:hover .rfSI svg { fill: var(--rf-brand-on-primary); } #rf-sessionrecommendations .rf-tile-info { font-size: var(--space-4); max-block-size: none; } #rf-sessionrecommendations .rf-tile-info.rf-tile-line-one:empty, #rf-sessionrecommendations .rf-tile-info.rf-tile-line-two:empty { margin: 0; } /* -- END Session Recommendations -- */ /* --- Session Widget --- */ /* Reduces padding size for session CTAs */ .session-actions :is(a.mdBtnR-primary, a.mdBtnR-outline-primary, .mdBtnR-primary, .mdBtnR-outline-primary) { --rf-comp-button-space-padding: 0 var(--space-4); padding: var(--rf-comp-button-space-padding) !important; } /* moves cal icon to be more aligned with text */ .session-time-details > .rfSI.rfSI-text { margin: 7px 4px 0 0; } /* Webinar/Live stream Player Continer */ #widget-page-session-details .webinar-player-info { padding: var(--space-5); margin: 0 0 var(--space-4) 0; --rf-brand-color-primary: var(--event-prime-alt); --rf-brand-shape-radius: var(--event-card-border-radius); --rf-system-color-neutral-100: var(--calcite-ui-text-1); --calcite-ui-text-1: #ffffff; --rf-comp-button-space-padding: var(--space-3) var(--space-6); } #widget-page-session-details .webinar-player-info .mdBtnR span { font-weight: var(--event-font-weight) !important; font-style: var(--event-font-style) !important; text-transform: var(--event-text-transform); } #widget-page-session-details .webinar-player-info .mdBtnR:hover { border-color: var(--event-third-alt); background-color: var(--event-third-alt) !important; opacity: initial; } #widget-page-session-details .webinar-player-info .mdBtnR:hover span { --rf-brand-color-primary: #ffffff; } /* ----------- END Widget Styling ----------- */ /* ----------- Card Styling ----------- */ /* --- Card Header --- */ .rf-card .card-header { padding: 0 0 var(--space-6); margin-block-end: var(--space-2); border-block-start: none; border-inline-start: none; border-inline-end: none; border-block-end-width: var(--space-1); border-block-end-style: solid; border-image: linear-gradient(115.29deg, #800085 0%, #5900B5 33.6%, #E357FF 67.91%) 1; background: transparent; } .rf-card .card-header .card-controls .catalog-url { color: var(--rf-brand-on-primary); background-color: var(--rf-brand-primary); font-size: var(--font--1); text-transform: uppercase; font-weight: bold; padding: var(--space-2) var(--space-3); border-radius: 50px; font-style: italic; } .rf-card .card-header .card-controls .catalog-url:hover { background: var(--rf-brand-primary-hover); } /* -- Media Queries -- */ @media all and (min-width: 1024px) { .rf-card .card-header .card-header-title { font-size: var(--font-4); } } /* -- END Media Queries -- */ /* --- END Card Header --- */ /* --- Card Body --- */ .rf-card .card-body { border: 0; block-size: 820px; scrollbar-color: var(--rf-brand-border-color) rgba(255, 255, 255, 0); } .rf-card .card-body .card-body-row { border-color: var(--rf-brand-border-color); padding: var(--space-6) 2px; } .rf-card .card-body .card-body-row a { background: 0; display: flex; flex-direction: column; } .rf-card .card-body .card-body-row a .schedule-time-details { order: 1; } .rf-card .card-body .card-body-row a .schedule-time-details .schedule-details { font-size: var(--font-0); margin-block-end: 0; } .rf-card .card-body .card-body-row a .session-room { font-size: var(--font-0); } .rf-card .card-body .card-body-row a .address-details { order: 2; } .rf-card .card-body .card-body-row a p { font-size: var(--font-1); } .rf-card .card-body .card-body-row a p .divider { color: var(--rf-brand-border-color); margin: 0 var(--space-5); } .rf-card .card-body .card-body-row a h6 { font-size: var(--font-3); color: #000; margin-block-end: var(--space-3); } .rf-card .card-body .card-body-row a:hover h6 { color: var(--rf-brand-primary); } .rf-card .card-body .card-body-row a .schedule-time-details .rf-pill { display: none; visibility: hidden; } /* --- END Card Body --- */ /* --- Esri Card --- */ .esri-card .flex-box-section { gap: var(--space-5); align-items: stretch; } .esri-card [class*=rf-grid-layout-] { padding: 0; margin: 0; } .esri-card .flex-box-child .rf-headline-content, .esri-card .rf-headline:first-child { background-size: cover; background-position: center; border-radius: var(--event-card-border-radius); block-size: 100%; min-block-size: 342px; padding: var(--space-10); } .esri-card .rf-headline:first-child { overflow: hidden; text-decoration: none; } .esri-card .rf-headline:first-child, .esri-card .rf-headline.mini { padding: 0; } .esri-card .rf-headline .rf-headline-content > div { inline-size: 100%; max-inline-size: 100% !important; } .esri-card .flex-box-child .rf-headline-content { display: flex; flex-direction: column; justify-content: space-between; } .esri-card :is(h2, h3, h4, h5, h6) { font-size: var(--font-3); margin: 0 0 var(--space-3); } .esri-card p, a.esri-card p { font-size: var(--font-1); } @media all and (min-width: 767px) and (max-width: 1499px) { .esri-card .flex-box-section { gap: var(--space-5) var(--space-3); } .esri-card .rf-grid-layout-50 { inline-size: 100%; } .esri-card .rf-grid-layout-33 { inline-size: 32%; } .esri-card .rf-grid-layout-25 { inline-size: 49% } .esri-card :where(.rf-grid-layout-100, .rf-grid-layout-50) .rf-headline .rf-headline-content > div { inline-size: 80%; max-inline-size: 80% !important; } } @media all and (min-width: 1500px) { .esri-card .flex-box-section { gap: var(--space-2); } .esri-card .rf-grid-layout-50 { inline-size: 49%; } .esri-card .rf-grid-layout-33 { inline-size: 32%; } .esri-card .rf-grid-layout-25 { inline-size: 24% } .esri-card .rf-grid-layout-100 .rf-headline .rf-headline-content > div { inline-size: 50%; max-inline-size: 50% !important; } .esri-card .rf-grid-layout-50 .rf-headline .rf-headline-content > div { inline-size: 90%; max-inline-size: 90% !important; } } /* --- END Esri Card --- */ /* --- END Esri Section Card --- */ .esri-section-card { padding: var(--space-16) 0; text-align: center; } .esri-section-card .esri-section-card__title { font-size: var(--font-5) !important; } .esri-section-card .esri-section-card__subtitle { font-size: var(--font-3); font-weight: var(--event-font-weight); } .esri-section-card .esri-section-card__description-container { margin-inline: auto; font-size: var(--font-2); } @media all and (min-width: 767px) and (max-width: 1499px) { .esri-section-card .esri-section-card__description-container { inline-size: 70ch; max-inline-size: 80%; } } @media all and (min-width: 1075px) { .esri-section-card { padding: var(--space-32) 0; } .esri-section-card .esri-section-card__description-container { inline-size: 50ch; } } /* --- END Esri Section Card --- */ /* --- Esri Media Gallery Card --- */ .esri-media-gallery-card .flex-box-section { gap: var(--space-5) 0; justify-content: space-evenly; } .esri-media-gallery-card :is(.media-gallery-card-container, .media-gallery-card-internal) { min-block-size: 427px; max-inline-size: 100%; border-radius: var(--event-card-border-radius) !important; } .esri-media-gallery-card .media-gallery-card-container { background-size: cover; background-position: 50% 0; } .esri-media-gallery-card .media-gallery-card-internal { aspect-ratio: 2 / 1.6; padding: var(--space-8); margin: 0 !important; display: flex; flex-direction: column; justify-content: flex-end; background: linear-gradient(180deg, transparent 42.97%, var(--calcite-scrim-background) 99.88%); } .esri-media-gallery-card :is(h2, h3, h4) { font-size: var(--font-3); margin-block-end: var(--space-3); } .esri-media-gallery-card p { font-size: var(--font--1); } .esri-media-gallery-card a { text-decoration: none; background: none; } @media all and (min-width: 600px) and (max-width: 1200px) { .esri-media-gallery-card .rf-grid-layout-25 { inline-size: 48%; } } /* --- END Esri Media Gallery Card --- */ /* --- Game Leaderboard/Trophy Cards --- */ .game-trophy-card, .game-leaderboard-card { --trophy-card-color-background: #fff; --trophy-card-color-text: #000; background-color: var(--trophy-card-color-background); border: 1px solid var(--rf-brand-border-color); border-radius: var(--rf-brand-radius); box-shadow: none; padding: var(--space-8); } .game-trophy-card .trophy-card-header, .game-trophy-card .leaderboard-card-header, .game-leaderboard-card .trophy-card-header, .game-leaderboard-card .leaderboard-card-header { background-color: transparent; padding: 0; block-size: auto; margin-block-end: var(--space-10); } .game-trophy-card .trophy-card-header > div + div, .game-trophy-card .leaderboard-card-header > div + div, .game-leaderboard-card .trophy-card-header > div + div, .game-leaderboard-card .leaderboard-card-header > div + div { display: flex; gap: var(--space-6); text-align: end; } .game-trophy-card .trophy-card-header > div + div h4, .game-trophy-card .trophy-card-header > div + div h6, .game-trophy-card .leaderboard-card-header > div + div h4, .game-trophy-card .leaderboard-card-header > div + div h6, .game-leaderboard-card .trophy-card-header > div + div h4, .game-leaderboard-card .trophy-card-header > div + div h6, .game-leaderboard-card .leaderboard-card-header > div + div h4, .game-leaderboard-card .leaderboard-card-header > div + div h6 { margin: 0; } .game-trophy-card .trophy-card-header h4, .game-trophy-card .leaderboard-card-header h4, .game-leaderboard-card .trophy-card-header h4, .game-leaderboard-card .leaderboard-card-header h4 { color: var(--trophy-card-color-text); } .game-trophy-card .trophy p, .game-leaderboard-card .trophy p { color: var(--trophy-card-color-text); } .dark-theme .game-trophy-card, .dark-theme .game-leaderboard-card { --trophy-card-color-background: var(--rf-brand-color-midnight); --trophy-card-color-text: #fff; --rf-brand-border-color: var(--trophy-card-color-background); scrollbar-color: #fff; } .game-leaderboard-card .leaderboard-card-list { padding: 0; } .game-leaderboard-card .leaderboard-card-list li { border-block-end: 1px solid var(--calcite-ui-foreground-3); padding: var(--space-4) var(--space-3); } .game-leaderboard-card .leaderboard-card-list li :is(span, h3) { text-transform: none !important; } .game-trophy-card .trophy-card-list, .game-trophy-card.headless-trophy-card .trophy-card-list { display: grid; grid-template-columns: repeat(auto-fill, minmax(100px, 1fr)); gap: var(--space-8); padding: 0; block-size: auto; } .game-trophy-card .trophy-card-list .trophy, .game-trophy-card.headless-trophy-card .trophy-card-list .trophy { margin: 0; max-width: 100px; } /* --- END Game Leaderboard/Trophy Cards --- */ /* --- Survey List Card --- */ .my-survey-list-card { --card-color-background: #fff; --card-color-text: #000; background-color: var(--card-color-background); border-radius: var(--rf-brand-radius); padding: var(--space-8); } .my-survey-list-card .card-header {margin-block-end: var(--space-6);} .my-survey-list-card .card-header .card-header-title { color: var(--card-color-text); margin: 0; } .my-survey-list-card .card-body { background: transparent; block-size: 400px; } .my-survey-list-card .card-body .rf-table-container {border-radius: 0;} .my-survey-list-card .card-body .rf-table-container .card-survey-incomplete-header h5, .my-survey-list-card .card-body .rf-table-container .card-survey-completed-header h5 { padding: 0; color: var(--card-color-text); } .my-survey-list-card .card-body .rf-table-container .rf-table .table-row:hover {background-color: var(--rf-brand-primary-hover) !important;} .my-survey-list-card .card-body .rf-table-container .rf-table .table-row:hover > div {color: var(--rf-brand-on-primary-hover);} .my-survey-list-card .card-body * {color: var(--card-color-text);} .dark-theme .my-survey-list-card { --card-color-background: var(--rf-brand-color-midnight); --card-color-text: #fff; scrollbar-color: #fff; } /* --- END Survey List Card --- */ /* ----------- END Card Styling ----------- */ /*=============================================*/ /* /* # END Content /* /*=============================================*/ /*=============================================*/ /* /* # Pages Overrides /* /*=============================================*/ /* ----------- RF Helper Classes ----------- */ .truncate { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; } .text-ellipses { text-overflow: ellipsis; } .text-clip { text-overflow: clip; } .no-min-height div { min-block-size: auto !important; } .equal-heights .flex-box-child div { block-size: 100%; } .bg-top { background-position: top !important; } .bg-bottom { background-position: bottom !important; } .classless-auto-height .flex-box-child > div:not([class]) { block-size: 100%; } .h-full { block-size: 100%; } .black { color: #000; } .dark-theme .black { color: #fff; } .dark-theme { --rf-brand-primary: #fff; --rf-brand-on-primary: #000; --rf-brand-on-primary-hover: #fff; --event-cta-color: var(--event-third); --event-cta-color-hover: var(--event-third-alt); --calcite-ui-brand: #009AF2; --calcite-ui-brand-hover: #007AC2; --calcite-ui-brand-press: #00619B; --calcite-ui-background: #353535; --calcite-ui-foreground-1: #2b2b2b; --calcite-ui-foreground-2: #202020; --calcite-ui-foreground-3: #151515; --calcite-ui-text-1: #ffffff; --calcite-ui-text-2: #bfbfbf; --calcite-ui-text-3: #9f9f9f; --calcite-ui-text-inverse: #151515; --calcite-ui-text-link: #00A0FF; --calcite-ui-border-1: #555555; --calcite-ui-border-2: #4a4a4a; --calcite-ui-border-3: #404040; --calcite-ui-border-input: #757575; --calcite-ui-info: #00A0FF; --calcite-ui-success: #36DA43; --calcite-ui-warning: #FFC900; --calcite-ui-danger: #FE583E; --calcite-ui-danger-hover: #FF0015; --calcite-ui-danger-press: #D90012; --calcite-theme-name: "dark"; --calcite-ui-foreground-current: #214155; --calcite-ui-inverse: #f8f8f8; --calcite-ui-inverse-hover: #ffffff; --calcite-ui-inverse-press: #f3f3f3; --calcite-alert-dismiss-progress-background: rgba(43, 43, 43, 0.8); --calcite-button-transparent-hover: rgba(255, 255, 255, 0.05); --calcite-button-transparent-press: rgba(255, 255, 255, 0.08); --calcite-link-blue-underline: rgba(0, 160, 255, 0.4); --calcite-scrim-background: rgba(0, 0, 0, 0.85); } .light-theme { --rf-brand-primary: #000; --calcite-ui-brand: #007ac2; --calcite-ui-brand-hover: #00619B; --calcite-ui-brand-press: #004874; --calcite-ui-background: #f8f8f8; --calcite-ui-foreground-1: #ffffff; --calcite-ui-foreground-2: #f3f3f3; --calcite-ui-foreground-3: #eaeaea; --calcite-ui-text-1: #151515; --calcite-ui-text-2: #4a4a4a; --calcite-ui-text-3: #6a6a6a; --calcite-ui-text-inverse: #FFFFFF; --calcite-ui-text-link: #00619b; --calcite-ui-border-1: #cacaca; --calcite-ui-border-2: #d4d4d4; --calcite-ui-border-3: #dfdfdf; --calcite-ui-border-input: #949494; --calcite-ui-info: #00619b; --calcite-ui-success: #35ac46; --calcite-ui-warning: #edd317; --calcite-ui-danger: #D83020; --calcite-ui-danger-hover: #A82B1E; --calcite-ui-danger-press: #7C1D13; --calcite-theme-name: "light"; --calcite-ui-foreground-current: #c7eaff; --calcite-ui-inverse: #353535; --calcite-ui-inverse-hover: #2b2b2b; --calcite-ui-inverse-press: #202020; --calcite-alert-dismiss-progress-background: rgba(255, 255, 255, 0.8); --calcite-button-transparent-hover: rgba(0, 0, 0, 0.05); --calcite-button-transparent-press: rgba(0, 0, 0, 0.08); --calcite-link-blue-underline: rgba(0, 97, 155, 0.4); --calcite-scrim-background: rgba(255, 255, 255, 0.85); } .warning-theme { --rf-brand-primary: var(--rf-brand-danger); --rf-brand-primary-hover: var(--rf-brand-danger); } @media all and (max-width: 767px) { .flex-wrap-small {flex-wrap: wrap;} .flex-box-child {padding: var(--space-2) 0;} } /* Margin and Padding Util Classes */ /* Overall Padding */ .p-0 { padding: var(--space-0);} .p-1 { padding: var(--space-1);} .p-2 { padding: var(--space-2);} .p-3 { padding: var(--space-3);} .p-4 { padding: var(--space-4);} .p-5 { padding: var(--space-5);} .p-6 { padding: var(--space-6);} .p-8 { padding: var(--space-8);} .p-10 { padding: var(--space-10);} .p-12 { padding: var(--space-12);} .p-16 { padding: var(--space-16);} .p-20 { padding: var(--space-20);} .p-24 { padding: var(--space-24);} .p-32 { padding: var(--space-32);} .p-40 { padding: var(--space-40);} .p-48 { padding: var(--space-48);} .p-56 { padding: var(--space-56);} .p-64 { padding: var(--space-64);} /* Padding Left Only */ .pl-0 { padding-inline-start: var(--space-0) !important;} .pl-1 { padding-inline-start: var(--space-1) !important;} .pl-2 { padding-inline-start: var(--space-2) !important;} .pl-3 { padding-inline-start: var(--space-3) !important;} .pl-4 { padding-inline-start: var(--space-4) !important;} .pl-5 { padding-inline-start: var(--space-5) !important;} .pl-6 { padding-inline-start: var(--space-6) !important;} .pl-8 { padding-inline-start: var(--space-8) !important;} .pl-10 {padding-inline-start: var(--space-10) !important;} .pl-12 {padding-inline-start: var(--space-12) !important;} .pl-16 {padding-inline-start: var(--space-16) !important;} .pl-20 {padding-inline-start: var(--space-20) !important;} .pl-24 {padding-inline-start: var(--space-24) !important;} .pl-32 {padding-inline-start: var(--space-32) !important;} .pl-40 {padding-inline-start: var(--space-40) !important;} .pl-48 {padding-inline-start: var(--space-48) !important;} .pl-56 {padding-inline-start: var(--space-56) !important;} .pl-64 {padding-inline-start: var(--space-64) !important;} /* Padding Right Only */ .pr-0 { padding-inline-end: var(--space-0) !important;} .pr-1 { padding-inline-end: var(--space-1) !important;} .pr-2 { padding-inline-end: var(--space-2) !important;} .pr-3 { padding-inline-end: var(--space-3) !important;} .pr-4 { padding-inline-end: var(--space-4) !important;} .pr-5 { padding-inline-end: var(--space-5) !important;} .pr-6 { padding-inline-end: var(--space-6) !important;} .pr-8 { padding-inline-end: var(--space-8) !important;} .pr-10 {padding-inline-end: var(--space-10) !important;} .pr-12 {padding-inline-end: var(--space-12) !important;} .pr-16 {padding-inline-end: var(--space-16) !important;} .pr-20 {padding-inline-end: var(--space-20) !important;} .pr-24 {padding-inline-end: var(--space-24) !important;} .pr-32 {padding-inline-end: var(--space-32) !important;} .pr-40 {padding-inline-end: var(--space-40) !important;} .pr-48 {padding-inline-end: var(--space-48) !important;} .pr-56 {padding-inline-end: var(--space-56) !important;} .pr-64 {padding-inline-end: var(--space-64) !important;} /* Padding Top Only */ .pt-0 { padding-block-start: var(--space-0) !important;} .pt-1 { padding-block-start: var(--space-1) !important;} .pt-2 { padding-block-start: var(--space-2) !important;} .pt-3 { padding-block-start: var(--space-3) !important;} .pt-4 { padding-block-start: var(--space-4) !important;} .pt-5 { padding-block-start: var(--space-5) !important;} .pt-6 { padding-block-start: var(--space-6) !important;} .pt-8 { padding-block-start: var(--space-8) !important;} .pt-10 {padding-block-start: var(--space-10) !important;} .pt-12 {padding-block-start: var(--space-12) !important;} .pt-16 {padding-block-start: var(--space-16) !important;} .pt-20 {padding-block-start: var(--space-20) !important;} .pt-24 {padding-block-start: var(--space-24) !important;} .pt-32 {padding-block-start: var(--space-32) !important;} .pt-40 {padding-block-start: var(--space-40) !important;} .pt-48 {padding-block-start: var(--space-48) !important;} .pt-56 {padding-block-start: var(--space-56) !important;} .pt-64 {padding-block-start: var(--space-64) !important;} /* Padding Bottom Only */ .pb-0 { padding-block-end: var(--space-0) !important;} .pb-1 { padding-block-end: var(--space-1) !important;} .pb-2 { padding-block-end: var(--space-2) !important;} .pb-3 { padding-block-end: var(--space-3) !important;} .pb-4 { padding-block-end: var(--space-4) !important;} .pb-5 { padding-block-end: var(--space-5) !important;} .pb-6 { padding-block-end: var(--space-6) !important;} .pb-8 { padding-block-end: var(--space-8) !important;} .pb-10 {padding-block-end: var(--space-10) !important;} .pb-12 {padding-block-end: var(--space-12) !important;} .pb-16 {padding-block-end: var(--space-16) !important;} .pb-20 {padding-block-end: var(--space-20) !important;} .pb-24 {padding-block-end: var(--space-24) !important;} .pb-32 {padding-block-end: var(--space-32) !important;} .pb-40 {padding-block-end: var(--space-40) !important;} .pb-48 {padding-block-end: var(--space-48) !important;} .pb-56 {padding-block-end: var(--space-56) !important;} .pb-64 {padding-block-end: var(--space-64) !important;} /* Padding Left+Right */ .px-1 { padding-inline: var(--space-1) !important;} .px-2 { padding-inline: var(--space-2) !important;} .px-0 { padding-inline: var(--space-0) !important;} .px-3 { padding-inline: var(--space-3) !important;} .px-4 { padding-inline: var(--space-4) !important;} .px-5 { padding-inline: var(--space-5) !important;} .px-6 { padding-inline: var(--space-6) !important;} .px-8 { padding-inline: var(--space-8) !important;} .px-10 { padding-inline: var(--space-10) !important;} .px-12 { padding-inline: var(--space-12) !important;} .px-16 { padding-inline: var(--space-16) !important;} .px-20 { padding-inline: var(--space-20) !important;} .px-24 { padding-inline: var(--space-24) !important;} .px-32 { padding-inline: var(--space-32) !important;} .px-40 { padding-inline: var(--space-40) !important;} .px-48 { padding-inline: var(--space-48) !important;} .px-56 { padding-inline: var(--space-56) !important;} .px-64 { padding-inline: var(--space-64) !important;} /* Padding Top+Bottom */ .py-0 { padding-block: var(--space-0) !important;} .py-1 { padding-block: var(--space-1) !important;} .py-2 { padding-block: var(--space-2) !important;} .py-3 { padding-block: var(--space-3) !important;} .py-4 { padding-block: var(--space-4) !important;} .py-5 { padding-block: var(--space-5) !important;} .py-6 { padding-block: var(--space-6) !important;} .py-8 { padding-block: var(--space-8) !important;} .py-10 {padding-block: var(--space-10) !important;} .py-12 {padding-block: var(--space-12) !important;} .py-16 {padding-block: var(--space-16) !important;} .py-20 {padding-block: var(--space-20) !important;} .py-24 {padding-block: var(--space-24) !important;} .py-32 {padding-block: var(--space-32) !important;} .py-40 {padding-block: var(--space-40) !important;} .py-48 {padding-block: var(--space-48) !important;} .py-56 {padding-block: var(--space-56) !important;} .py-64 {padding-block: var(--space-64) !important;} @media all and (max-width: 767px) { .sm\:p-0 {padding: var(--space-0);} .sm\:p-1 {padding: var(--space-1);} .sm\:p-2 {padding: var(--space-2);} .sm\:p-3 {padding: var(--space-3);} .sm\:p-4 {padding: var(--space-4);} .sm\:p-5 {padding: var(--space-5);} .sm\:p-6 {padding: var(--space-6);} .sm\:p-8 {padding: var(--space-8);} .sm\:p-10 {padding: var(--space-10);} .sm\:p-12 {padding: var(--space-12);} .sm\:p-16 {padding: var(--space-16);} .sm\:p-20 {padding: var(--space-20);} .sm\:p-24 {padding: var(--space-24);} .sm\:p-32 {padding: var(--space-32);} .sm\:p-40 {padding: var(--space-40);} .sm\:p-48 {padding: var(--space-48);} .sm\:p-56 {padding: var(--space-56);} .sm\:p-64 {padding: var(--space-64);} .sm\:pl-0 {padding-inline-start: var(--space-0) !important;} .sm\:pl-1 {padding-inline-start: var(--space-1) !important;} .sm\:pl-2 {padding-inline-start: var(--space-2) !important;} .sm\:pl-3 {padding-inline-start: var(--space-3) !important;} .sm\:pl-4 {padding-inline-start: var(--space-4) !important;} .sm\:pl-5 {padding-inline-start: var(--space-5) !important;} .sm\:pl-6 {padding-inline-start: var(--space-6) !important;} .sm\:pl-8 {padding-inline-start: var(--space-8) !important;} .sm\:pl-10 {padding-inline-start: var(--space-10) !important;} .sm\:pl-12 {padding-inline-start: var(--space-12) !important;} .sm\:pl-16 {padding-inline-start: var(--space-16) !important;} .sm\:pl-20 {padding-inline-start: var(--space-20) !important;} .sm\:pl-24 {padding-inline-start: var(--space-24) !important;} .sm\:pl-32 {padding-inline-start: var(--space-32) !important;} .sm\:pl-40 {padding-inline-start: var(--space-40) !important;} .sm\:pl-48 {padding-inline-start: var(--space-48) !important;} .sm\:pl-56 {padding-inline-start: var(--space-56) !important;} .sm\:pl-64 {padding-inline-start: var(--space-64) !important;} .sm\:pr-0 {padding-inline-end: var(--space-0) !important;} .sm\:pr-1 {padding-inline-end: var(--space-1) !important;} .sm\:pr-2 {padding-inline-end: var(--space-2) !important;} .sm\:pr-3 {padding-inline-end: var(--space-3) !important;} .sm\:pr-4 {padding-inline-end: var(--space-4) !important;} .sm\:pr-5 {padding-inline-end: var(--space-5) !important;} .sm\:pr-6 {padding-inline-end: var(--space-6) !important;} .sm\:pr-8 {padding-inline-end: var(--space-8) !important;} .sm\:pr-10 {padding-inline-end: var(--space-10) !important;} .sm\:pr-12 {padding-inline-end: var(--space-12) !important;} .sm\:pr-16 {padding-inline-end: var(--space-16) !important;} .sm\:pr-20 {padding-inline-end: var(--space-20) !important;} .sm\:pr-24 {padding-inline-end: var(--space-24) !important;} .sm\:pr-32 {padding-inline-end: var(--space-32) !important;} .sm\:pr-40 {padding-inline-end: var(--space-40) !important;} .sm\:pr-48 {padding-inline-end: var(--space-48) !important;} .sm\:pr-56 {padding-inline-end: var(--space-56) !important;} .sm\:pr-64 {padding-inline-end: var(--space-64) !important;} .sm\:pt-0 {padding-block-start: var(--space-0) !important;} .sm\:pt-1 {padding-block-start: var(--space-1) !important;} .sm\:pt-2 {padding-block-start: var(--space-2) !important;} .sm\:pt-3 {padding-block-start: var(--space-3) !important;} .sm\:pt-4 {padding-block-start: var(--space-4) !important;} .sm\:pt-5 {padding-block-start: var(--space-5) !important;} .sm\:pt-6 {padding-block-start: var(--space-6) !important;} .sm\:pt-8 {padding-block-start: var(--space-8) !important;} .sm\:pt-10 {padding-block-start: var(--space-10) !important;} .sm\:pt-12 {padding-block-start: var(--space-12) !important;} .sm\:pt-16 {padding-block-start: var(--space-16) !important;} .sm\:pt-20 {padding-block-start: var(--space-20) !important;} .sm\:pt-24 {padding-block-start: var(--space-24) !important;} .sm\:pt-32 {padding-block-start: var(--space-32) !important;} .sm\:pt-40 {padding-block-start: var(--space-40) !important;} .sm\:pt-48 {padding-block-start: var(--space-48) !important;} .sm\:pt-56 {padding-block-start: var(--space-56) !important;} .sm\:pt-64 {padding-block-start: var(--space-64) !important;} .sm\:pb-0 {padding-block-end: var(--space-0) !important;} .sm\:pb-1 {padding-block-end: var(--space-1) !important;} .sm\:pb-2 {padding-block-end: var(--space-2) !important;} .sm\:pb-3 {padding-block-end: var(--space-3) !important;} .sm\:pb-4 {padding-block-end: var(--space-4) !important;} .sm\:pb-5 {padding-block-end: var(--space-5) !important;} .sm\:pb-6 {padding-block-end: var(--space-6) !important;} .sm\:pb-8 {padding-block-end: var(--space-8) !important;} .sm\:pb-10 {padding-block-end: var(--space-10) !important;} .sm\:pb-12 {padding-block-end: var(--space-12) !important;} .sm\:pb-16 {padding-block-end: var(--space-16) !important;} .sm\:pb-20 {padding-block-end: var(--space-20) !important;} .sm\:pb-24 {padding-block-end: var(--space-24) !important;} .sm\:pb-32 {padding-block-end: var(--space-32) !important;} .sm\:pb-40 {padding-block-end: var(--space-40) !important;} .sm\:pb-48 {padding-block-end: var(--space-48) !important;} .sm\:pb-56 {padding-block-end: var(--space-56) !important;} .sm\:pb-64 {padding-block-end: var(--space-64) !important;} .sm\:px-0 {padding-inline: var(--space-0) !important;} .sm\:px-1 {padding-inline: var(--space-1) !important;} .sm\:px-2 {padding-inline: var(--space-2) !important;} .sm\:px-3 {padding-inline: var(--space-3) !important;} .sm\:px-4 {padding-inline: var(--space-4) !important;} .sm\:px-5 {padding-inline: var(--space-5) !important;} .sm\:px-6 {padding-inline: var(--space-6) !important;} .sm\:px-8 {padding-inline: var(--space-8) !important;} .sm\:px-10 {padding-inline: var(--space-10) !important;} .sm\:px-12 {padding-inline: var(--space-12) !important;} .sm\:px-16 {padding-inline: var(--space-16) !important;} .sm\:px-20 {padding-inline: var(--space-20) !important;} .sm\:px-24 {padding-inline: var(--space-24) !important;} .sm\:px-32 {padding-inline: var(--space-32) !important;} .sm\:px-40 {padding-inline: var(--space-40) !important;} .sm\:px-48 {padding-inline: var(--space-48) !important;} .sm\:px-56 {padding-inline: var(--space-56) !important;} .sm\:px-64 {padding-inline: var(--space-64) !important;} .sm\:py-0 {padding-block: var(--space-0) !important;} .sm\:py-1 {padding-block: var(--space-1) !important;} .sm\:py-2 {padding-block: var(--space-2) !important;} .sm\:py-3 {padding-block: var(--space-3) !important;} .sm\:py-4 {padding-block: var(--space-4) !important;} .sm\:py-5 {padding-block: var(--space-5) !important;} .sm\:py-6 {padding-block: var(--space-6) !important;} .sm\:py-8 {padding-block: var(--space-8) !important;} .sm\:py-10 {padding-block: var(--space-10) !important;} .sm\:py-12 {padding-block: var(--space-12) !important;} .sm\:py-16 {padding-block: var(--space-16) !important;} .sm\:py-20 {padding-block: var(--space-20) !important;} .sm\:py-24 {padding-block: var(--space-24) !important;} .sm\:py-32 {padding-block: var(--space-32) !important;} .sm\:py-40 {padding-block: var(--space-40) !important;} .sm\:py-48 {padding-block: var(--space-48) !important;} .sm\:py-56 {padding-block: var(--space-56) !important;} .sm\:py-64 {padding-block: var(--space-64) !important;} } /* Overall Margin */ .m-0 { margin: var(--space-0);} .m-1 { margin: var(--space-1);} .m-2 { margin: var(--space-2);} .m-3 { margin: var(--space-3);} .m-4 { margin: var(--space-4);} .m-5 { margin: var(--space-5);} .m-6 { margin: var(--space-6);} .m-8 { margin: var(--space-8);} .m-10 { margin: var(--space-10);} .m-12 { margin: var(--space-12);} .m-16 { margin: var(--space-16);} .m-20 { margin: var(--space-20);} .m-24 { margin: var(--space-24);} .m-32 { margin: var(--space-32);} .m-40 { margin: var(--space-40);} .m-48 { margin: var(--space-48);} .m-56 { margin: var(--space-56);} .m-64 { margin: var(--space-64);} /* Margin Left Only */ .ml-0 { margin-inline-start: var(--space-0) !important;} .ml-1 { margin-inline-start: var(--space-1) !important;} .ml-2 { margin-inline-start: var(--space-2) !important;} .ml-3 { margin-inline-start: var(--space-3) !important;} .ml-4 { margin-inline-start: var(--space-4) !important;} .ml-5 { margin-inline-start: var(--space-5) !important;} .ml-6 { margin-inline-start: var(--space-6) !important;} .ml-8 { margin-inline-start: var(--space-8) !important;} .ml-10 {margin-inline-start: var(--space-10) !important;} .ml-12 {margin-inline-start: var(--space-12) !important;} .ml-16 {margin-inline-start: var(--space-16) !important;} .ml-20 {margin-inline-start: var(--space-20) !important;} .ml-24 {margin-inline-start: var(--space-24) !important;} .ml-32 {margin-inline-start: var(--space-32) !important;} .ml-40 {margin-inline-start: var(--space-40) !important;} .ml-48 {margin-inline-start: var(--space-48) !important;} .ml-56 {margin-inline-start: var(--space-56) !important;} .ml-64 {margin-inline-start: var(--space-64) !important;} /* Margin Right Only */ .mr-0 { margin-inline-end: var(--space-0) !important;} .mr-1 { margin-inline-end: var(--space-1) !important;} .mr-2 { margin-inline-end: var(--space-2) !important;} .mr-3 { margin-inline-end: var(--space-3) !important;} .mr-4 { margin-inline-end: var(--space-4) !important;} .mr-5 { margin-inline-end: var(--space-5) !important;} .mr-6 { margin-inline-end: var(--space-6) !important;} .mr-8 { margin-inline-end: var(--space-8) !important;} .mr-10 {margin-inline-end: var(--space-10) !important;} .mr-12 {margin-inline-end: var(--space-12) !important;} .mr-16 {margin-inline-end: var(--space-16) !important;} .mr-20 {margin-inline-end: var(--space-20) !important;} .mr-24 {margin-inline-end: var(--space-24) !important;} .mr-32 {margin-inline-end: var(--space-32) !important;} .mr-40 {margin-inline-end: var(--space-40) !important;} .mr-48 {margin-inline-end: var(--space-48) !important;} .mr-56 {margin-inline-end: var(--space-56) !important;} .mr-64 {margin-inline-end: var(--space-64) !important;} /* Margin Top Only */ .mt-0 { margin-block-start: var(--space-0) !important;} .mt-1 { margin-block-start: var(--space-1) !important;} .mt-2 { margin-block-start: var(--space-2) !important;} .mt-3 { margin-block-start: var(--space-3) !important;} .mt-4 { margin-block-start: var(--space-4) !important;} .mt-5 { margin-block-start: var(--space-5) !important;} .mt-6 { margin-block-start: var(--space-6) !important;} .mt-8 { margin-block-start: var(--space-8) !important;} .mt-10 {margin-block-start: var(--space-10) !important;} .mt-12 {margin-block-start: var(--space-12) !important;} .mt-16 {margin-block-start: var(--space-16) !important;} .mt-20 {margin-block-start: var(--space-20) !important;} .mt-24 {margin-block-start: var(--space-24) !important;} .mt-32 {margin-block-start: var(--space-32) !important;} .mt-40 {margin-block-start: var(--space-40) !important;} .mt-48 {margin-block-start: var(--space-48) !important;} .mt-56 {margin-block-start: var(--space-56) !important;} .mt-64 {margin-block-start: var(--space-64) !important;} /* Margin Bottom Only */ .mb-1 { margin-block-end: var(--space-1) !important;} .mb-0 { margin-block-end: var(--space-0) !important;} .mb-2 { margin-block-end: var(--space-2) !important;} .mb-3 { margin-block-end: var(--space-3) !important;} .mb-4 { margin-block-end: var(--space-4) !important;} .mb-5 { margin-block-end: var(--space-5) !important;} .mb-6 { margin-block-end: var(--space-6) !important;} .mb-8 { margin-block-end: var(--space-8) !important;} .mb-10 {margin-block-end: var(--space-10) !important;} .mb-12 {margin-block-end: var(--space-12) !important;} .mb-16 {margin-block-end: var(--space-16) !important;} .mb-20 {margin-block-end: var(--space-20) !important;} .mb-24 {margin-block-end: var(--space-24) !important;} .mb-32 {margin-block-end: var(--space-32) !important;} .mb-40 {margin-block-end: var(--space-40) !important;} .mb-48 {margin-block-end: var(--space-48) !important;} .mb-56 {margin-block-end: var(--space-56) !important;} .mb-64 {margin-block-end: var(--space-64) !important;} /* Margin Left+Right */ .mx-0 { margin-inline: var(--space-0) !important;} .mx-1 { margin-inline: var(--space-1) !important;} .mx-2 { margin-inline: var(--space-2) !important;} .mx-3 { margin-inline: var(--space-3) !important;} .mx-4 { margin-inline: var(--space-4) !important;} .mx-5 { margin-inline: var(--space-5) !important;} .mx-6 { margin-inline: var(--space-6) !important;} .mx-8 { margin-inline: var(--space-8) !important;} .mx-10 {margin-inline: var(--space-10) !important;} .mx-12 {margin-inline: var(--space-12) !important;} .mx-16 {margin-inline: var(--space-16) !important;} .mx-20 {margin-inline: var(--space-20) !important;} .mx-24 {margin-inline: var(--space-24) !important;} .mx-32 {margin-inline: var(--space-32) !important;} .mx-40 {margin-inline: var(--space-40) !important;} .mx-48 {margin-inline: var(--space-48) !important;} .mx-56 {margin-inline: var(--space-56) !important;} .mx-64 {margin-inline: var(--space-64) !important;} /* Margin Top+Bottom */ .my-0 { margin-block: var(--space-0) !important;} .my-1 { margin-block: var(--space-1) !important;} .my-2 { margin-block: var(--space-2) !important;} .my-3 { margin-block: var(--space-3) !important;} .my-4 { margin-block: var(--space-4) !important;} .my-5 { margin-block: var(--space-5) !important;} .my-6 { margin-block: var(--space-6) !important;} .my-8 { margin-block: var(--space-8) !important;} .my-10 {margin-block: var(--space-10) !important;} .my-12 {margin-block: var(--space-12) !important;} .my-16 {margin-block: var(--space-16) !important;} .my-20 {margin-block: var(--space-20) !important;} .my-24 {margin-block: var(--space-24) !important;} .my-32 {margin-block: var(--space-32) !important;} .my-40 {margin-block: var(--space-40) !important;} .my-48 {margin-block: var(--space-48) !important;} .my-56 {margin-block: var(--space-56) !important;} .my-64 {margin-block: var(--space-64) !important;} @media all and (max-width: 767px) { .sm\:m-0 {margin: var(--space-0);} .sm\:m-1 {margin: var(--space-1);} .sm\:m-2 {margin: var(--space-2);} .sm\:m-3 {margin: var(--space-3);} .sm\:m-4 {margin: var(--space-4);} .sm\:m-5 {margin: var(--space-5);} .sm\:m-6 {margin: var(--space-6);} .sm\:m-8 {margin: var(--space-8);} .sm\:m-10 {margin: var(--space-10);} .sm\:m-12 {margin: var(--space-12);} .sm\:m-16 {margin: var(--space-16);} .sm\:m-20 {margin: var(--space-20);} .sm\:m-24 {margin: var(--space-24);} .sm\:m-32 {margin: var(--space-32);} .sm\:m-40 {margin: var(--space-40);} .sm\:m-48 {margin: var(--space-48);} .sm\:m-56 {margin: var(--space-56);} .sm\:m-64 {margin: var(--space-64);} .sm\:ml-0 {margin-inline-start: var(--space-0) !important;} .sm\:ml-1 {margin-inline-start: var(--space-1) !important;} .sm\:ml-2 {margin-inline-start: var(--space-2) !important;} .sm\:ml-3 {margin-inline-start: var(--space-3) !important;} .sm\:ml-4 {margin-inline-start: var(--space-4) !important;} .sm\:ml-5 {margin-inline-start: var(--space-5) !important;} .sm\:ml-6 {margin-inline-start: var(--space-6) !important;} .sm\:ml-8 {margin-inline-start: var(--space-8) !important;} .sm\:ml-10 {margin-inline-start: var(--space-10) !important;} .sm\:ml-12 {margin-inline-start: var(--space-12) !important;} .sm\:ml-16 {margin-inline-start: var(--space-16) !important;} .sm\:ml-20 {margin-inline-start: var(--space-20) !important;} .sm\:ml-24 {margin-inline-start: var(--space-24) !important;} .sm\:ml-32 {margin-inline-start: var(--space-32) !important;} .sm\:ml-40 {margin-inline-start: var(--space-40) !important;} .sm\:ml-48 {margin-inline-start: var(--space-48) !important;} .sm\:ml-56 {margin-inline-start: var(--space-56) !important;} .sm\:ml-64 {margin-inline-start: var(--space-64) !important;} .sm\:mr-0 {margin-inline-end: var(--space-0) !important;} .sm\:mr-1 {margin-inline-end: var(--space-1) !important;} .sm\:mr-2 {margin-inline-end: var(--space-2) !important;} .sm\:mr-3 {margin-inline-end: var(--space-3) !important;} .sm\:mr-4 {margin-inline-end: var(--space-4) !important;} .sm\:mr-5 {margin-inline-end: var(--space-5) !important;} .sm\:mr-6 {margin-inline-end: var(--space-6) !important;} .sm\:mr-8 {margin-inline-end: var(--space-8) !important;} .sm\:mr-10 {margin-inline-end: var(--space-10) !important;} .sm\:mr-12 {margin-inline-end: var(--space-12) !important;} .sm\:mr-16 {margin-inline-end: var(--space-16) !important;} .sm\:mr-20 {margin-inline-end: var(--space-20) !important;} .sm\:mr-24 {margin-inline-end: var(--space-24) !important;} .sm\:mr-32 {margin-inline-end: var(--space-32) !important;} .sm\:mr-40 {margin-inline-end: var(--space-40) !important;} .sm\:mr-48 {margin-inline-end: var(--space-48) !important;} .sm\:mr-56 {margin-inline-end: var(--space-56) !important;} .sm\:mr-64 {margin-inline-end: var(--space-64) !important;} .sm\:mt-0 {margin-block-start: var(--space-0) !important;} .sm\:mt-1 {margin-block-start: var(--space-1) !important;} .sm\:mt-2 {margin-block-start: var(--space-2) !important;} .sm\:mt-3 {margin-block-start: var(--space-3) !important;} .sm\:mt-4 {margin-block-start: var(--space-4) !important;} .sm\:mt-5 {margin-block-start: var(--space-5) !important;} .sm\:mt-6 {margin-block-start: var(--space-6) !important;} .sm\:mt-8 {margin-block-start: var(--space-8) !important;} .sm\:mt-10 {margin-block-start: var(--space-10) !important;} .sm\:mt-12 {margin-block-start: var(--space-12) !important;} .sm\:mt-16 {margin-block-start: var(--space-16) !important;} .sm\:mt-20 {margin-block-start: var(--space-20) !important;} .sm\:mt-24 {margin-block-start: var(--space-24) !important;} .sm\:mt-32 {margin-block-start: var(--space-32) !important;} .sm\:mt-40 {margin-block-start: var(--space-40) !important;} .sm\:mt-48 {margin-block-start: var(--space-48) !important;} .sm\:mt-56 {margin-block-start: var(--space-56) !important;} .sm\:mt-64 {margin-block-start: var(--space-64) !important;} .sm\:mb-0 {margin-block-end: var(--space-0) !important;} .sm\:mb-1 {margin-block-end: var(--space-1) !important;} .sm\:mb-2 {margin-block-end: var(--space-2) !important;} .sm\:mb-3 {margin-block-end: var(--space-3) !important;} .sm\:mb-4 {margin-block-end: var(--space-4) !important;} .sm\:mb-5 {margin-block-end: var(--space-5) !important;} .sm\:mb-6 {margin-block-end: var(--space-6) !important;} .sm\:mb-8 {margin-block-end: var(--space-8) !important;} .sm\:mb-10 {margin-block-end: var(--space-10) !important;} .sm\:mb-12 {margin-block-end: var(--space-12) !important;} .sm\:mb-16 {margin-block-end: var(--space-16) !important;} .sm\:mb-20 {margin-block-end: var(--space-20) !important;} .sm\:mb-24 {margin-block-end: var(--space-24) !important;} .sm\:mb-32 {margin-block-end: var(--space-32) !important;} .sm\:mb-40 {margin-block-end: var(--space-40) !important;} .sm\:mb-48 {margin-block-end: var(--space-48) !important;} .sm\:mb-56 {margin-block-end: var(--space-56) !important;} .sm\:mb-64 {margin-block-end: var(--space-64) !important;} .sm\:mx-0 {margin-inline: var(--space-0) !important;} .sm\:mx-1 {margin-inline: var(--space-1) !important;} .sm\:mx-2 {margin-inline: var(--space-2) !important;} .sm\:mx-3 {margin-inline: var(--space-3) !important;} .sm\:mx-4 {margin-inline: var(--space-4) !important;} .sm\:mx-5 {margin-inline: var(--space-5) !important;} .sm\:mx-6 {margin-inline: var(--space-6) !important;} .sm\:mx-8 {margin-inline: var(--space-8) !important;} .sm\:mx-10 {margin-inline: var(--space-10) !important;} .sm\:mx-12 {margin-inline: var(--space-12) !important;} .sm\:mx-16 {margin-inline: var(--space-16) !important;} .sm\:mx-20 {margin-inline: var(--space-20) !important;} .sm\:mx-24 {margin-inline: var(--space-24) !important;} .sm\:mx-32 {margin-inline: var(--space-32) !important;} .sm\:mx-40 {margin-inline: var(--space-40) !important;} .sm\:mx-48 {margin-inline: var(--space-48) !important;} .sm\:mx-56 {margin-inline: var(--space-56) !important;} .sm\:mx-64 {margin-inline: var(--space-64) !important;} .sm\:my-0 {margin-block: var(--space-0) !important;} .sm\:my-1 {margin-block: var(--space-1) !important;} .sm\:my-2 {margin-block: var(--space-2) !important;} .sm\:my-3 {margin-block: var(--space-3) !important;} .sm\:my-4 {margin-block: var(--space-4) !important;} .sm\:my-5 {margin-block: var(--space-5) !important;} .sm\:my-6 {margin-block: var(--space-6) !important;} .sm\:my-8 {margin-block: var(--space-8) !important;} .sm\:my-10 {margin-block: var(--space-10) !important;} .sm\:my-12 {margin-block: var(--space-12) !important;} .sm\:my-16 {margin-block: var(--space-16) !important;} .sm\:my-20 {margin-block: var(--space-20) !important;} .sm\:my-24 {margin-block: var(--space-24) !important;} .sm\:my-32 {margin-block: var(--space-32) !important;} .sm\:my-40 {margin-block: var(--space-40) !important;} .sm\:my-48 {margin-block: var(--space-48) !important;} .sm\:my-56 {margin-block: var(--space-56) !important;} .sm\:my-64 {margin-block: var(--space-64) !important;} } /* ----------- END RF Helper Classes ----------- */