/* =========================================================================== GTC ATTENDEE PORTAL | CONSOLIDATED RAINFOCUS SHARED CSS EVENT-SPECIFIC VALUES TO VERIFY BEFORE REUSING IN ANOTHER EVENT: - .nvidia-gtceu26-ap-page-social-sharing (Berlin body class). - SB61112 and SB61113 session-detail exceptions in the widget section. - Networking banner asset URLs and the gtcspring2023 invoice icon URL. These notes do not change any selector or asset URL. Status: source-level consolidation; not a live visual/regression check. =========================================================================== */ /* ===== 1. ORIGINAL SHARED CSS — preserved rule sequence ===== */ /* Portal canvas and page-builder surfaces. */ #special-div { position: relative; height: 100%; margin: 0 auto; } div#rf-content { background-color: #f7f7f7; max-width: none; } .page-builder-display-reset, .page-builder-template-preview { background-color: transparent; } /******* Column Equal Height ******/ .flex-box-section-full.flexBox .flex-box-section .flex-box-child { display: flex; } .flex-box-section-full.flexBox .flex-box-section .flex-box-child .rf-headline { display: flex; flex-direction: column; } .rf-headline-content h4 { padding: 15px 0; margin-bottom: 0; } .rf-headline.full-image .rf-headline-content { padding: 0; } .flex-box-section-full.flexBox .flex-box-section .flex-box-child .rf-headline .rf-headline-content { flex: 1 0 auto; display: flex; flex-direction: column; } .flex-box-section-full.flexBox .flex-box-section .flex-box-child .rf-headline .rf-headline-content>div:first-of-type { margin-bottom: 16px; flex: 1 0 auto; /* height: auto !important; */ } /***************** end *************/ /**************** Confirmation layout ************/ .flex-box-section-full > .flex-box-section-full-interior { max-width: 1290px; } .rfwf-dashboard .order-summary-card .summary-items-details .summary-item-quantity, .page-builder-display-reset .order-summary-card .summary-items-details .summary-item-quantity, .page-builder-template-preview .order-summary-card .summary-items-details .summary-item-quantity { width: 10%; max-width: 35px; } .rf-card.card-full.order-summary-card .card-header.rf-flex-frame { background-color: #222222; padding: 22px 30px; } .custom-your-gtc-experience h2 { font-size: 36px; } .rf-card.card-full.order-summary-card h3.card-header-title { font-size: 24px; color: #fff; } .page-builder-display-reset .order-summary-card .summary-items-details { font-weight: 700; } .rf-card.card-full.order-summary-card .card-controls { padding-right: 23px; } .rf-card.card-full.order-summary-card .card-controls button::before { content: "Download Invoice(s)"; top: 5px; position: relative; color: #fff; cursor: pointer; font-weight: 700; font-size: 16px; } .rfSI[title="Download Invoice"] { cursor: pointer; } .rf-card .card-header .card-controls span.rfSI[title="Download Invoice"]:after, .rf-card .card-header .card-controls .rfSI[aria-label="Download Invoice"]:after { content: ""; background-image: url("https://static.rainfocus.com/nvidia/gtcspring2023/static/staticfile/staticfile/file_download_1671108025187001Gksx.svg"); width: 18px; height: 18px; display: block; position: absolute; top: 8px; background-size: 18px; margin-left: 3px; right: 0; } .rf-card.card-full.order-summary-card .card-controls button { height: auto; width: auto; max-height: none; max-width: none; } .rf-card .card-header .card-controls span.rfSI[title="Download Invoice"] svg, .rf-card .card-header .card-controls .rfSI[aria-label="Download Invoice"] svg { display: none; } .page-builder-display-reset .order-summary-card .summary-items-details { padding: 0px 0; } .rf-headline-content h4 { font-size: 24px; color: #000; } @media (max-width: 767px) { .flex-box-child.rf-grid-layout-100 { margin-bottom: 0; } .custom-your-gtc-experience h2 { font-size: 26px; } .custom-your-gtc-experience .rf-headline .rf-headline-content { padding: 26px 24px 32px; } .rf-card.card-full.order-summary-card h3.card-header-title { font-size: 18px; } .rf-card.card-full.order-summary-card .card-controls::before { top: 0; } .rf-card.card-full.order-summary-card .card-controls::before { content: ""; } } .rf-card.card-full.order-summary-card .card-body { font-size: 16px; margin-bottom: 0; padding: 20px 20px 0; background: #eeeeee; border: none; height: auto; } .rf-card.card-full.order-summary-card .rfG-md-100.rfG-lg-50 { width: 100%; padding: 0; } .rfwf-dashboard .order-summary-card .summary-items-totals .summary-item-total, .rfwf-dashboard .order-summary-card .summary-items-totals .summary-item-balance, .page-builder-display-reset .order-summary-card .summary-items-totals .summary-item-total, .page-builder-display-reset .order-summary-card .summary-items-totals .summary-item-balance { padding: 24px 30px 22px; background: #666666; color: #fff; border-bottom: 1px solid #F1F1F1; display: block; font-weight: 700; text-align: left; line-height: 34px; font-size: 24px; position: relative; } .rfwf-dashboard .order-summary-card .summary-items-totals, .page-builder-display-reset .order-summary-card .summary-items-totals { border-top: 1px solid #F1F1F1; padding: 0; margin: 0 -10px; } .order-summary-item .summary-items-totals span.summary-item-total span.rf-price-formatter, .order-summary-card .rf-price-formatter, .order-summary-card span.summary-item-balance span.rf-price-formatter { color: #fff; text-align: right; display: initial; right: 30px; position: absolute; } .order-summary-card .summary-items-details .rf-price-formatter { color: #000; } .rf-card .card-header { background-color: #666666; padding-top: 15px; padding-bottom: 15px; } .rf-card .card-header .card-header-title { color: #fff; } .rf-card .card-body { font-size: 15px; margin-bottom: 0; padding: 20px 20px; background: #f1f1f1; border: none; } @media (min-width: 1280px) { .flex-box-section-full > .flex-box-section-full-interior { max-width: 1290px; padding: 0; width: 100%; } /* EVENT-SPECIFIC: Berlin social-sharing body class; update per event. */ .nvidia-gtceu26-ap-page-social-sharing .page-builder-display-reset.has-panel-left {max-width: 1290px;} } @media (min-width: 1280px) { .flex-box-section-full > .flex-box-section-full-interior { padding: 15px 0; } } .flex-box-section-full.contact-info.col3 { padding: 0; } .flex-box-section-full { padding-bottom: 0; } .flex-box-section-full.order-cancel { padding-top: 0; } .rf-headline .rf-banner { justify-content: left; align-items: inherit; } .rf-headline .rf-banner .banner-paragraph { margin-right: 0; } .flex-box-section { gap: var(--pb-space-gap, 30px); } @media (max-width: 768px) { .page-builder-display-reset h1 { margin-top: 20px; } .flex-box-section-full.contact-info .rf-headline .rf-banner { margin-bottom: 15px; } } .rf-card.card-full.order-summary-card .card-footer { background-color: #f7f7f7; border: 1px solid #eee; } .flex-box-section-full.order-summary-footer { padding-top: 0; } .flex-box-section-full.order-summary-footer .flex-box-section{background: #EEEEEE;padding: 30px;} .flex-box-section-full.order-summary {} .flex-box-section-full.order-summary .flex-box-section-full-interior { padding-bottom: 0; } .flex-box-section-full.order-summary-footer .flex-box-section-full-interior { padding-top: 0; } .rf-card.card-full.order-summary-card .rfG-md-100.rfG-lg-50.order-summary-notes { display: none; } .flex-box-section-full.order-summary-footer a { font-weight: bold; } .flex-box-section-full h1 { /* max-width: 1000px; margin: 0 auto; */ color:#000; } .rf-card.card-full.order-summary-card .order-summary-item { padding-left: 15px; } #rf-content { padding-bottom: 75px; } .rf-headline.full-image .rf-headline-content p { font-size: 15px; font-style: normal; font-weight: 400; line-height: 166.7%; } @media (max-width: 768px){ #rf-content { padding-bottom: 45px; padding-top: 30px; } .flex-box-section-full.order-summary .flex-box-section-full-interior .flex-box-child.rf-grid-layout-100 { margin-bottom: 0; } .rf-headline-content h4 { font-size: 18px; } } .stepper-header-status .rfSI.rfSI-primary svg { fill: #000; } .rf-radio-option input[type=radio]:checked~.check { border: 1px solid #76b900; } .rf-radio-option input[type=radio]:checked~.check::before { background: #76b900; } .rf-feedback-alert.info { background-color: rgba(118, 185, 0, 0.2); border-color: #76b900; } .rf-radio-option:hover .check::before, .rf-radio-option:focus .check::before { height: 10px; width: 10px; top: 3px; left: 3px; background: #76b900; } .rf-radio-option .check::before { height: 10px; width: 10px; top: 3px; left: 3px } .rf-radio-option .check { border: 1px solid #ccc; height: 18px; width: 18px; } .rf-accessibility .rf-radio-option:focus { box-shadow: none !important; } .rf-accessibility .rf-radio-option:focus-visible { box-shadow: var(--rf-brand-elevation-focus-indicator-shadow) !important; } .form-stepper .stepper-header-title svg { cursor: pointer; fill: #76b900; } .rf-accessibility .change-order-summary .mdBtnR-link span.mdBtnR-text:hover { -webkit-text-decoration-color: #000; text-decoration-color: #000; } .rf-accessibility .change-order-summary .mdBtnR-link span.mdBtnR-text { text-decoration: underline; -webkit-text-decoration-color: #76b900; text-decoration-color: #76b900; text-decoration-thickness: 2px; text-underline-offset: 0.3125em; color: #000; } .change-order-summary .rf-pill.rf-pill-primary-open { color: #76b900; border-color: #76b900; text-transform: none; } .change-order-summary .rf-pill.rf-pill-primary-open span.rf-pill-text { font-size: 12px; padding: 3px; } .change-order-summary-item span.rf-pill.no-margin.rf-pill-primary { background-color: #76b900; border-color: #76b900; padding: 3px 10px 6px; text-transform: none; } .change-order-summary-item span.rf-pill.no-margin.rf-pill-primary span.rf-pill-text { font-size: 13px; } /****************** Confirmation end *******************/ /* Catalog background surfaces used by this branding profile. */ #rf-catalog, #rf-exhibitorcatalog, #rf-speakercatalog { background: transparent; } .rf-headline-content span[style="background:white"] { background-color: transparent !important; } .attribute-Examregistrationlink .attribute-name { display: none; } /* ===== 2. ORIGINAL WORKFLOW CSS — preserved rule sequence ===== */ /* ========================================================= WORKFLOW CSS (original field, now inside Shared CSS) --------------------------------------------------------- CONTENTS 01. Site header 02. Left side menu (sidebar / SDMenu) 03. Side menu + canvas responsive 04. Shared "primary link" arrow treatment 05. My Registration 06. Registration confirmation 07. Session catalog — layout + h1topic filter 08. Calendar 09. Explore / Exhibitor 10. Meetup 11. Hero banners 12. Misc / one-offs 13. Catalog + canvas responsive --------------------------------------------------------- CONSOLIDATION NOTES (no visual change intended) - Identical duplicate blocks removed (h1topic filter block, ap-page-myreg .rf-headline.full-image). - The three identical mdBtnR-primary arrow treatments (myregistration / ap-page-myreg / explore) are now one grouped rule. Grouping preserves each selector's original specificity. - Rules whose declarations were 100% overridden by a later rule with the same selector have been removed. - Media query order preserved wherever two breakpoints can both match the same element (see notes inline). ========================================================= */ /* ========================================================= 01. SITE HEADER ========================================================= */ div#nv-header { position: fixed; top: 0; width: 100%; height: 105px; z-index: 9; } /* ========================================================= 02. LEFT SIDE MENU (sidebar / SDMenu) ========================================================= */ /**** side menu ***/ .page-builder-panel.panel-left { position: fixed; top: 104px; max-width: 210px; height: 100%; z-index: 1; background: #fff; box-shadow: 0px 3px 6px #00000029; border: none; border-radius: 0; padding-top: 40px; overflow-x: scroll; } .page-builder-panel.panel-left .flex-box-section-full.SDMenu { padding: 0; } .page-builder-panel.panel-left .flex-box-section { margin: 0; } .page-builder-panel.panel-left .flex-box-section .flex-box-child { padding: 0; } /* ---------- Slide in / out ---------- */ .sidebar { position: fixed; left: 0; display: inline-block; z-index: 3; opacity: 0; animation: cssAnimation 0s 1s forwards; } .sidebar .page-builder-panel.panel-left { transform: translateX(-100%); transition: all 0.2s ease; } .page-builder-display-reset.has-panel-left .sidebar label input:checked + .page-builder-panel.panel-left { transform: translateX(0%); } .page-builder-display-reset.has-panel-left .sidebar label input { display: none; } /* ---------- Sidebar toggle title ---------- */ .sidebarTitle { position: fixed; top: 104px; width: 100%; max-width: 210px; z-index: 3; padding: 12px 20px 10px; background-color: #76b900; background-repeat: no-repeat; background-position: 90% 10px; background-image: url(https://www.nvidia.com/content/dam/en-zz/Solutions/gtc/rf/icons/menu_close_black.png); color: #000; font-size: 16px; font-weight: 700; line-height: 125%; cursor: pointer; } .sidebar.checked .sidebarTitle { background-image: url(https://www.nvidia.com/content/dam/en-zz/Solutions/gtc/rf/icons/menu_open_black.png); } /* ---------- SDMenu list ---------- */ .flex-box-section-full.SDMenu .flex-box-section-full-interior, .flex-box-section-full.SDMenu .flex-box-section-full-interior .rf-headline.mini { background: #fff; padding: 0; } .flex-box-section-full.SDMenu .flex-box-section-full-interior ul, .flex-box-section-full.SDMenu .flex-box-section-full-interior .rf-headline.mini ul { padding-left: 0; } .flex-box-section-full.SDMenu .flex-box-section-full-interior ul li { margin-bottom: 0; list-style: none; } #rf-content .flex-box-section-full.SDMenu ul > li > a { display: block; position: relative; padding: 10px 15px 10px; color: #666666; text-decoration: none; /*! transition: all 0.1s ease; */ border-left: 3px solid #fff; font-size: 15px; } #rf-content .flex-box-section-full.SDMenu ul > li > a:hover, #rf-content .flex-box-section-full.SDMenu ul > li > a.active { text-decoration: none; border-left: 3px solid #76b900; color: #1a1a1a; font-weight: 700; } #rf-content .flex-box-section-full.SDMenu ul > li > a.active { background: #DAFB7D; } /* ---------- Panel scrollbar ---------- */ .page-builder-panel.panel-left::-webkit-scrollbar { width: 6px; background-color: #F5F5F5; } .page-builder-panel.panel-left::-webkit-scrollbar-thumb { background-color: #ccc; } .page-builder-panel.panel-left::-webkit-scrollbar-track { -webkit-box-shadow: inset 0 0 6px rgb(0 0 0 / 30%); background-color: #F5F5F5; } /* ---------- Canvas offset for the panel ---------- */ .page-builder-display-reset.has-panel-left .page-builder-canvas { padding-top: 40px; } /* ========================================================= 03. SIDE MENU + CANVAS RESPONSIVE ORDER MATTERS: the 1023px block must stay ABOVE the 950px block, and the canvas max-width in the 1023px block must stay ABOVE the 930px block in section 13. ========================================================= */ @media (max-width: 1023px) { #bn-overlay1 { width: 100%; height: 100%; background-color: black; position: fixed; opacity: 0.8; z-index: 3; cursor: pointer; } .page-builder-display-reset.has-panel-left .page-builder-canvas { max-width: 100%; } .page-builder-panel.panel-left { top: 104px; padding-top: 42px !important; width: 210px; } .sidebarTitle { top: 104px; } } @media (max-width: 950px) { .page-builder-panel.panel-left { top: 120px; padding-top: 42px !important; width: 210px; } .sidebarTitle { top: 120px; } } @media (max-width: 768px) { .flex-box-section-full.SDMenu .flex-box-section-full-interior { padding: 0; width: 100%; } } /***** end *****/ /* ========================================================= 04. SHARED "PRIMARY LINK" ARROW TREATMENT Identical treatment was previously repeated three times for My Registration, Registration Confirmation and Explore. Grouped here; each selector keeps its original specificity. NOTE: the content value below is a Font Awesome private-use glyph. Do not retype it — copy it. ========================================================= */ body[class*="page-myregistration"] .flex-box-section-full a.mdBtnR.mdBtnR-primary, body[class*="ap-page-myreg"] .flex-box-section-full a.mdBtnR.mdBtnR-primary, body[class*="page-explore"] .flex-box-section-full a.mdBtnR.mdBtnR-primary { background-color: transparent; border: none; padding: 0; } body[class*="page-myregistration"] .flex-box-section-full a.mdBtnR.mdBtnR-primary span.mdBtnR-text:after, body[class*="ap-page-myreg"] .flex-box-section-full a.mdBtnR.mdBtnR-primary span.mdBtnR-text:after, body[class*="page-explore"] .flex-box-section-full a.mdBtnR.mdBtnR-primary span.mdBtnR-text:after { content: ""; font-family: Font Awesome\ 6 Pro; font-weight: 900; margin-left: 6px; padding-right: 3px; -webkit-transition: .1s ease-out; transition: .1s ease-out; color: #76b900; } body[class*="page-myregistration"] .flex-box-section-full a.mdBtnR.mdBtnR-primary:hover span.mdBtnR-text:after, body[class*="ap-page-myreg"] .flex-box-section-full a.mdBtnR.mdBtnR-primary:hover span.mdBtnR-text:after, body[class*="page-explore"] .flex-box-section-full a.mdBtnR.mdBtnR-primary:hover span.mdBtnR-text:after { margin-left: 9px; padding-right: 0; color: #000; } /* ========================================================= 05. MY REGISTRATION ========================================================= */ body[class*="page-myregistration"] .rf-card.booth-details-card .card-body { background-color: #fff; height: auto; } body[class*="page-myregistration"] .rf-card.booth-details-card .card-body #wf-temp_a1614362284704 a { line-height: 28px; } /* ========================================================= 06. REGISTRATION CONFIRMATION ========================================================= */ /** reg confirmation ***/ .rf-card.card-full.order-summary-card { width: 100%; } /* Previously declared twice, identically. */ body[class*="ap-page-myreg"] .rf-headline.full-image { background-color: transparent; box-shadow: none; } body[class*="confirmation"] .rf-headline.full-image .rf-headline-content { padding: 0; } /* ========================================================= 07. SESSION CATALOG — LAYOUT + h1topic FILTER ========================================================= */ /* ---------- Favorite icon suppressed in results ---------- */ [id*=rf-].rf-widget .catalog-result .catalog-result-title .catalog-result-options .favorite-catalog-result svg { display: none; } /* ---------- h1topic filter heading ---------- This whole block appeared twice, identically. Kept once. */ #rf-catalog .search-filters .filters > li[data-test*="h1topic"] > button { position: relative; } #rf-catalog .search-filters .filters > li[data-test*="h1topic"] > button p:nth-child(1) { margin-left: 24px; border-bottom: 1px solid #999; padding-bottom: 16px; padding-top: 15px; } #rf-catalog .search-filters .filters > li[data-test*="h1topic"] > button [data-test="rf-icon"] { position: absolute; right: 0; top: 50px; } /* ---------- Search results header ---------- */ #rf-catalog .search-container .search-content .section-title { display: none; } #rf-catalog .search-container .total-results-count { padding-left: 10px; padding-bottom: 0; padding-top: 12px; } #rf-catalog .search-filters, #rf-exhibitorcatalog .search-filters, #rf-speakercatalog .search-filters, .rf-default-modal .search-filters { margin-left: 0; } body[class*="catalog"] .page-builder-display-reset.has-panel-left .page-builder-canvas { padding-top: 15px; } /* ========================================================= 08. CALENDAR ========================================================= */ #rf-calendar .rfSI.rfSI-success svg { fill: #76b900; } .rf-feedback-alert.rf-alert-type-success { border-color: #76b900; } #rf-calendar .schedule-calendar .rbc-event.calendar-item { background-color: #E2FF8C; border-color: #E2FF8C; } #rf-calendar .schedule-calendar .rbc-event.meeting { background-color: #333333; border-color: #333333; } #rf-calendar .schedule-calendar .rbc-event.meeting *, #rf-calendar .schedule-calendar .rbc-event.meeting .rbc-event-label { color: #fff; } body[class*="gtcs25-ap-page-schedule"] div#rf-overlay-id { /* display:none; */ } /* This rule previously appeared twice; the first copy declared `border-color: 1px solid ...`, which is an invalid value and was discarded by the browser. Only the working copy is kept. */ .rf-accessibility #rf-calendar .schedule-calendar .rbc-day-slot .rbc-time-slot:focus { border-color: #76b900; box-shadow: var(--rf-brand-elevation-focus-indicator-shadow) !important; } /* ========================================================= 09. EXPLORE / EXHIBITOR ========================================================= */ /*********************** Exhibitor ***********************/ body[class*="page-explore"] .rf-headline-content h3 { padding-top: 15px; } body[class*=page-explore] .flex-box-section-full.logo-section.col5 { border-bottom: 1px solid #ccc; padding-bottom: 30px; } body[class*=page-explore] div#hero-banner.keynote { display: block !important; } /***********************/ /* ========================================================= 10. MEETUP ========================================================= */ body[class*="page-meetup"] .rf-org-header-container { height: auto; } /* ========================================================= 11. HERO BANNERS ========================================================= */ /* ---------- Networking ---------- */ #hero-banner.networking .banner-content .h1-title, #hero-banner.networking .banner-content .intro-text { color: #fff; } @media (min-width: 1350px) { #hero-banner.networking { background-color: #000; background-image: url("https://www.nvidia.com//content/dam/en-zz/Solutions/gtc/rf/banners/braindate/gtc26-web-networking-hero-bm-md460-offset-left-d@2x.jpg"); } } @media (min-width: 1024px) and (max-width: 1349px) { #hero-banner.networking { background-image: url("https://www.nvidia.com//content/dam/en-zz/Solutions/gtc/rf/banners/braindate/gtc26-web-networking-hero-bm-md460-offset-left-l@2x.jpg"); } } @media (min-width: 640px) and (max-width: 1023px) { #hero-banner.networking { background-image: url("https://www.nvidia.com//content/dam/en-zz/Solutions/gtc/rf/banners/braindate/gtc26-web-networking-hero-bm-md420-offset-t@2x.jpg"); } } @media (max-width: 639px) { #hero-banner.networking { background-image: url("https://www.nvidia.com//content/dam/en-zz/Solutions/gtc/rf/banners/braindate/gtc26-web-networking-hero-bm-uf-bottom-p@2x.jpg"); height: 550px; background-position: center bottom; } } /* ---------- Keynote (Explore) ---------- */ @media (max-width: 639px) { body[class*=page-explore] div#hero-banner.keynote { background-position: center 100%; background-size: contain; height: 575px; } body[class*=page-explore] div#hero-banner.keynote .banner-content .intro-text { font-size: 16px; } } /* ========================================================= 12. MISC / ONE-OFFS ========================================================= */ .header-section > .flex-box-section-full-interior { padding: 0; } .header-section > .flex-box-section-full-interior .rf-headline-content { padding-bottom: 0; } .rf-card.my-survey-list-card .rf-card .card-body { background: #f7f7f7; } speaker-card .mdBtnR.mdBtnR-add-a-thing .mdBtnR-text::after, .speaker-card a.mdBtnR.mdBtnR-add-a-thing .mdBtnR-text::after { content: "" !important; } /* ---------- No-scheduler-access modal links ---------- */ .rf-noSchedulerAccessModal-modal.in.modal a { color: inherit !important; text-decoration: underline; -webkit-text-decoration-color: #76b900; text-decoration-color: #76b900; text-decoration-thickness: 2px; text-underline-offset: 0.3125em; word-break: break-word; font-weight: bold !important; } .rf-noSchedulerAccessModal-modal.in.modal a:hover { text-decoration-color: #000; } /* ---------- Prerequisites list ---------- */ .attribute-Prerequisites li { padding-bottom: 9px; } .rfComp-canvas .user-text-content .attribute-Prerequisites ul { padding-left: 30px; margin-top: 10px; } /* ========================================================= 13. CATALOG + CANVAS RESPONSIVE ORDER MATTERS: the 930px canvas max-width must stay BELOW the 1023px canvas max-width in section 03. ========================================================= */ @media (min-width: 931px) { body.rf-body #rf-catalog .search-container .search-content, body.rf-body #rf-catalog .search-container.top-filters .search-content { padding-right: 0 !important; } } @media only screen and (min-width: 1281px) and (max-width: 1349px) { .flex-box-section-full > .flex-box-section-full-interior { width: calc(100% - 30px); } } @media (max-width: 930px) { .page-builder-display-reset.has-panel-left .page-builder-canvas { max-width: calc(100% - 30px); margin: 0 auto; } .page-builder-display-reset.has-panel-left .page-builder-canvas:has(#rf-catalog) { max-width: 100%; margin-top: 60px; } .page-builder-display-reset.has-panel-left .page-builder-canvas:has(#rf-catalog) .flex-box-section-full.col1 { padding: 0 15px; } } @media (max-width: 549px) { body.rf-body #rf-catalog .search-container .search-content, body.rf-body #rf-catalog .search-container.top-filters .search-content { padding-right: 12px !important; } } /* ---------- Catalog top padding ---------- */ @media (min-width: 1024px) { .flex-box-section-full:has(#rf-catalog) { padding-top: 0; } #rf-catalog { padding-top: 0 !important; } } @media (max-width: 1023px) { #rf-catalog { padding-top: 20px !important; } } /* ===== 3. ORIGINAL SEPARATE WIDGET CSS — preserved rule sequence ===== */ /* EVENT-SPECIFIC: SB61112 and SB61113 are session IDs. */ /* Removed the bullet point from Key Takeaways for Keynote & Pregame since they only have 1 */ #widget-page-session-details:has([aria-label*="[SB61112]"]) div[class*="attribute-Point"], #widget-page-session-details:has([aria-label*="[SB61113]"]) div[class*="attribute-Point"] { display: block !important; margin-left: 0 !important; } /* ========================================================= SESSION CATALOG — AEM-STYLE COMPATIBILITY THEME Add this AFTER the normal RainFocus/vendor CSS. Includes: - NVIDIA-style colors and typography - Filter borders and spacing - Checkbox styling - ONE custom expand/collapse caret - Key Theme visual hierarchy - Normal Session Type / Technical Level / etc. - Search button treatment - Mobile adjustments ========================================================= */ /* ========================================================= THEME TOKENS ========================================================= */ #rf-catalog { --catalog-green: #76b900; --catalog-green-hover: #91c733; --catalog-black: #000; --catalog-text: #1a1a1a; --catalog-gray: #666; --catalog-border: #999; --catalog-light: #f7f7f7; font-family: "NVIDIA", Arial, Helvetica, sans-serif; } /* ========================================================= FILTER LIST ========================================================= */ #rf-catalog .search-filters .filters { padding-bottom: 60px; } #rf-catalog .search-filters .filters > li { border-bottom: 1px solid var(--catalog-border); } /* ========================================================= FILTER BUTTONS ========================================================= */ #rf-catalog .search-filters .filters button.catalog-filter { position: relative; width: 100%; padding: 20px 40px 20px 0; text-align: left; } /* Main filter text */ #rf-catalog .search-filters .filters button.catalog-filter > span:nth-child(2) { color: var(--catalog-black); font-size: 16px; font-weight: 700; line-height: 1.25; } /* Paragraph text inside filter headings */ #rf-catalog .search-filters .filters button.catalog-filter > span:nth-child(2) > p { color: var(--catalog-black); font-size: 16px; line-height: 1.25; margin: 0; padding: 0; } /* ========================================================= EXPAND / COLLAPSE CARETS ========================================================= */ /* IMPORTANT: This removes: 1. RainFocus's original SVG arrow 2. Any existing background-image arrow 3. Any previous transform on the icon container Then it draws ONE caret with ::after. */ #rf-catalog .search-filters .filters button.catalog-filter > span.rfSI:first-child { position: absolute; right: 0; top: 50%; width: 24px; height: 24px; min-width: 24px; transform: translateY(-50%) !important; background: none !important; background-image: none !important; overflow: visible; } /* Kill vendor SVG completely */ #rf-catalog .search-filters .filters button.catalog-filter > span.rfSI:first-child svg { display: none !important; } /* Kill any vendor pseudo icon */ #rf-catalog .search-filters .filters button.catalog-filter > span.rfSI:first-child::before { content: none !important; display: none !important; } /* Draw ONE caret */ #rf-catalog .search-filters .filters button.catalog-filter > span.rfSI:first-child::after { content: ""; position: absolute; left: 7px; top: 6px; width: 8px; height: 8px; border-right: 1.5px solid var(--catalog-gray); border-bottom: 1.5px solid var(--catalog-gray); box-sizing: border-box; transform-origin: center; } /* CLOSED = caret points down */ #rf-catalog .search-filters .filters button.catalog-filter[aria-expanded="false"] > span.rfSI:first-child::after { transform: rotate(45deg); } /* OPEN = caret points up */ #rf-catalog .search-filters .filters button.catalog-filter[aria-expanded="true"] > span.rfSI:first-child::after { transform: rotate(225deg); top: 10px; } /* ========================================================= FILTER VALUES ========================================================= */ #rf-catalog .search-filters .filters .filter-cat { padding-bottom: 10px; } #rf-catalog .search-container .filters .filter-cat > div { margin-bottom: 15px; } /* ========================================================= CHECKBOXES ========================================================= */ #rf-catalog .rf-checkbox .checkbox-bg { width: 24px; height: 24px; border: 1px solid var(--catalog-border); border-radius: 0; background: transparent; } #rf-catalog .rf-checkbox .rf-checkbox-icon { width: 24px; height: 24px; } /* Checked box */ #rf-catalog .rf-checkbox input[type="checkbox"]:checked + .checkbox-bg { background: #fff; border: 2px solid var(--catalog-green); } /* Checkmark */ #rf-catalog .rf-checkbox input[type="checkbox"]:checked + .checkbox-bg + .rf-checkbox-icon svg { fill: var(--catalog-green); } /* Unchecked checkmark hidden */ #rf-catalog .rf-checkbox input[type="checkbox"] + .checkbox-bg + .rf-checkbox-icon svg { fill: transparent; } /* Checkbox labels */ #rf-catalog .search-filters .filters .rf-checkbox .rf-checkbox-label { padding-left: 35px; line-height: 24px; color: var(--catalog-text); } /* ========================================================= KEY THEME — MAIN PARENT ========================================================= */ /* Key Theme gets special treatment because RainFocus outputs the hierarchy as sibling
  • elements rather than actual nested children. */ #rf-catalog .search-filters .filters > li[data-test^="lr-filter-h1keytheme"] { border-bottom: none; } /* Key Theme button */ #rf-catalog .search-filters .filters > li[data-test^="lr-filter-h1keytheme"] > button.catalog-filter { position: relative; padding-top: 14px; padding-bottom: 0; } /* Keep the Key Theme caret aligned with the "Key Theme" heading rather than vertically centered across the two-line block. */ #rf-catalog .search-filters .filters > li[data-test^="lr-filter-h1keytheme"] > button.catalog-filter > span.rfSI:first-child { top: 17px; transform: none !important; } /* Key Theme label/value paragraphs */ #rf-catalog .search-filters .filters > li[data-test^="lr-filter-h1keytheme"] > button.catalog-filter p { margin-left: 20px; padding-top: 0; padding-bottom: 16px; border-bottom: 1px solid var(--catalog-border); } /* If the first paragraph is "Agentic AI and Claws", etc., give the value normal body weight. */ #rf-catalog .search-filters .filters > li[data-test^="lr-filter-h1keytheme"] > button.catalog-filter > span:nth-child(2) > p { font-weight: 400; } /* Key Theme checkbox values */ #rf-catalog .search-filters .filters > li[data-test^="lr-filter-h1keytheme"] > .filter-cat { margin-left: 20px; } /* ========================================================= KEY THEME VISUAL CHILDREN ========================================================= */ /* RainFocus HTML is effectively: Key Theme AI for Science AI Infrastructure Cross Industry AI in Action ... Physical AI and Robotics Session Type Technical Level ... These are siblings. This selector visually indents ONLY the rows between Key Theme and Session Type. */ #rf-catalog .search-filters .filters > li[data-test^="lr-filter-h1keytheme"] ~ li:has(~ li[data-test="lr-filter-sessiontype"]) { margin-left: 20px; } /* Give the nested items a divider that begins at their indented position. */ #rf-catalog .search-filters .filters > li[data-test^="lr-filter-h1keytheme"] ~ li:has(~ li[data-test="lr-filter-sessiontype"]) { border-bottom: 1px solid var(--catalog-border); } /* Child headings normally regular weight */ #rf-catalog .search-filters .filters > li[data-test^="lr-filter-h1keytheme"] ~ li:has(~ li[data-test="lr-filter-sessiontype"]) > button.catalog-filter > span:nth-child(2) { font-weight: 400; } /* Paragraph child headings normally regular weight */ #rf-catalog .search-filters .filters > li[data-test^="lr-filter-h1keytheme"] ~ li:has(~ li[data-test="lr-filter-sessiontype"]) > button.catalog-filter > span:nth-child(2) p { font-weight: 400; } /* Expanded Key Theme child becomes bold */ #rf-catalog .search-filters .filters > li[data-test^="lr-filter-h1keytheme"] ~ li:has(~ li[data-test="lr-filter-sessiontype"]) > button.catalog-filter[aria-expanded="true"] > span:nth-child(2) { font-weight: 700; } #rf-catalog .search-filters .filters > li[data-test^="lr-filter-h1keytheme"] ~ li:has(~ li[data-test="lr-filter-sessiontype"]) > button.catalog-filter[aria-expanded="true"] > span:nth-child(2) p { font-weight: 700; } /* Child filter values */ #rf-catalog .search-filters .filters > li[data-test^="lr-filter-h1keytheme"] ~ li:has(~ li[data-test="lr-filter-sessiontype"]) > button.catalog-filter[aria-expanded="true"] ~ .filter-cat { padding-left: 10px; padding-right: 10px; } /* Key Theme's own filter values */ #rf-catalog .search-filters .filters > li[data-test^="lr-filter-h1keytheme"] > button.catalog-filter[aria-expanded="true"] ~ .filter-cat { padding-left: 10px; padding-right: 10px; } /* ========================================================= NORMAL TOP-LEVEL FILTERS ========================================================= */ /* These should NOT look nested beneath Key Theme. */ #rf-catalog .search-filters .filters > li[data-test="lr-filter-sessiontype"], #rf-catalog .search-filters .filters > li[data-test="lr-filter-technicallevel"], #rf-catalog .search-filters .filters > li[data-test="lr-filter-industrysegment"], #rf-catalog .search-filters .filters > li[data-test="lr-filter-productstechnology"] { margin-left: 0; } /* Bold top-level headings */ #rf-catalog .search-filters .filters > li[data-test="lr-filter-sessiontype"] > button.catalog-filter > span:nth-child(2), #rf-catalog .search-filters .filters > li[data-test="lr-filter-technicallevel"] > button.catalog-filter > span:nth-child(2), #rf-catalog .search-filters .filters > li[data-test="lr-filter-industrysegment"] > button.catalog-filter > span:nth-child(2), #rf-catalog .search-filters .filters > li[data-test="lr-filter-productstechnology"] > button.catalog-filter > span:nth-child(2) { font-weight: 700; } /* ========================================================= SEARCH BUTTON ========================================================= */ #rf-catalog .search-container .search-bar .catalog-search .search-submit { background-color: var(--catalog-green); border-color: var(--catalog-green); border-radius: 0; } #rf-catalog .search-container .search-bar .catalog-search .search-submit:hover { background-color: var(--catalog-green-hover); border-color: var(--catalog-green-hover); } #rf-catalog .search-container .search-bar .catalog-search .search-submit svg { fill: #000; } /* ========================================================= SEARCH INPUT ========================================================= */ #rf-catalog .search-container .search-bar .catalog-search .rf-input input { background-color: #fff; border-radius: 0; } #rf-catalog .search-container .search-bar .catalog-search .rf-input input:focus { border-color: var(--catalog-green); box-shadow: none; } /* ========================================================= LINKS ========================================================= */ #rf-catalog a { color: inherit; text-decoration-line: underline; text-decoration-color: var(--catalog-green); text-decoration-thickness: 2px; text-underline-offset: 0.3125em; font-weight: 700; } #rf-catalog a:hover { text-decoration-color: #000; } /* ========================================================= CATALOG WIDTH ========================================================= */ #rf-catalog .search-container { max-width: 1340px; } /* ========================================================= FILTER HEADER ========================================================= */ #rf-catalog .search-filters .filters-header h2 { color: #000; font-weight: 700; } /* ========================================================= MOBILE / TABLET ========================================================= */ @media (max-width: 929px) { /* Checkbox size */ #rf-catalog .rf-checkbox .checkbox-bg { width: 22px; height: 22px; } #rf-catalog .rf-checkbox .rf-checkbox-icon { width: 20px; height: 20px; } /* Checkbox label */ #rf-catalog .search-filters .filters .rf-checkbox .rf-checkbox-label { padding-left: 30px; line-height: 1.4; } /* Filter text */ #rf-catalog .search-filters .filters button.catalog-filter > span:nth-child(2), #rf-catalog .search-filters .filters button.catalog-filter > span:nth-child(2) > p { font-size: 16px; } /* Key Theme */ #rf-catalog .search-filters .filters > li[data-test^="lr-filter-h1keytheme"] > button.catalog-filter p { padding-bottom: 15px; } } /* AI for Science subtopics: appear as part of Key Theme */ #rf-catalog .search-filters .filters > li[data-test="lr-filter-keytheme"] { margin-bottom: 0 !important; border-bottom: 0 !important; } #rf-catalog .search-filters .filters > li[data-test="lr-filter-keytheme"] > .filter-cat { margin-bottom: 0 !important; padding-bottom: 0 !important; } #rf-catalog .search-filters .filters > li[data-test="lr-filter-aiforscience"] { box-sizing: border-box; width: calc(100% - 12px); margin: 4px 0 14px 12px !important; padding: 0 0 0 12px; background: transparent !important; border: 0 !important; } /* Divider after Key Theme and any visible AI for Science subtopics */ #rf-catalog .search-filters .filters > li[data-test="lr-filter-sessiontype"] { border-top: 1px solid #999 !important; } /* Hide the duplicate heading; JavaScript opens its options automatically. */ #rf-catalog .search-filters .filters > li[data-test="lr-filter-aiforscience"] > button.catalog-filter { display: none !important; } #rf-catalog .search-filters .filters > li[data-test="lr-filter-aiforscience"] > .filter-cat { margin: 0 !important; padding: 0 !important; } @media (max-width: 767px) { #rf-catalog .search-filters .filters > li[data-test="lr-filter-aiforscience"] { width: calc(100% - 8px); margin-left: 8px !important; padding-left: 10px; } } @media all and (min-width: 1900px) { .rf-org-footer-container { z-index: 3; } .sidebar { left: inherit; } .page-builder-panel.panel-left { left: inherit; margin-left: 0; animation: cssAnimation 0s 0.7s forwards; opacity: 0; } .sidebar .page-builder-panel.panel-left { transform: translateX(-100%); transition: none; } .page-builder-display-reset.has-panel-left .sidebar label input:checked + .page-builder-panel.panel-left { transform: translateX(-100%); } .sidebarTitle { background-image: none; margin-left: -210px; cursor: initial; } .sidebar.checked .sidebarTitle { background-image: none; } .page-builder-display-reset.has-panel-left { max-width: 1440px; } .page-builder-panel.panel-left { margin-left: -240px; } .page-builder-display-reset.has-panel-left .sidebar label input:checked + .page-builder-panel.panel-left { transform: translateX(0%); } .sidebarTitle { margin-left: -240px; } .sidebar .page-builder-panel.panel-left { transform: translateX(0%); } } .page-builder-panel.panel-left { opacity: 0; animation: cssAnimation 0s 1s forwards; } @keyframes cssAnimation { to { opacity: 1; } } .printview { font-family: 'NVIDIA', Arial, Helvetica, Sans-Serif; } .printview .mdBtnR-text { background-color: transparent; padding-top: 0; } .printview .rf-accordion-list .rf-accordion-list-item .rf-session .rf-session-container .speaker-details .mdBtnR.mdBtnR-link .mdBtnR.mdBtnR-link { color: #999; } .printview .rf-accordion-list .rf-accordion-list-item .rf-session .rf-session-container .speaker-details .mdBtnR.mdBtnR-link { background-color: transparent; } .printview .rf-accordion-list .rf-accordion-list-item .rf-session .rf-session-container .speaker-details .mdBtnR.mdBtnR-link { padding: 0; margin: 0; } .ft-container { border-top: none; } .rf-org-footer-container { background-color: #fff; } .rf-org-header-container { height: 104px; } .rf-print-view-footer-text { display: none; } .printview .rf-accordion-list .rf-accordion-list-item .rf-session .rf-session-container .session-actions .session-time-and-location { top: 0; } .printview .rf-accordion-list .rf-accordion-list-item .rf-session .rf-session-container .session-actions>li .session-action, .printview .rf-accordion-list .rf-accordion-list-item .rf-session .rf-session-container .session-actions>li .session-full, .printview .rf-accordion-list .rf-accordion-list-item .rf-session .rf-session-container .session-actions>li .session-scheduled { height: auto; } /* =========================================================== 01 | SHARED PORTAL BASICS WHERE: Place in Attendee Portal branding Shared CSS. These selectors are global on pages using this branding. =========================================================== */ /* Header */ #nv-header .t-header .event-details { color: #000; } #nv-header a.nv-button { background-color: transparent; color: #fff; } /* Variables */ :root { --rf-comp-button-secondary-hover-color-on-background: #000; } /* Pill */ .rf-pill { text-transform: inherit; } /* =========================================================== 02 | ATTENDEE PORTAL SESSION CATALOG WHERE: Place in Attendee Portal Shared CSS near the catalog rules. The AI for Science rule is required by the footer script. Some modal, card and icon selectors are broader than the catalog page; leave their selectors unchanged until separately tested. =========================================================== */ /* Catalog Time */ body[class*="attendeeportaldigital-page-sessioncatalog"] .session-time-and-location.rf-black-text { top: 0; } .rf-default-modal .catalog-result .rf-session-card-time-location.rf-flex-frame { display: inherit; } /* Result Count */ #rf-catalog .search-container .total-results-count { padding-left: 20px; } /* Filter Heading */ #rf-catalog .search-filters .filters button span.rfSI[title="Collapse"] ~ span p { font-weight: bold !important; } /* Catalog Cards */ .catalog-result.session-result .user-text-content:has(.attribute-name) span.attribute-name { display: none; } .catalog-result.session-result .user-text-content:has(.attribute-name) span.attribute-values { background: #E0E0E0; padding: 5px; font-size: 12px; } .catalog-result.session-result .user-text-content:has(.attribute-name) { display: inline-block; margin-right: 10px; padding-bottom: 9px; } .catalog-result.session-result .session-time-and-location { display: flex; } /* Catalog Icons */ .session-time-and-location.rf-black-text span.session-date { background-repeat: no-repeat; padding-left: 20px; background-image: url('data:image/svg+xml,'); background-position: 2px; font-weight: 400; border-right: none !important; } .session-time-and-location.rf-black-text span.session-time { background-image: url('data:image/svg+xml,'); background-position: 2px center; font-weight: 400; background-repeat: no-repeat; padding-left: 25px; } .session-time-and-location.rf-black-text span.session-location[data-test="room-name"] { border-left: none; background-repeat: no-repeat; padding-left: 20px; background-position: 4px 6px; background-image: url('data:image/svg+xml,'); } /* Keep the room name on one line */ .session-actions .session-location, .session-actions .session-location > span { white-space: nowrap; } .session-actions .rf-session-card-time-location { width: auto !important; max-width: none !important; flex: 1 1 auto !important; min-width: 0 !important; } .session-actions .session-time-and-location { display: flex !important; flex-direction: row !important; flex-wrap: nowrap !important; align-items: center !important; gap: 12px !important; width: 100% !important; max-width: none !important; } .session-actions .session-date-time { flex: 1 1 auto !important; min-width: 0 !important; } .session-actions .session-location { display: inline-flex !important; flex: 0 0 auto !important; width: auto !important; max-width: none !important; white-space: nowrap !important; } .session-actions .session-location > span { white-space: nowrap !important; } .session-actions .session-time-and-location { justify-content: flex-start !important; gap: 16px !important; } .session-actions .session-date-time { flex: 0 1 auto !important; } .session-actions .session-location { margin-left: 0 !important; } /* Catalog Details */ .session-details-container .user-text-content .attribute-KeyTheme:has(.attribute-name) span.attribute-name, .session-details-container .user-text-content .attribute-IndustrySegment:has(.attribute-name) span.attribute-name, .session-details-container .user-text-content .attribute-TechnicalLevel:has(.attribute-name) span.attribute-name{ display: none; } .session-details-container .user-text-content .attribute-KeyTheme:has(.attribute-name) span.attribute-values, .session-details-container .user-text-content .attribute-IndustrySegment:has(.attribute-name) span.attribute-values, .session-details-container .user-text-content .attribute-TechnicalLevel:has(.attribute-name) span.attribute-values { background: #E0E0E0; padding: 5px; font-size: 12px; } .session-details-container .user-text-content:has(.attribute-KeyTheme), .session-details-container .user-text-content:has(.attribute-IndustrySegment), .session-details-container .user-text-content:has(.attribute-TechnicalLevel) { display: inline-block; margin-right: 10px; padding-bottom: 9px; } /* Hide the duplicate Submission Type badge on catalog cards and in the modal. */ [id*=rf-].rf-widget .catalog-result .badges .badge.rf-submission-type, .rf-default-modal .catalog-result .badges .badge.rf-submission-type { display: none; } /* Speaker Cta */ .speaker-card .mdBtnR.mdBtnR-add-a-thing .mdBtnR-text:after, .speaker-card a.mdBtnR.mdBtnR-add-a-thing .mdBtnR-text:after { content: "\f054" !important; } /* Science Visibility */ nav.search-filters li[data-test="lr-filter-aiforscience"]:not(.rf-ai-science-visible) { display: none !important; } /* =========================================================== 03 | POSTERS PAGE WHERE: Place with posters page styling in Attendee Portal Shared CSS; these are mainly body[class*="page-posters"] rules. One existing combined SVG rule also references .rf-tile-grid without a page prefix. =========================================================== */ /* Posters */ body[class*="page-posters"] .rf-tile { border-radius: 2px; box-shadow: 0px 2px 6px 0px rgba(0, 0, 0, 0.19); border: none; } body[class*="page-posters"] #rf-catalog .rf-tile .rf-tile-body .rf-tile-title a { text-decoration: none; } body[class*="page-posters"] .rf-tile-container .rf-tile .rf-tile-footer .favorite-catalog-result:before { content: "" !important; width: 20px; height: 20px; background-size: 20px; display: block; background-image: url('data:image/svg+xml,'); background-repeat: no-repeat; } body[class*="page-posters"] .rf-tile-container .rf-tile .rf-tile-footer .favorite-catalog-result svg, .rf-tile-grid .rf-tile .rf-tile-footer .favorite-catalog-result svg { display: none; } body[class*="page-posters"] .rf-tile-container .rf-tile .rf-tile-footer .favorite-catalog-result.favorite-session.favorited:before { content: "" !important; display: block; background-image: url('data:image/svg+xml, '); background-repeat: no-repeat; } body[class*="page-posters"] #widget-page-session-details { max-width: 1300px; margin: 0 auto; box-shadow: none; padding: 20px 0; } body[class*="page-posters"] #rf-catalog .search-container .total-results-count { padding-left: 20px; } body[class*="page-posters"] .rf-tile-info.rf-tile-line-one:empty { display: none; } body[class*="page-posters"] .rf-tile-container .rf-tile-wrapper .rf-tile .rf-tile-body { padding-bottom: 5px; } body[class*="page-posters"] .rf-tile-container .rf-tile-wrapper .rf-tile .rf-tile-body h4.rf-tile-title { margin-bottom: 5px; } body[class*="page-posters"] #rf-catalog .search-container .catalog-toggle-wrapper { display: none; } body[class*="page-posters"] .rf-tile .rf-tile-footer-left .exhibitor-tile-view-booth span.mdBtnR-text:after { content: ""; font-family: Font Awesome\ 6 Pro; font-weight: 900; margin-left: 6px; padding-right: 3px; -webkit-transition: .1s ease-out; transition: .1s ease-out; color: #76b900; font-size: 16px; } body[class*="page-posters"] .rf-tile .rf-tile-footer-left .exhibitor-tile-view-booth { background-color: transparent; border: none; padding: 0; } body[class*="page-posters"] .rf-tile .rf-tile-footer-left .exhibitor-tile-view-booth span.mdBtnR-text { font-size: 15px; } body[class*="page-posters"] .rf-tile .rf-tile-footer-left .exhibitor-tile-view-booth:hover span.mdBtnR-text:after { margin-left: 9px; padding-right: 0; color: #000; } /* =========================================================== 04 | EXHIBITOR CATALOG WHERE: Place with exhibitor catalog branding CSS on pages that render #rf-exhibitorcatalog. =========================================================== */ /* Exhibitor */ #rf-content #rf-exhibitorcatalog h4.rf-tile-title a { text-decoration: none !important; font-size:20px; } /* =========================================================== 05 | SURVEYS WHERE: Place with Attendee Portal survey styling; scoped by body[class*="page-surveys"]. =========================================================== */ /* Surveys */ body[class*="page-surveys"] .rf-org-header-container { height: 104px; } /* =========================================================== 06 | SOCIAL SHARING WHERE: Place with the social-sharing page styling. =========================================================== */ /* Social */ #rf-content .flex-box-section-full.social-share a.mdBtnR.mdBtnR-primary { background: #76b900; padding: 12px 10px 12px 14px; } #rf-content .flex-box-section-full.social-share a.mdBtnR.mdBtnR-primary:hover { background: #91c733; } /* =========================================================== 07 | CALENDAR WHERE: Place with schedule/calendar styling; desktop rule only. =========================================================== */ /* Calendar */ @media (min-width: 1023px) { #rf-calendar .schedule-calendar .content-line-container h4, #rf-calendar .schedule-calendar .content-line-container p { white-space: normal; } } /* Separate Key Theme values into individual gray tags */ #rf-catalog .search-results .attribute-KeyTheme { display: flex !important; flex-wrap: wrap; align-items: center; gap: 10px; background: transparent !important; border: 0 !important; padding: 0 !important; box-shadow: none !important; } #rf-catalog .search-results .attribute-KeyTheme .attribute-values { display: inline-block !important; background: #eee !important; color: #333; border-radius: 4px; padding: 5px 9px !important; margin: 0 !important; } #rf-catalog .search-results .attribute-KeyTheme .attribute-values { background: #e0e0e0 !important; color: #000 !important; border: 0 !important; border-radius: 0 !important; padding: 5px !important; font-family: inherit !important; font-size: 12px !important; font-weight: 400 !important; line-height: 16px !important; box-shadow: none !important; }