/*=============================================*/ /* /* # Misc /* /*=============================================*/ /* Esri - shrink search bar */ .page-builder-display-reset #rf-exhibitorcatalog .search-filters { width: calc(25% - 16px) !important; } /*padding on results count*/ #rf-catalog .search-container .total-results-count, #rf-exhibitorcatalog .search-container .total-results-count, #rf-speakercatalog .search-container .total-results-count { padding: 8px 0px 20px; } /* Sessions */ [id*='rf-'].rf-widget #widget-page-session-details .webinar-player-info { padding: 50px 20px; background: linear-gradient(to right, var(--event-second), var(--event-prime)); } /* end of Sessions */ /* hide favorite for proceedings */ .favorite-catalog-result.favorite-session { display: none !important; } /*=============================================*/ /* /* # Misc /* /*=============================================*/ /*=============================================*/ /* /* # Common Styling /* Buttons, Inputs, Form elements, Icons, etc. /* /*=============================================*/ #rf-content .all-sessions-card .rf-pill { background: linear-gradient(to right, var(--event-second), var(--event-prime)) !important; color: #fff; } #rf-content .all-sessions-card .rf-pill:hover { background: var(--button-start-hover) !important; } #rf-content .all-sessions-card .rf-pill:hover .rf-pill-text{ color: var(--event-prime) !important; } /* Pills */ .rf-pill-primary { background-color: var(--event-prime); border-color: var(--event-prime); } .dropdown-results-container .rf-select-results-container li:hover { background-color: #f5f5f5; } .modal-header .rfSI svg { fill: #999; } /*=============================================*/ /* /* # END Content /* /*=============================================*/ /*=============================================*/ /* /* # Content /* Starts at the content level, not /* /*=============================================*/ /* Form elements */ .wf-form-element-div { inline-size: 50%; } /* General Catalog Branding */ #rf-catalog, .main-content { background: var(--calcite-ui-foreground-1) !important; } /* Exhibitor Listing Branding */ #rf-exhibitorcatalog { background: var(--calcite-ui-foreground-1); } /*=============================================*/ /* # Media Queries /*=============================================*/ @media only screen and (max-width: 650px) { .wf-form-element-div { inline-size: 100%; } } /*=============================================*/ /* /* # END Content /* /*=============================================*/ /*=============================================*/ /* /* # Bug fixes /* /*=============================================*/ /* Fixes "back to catalog" CTA hover and icon colors */ [id*=rf-].rf-widget div[id*=rf-].rf-widget :is(a, a:link, a:visited):hover, [id*=rf-].rf-widget div[id*=rf-].rf-widget :is(a, a:link, a:visited):focus, [id*=rf-].rf-widget .rf-default-modal :is(a, a:link, a:visited):hover, [id*=rf-].rf-widget .rf-default-modal :is(a, a:link, a:visited):focus, #rf-catalog div[id*=rf-].rf-widget :is(a, a:link, a:visited):hover, #rf-catalog div[id*=rf-].rf-widget :is(a, a:link, a:visited):focus, #rf-catalog .rf-default-modal :is(a, a:link, a:visited):hover, #rf-catalog .rf-default-modal :is(a, a:link, a:visited):focus, :is(.rf-body,.rf-default-modal) div[id*=rf-].rf-widget :is(a, a:link, a:visited):hover, :is(.rf-body,.rf-default-modal) div[id*=rf-].rf-widget :is(a, a:link, a:visited):focus, :is(.rf-body,.rf-default-modal) .rf-default-modal :is(a, a:link, a:visited):hover, :is(.rf-body,.rf-default-modal) .rf-default-modal :is(a, a:link, a:visited):focus { --event-cta-color: var(--event-cta-color-hover); --calcite-ui-brand-hover: var(--event-cta-color-hover); } [id*=rf-].rf-widget div[id*=rf-].rf-widget :is(a, a:link, a:visited) .rfSI, [id*=rf-].rf-widget .rf-default-modal :is(a, a:link, a:visited) .rfSI, #rf-catalog div[id*=rf-].rf-widget :is(a, a:link, a:visited) .rfSI, #rf-catalog .rf-default-modal :is(a, a:link, a:visited) .rfSI, :is(.rf-body,.rf-default-modal) div[id*=rf-].rf-widget :is(a, a:link, a:visited) .rfSI, :is(.rf-body,.rf-default-modal) .rf-default-modal :is(a, a:link, a:visited) .rfSI { --rf-brand-color-primary: var(--event-cta-color); } [id*=rf-].rf-widget div[id*=rf-].rf-widget :is(a, a:link, a:visited):hover .rfSI, [id*=rf-].rf-widget div[id*=rf-].rf-widget :is(a, a:link, a:visited):focus .rfSI, [id*=rf-].rf-widget .rf-default-modal :is(a, a:link, a:visited):hover .rfSI, [id*=rf-].rf-widget .rf-default-modal :is(a, a:link, a:visited):focus .rfSI, #rf-catalog div[id*=rf-].rf-widget :is(a, a:link, a:visited):hover .rfSI, #rf-catalog div[id*=rf-].rf-widget :is(a, a:link, a:visited):focus .rfSI, #rf-catalog .rf-default-modal :is(a, a:link, a:visited):hover .rfSI, #rf-catalog .rf-default-modal :is(a, a:link, a:visited):focus .rfSI, :is(.rf-body,.rf-default-modal) div[id*=rf-].rf-widget :is(a, a:link, a:visited):hover .rfSI, :is(.rf-body,.rf-default-modal) div[id*=rf-].rf-widget :is(a, a:link, a:visited):focus .rfSI, :is(.rf-body,.rf-default-modal) .rf-default-modal :is(a, a:link, a:visited):hover .rfSI, :is(.rf-body,.rf-default-modal) .rf-default-modal :is(a, a:link, a:visited):focus .rfSI { --rf-brand-color-primary-hover: var(--event-cta-color-hover); } /* END Fixes "back to catalog" CTA hover and icon colors */ /*=============================================*/ /* /* # END Bug fixes /* /*=============================================*/