.app-links { display: none !important; } .navbar-item:has(.appstore-logo) { display: none !important; } /* ========================================================= ATTENDEES (COMMUNITY PAGE ATTENDEES ) /* ========================================================= /* ========================================================= BOTTOM FIXED MENU SECTION ID: 128495000004750498 ========================================================= */ /* ========================================================= MOBILE Up to 767px ========================================================= */ @media only screen and (max-width: 767px) { /* Main fixed section */ .community-page-attendees section[data-section-id="128495000004750498"] { position: fixed !important; bottom: 0 !important; left: 0 !important; width: 100% !important; max-width: 100% !important; z-index: 9 !important; margin: 0 !important; padding: 0 !important; background: transparent !important; overflow: visible !important; } /* Background layer */ .community-page-attendees section[data-section-id="128495000004750498"] .background-layer { background: transparent !important; } /* White bottom navigation container */ .community-page-attendees section[data-section-id="128495000004750498"] .foreground-layer, .community-page-attendees section[data-section-id="128495000004750498"] .bs-container { width: 100% !important; max-width: 100% !important; margin: 0 !important; padding: 12px 12px 10px !important; box-sizing: border-box !important; background: #ffffff !important; border-top: 1px solid #f3f0f0 !important; box-shadow: none !important; } /* Three menu columns */ .community-page-attendees section[data-section-id="128495000004750498"] .grb-list { display: grid !important; grid-template-columns: repeat(3, minmax(0, 1fr)) !important; grid-auto-flow: unset !important; align-items: start !important; justify-items: center !important; gap: 0 !important; width: 100% !important; max-width: 100% !important; margin: 0 !important; padding: 0 !important; background: #ffffff !important; } /* Individual menu item */ .community-page-attendees section[data-section-id="128495000004750498"] .li-item { position: relative !important; display: flex !important; flex-direction: column !important; justify-content: flex-start !important; align-items: center !important; width: 100% !important; max-width: 100% !important; min-width: 0 !important; margin: 0 !important; padding: 0 !important; gap: 4px !important; background: transparent !important; border: none !important; box-shadow: none !important; } /* Icon clickable area */ .community-page-attendees section[data-section-id="128495000004750498"] .list-image, .community-page-attendees section[data-section-id="128495000004750498"] .bs-media-wgt, .community-page-attendees section[data-section-id="128495000004750498"] .media-element, .community-page-attendees section[data-section-id="128495000004750498"] .media-image, .community-page-attendees section[data-section-id="128495000004750498"] .media-image.pointer { position: relative !important; inset: auto !important; display: flex !important; flex: 0 0 53px !important; justify-content: center !important; align-items: center !important; width: 53px !important; min-width: 53px !important; max-width: 53px !important; height: 53px !important; min-height: 53px !important; max-height: 53px !important; margin: 0 auto !important; padding: 0 !important; box-sizing: border-box !important; background: transparent !important; overflow: hidden !important; transform: none !important; } /* Actual icon image */ .community-page-attendees section[data-section-id="128495000004750498"] .fluid-image, .community-page-attendees section[data-section-id="128495000004750498"] .media-image img { position: relative !important; display: block !important; flex: 0 0 53px !important; width: 53px !important; min-width: 53px !important; max-width: 53px !important; height: 53px !important; min-height: 53px !important; max-height: 53px !important; margin: 0 !important; padding: 0 !important; box-sizing: border-box !important; object-fit: contain !important; object-position: center !important; background: transparent !important; transform: none !important; } /* Text container */ .community-page-attendees section[data-section-id="128495000004750498"] .li-content { display: block !important; width: auto !important; max-width: 100% !important; margin: 0 !important; padding: 0 !important; text-align: center !important; background: transparent !important; } /* Menu text */ .community-page-attendees section[data-section-id="128495000004750498"] .li-title, .community-page-attendees section[data-section-id="128495000004750498"] .li-title div, .community-page-attendees section[data-section-id="128495000004750498"] .li-subtitle, .community-page-attendees section[data-section-id="128495000004750498"] .li-subtitle div { margin: 0 !important; padding: 0 !important; font-size: 10px !important; font-weight: 600 !important; line-height: 1.2 !important; color: #902b33 !important; text-align: center !important; background: transparent !important; } } /* ========================================================= TABLET 768px to 1024px ========================================================= */ @media only screen and (min-width: 768px) and (max-width: 1024px) { /* Main fixed section */ .community-page-attendees section[data-section-id="128495000004750498"] { position: fixed !important; bottom: 0 !important; left: 0 !important; width: 100% !important; max-width: 100% !important; z-index: 9 !important; margin: 0 !important; padding: 0 !important; background: #ffffff !important; overflow: visible !important; } /* Background layer */ .community-page-attendees section[data-section-id="128495000004750498"] .background-layer { background: #ffffff !important; } /* White bottom navigation container */ .community-page-attendees section[data-section-id="128495000004750498"] .foreground-layer, .community-page-attendees section[data-section-id="128495000004750498"] .bs-container { width: 100% !important; max-width: 100% !important; margin: 0 !important; padding: 14px 30px 12px !important; box-sizing: border-box !important; background: #ffffff !important; border-top: 1px solid #f3f0f0 !important; box-shadow: none !important; } /* Three menu columns */ .community-page-attendees section[data-section-id="128495000004750498"] .grb-list { display: grid !important; grid-template-columns: repeat(3, minmax(0, 1fr)) !important; grid-auto-flow: unset !important; align-items: center !important; justify-items: center !important; gap: 0 !important; width: 100% !important; max-width: 100% !important; margin: 0 !important; padding: 0 !important; background: #ffffff !important; } /* Individual menu item */ .community-page-attendees section[data-section-id="128495000004750498"] .li-item { position: relative !important; display: flex !important; flex-direction: column !important; justify-content: center !important; align-items: center !important; width: 100% !important; max-width: 100% !important; min-width: 0 !important; margin: 0 !important; padding: 0 !important; gap: 6px !important; background: transparent !important; border: none !important; box-shadow: none !important; } /* Icon clickable area */ .community-page-attendees section[data-section-id="128495000004750498"] .list-image, .community-page-attendees section[data-section-id="128495000004750498"] .bs-media-wgt, .community-page-attendees section[data-section-id="128495000004750498"] .media-element, .community-page-attendees section[data-section-id="128495000004750498"] .media-image, .community-page-attendees section[data-section-id="128495000004750498"] .media-image.pointer { position: relative !important; inset: auto !important; display: flex !important; flex: 0 0 73px !important; justify-content: center !important; align-items: center !important; width: 73px !important; min-width: 73px !important; max-width: 73px !important; height: 73px !important; min-height: 73px !important; max-height: 73px !important; margin: 0 auto !important; padding: 0 !important; box-sizing: border-box !important; background: transparent !important; overflow: hidden !important; transform: none !important; } /* Actual icon image */ .community-page-attendees section[data-section-id="128495000004750498"] .fluid-image, .community-page-attendees section[data-section-id="128495000004750498"] .media-image img { position: relative !important; display: block !important; flex: 0 0 73px !important; width: 73px !important; min-width: 73px !important; max-width: 73px !important; height: 73px !important; min-height: 73px !important; max-height: 73px !important; margin: 0 !important; padding: 0 !important; box-sizing: border-box !important; object-fit: contain !important; object-position: center !important; background: transparent !important; transform: none !important; } /* Text container */ .community-page-attendees section[data-section-id="128495000004750498"] .li-content { display: block !important; width: auto !important; max-width: 100% !important; margin: 0 !important; padding: 0 !important; text-align: center !important; background: transparent !important; } /* Menu text */ .community-page-attendees section[data-section-id="128495000004750498"] .li-title, .community-page-attendees section[data-section-id="128495000004750498"] .li-title div, .community-page-attendees section[data-section-id="128495000004750498"] .li-subtitle, .community-page-attendees section[data-section-id="128495000004750498"] .li-subtitle div { margin: 0 !important; padding: 0 !important; font-size: 12px !important; font-weight: 600 !important; line-height: 1.2 !important; color: #111111 !important; text-align: center !important; background: transparent !important; } } /* ========================================================= iPAD MINI ADJUSTMENT 768px to 820px ========================================================= */ @media only screen and (min-width: 768px) and (max-width: 820px) { .community-page-attendees section[data-section-id="128495000004750498"] .foreground-layer, .community-page-attendees section[data-section-id="128495000004750498"] .bs-container { padding: 12px 24px 10px !important; } .community-page-attendees section[data-section-id="128495000004750498"] .list-image, .community-page-attendees section[data-section-id="128495000004750498"] .bs-media-wgt, .community-page-attendees section[data-section-id="128495000004750498"] .media-element, .community-page-attendees section[data-section-id="128495000004750498"] .media-image, .community-page-attendees section[data-section-id="128495000004750498"] .media-image.pointer, .community-page-attendees section[data-section-id="128495000004750498"] .fluid-image, .community-page-attendees section[data-section-id="128495000004750498"] .media-image img { flex-basis: 63px !important; width: 63px !important; min-width: 63px !important; max-width: 63px !important; height: 63px !important; min-height: 63px !important; max-height: 63px !important; } .community-page-attendees section[data-section-id="128495000004750498"] .li-title, .community-page-attendees section[data-section-id="128495000004750498"] .li-title div, .community-page-attendees section[data-section-id="128495000004750498"] .li-subtitle, .community-page-attendees section[data-section-id="128495000004750498"] .li-subtitle div { font-size: 11px !important; } } /* ========================================================= FINAL SAFE FIX ICON + TEXT GAP ONLY PAGE: SPEAKERS SECTION ID: 128495000004750498 ADD AT VERY BOTTOM ========================================================= */ /* MOBILE */ @media only screen and (max-width: 767px) { .community-page-attendees section[data-section-id="128495000004750498"] .li-item { gap: 1px !important; } .community-page-attendees section[data-section-id="128495000004750498"] .li-content { margin-top: 0 !important; transform: none !important; padding-top: 0 !important; } .community-page-attendees section[data-section-id="128495000004750498"] .list-image, .community-page-attendees section[data-section-id="128495000004750498"] .bs-media-wgt, .community-page-attendees section[data-section-id="128495000004750498"] .media-element, .community-page-attendees section[data-section-id="128495000004750498"] .media-image, .community-page-attendees section[data-section-id="128495000004750498"] .media-image.pointer { margin-bottom: 0 !important; padding-bottom: 0 !important; } .community-page-attendees section[data-section-id="128495000004750498"] .li-title, .community-page-attendees section[data-section-id="128495000004750498"] .li-title div, .community-page-attendees section[data-section-id="128495000004750498"] .li-title p, .community-page-attendees section[data-section-id="128495000004750498"] .li-title span, .community-page-attendees section[data-section-id="128495000004750498"] .li-title strong { margin: 0 !important; padding: 0 !important; line-height: 1.05 !important; } } /* TABLET */ @media only screen and (min-width: 768px) and (max-width: 1024px) { .community-page-attendees section[data-section-id="128495000004750498"] .li-item { gap: 2px !important; } .community-page-attendees section[data-section-id="128495000004750498"] .li-content { margin-top: 0 !important; transform: none !important; padding-top: 0 !important; } .community-page-attendees section[data-section-id="128495000004750498"] .list-image, .community-page-attendees section[data-section-id="128495000004750498"] .bs-media-wgt, .community-page-attendees section[data-section-id="128495000004750498"] .media-element, .community-page-attendees section[data-section-id="128495000004750498"] .media-image, .community-page-attendees section[data-section-id="128495000004750498"] .media-image.pointer { margin-bottom: 0 !important; padding-bottom: 0 !important; } .community-page-attendees section[data-section-id="128495000004750498"] .li-title, .community-page-attendees section[data-section-id="128495000004750498"] .li-title div, .community-page-attendees section[data-section-id="128495000004750498"] .li-title p, .community-page-attendees section[data-section-id="128495000004750498"] .li-title span, .community-page-attendees section[data-section-id="128495000004750498"] .li-title strong { margin: 0 !important; padding: 0 !important; line-height: 1.05 !important; } } .community-page-attendees section[data-section-id="128495000004750495"] { padding-bottom: 100px !important; } /* ========================================================= 8. TAP HIGHLIGHT REMOVAL ========================================================= */ .community-page-attendees section[data-section-id="128495000004750498"] .li-item, .community-page-attendees section[data-section-id="128495000004750498"] .list-image, .community-page-attendees section[data-section-id="128495000004750498"] .bs-media-wgt, .community-page-attendees section[data-section-id="128495000004750498"] .media-element, .community-page-attendees section[data-section-id="128495000004750498"] .media-image, .community-page-attendees section[data-section-id="128495000004750498"] .media-image.pointer, .community-page-attendees section[data-section-id="128495000004750498"] .fluid-image, .community-page-attendees section[data-section-id="128495000004750498"] img { -webkit-tap-highlight-color: transparent !important; } .community-page-attendees section[data-section-id="128495000004750498"] .li-item:focus, .community-page-attendees section[data-section-id="128495000004750498"] .list-image:focus, .community-page-attendees section[data-section-id="128495000004750498"] .media-image:focus, .community-page-attendees section[data-section-id="128495000004750498"] .fluid-image:focus, .community-page-attendees section[data-section-id="128495000004750498"] img:focus { outline: none !important; } /* ========================================================= VENUE (COMMUNITY PAGE VENUE ) /* ========================================================= VENUE PAGE BANNER - CLEAN RESPONSIVE FIX Section ID: 128495000004750923 ========================================================= */ @media only screen and (max-width: 1024px) { /* Main banner section */ .community-page-venue section[data-section-id="128495000004750923"] { width: calc(100% - 32px) !important; max-width: 760px !important; margin: 22px auto 38px auto !important; padding: 0 !important; aspect-ratio: 16 / 9 !important; height: auto !important; min-height: auto !important; max-height: none !important; border-radius: 14px !important; overflow: hidden !important; box-sizing: border-box !important; position: relative !important; background: transparent !important; } /* Background image */ .community-page-venue section[data-section-id="128495000004750923"] .background-layer { position: absolute !important; inset: 0 !important; width: 100% !important; height: 100% !important; min-height: 100% !important; background-size: cover !important; background-position: center center !important; background-repeat: no-repeat !important; border-radius: 14px !important; overflow: hidden !important; opacity: 1 !important; } /* Foreground */ .community-page-venue section[data-section-id="128495000004750923"] .foreground-layer.bs-container { width: 100% !important; height: 100% !important; min-height: 100% !important; margin: 0 !important; padding: 0 !important; border-radius: 14px !important; overflow: hidden !important; background: transparent !important; position: relative !important; z-index: 2 !important; } .community-page-venue section[data-section-id="128495000004750923"] .banner-widget { width: 100% !important; height: 100% !important; min-height: 100% !important; margin: 0 !important; padding: 0 !important; border-radius: 14px !important; overflow: hidden !important; background: transparent !important; } .community-page-venue section[data-section-id="128495000004750923"] .banner-content { display: none !important; } } /* ========================================================= SMALL MOBILE ========================================================= */ @media only screen and (max-width: 480px) { .community-page-venue section[data-section-id="128495000004750923"] { width: calc(100% - 24px) !important; margin: 16px auto 32px auto !important; border-radius: 12px !important; aspect-ratio: 16 / 9 !important; } .community-page-venue section[data-section-id="128495000004750923"] .background-layer, .community-page-venue section[data-section-id="128495000004750923"] .foreground-layer.bs-container, .community-page-venue section[data-section-id="128495000004750923"] .banner-widget { border-radius: 12px !important; } } /* ========================================================= BOTTOM FIXED MENU SECTION ID: 128495000004750837 ========================================================= */ /* ========================================================= MOBILE Up to 767px ========================================================= */ @media only screen and (max-width: 767px) { /* Main fixed section */ .community-page-venue section[data-section-id="128495000004750837"] { position: fixed !important; bottom: 0 !important; left: 0 !important; width: 100% !important; max-width: 100% !important; z-index: 9 !important; margin: 0 !important; padding: 0 !important; background: transparent !important; overflow: visible !important; } /* Background layer */ .community-page-venue section[data-section-id="128495000004750837"] .background-layer { background: transparent !important; } /* White bottom navigation container */ .community-page-venue section[data-section-id="128495000004750837"] .foreground-layer, .community-page-venue section[data-section-id="128495000004750837"] .bs-container { width: 100% !important; max-width: 100% !important; margin: 0 !important; padding: 12px 12px 10px !important; box-sizing: border-box !important; background: #ffffff !important; border-top: 1px solid #f3f0f0 !important; box-shadow: none !important; } /* Three menu columns */ .community-page-venue section[data-section-id="128495000004750837"] .grb-list { display: grid !important; grid-template-columns: repeat(3, minmax(0, 1fr)) !important; grid-auto-flow: unset !important; align-items: start !important; justify-items: center !important; gap: 0 !important; width: 100% !important; max-width: 100% !important; margin: 0 !important; padding: 0 !important; background: #ffffff !important; } /* Individual menu item */ .community-page-venue section[data-section-id="128495000004750837"] .li-item { position: relative !important; display: flex !important; flex-direction: column !important; justify-content: flex-start !important; align-items: center !important; width: 100% !important; max-width: 100% !important; min-width: 0 !important; margin: 0 !important; padding: 0 !important; gap: 4px !important; background: transparent !important; border: none !important; box-shadow: none !important; } /* Icon clickable area */ .community-page-venue section[data-section-id="128495000004750837"] .list-image, .community-page-venue section[data-section-id="128495000004750837"] .bs-media-wgt, .community-page-venue section[data-section-id="128495000004750837"] .media-element, .community-page-venue section[data-section-id="128495000004750837"] .media-image, .community-page-venue section[data-section-id="128495000004750837"] .media-image.pointer { position: relative !important; inset: auto !important; display: flex !important; flex: 0 0 53px !important; justify-content: center !important; align-items: center !important; width: 53px !important; min-width: 53px !important; max-width: 53px !important; height: 53px !important; min-height: 53px !important; max-height: 53px !important; margin: 0 auto !important; padding: 0 !important; box-sizing: border-box !important; background: transparent !important; overflow: hidden !important; transform: none !important; } /* Actual icon image */ .community-page-venue section[data-section-id="128495000004750837"] .fluid-image, .community-page-venue section[data-section-id="128495000004750837"] .media-image img { position: relative !important; display: block !important; flex: 0 0 53px !important; width: 53px !important; min-width: 53px !important; max-width: 53px !important; height: 53px !important; min-height: 53px !important; max-height: 53px !important; margin: 0 !important; padding: 0 !important; box-sizing: border-box !important; object-fit: contain !important; object-position: center !important; background: transparent !important; transform: none !important; } /* Text container */ .community-page-venue section[data-section-id="128495000004750837"] .li-content { display: block !important; width: auto !important; max-width: 100% !important; margin: 0 !important; padding: 0 !important; text-align: center !important; background: transparent !important; } /* Menu text */ .community-page-venue section[data-section-id="128495000004750837"] .li-title, .community-page-venue section[data-section-id="128495000004750837"] .li-title div, .community-page-venue section[data-section-id="128495000004750837"] .li-subtitle, .community-page-venue section[data-section-id="128495000004750837"] .li-subtitle div { margin: 0 !important; padding: 0 !important; font-size: 10px !important; font-weight: 600 !important; line-height: 1.2 !important; color: #902b33 !important; text-align: center !important; background: transparent !important; } } /* ========================================================= TABLET 768px to 1024px ========================================================= */ @media only screen and (min-width: 768px) and (max-width: 1024px) { /* Main fixed section */ .community-page-venue section[data-section-id="128495000004750837"] { position: fixed !important; bottom: 0 !important; left: 0 !important; width: 100% !important; max-width: 100% !important; z-index: 9 !important; margin: 0 !important; padding: 0 !important; background: #ffffff !important; overflow: visible !important; } /* Background layer */ .community-page-venue section[data-section-id="128495000004750837"] .background-layer { background: #ffffff !important; } /* White bottom navigation container */ .community-page-venue section[data-section-id="128495000004750837"] .foreground-layer, .community-page-venue section[data-section-id="128495000004750837"] .bs-container { width: 100% !important; max-width: 100% !important; margin: 0 !important; padding: 14px 30px 12px !important; box-sizing: border-box !important; background: #ffffff !important; border-top: 1px solid #f3f0f0 !important; box-shadow: none !important; } /* Three menu columns */ .community-page-venue section[data-section-id="128495000004750837"] .grb-list { display: grid !important; grid-template-columns: repeat(3, minmax(0, 1fr)) !important; grid-auto-flow: unset !important; align-items: center !important; justify-items: center !important; gap: 0 !important; width: 100% !important; max-width: 100% !important; margin: 0 !important; padding: 0 !important; background: #ffffff !important; } /* Individual menu item */ .community-page-venue section[data-section-id="128495000004750837"] .li-item { position: relative !important; display: flex !important; flex-direction: column !important; justify-content: center !important; align-items: center !important; width: 100% !important; max-width: 100% !important; min-width: 0 !important; margin: 0 !important; padding: 0 !important; gap: 6px !important; background: transparent !important; border: none !important; box-shadow: none !important; } /* Icon clickable area */ .community-page-venue section[data-section-id="128495000004750837"] .list-image, .community-page-venue section[data-section-id="128495000004750837"] .bs-media-wgt, .community-page-venue section[data-section-id="128495000004750837"] .media-element, .community-page-venue section[data-section-id="128495000004750837"] .media-image, .community-page-venue section[data-section-id="128495000004750837"] .media-image.pointer { position: relative !important; inset: auto !important; display: flex !important; flex: 0 0 73px !important; justify-content: center !important; align-items: center !important; width: 73px !important; min-width: 73px !important; max-width: 73px !important; height: 73px !important; min-height: 73px !important; max-height: 73px !important; margin: 0 auto !important; padding: 0 !important; box-sizing: border-box !important; background: transparent !important; overflow: hidden !important; transform: none !important; } /* Actual icon image */ .community-page-venue section[data-section-id="128495000004750837"] .fluid-image, .community-page-venue section[data-section-id="128495000004750837"] .media-image img { position: relative !important; display: block !important; flex: 0 0 73px !important; width: 73px !important; min-width: 73px !important; max-width: 73px !important; height: 73px !important; min-height: 73px !important; max-height: 73px !important; margin: 0 !important; padding: 0 !important; box-sizing: border-box !important; object-fit: contain !important; object-position: center !important; background: transparent !important; transform: none !important; } /* Text container */ .community-page-venue section[data-section-id="128495000004750837"] .li-content { display: block !important; width: auto !important; max-width: 100% !important; margin: 0 !important; padding: 0 !important; text-align: center !important; background: transparent !important; } /* Menu text */ .community-page-venue section[data-section-id="128495000004750837"] .li-title, .community-page-venue section[data-section-id="128495000004750837"] .li-title div, .community-page-venue section[data-section-id="128495000004750837"] .li-subtitle, .community-page-venue section[data-section-id="128495000004750837"] .li-subtitle div { margin: 0 !important; padding: 0 !important; font-size: 12px !important; font-weight: 600 !important; line-height: 1.2 !important; color: #111111 !important; text-align: center !important; background: transparent !important; } } /* ========================================================= iPAD MINI ADJUSTMENT 768px to 820px ========================================================= */ @media only screen and (min-width: 768px) and (max-width: 820px) { .community-page-venue section[data-section-id="128495000004750837"] .foreground-layer, .community-page-venue section[data-section-id="128495000004750837"] .bs-container { padding: 12px 24px 10px !important; } .community-page-venue section[data-section-id="128495000004750837"] .list-image, .community-page-venue section[data-section-id="128495000004750837"] .bs-media-wgt, .community-page-venue section[data-section-id="128495000004750837"] .media-element, .community-page-venue section[data-section-id="128495000004750837"] .media-image, .community-page-venue section[data-section-id="128495000004750837"] .media-image.pointer, .community-page-venue section[data-section-id="128495000004750837"] .fluid-image, .community-page-venue section[data-section-id="128495000004750837"] .media-image img { flex-basis: 63px !important; width: 63px !important; min-width: 63px !important; max-width: 63px !important; height: 63px !important; min-height: 63px !important; max-height: 63px !important; } .community-page-venue section[data-section-id="128495000004750837"] .li-title, .community-page-venue section[data-section-id="128495000004750837"] .li-title div, .community-page-venue section[data-section-id="128495000004750837"] .li-subtitle, .community-page-venue section[data-section-id="128495000004750837"] .li-subtitle div { font-size: 11px !important; } } /* ========================================================= FINAL SAFE FIX ICON + TEXT GAP ONLY PAGE: SPEAKERS SECTION ID: 128495000004750837 ADD AT VERY BOTTOM ========================================================= */ /* MOBILE */ @media only screen and (max-width: 767px) { .community-page-venue section[data-section-id="128495000004750837"] .li-item { gap: 1px !important; } .community-page-venue section[data-section-id="128495000004750837"] .li-content { margin-top: 0 !important; transform: none !important; padding-top: 0 !important; } .community-page-venue section[data-section-id="128495000004750837"] .list-image, .community-page-venue section[data-section-id="128495000004750837"] .bs-media-wgt, .community-page-venue section[data-section-id="128495000004750837"] .media-element, .community-page-venue section[data-section-id="128495000004750837"] .media-image, .community-page-venue section[data-section-id="128495000004750837"] .media-image.pointer { margin-bottom: 0 !important; padding-bottom: 0 !important; } .community-page-venue section[data-section-id="128495000004750837"] .li-title, .community-page-venue section[data-section-id="128495000004750837"] .li-title div, .community-page-venue section[data-section-id="128495000004750837"] .li-title p, .community-page-venue section[data-section-id="128495000004750837"] .li-title span, .community-page-venue section[data-section-id="128495000004750837"] .li-title strong { margin: 0 !important; padding: 0 !important; line-height: 1.05 !important; } } /* TABLET */ @media only screen and (min-width: 768px) and (max-width: 1024px) { .community-page-venue section[data-section-id="128495000004750837"] .li-item { gap: 2px !important; } .community-page-venue section[data-section-id="128495000004750837"] .li-content { margin-top: 0 !important; transform: none !important; padding-top: 0 !important; } .community-page-venue section[data-section-id="128495000004750837"] .list-image, .community-page-venue section[data-section-id="128495000004750837"] .bs-media-wgt, .community-page-venue section[data-section-id="128495000004750837"] .media-element, .community-page-venue section[data-section-id="128495000004750837"] .media-image, .community-page-venue section[data-section-id="128495000004750837"] .media-image.pointer { margin-bottom: 0 !important; padding-bottom: 0 !important; } .community-page-venue section[data-section-id="128495000004750837"] .li-title, .community-page-venue section[data-section-id="128495000004750837"] .li-title div, .community-page-venue section[data-section-id="128495000004750837"] .li-title p, .community-page-venue section[data-section-id="128495000004750837"] .li-title span, .community-page-venue section[data-section-id="128495000004750837"] .li-title strong { margin: 0 !important; padding: 0 !important; line-height: 1.05 !important; } } .community-page-venue section[data-section-id="128495000004750825"] { padding-bottom: 100px !important; } /* ========================================================= 8. TAP HIGHLIGHT REMOVAL ========================================================= */ .community-page-venue section[data-section-id="128495000004750837"] .li-item, .community-page-venue section[data-section-id="128495000004750837"] .list-image, .community-page-venue section[data-section-id="128495000004750837"] .bs-media-wgt, .community-page-venue section[data-section-id="128495000004750837"] .media-element, .community-page-venue section[data-section-id="128495000004750837"] .media-image, .community-page-venue section[data-section-id="128495000004750837"] .media-image.pointer, .community-page-venue section[data-section-id="128495000004750837"] .fluid-image, .community-page-venue section[data-section-id="128495000004750837"] img { -webkit-tap-highlight-color: transparent !important; } .community-page-venue section[data-section-id="128495000004750837"] .li-item:focus, .community-page-venue section[data-section-id="128495000004750837"] .list-image:focus, .community-page-venue section[data-section-id="128495000004750837"] .media-image:focus, .community-page-venue section[data-section-id="128495000004750837"] .fluid-image:focus, .community-page-venue section[data-section-id="128495000004750837"] img:focus { outline: none !important; } /* ========================================================= community-page-exhibitorCategory(FLOOR PLAN) SECTION ID: 128495000004751111 ========================================================= */ /* ========================================================= BOTTOM FIXED MENU SECTION ID: 128495000004751111 ========================================================= */ /* ========================================================= MOBILE Up to 767px ========================================================= */ @media only screen and (max-width: 767px) { /* Main fixed section */ .community-page-exhibitorCategory section[data-section-id="128495000004751111"] { position: fixed !important; bottom: 0 !important; left: 0 !important; width: 100% !important; max-width: 100% !important; z-index: 9 !important; margin: 0 !important; padding: 0 !important; background: transparent !important; overflow: visible !important; } /* Background layer */ .community-page-exhibitorCategory section[data-section-id="128495000004751111"] .background-layer { background: transparent !important; } /* White bottom navigation container */ .community-page-exhibitorCategory section[data-section-id="128495000004751111"] .foreground-layer, .community-page-exhibitorCategory section[data-section-id="128495000004751111"] .bs-container { width: 100% !important; max-width: 100% !important; margin: 0 !important; padding: 12px 12px 10px !important; box-sizing: border-box !important; background: #ffffff !important; border-top: 1px solid #f3f0f0 !important; box-shadow: none !important; } /* Three menu columns */ .community-page-exhibitorCategory section[data-section-id="128495000004751111"] .grb-list { display: grid !important; grid-template-columns: repeat(3, minmax(0, 1fr)) !important; grid-auto-flow: unset !important; align-items: start !important; justify-items: center !important; gap: 0 !important; width: 100% !important; max-width: 100% !important; margin: 0 !important; padding: 0 !important; background: #ffffff !important; } /* Individual menu item */ .community-page-exhibitorCategory section[data-section-id="128495000004751111"] .li-item { position: relative !important; display: flex !important; flex-direction: column !important; justify-content: flex-start !important; align-items: center !important; width: 100% !important; max-width: 100% !important; min-width: 0 !important; margin: 0 !important; padding: 0 !important; gap: 4px !important; background: transparent !important; border: none !important; box-shadow: none !important; } /* Icon clickable area */ .community-page-exhibitorCategory section[data-section-id="128495000004751111"] .list-image, .community-page-exhibitorCategory section[data-section-id="128495000004751111"] .bs-media-wgt, .community-page-exhibitorCategory section[data-section-id="128495000004751111"] .media-element, .community-page-exhibitorCategory section[data-section-id="128495000004751111"] .media-image, .community-page-exhibitorCategory section[data-section-id="128495000004751111"] .media-image.pointer { position: relative !important; inset: auto !important; display: flex !important; flex: 0 0 53px !important; justify-content: center !important; align-items: center !important; width: 53px !important; min-width: 53px !important; max-width: 53px !important; height: 53px !important; min-height: 53px !important; max-height: 53px !important; margin: 0 auto !important; padding: 0 !important; box-sizing: border-box !important; background: transparent !important; overflow: hidden !important; transform: none !important; } /* Actual icon image */ .community-page-exhibitorCategory section[data-section-id="128495000004751111"] .fluid-image, .community-page-exhibitorCategory section[data-section-id="128495000004751111"] .media-image img { position: relative !important; display: block !important; flex: 0 0 53px !important; width: 53px !important; min-width: 53px !important; max-width: 53px !important; height: 53px !important; min-height: 53px !important; max-height: 53px !important; margin: 0 !important; padding: 0 !important; box-sizing: border-box !important; object-fit: contain !important; object-position: center !important; background: transparent !important; transform: none !important; } /* Text container */ .community-page-exhibitorCategory section[data-section-id="128495000004751111"] .li-content { display: block !important; width: auto !important; max-width: 100% !important; margin: 0 !important; padding: 0 !important; text-align: center !important; background: transparent !important; } /* Menu text */ .community-page-exhibitorCategory section[data-section-id="128495000004751111"] .li-title, .community-page-exhibitorCategory section[data-section-id="128495000004751111"] .li-title div, .community-page-exhibitorCategory section[data-section-id="128495000004751111"] .li-subtitle, .community-page-exhibitorCategory section[data-section-id="128495000004751111"] .li-subtitle div { margin: 0 !important; padding: 0 !important; font-size: 10px !important; font-weight: 600 !important; line-height: 1.2 !important; color: #902b33 !important; text-align: center !important; background: transparent !important; } } /* ========================================================= TABLET 768px to 1024px ========================================================= */ @media only screen and (min-width: 768px) and (max-width: 1024px) { /* Main fixed section */ .community-page-exhibitorCategory section[data-section-id="128495000004751111"] { position: fixed !important; bottom: 0 !important; left: 0 !important; width: 100% !important; max-width: 100% !important; z-index: 9 !important; margin: 0 !important; padding: 0 !important; background: #ffffff !important; overflow: visible !important; } /* Background layer */ .community-page-exhibitorCategory section[data-section-id="128495000004751111"] .background-layer { background: #ffffff !important; } /* White bottom navigation container */ .community-page-exhibitorCategory section[data-section-id="128495000004751111"] .foreground-layer, .community-page-exhibitorCategory section[data-section-id="128495000004751111"] .bs-container { width: 100% !important; max-width: 100% !important; margin: 0 !important; padding: 14px 30px 12px !important; box-sizing: border-box !important; background: #ffffff !important; border-top: 1px solid #f3f0f0 !important; box-shadow: none !important; } /* Three menu columns */ .community-page-exhibitorCategory section[data-section-id="128495000004751111"] .grb-list { display: grid !important; grid-template-columns: repeat(3, minmax(0, 1fr)) !important; grid-auto-flow: unset !important; align-items: center !important; justify-items: center !important; gap: 0 !important; width: 100% !important; max-width: 100% !important; margin: 0 !important; padding: 0 !important; background: #ffffff !important; } /* Individual menu item */ .community-page-exhibitorCategory section[data-section-id="128495000004751111"] .li-item { position: relative !important; display: flex !important; flex-direction: column !important; justify-content: center !important; align-items: center !important; width: 100% !important; max-width: 100% !important; min-width: 0 !important; margin: 0 !important; padding: 0 !important; gap: 6px !important; background: transparent !important; border: none !important; box-shadow: none !important; } /* Icon clickable area */ .community-page-exhibitorCategory section[data-section-id="128495000004751111"] .list-image, .community-page-exhibitorCategory section[data-section-id="128495000004751111"] .bs-media-wgt, .community-page-exhibitorCategory section[data-section-id="128495000004751111"] .media-element, .community-page-exhibitorCategory section[data-section-id="128495000004751111"] .media-image, .community-page-exhibitorCategory section[data-section-id="128495000004751111"] .media-image.pointer { position: relative !important; inset: auto !important; display: flex !important; flex: 0 0 73px !important; justify-content: center !important; align-items: center !important; width: 73px !important; min-width: 73px !important; max-width: 73px !important; height: 73px !important; min-height: 73px !important; max-height: 73px !important; margin: 0 auto !important; padding: 0 !important; box-sizing: border-box !important; background: transparent !important; overflow: hidden !important; transform: none !important; } /* Actual icon image */ .community-page-exhibitorCategory section[data-section-id="128495000004751111"] .fluid-image, .community-page-exhibitorCategory section[data-section-id="128495000004751111"] .media-image img { position: relative !important; display: block !important; flex: 0 0 73px !important; width: 73px !important; min-width: 73px !important; max-width: 73px !important; height: 73px !important; min-height: 73px !important; max-height: 73px !important; margin: 0 !important; padding: 0 !important; box-sizing: border-box !important; object-fit: contain !important; object-position: center !important; background: transparent !important; transform: none !important; } /* Text container */ .community-page-exhibitorCategory section[data-section-id="128495000004751111"] .li-content { display: block !important; width: auto !important; max-width: 100% !important; margin: 0 !important; padding: 0 !important; text-align: center !important; background: transparent !important; } /* Menu text */ .community-page-exhibitorCategory section[data-section-id="128495000004751111"] .li-title, .community-page-exhibitorCategory section[data-section-id="128495000004751111"] .li-title div, .community-page-exhibitorCategory section[data-section-id="128495000004751111"] .li-subtitle, .community-page-exhibitorCategory section[data-section-id="128495000004751111"] .li-subtitle div { margin: 0 !important; padding: 0 !important; font-size: 12px !important; font-weight: 600 !important; line-height: 1.2 !important; color: #111111 !important; text-align: center !important; background: transparent !important; } } /* ========================================================= iPAD MINI ADJUSTMENT 768px to 820px ========================================================= */ @media only screen and (min-width: 768px) and (max-width: 820px) { .community-page-exhibitorCategory section[data-section-id="128495000004751111"] .foreground-layer, .community-page-exhibitorCategory section[data-section-id="128495000004751111"] .bs-container { padding: 12px 24px 10px !important; } .community-page-exhibitorCategory section[data-section-id="128495000004751111"] .list-image, .community-page-exhibitorCategory section[data-section-id="128495000004751111"] .bs-media-wgt, .community-page-exhibitorCategory section[data-section-id="128495000004751111"] .media-element, .community-page-exhibitorCategory section[data-section-id="128495000004751111"] .media-image, .community-page-exhibitorCategory section[data-section-id="128495000004751111"] .media-image.pointer, .community-page-exhibitorCategory section[data-section-id="128495000004751111"] .fluid-image, .community-page-exhibitorCategory section[data-section-id="128495000004751111"] .media-image img { flex-basis: 63px !important; width: 63px !important; min-width: 63px !important; max-width: 63px !important; height: 63px !important; min-height: 63px !important; max-height: 63px !important; } .community-page-exhibitorCategory section[data-section-id="128495000004751111"] .li-title, .community-page-exhibitorCategory section[data-section-id="128495000004751111"] .li-title div, .community-page-exhibitorCategory section[data-section-id="128495000004751111"] .li-subtitle, .community-page-exhibitorCategory section[data-section-id="128495000004751111"] .li-subtitle div { font-size: 11px !important; } } /* ========================================================= FINAL SAFE FIX ICON + TEXT GAP ONLY PAGE: SPEAKERS SECTION ID: 128495000004751111 ADD AT VERY BOTTOM ========================================================= */ /* MOBILE */ @media only screen and (max-width: 767px) { .community-page-exhibitorCategory section[data-section-id="128495000004751111"] .li-item { gap: 1px !important; } .community-page-exhibitorCategory section[data-section-id="128495000004751111"] .li-content { margin-top: 0 !important; transform: none !important; padding-top: 0 !important; } .community-page-exhibitorCategory section[data-section-id="128495000004751111"] .list-image, .community-page-exhibitorCategory section[data-section-id="128495000004751111"] .bs-media-wgt, .community-page-exhibitorCategory section[data-section-id="128495000004751111"] .media-element, .community-page-exhibitorCategory section[data-section-id="128495000004751111"] .media-image, .community-page-exhibitorCategory section[data-section-id="128495000004751111"] .media-image.pointer { margin-bottom: 0 !important; padding-bottom: 0 !important; } .community-page-exhibitorCategory section[data-section-id="128495000004751111"] .li-title, .community-page-exhibitorCategory section[data-section-id="128495000004751111"] .li-title div, .community-page-exhibitorCategory section[data-section-id="128495000004751111"] .li-title p, .community-page-exhibitorCategory section[data-section-id="128495000004751111"] .li-title span, .community-page-exhibitorCategory section[data-section-id="128495000004751111"] .li-title strong { margin: 0 !important; padding: 0 !important; line-height: 1.05 !important; } } /* TABLET */ @media only screen and (min-width: 768px) and (max-width: 1024px) { .community-page-exhibitorCategory section[data-section-id="128495000004751111"] .li-item { gap: 2px !important; } .community-page-exhibitorCategory section[data-section-id="128495000004751111"] .li-content { margin-top: 0 !important; transform: none !important; padding-top: 0 !important; } .community-page-exhibitorCategory section[data-section-id="128495000004751111"] .list-image, .community-page-exhibitorCategory section[data-section-id="128495000004751111"] .bs-media-wgt, .community-page-exhibitorCategory section[data-section-id="128495000004751111"] .media-element, .community-page-exhibitorCategory section[data-section-id="128495000004751111"] .media-image, .community-page-exhibitorCategory section[data-section-id="128495000004751111"] .media-image.pointer { margin-bottom: 0 !important; padding-bottom: 0 !important; } .community-page-exhibitorCategory section[data-section-id="128495000004751111"] .li-title, .community-page-exhibitorCategory section[data-section-id="128495000004751111"] .li-title div, .community-page-exhibitorCategory section[data-section-id="128495000004751111"] .li-title p, .community-page-exhibitorCategory section[data-section-id="128495000004751111"] .li-title span, .community-page-exhibitorCategory section[data-section-id="128495000004751111"] .li-title strong { margin: 0 !important; padding: 0 !important; line-height: 1.05 !important; } } .community-page-exhibitorCategory section[data-section-id="128495000004750291"] { padding-bottom: 100px !important; } /* ========================================================= 8. TAP HIGHLIGHT REMOVAL ========================================================= */ .community-page-exhibitorCategory section[data-section-id="128495000004751111"] .li-item, .community-page-exhibitorCategory section[data-section-id="128495000004751111"] .list-image, .community-page-exhibitorCategory section[data-section-id="128495000004751111"] .bs-media-wgt, .community-page-exhibitorCategory section[data-section-id="128495000004751111"] .media-element, .community-page-exhibitorCategory section[data-section-id="128495000004751111"] .media-image, .community-page-exhibitorCategory section[data-section-id="128495000004751111"] .media-image.pointer, .community-page-exhibitorCategory section[data-section-id="128495000004751111"] .fluid-image, .community-page-exhibitorCategory section[data-section-id="128495000004751111"] img { -webkit-tap-highlight-color: transparent !important; } .community-page-exhibitorCategory section[data-section-id="128495000004751111"] .li-item:focus, .community-page-exhibitorCategory section[data-section-id="128495000004751111"] .list-image:focus, .community-page-exhibitorCategory section[data-section-id="128495000004751111"] .media-image:focus, .community-page-exhibitorCategory section[data-section-id="128495000004751111"] .fluid-image:focus, .community-page-exhibitorCategory section[data-section-id="128495000004751111"] img:focus { outline: none !important; } /* ========================================================= TICKETS (COMMUNITY PAGE TICKETS ) ========================================================= */ /* ========================================================= TICKET SECTION ========================================================= */ @media screen and (max-width: 767px) { .community-page-tickets section[data-section-id="128495000004750393"] { border-radius: 10px !important; overflow: hidden !important; } .community-page-tickets section[data-section-id="128495000004750393"] .background-layer { border-radius: 10px !important; } .community-page-tickets section[data-section-id="128495000004750393"] .owl-stage { margin-top: 0 !important; border-radius: 10px !important; } } @media screen and (min-width: 768px) and (max-width: 1024px) { .community-page-tickets section[data-section-id="128495000004750393"] { border-radius: 10px !important; overflow: hidden !important; } .community-page-tickets section[data-section-id="128495000004750393"] .background-layer { border-radius: 10px !important; } .community-page-tickets section[data-section-id="128495000004750393"] .owl-stage { margin-top: 0 !important; border-radius: 10px !important; } } @media only screen and (max-width: 767px) { .community-page-tickets div[data-element-id="128495000004750298"] .bs-ticketList-wgt.grb-list { display: grid !important; grid-template-columns: repeat(2, minmax(0, 1fr)) !important; grid-auto-flow: row !important; gap: 12px !important; } .community-page-tickets div[data-element-id="128495000004750298"] .bs-ticketList-wgt.grb-list .li-item { width: 100% !important; min-width: 0 !important; margin: 0 !important; border-radius: 10px; } } @media only screen and (max-width: 767px) { div[data-element-id="128495000004750298"] .bs-ticketList-wgt .li-content .ticket-card-header.st1 { height: 75px !important; border-radius: 10px 10px 0 0; } } @media only screen and (max-width: 1024px) { .community-page-tickets div[data-element-id="128495000004750298"] .bs-ticketList-wgt.grb-list { display: grid !important; grid-template-columns: repeat(2, minmax(0, 1fr)) !important; grid-auto-flow: row !important; gap: 12px !important; } .community-page-tickets div[data-element-id="128495000004750298"] .bs-ticketList-wgt.grb-list .li-item { width: 100% !important; min-width: 0 !important; margin: 0 !important; border-radius: 10px; } } @media only screen and (max-width: 767px) { .community-page-tickets div[data-element-id="128495000004750298"] .bs-ticketList-wgt .ticket-card-nav { display: grid !important; grid-template-rows: auto 75px !important; position: relative !important; } } @media only screen and (max-width: 1024px) { .bs-section[data-section-id="128495000004750298"] > .foreground-layer.bs-container { padding-left: 16px !important; padding-right: 16px !important; padding-bottom: 100px !important; } } @media only screen and (max-width: 767px) { .community-page-tickets div[data-element-id="128495000004750298"] .bs-ticketList-wgt .ticket-card-nav .ticket-nav { padding: 12px 16px !important; height: auto !important; min-height: 90px !important; display: flex !important; justify-content: center !important; align-items: center !important; } } .community-page-tickets section[data-section-id="128495000004750393"].bs-section .foreground-layer.bs-container { padding-bottom: 150px !important; } /* ========================================================= BOTTOM FIXED MENU SECTION ID: 128495000004750307 ========================================================= */ /* ========================================================= MOBILE Up to 767px ========================================================= */ @media only screen and (max-width: 767px) { /* Main fixed section */ .community-page-tickets section[data-section-id="128495000004750307"] { position: fixed !important; bottom: 0 !important; left: 0 !important; width: 100% !important; max-width: 100% !important; z-index: 9 !important; margin: 0 !important; padding: 0 !important; background: transparent !important; overflow: visible !important; } /* Background layer */ .community-page-tickets section[data-section-id="128495000004750307"] .background-layer { background: transparent !important; } /* White bottom navigation container */ .community-page-tickets section[data-section-id="128495000004750307"] .foreground-layer, .community-page-tickets section[data-section-id="128495000004750307"] .bs-container { width: 100% !important; max-width: 100% !important; margin: 0 !important; padding: 12px 12px 10px !important; box-sizing: border-box !important; background: #ffffff !important; border-top: 1px solid #f3f0f0 !important; box-shadow: none !important; } /* Three menu columns */ .community-page-tickets section[data-section-id="128495000004750307"] .grb-list { display: grid !important; grid-template-columns: repeat(3, minmax(0, 1fr)) !important; grid-auto-flow: unset !important; align-items: start !important; justify-items: center !important; gap: 0 !important; width: 100% !important; max-width: 100% !important; margin: 0 !important; padding: 0 !important; background: #ffffff !important; } /* Individual menu item */ .community-page-tickets section[data-section-id="128495000004750307"] .li-item { position: relative !important; display: flex !important; flex-direction: column !important; justify-content: flex-start !important; align-items: center !important; width: 100% !important; max-width: 100% !important; min-width: 0 !important; margin: 0 !important; padding: 0 !important; gap: 4px !important; background: transparent !important; border: none !important; box-shadow: none !important; } /* Icon clickable area */ .community-page-tickets section[data-section-id="128495000004750307"] .list-image, .community-page-tickets section[data-section-id="128495000004750307"] .bs-media-wgt, .community-page-tickets section[data-section-id="128495000004750307"] .media-element, .community-page-tickets section[data-section-id="128495000004750307"] .media-image, .community-page-tickets section[data-section-id="128495000004750307"] .media-image.pointer { position: relative !important; inset: auto !important; display: flex !important; flex: 0 0 53px !important; justify-content: center !important; align-items: center !important; width: 53px !important; min-width: 53px !important; max-width: 53px !important; height: 53px !important; min-height: 53px !important; max-height: 53px !important; margin: 0 auto !important; padding: 0 !important; box-sizing: border-box !important; background: transparent !important; overflow: hidden !important; transform: none !important; } /* Actual icon image */ .community-page-tickets section[data-section-id="128495000004750307"] .fluid-image, .community-page-tickets section[data-section-id="128495000004750307"] .media-image img { position: relative !important; display: block !important; flex: 0 0 53px !important; width: 53px !important; min-width: 53px !important; max-width: 53px !important; height: 53px !important; min-height: 53px !important; max-height: 53px !important; margin: 0 !important; padding: 0 !important; box-sizing: border-box !important; object-fit: contain !important; object-position: center !important; background: transparent !important; transform: none !important; } /* Text container */ .community-page-tickets section[data-section-id="128495000004750307"] .li-content { display: block !important; width: auto !important; max-width: 100% !important; margin: 0 !important; padding: 0 !important; text-align: center !important; background: transparent !important; } /* Menu text */ .community-page-tickets section[data-section-id="128495000004750307"] .li-title, .community-page-tickets section[data-section-id="128495000004750307"] .li-title div, .community-page-tickets section[data-section-id="128495000004750307"] .li-subtitle, .community-page-tickets section[data-section-id="128495000004750307"] .li-subtitle div { margin: 0 !important; padding: 0 !important; font-size: 10px !important; font-weight: 600 !important; line-height: 1.2 !important; color: #902b33 !important; text-align: center !important; background: transparent !important; } } /* ========================================================= TABLET 768px to 1024px ========================================================= */ @media only screen and (min-width: 768px) and (max-width: 1024px) { /* Main fixed section */ .community-page-tickets section[data-section-id="128495000004750307"] { position: fixed !important; bottom: 0 !important; left: 0 !important; width: 100% !important; max-width: 100% !important; z-index: 9 !important; margin: 0 !important; padding: 0 !important; background: #ffffff !important; overflow: visible !important; } /* Background layer */ .community-page-tickets section[data-section-id="128495000004750307"] .background-layer { background: #ffffff !important; } /* White bottom navigation container */ .community-page-tickets section[data-section-id="128495000004750307"] .foreground-layer, .community-page-tickets section[data-section-id="128495000004750307"] .bs-container { width: 100% !important; max-width: 100% !important; margin: 0 !important; padding: 14px 30px 12px !important; box-sizing: border-box !important; background: #ffffff !important; border-top: 1px solid #f3f0f0 !important; box-shadow: none !important; } /* Three menu columns */ .community-page-tickets section[data-section-id="128495000004750307"] .grb-list { display: grid !important; grid-template-columns: repeat(3, minmax(0, 1fr)) !important; grid-auto-flow: unset !important; align-items: center !important; justify-items: center !important; gap: 0 !important; width: 100% !important; max-width: 100% !important; margin: 0 !important; padding: 0 !important; background: #ffffff !important; } /* Individual menu item */ .community-page-tickets section[data-section-id="128495000004750307"] .li-item { position: relative !important; display: flex !important; flex-direction: column !important; justify-content: center !important; align-items: center !important; width: 100% !important; max-width: 100% !important; min-width: 0 !important; margin: 0 !important; padding: 0 !important; gap: 6px !important; background: transparent !important; border: none !important; box-shadow: none !important; } /* Icon clickable area */ .community-page-tickets section[data-section-id="128495000004750307"] .list-image, .community-page-tickets section[data-section-id="128495000004750307"] .bs-media-wgt, .community-page-tickets section[data-section-id="128495000004750307"] .media-element, .community-page-tickets section[data-section-id="128495000004750307"] .media-image, .community-page-tickets section[data-section-id="128495000004750307"] .media-image.pointer { position: relative !important; inset: auto !important; display: flex !important; flex: 0 0 73px !important; justify-content: center !important; align-items: center !important; width: 73px !important; min-width: 73px !important; max-width: 73px !important; height: 73px !important; min-height: 73px !important; max-height: 73px !important; margin: 0 auto !important; padding: 0 !important; box-sizing: border-box !important; background: transparent !important; overflow: hidden !important; transform: none !important; } /* Actual icon image */ .community-page-tickets section[data-section-id="128495000004750307"] .fluid-image, .community-page-tickets section[data-section-id="128495000004750307"] .media-image img { position: relative !important; display: block !important; flex: 0 0 73px !important; width: 73px !important; min-width: 73px !important; max-width: 73px !important; height: 73px !important; min-height: 73px !important; max-height: 73px !important; margin: 0 !important; padding: 0 !important; box-sizing: border-box !important; object-fit: contain !important; object-position: center !important; background: transparent !important; transform: none !important; } /* Text container */ .community-page-tickets section[data-section-id="128495000004750307"] .li-content { display: block !important; width: auto !important; max-width: 100% !important; margin: 0 !important; padding: 0 !important; text-align: center !important; background: transparent !important; } /* Menu text */ .community-page-tickets section[data-section-id="128495000004750307"] .li-title, .community-page-tickets section[data-section-id="128495000004750307"] .li-title div, .community-page-tickets section[data-section-id="128495000004750307"] .li-subtitle, .community-page-tickets section[data-section-id="128495000004750307"] .li-subtitle div { margin: 0 !important; padding: 0 !important; font-size: 12px !important; font-weight: 600 !important; line-height: 1.2 !important; color: #111111 !important; text-align: center !important; background: transparent !important; } } /* ========================================================= iPAD MINI ADJUSTMENT 768px to 820px ========================================================= */ @media only screen and (min-width: 768px) and (max-width: 820px) { .community-page-tickets section[data-section-id="128495000004750307"] .foreground-layer, .community-page-tickets section[data-section-id="128495000004750307"] .bs-container { padding: 12px 24px 10px !important; } .community-page-tickets section[data-section-id="128495000004750307"] .list-image, .community-page-tickets section[data-section-id="128495000004750307"] .bs-media-wgt, .community-page-tickets section[data-section-id="128495000004750307"] .media-element, .community-page-tickets section[data-section-id="128495000004750307"] .media-image, .community-page-tickets section[data-section-id="128495000004750307"] .media-image.pointer, .community-page-tickets section[data-section-id="128495000004750307"] .fluid-image, .community-page-tickets section[data-section-id="128495000004750307"] .media-image img { flex-basis: 63px !important; width: 63px !important; min-width: 63px !important; max-width: 63px !important; height: 63px !important; min-height: 63px !important; max-height: 63px !important; } .community-page-tickets section[data-section-id="128495000004750307"] .li-title, .community-page-tickets section[data-section-id="128495000004750307"] .li-title div, .community-page-tickets section[data-section-id="128495000004750307"] .li-subtitle, .community-page-tickets section[data-section-id="128495000004750307"] .li-subtitle div { font-size: 11px !important; } } /* ========================================================= FINAL SAFE FIX ICON + TEXT GAP ONLY PAGE: SPEAKERS SECTION ID: 128495000004750307 ADD AT VERY BOTTOM ========================================================= */ /* MOBILE */ @media only screen and (max-width: 767px) { .community-page-tickets section[data-section-id="128495000004750307"] .li-item { gap: 1px !important; } .community-page-tickets section[data-section-id="128495000004750307"] .li-content { margin-top: 0 !important; transform: none !important; padding-top: 0 !important; } .community-page-tickets section[data-section-id="128495000004750307"] .list-image, .community-page-tickets section[data-section-id="128495000004750307"] .bs-media-wgt, .community-page-tickets section[data-section-id="128495000004750307"] .media-element, .community-page-tickets section[data-section-id="128495000004750307"] .media-image, .community-page-tickets section[data-section-id="128495000004750307"] .media-image.pointer { margin-bottom: 0 !important; padding-bottom: 0 !important; } .community-page-tickets section[data-section-id="128495000004750307"] .li-title, .community-page-tickets section[data-section-id="128495000004750307"] .li-title div, .community-page-tickets section[data-section-id="128495000004750307"] .li-title p, .community-page-tickets section[data-section-id="128495000004750307"] .li-title span, .community-page-tickets section[data-section-id="128495000004750307"] .li-title strong { margin: 0 !important; padding: 0 !important; line-height: 1.05 !important; } } /* TABLET */ @media only screen and (min-width: 768px) and (max-width: 1024px) { .community-page-tickets section[data-section-id="128495000004750307"] .li-item { gap: 2px !important; } .community-page-tickets section[data-section-id="128495000004750307"] .li-content { margin-top: 0 !important; transform: none !important; padding-top: 0 !important; } .community-page-tickets section[data-section-id="128495000004750307"] .list-image, .community-page-tickets section[data-section-id="128495000004750307"] .bs-media-wgt, .community-page-tickets section[data-section-id="128495000004750307"] .media-element, .community-page-tickets section[data-section-id="128495000004750307"] .media-image, .community-page-tickets section[data-section-id="128495000004750307"] .media-image.pointer { margin-bottom: 0 !important; padding-bottom: 0 !important; } .community-page-tickets section[data-section-id="128495000004750307"] .li-title, .community-page-tickets section[data-section-id="128495000004750307"] .li-title div, .community-page-tickets section[data-section-id="128495000004750307"] .li-title p, .community-page-tickets section[data-section-id="128495000004750307"] .li-title span, .community-page-tickets section[data-section-id="128495000004750307"] .li-title strong { margin: 0 !important; padding: 0 !important; line-height: 1.05 !important; } } .community-page-tickets section[data-section-id="128495000004750291"] { padding-bottom: 100px !important; } /* ========================================================= 8. TAP HIGHLIGHT REMOVAL ========================================================= */ .community-page-tickets section[data-section-id="128495000004750307"] .li-item, .community-page-tickets section[data-section-id="128495000004750307"] .list-image, .community-page-tickets section[data-section-id="128495000004750307"] .bs-media-wgt, .community-page-tickets section[data-section-id="128495000004750307"] .media-element, .community-page-tickets section[data-section-id="128495000004750307"] .media-image, .community-page-tickets section[data-section-id="128495000004750307"] .media-image.pointer, .community-page-tickets section[data-section-id="128495000004750307"] .fluid-image, .community-page-tickets section[data-section-id="128495000004750307"] img { -webkit-tap-highlight-color: transparent !important; } .community-page-tickets section[data-section-id="128495000004750307"] .li-item:focus, .community-page-tickets section[data-section-id="128495000004750307"] .list-image:focus, .community-page-tickets section[data-section-id="128495000004750307"] .media-image:focus, .community-page-tickets section[data-section-id="128495000004750307"] .fluid-image:focus, .community-page-tickets section[data-section-id="128495000004750307"] img:focus { outline: none !important; } /* ========================================================= EXHIBITOR FILTER TOOLBAR PAGE: community-page-exhibitors SECTION ID: 128495000004750962 RESPONSIVE: DESKTOP + TABLET + MOBILE ========================================================= */ .community-page-exhibitors section[data-section-id="128495000004750962"] .exhibitor-toolbar { width: 100% !important; margin: 0 0 28px !important; padding: 0 !important; background: #ffffff !important; box-sizing: border-box !important; } /* Tabs */ .community-page-exhibitors section[data-section-id="128495000004750962"] .exhibitor-tabs { display: flex !important; flex-wrap: wrap !important; gap: 14px !important; margin-bottom: 22px !important; padding-bottom: 18px !important; border-bottom: 1px solid #eeeeee !important; background: #ffffff !important; } .community-page-exhibitors section[data-section-id="128495000004750962"] .exhibitor-tab { min-height: 52px !important; padding: 0 30px !important; border: 1px solid #dcdcdc !important; border-radius: 18px !important; background: #ffffff !important; color: #111111 !important; font-size: 17px !important; font-weight: 600 !important; cursor: pointer !important; transition: all 0.25s ease !important; box-sizing: border-box !important; } .community-page-exhibitors section[data-section-id="128495000004750962"] .exhibitor-tab.active, .community-page-exhibitors section[data-section-id="128495000004750962"] .exhibitor-tab:hover { background: #902b33 !important; color: #ffffff !important; border-color: #902b33 !important; } /* Search Row */ .community-page-exhibitors section[data-section-id="128495000004750962"] .exhibitor-search-row { display: flex !important; align-items: center !important; gap: 16px !important; width: 100% !important; margin-bottom: 24px !important; background: #ffffff !important; box-sizing: border-box !important; } /* Search Box */ .community-page-exhibitors section[data-section-id="128495000004750962"] .exhibitor-search-box { flex: 1 1 auto !important; width: 100% !important; height: 58px !important; border: 1px solid #dcdcdc !important; border-radius: 16px !important; background: #ffffff !important; display: flex !important; align-items: center !important; padding: 0 18px !important; box-sizing: border-box !important; } .community-page-exhibitors section[data-section-id="128495000004750962"] .exhibitor-search-icon { font-size: 20px !important; color: #111111 !important; margin-right: 12px !important; line-height: 1 !important; } .community-page-exhibitors section[data-section-id="128495000004750962"] #exhibitorSearchInput { width: 100% !important; height: 100% !important; border: none !important; outline: none !important; background: transparent !important; font-size: 18px !important; color: #111111 !important; box-sizing: border-box !important; } .community-page-exhibitors section[data-section-id="128495000004750962"] #exhibitorSearchInput::placeholder { color: #888888 !important; } /* A-Z Button */ .community-page-exhibitors section[data-section-id="128495000004750962"] .exhibitor-filter-btn { flex: 0 0 116px !important; width: 116px !important; height: 58px !important; border: 1px solid #902b33 !important; border-radius: 16px !important; background: #ffffff !important; color: #902b33 !important; font-size: 18px !important; font-weight: 700 !important; cursor: pointer !important; transition: all 0.25s ease !important; box-sizing: border-box !important; } .community-page-exhibitors section[data-section-id="128495000004750962"] .exhibitor-filter-btn:hover { background: #902b33 !important; color: #ffffff !important; } /* Hide old alphabet row if any exists */ .community-page-exhibitors section[data-section-id="128495000004750962"] .exhibitor-alpha-row, .community-page-exhibitors section[data-section-id="128495000004750962"] .exhibitor-alpha-filter { display: none !important; } /* Result Title */ .community-page-exhibitors section[data-section-id="128495000004750962"] .exhibitor-result-title { margin: 0 0 22px !important; padding: 0 !important; font-size: 30px !important; line-height: 1.2 !important; font-weight: 700 !important; color: #111111 !important; text-align: left !important; background: #ffffff !important; } .community-page-exhibitors section[data-section-id="128495000004750962"] .exhibitor-no-result { display: none; margin: 18px 0 !important; padding: 14px 16px !important; border-radius: 12px !important; background: #fafafa !important; color: #777777 !important; font-size: 15px !important; text-align: center !important; } /* Empty Section */ .community-page-exhibitors section[data-section-id="128495000004750962"] .empty-section { text-align: center !important; padding: 35px 15px 45px !important; background: #ffffff !important; } .community-page-exhibitors section[data-section-id="128495000004750962"] .empty-section h5 { font-size: 22px !important; line-height: 1.4 !important; font-weight: 500 !important; color: #111111 !important; margin: 20px 0 0 !important; } /* ========================================================= TABLET VIEW 768px to 1024px ========================================================= */ @media only screen and (min-width: 768px) and (max-width: 1024px) { .community-page-exhibitors section[data-section-id="128495000004750962"] .exhibitor-toolbar { margin-bottom: 24px !important; } .community-page-exhibitors section[data-section-id="128495000004750962"] .exhibitor-tabs { gap: 12px !important; margin-bottom: 20px !important; padding-bottom: 16px !important; } .community-page-exhibitors section[data-section-id="128495000004750962"] .exhibitor-tab { min-height: 48px !important; padding: 0 24px !important; border-radius: 16px !important; font-size: 15px !important; } .community-page-exhibitors section[data-section-id="128495000004750962"] .exhibitor-search-row { gap: 14px !important; margin-bottom: 22px !important; } .community-page-exhibitors section[data-section-id="128495000004750962"] .exhibitor-search-box { height: 54px !important; border-radius: 15px !important; padding: 0 16px !important; } .community-page-exhibitors section[data-section-id="128495000004750962"] .exhibitor-search-icon { font-size: 18px !important; margin-right: 10px !important; } .community-page-exhibitors section[data-section-id="128495000004750962"] #exhibitorSearchInput { font-size: 17px !important; } .community-page-exhibitors section[data-section-id="128495000004750962"] .exhibitor-filter-btn { flex: 0 0 108px !important; width: 108px !important; height: 54px !important; border-radius: 15px !important; font-size: 17px !important; } .community-page-exhibitors section[data-section-id="128495000004750962"] .exhibitor-result-title { font-size: 26px !important; margin-bottom: 20px !important; } .community-page-exhibitors section[data-section-id="128495000004750962"] .empty-section { padding: 30px 15px 40px !important; } .community-page-exhibitors section[data-section-id="128495000004750962"] .empty-section h5 { font-size: 20px !important; } } /* ========================================================= MOBILE VIEW 0px to 767px ========================================================= */ @media only screen and (max-width: 767px) { .community-page-exhibitors section[data-section-id="128495000004750962"] .exhibitor-toolbar { margin: 0 0 20px !important; padding: 0 !important; background: #ffffff !important; } /* Tabs Mobile */ .community-page-exhibitors section[data-section-id="128495000004750962"] .exhibitor-tabs { display: flex !important; flex-wrap: nowrap !important; gap: 10px !important; margin-bottom: 16px !important; padding-bottom: 14px !important; overflow-x: auto !important; scrollbar-width: none !important; border-bottom: 1px solid #eeeeee !important; background: #ffffff !important; } .community-page-exhibitors section[data-section-id="128495000004750962"] .exhibitor-tabs::-webkit-scrollbar { display: none !important; } .community-page-exhibitors section[data-section-id="128495000004750962"] .exhibitor-tab { flex: 0 0 auto !important; min-width: 104px !important; height: 44px !important; min-height: 44px !important; padding: 0 18px !important; border-radius: 14px !important; font-size: 14px !important; font-weight: 600 !important; white-space: nowrap !important; } /* Search Mobile */ .community-page-exhibitors section[data-section-id="128495000004750962"] .exhibitor-search-row { display: flex !important; align-items: center !important; gap: 10px !important; margin-bottom: 18px !important; width: 100% !important; } .community-page-exhibitors section[data-section-id="128495000004750962"] .exhibitor-search-box { flex: 1 1 auto !important; width: auto !important; min-width: 0 !important; height: 48px !important; padding: 0 14px !important; border-radius: 14px !important; } .community-page-exhibitors section[data-section-id="128495000004750962"] .exhibitor-search-icon { font-size: 16px !important; margin-right: 8px !important; } .community-page-exhibitors section[data-section-id="128495000004750962"] #exhibitorSearchInput { font-size: 14px !important; } .community-page-exhibitors section[data-section-id="128495000004750962"] .exhibitor-filter-btn { flex: 0 0 74px !important; width: 74px !important; height: 48px !important; border-radius: 14px !important; font-size: 14px !important; font-weight: 700 !important; } .community-page-exhibitors section[data-section-id="128495000004750962"] .exhibitor-result-title { font-size: 20px !important; line-height: 1.2 !important; margin: 0 0 18px !important; } .community-page-exhibitors section[data-section-id="128495000004750962"] .empty-section { padding: 20px 12px 28px !important; text-align: center !important; background: #ffffff !important; } .community-page-exhibitors section[data-section-id="128495000004750962"] .empty-section i, .community-page-exhibitors section[data-section-id="128495000004750962"] .empty-section .exhibitor-empty-icon { font-size: 60px !important; display: inline-block !important; margin-bottom: 14px !important; } .community-page-exhibitors section[data-section-id="128495000004750962"] .empty-section h5 { font-size: 16px !important; line-height: 1.5 !important; margin: 0 !important; text-align: center !important; } .community-page-exhibitors section[data-section-id="128495000004750962"] .foreground-layer, .community-page-exhibitors section[data-section-id="128495000004750962"] .bs-container { padding-bottom: 20px !important; } } /* ========================================================= SMALL MOBILE 0px to 390px ========================================================= */ @media only screen and (max-width: 390px) { .community-page-exhibitors section[data-section-id="128495000004750962"] .exhibitor-tab { min-width: 92px !important; height: 42px !important; min-height: 42px !important; padding: 0 14px !important; font-size: 13px !important; } .community-page-exhibitors section[data-section-id="128495000004750962"] .exhibitor-search-box { height: 46px !important; padding: 0 12px !important; } .community-page-exhibitors section[data-section-id="128495000004750962"] .exhibitor-filter-btn { flex-basis: 68px !important; width: 68px !important; height: 46px !important; font-size: 13px !important; } .community-page-exhibitors section[data-section-id="128495000004750962"] #exhibitorSearchInput { font-size: 13px !important; } .community-page-exhibitors section[data-section-id="128495000004750962"] .exhibitor-result-title { font-size: 18px !important; } .community-page-exhibitors section[data-section-id="128495000004750962"] .empty-section h5 { font-size: 15px !important; } } /* ========================================================= MAKE EXHIBITOR FILTER STICKY ========================================================= */ .community-page-exhibitors section[data-section-id="128495000004750962"] .exhibitor-toolbar { position: sticky !important; top: 0 !important; z-index: 9 !important; background: #ffffff !important; padding: 15px 0 18px !important; margin-bottom: 24px !important; border-bottom: 1px solid #eeeeee !important; } /* ========================================================= EXHIBITORS PAGE - 2 COLUMN LAYOUT Page: community-page-exhibitors Element ID: 128495000004750963 ========================================================= */ .community-page-exhibitors div[data-element-id="128495000004750963"] .bs-exhibitor-all-listing .bs-expo-cards { display: grid !important; grid-template-columns: repeat(2, minmax(0, 1fr)) !important; gap: 18px !important; width: 100% !important; max-width: 100% !important; align-items: stretch !important; margin: 0 !important; padding: 0 !important; } .community-page-exhibitors div[data-element-id="128495000004750963"] .bs-exhibitor-all-listing .bs-expo-cards::before, .community-page-exhibitors div[data-element-id="128495000004750963"] .bs-exhibitor-all-listing .bs-expo-cards::after { display: none !important; content: none !important; } .community-page-exhibitors div[data-element-id="128495000004750963"] .bs-exhibitor-all-listing .li-item.bs-expo-card { width: 100% !important; max-width: 100% !important; min-height: 185px !important; margin: 0 !important; padding: 16px 12px !important; background: #ffffff !important; border: 1px solid #eeeeee !important; border-radius: 16px !important; box-shadow: 0 8px 22px rgba(0, 0, 0, 0.06) !important; display: flex !important; flex-direction: column !important; align-items: center !important; justify-content: center !important; box-sizing: border-box !important; overflow: hidden !important; } .community-page-exhibitors div[data-element-id="128495000004750963"] .bs-exhibitor-all-listing .li-item.bs-expo-card .bs-image { width: 100% !important; height: 105px !important; min-height: 105px !important; display: flex !important; align-items: center !important; justify-content: center !important; margin: 0 0 12px !important; padding: 0 !important; background: transparent !important; } .community-page-exhibitors div[data-element-id="128495000004750963"] .bs-exhibitor-all-listing .li-item.bs-expo-card .bs-image img { width: auto !important; height: auto !important; max-width: 85% !important; max-height: 85px !important; object-fit: contain !important; object-position: center center !important; display: block !important; margin: auto !important; } .community-page-exhibitors div[data-element-id="128495000004750963"] .bs-exhibitor-all-listing .li-item.bs-expo-card .card-content { width: 100% !important; padding: 0 !important; margin: 0 !important; text-align: center !important; } .community-page-exhibitors div[data-element-id="128495000004750963"] .bs-exhibitor-all-listing .li-item.bs-expo-card h5 { width: 100% !important; margin: 0 !important; color: #111111 !important; font-size: 15px !important; font-weight: 700 !important; line-height: 1.35 !important; text-align: center !important; } /* Mobile */ @media only screen and (max-width: 767px) { .community-page-exhibitors div[data-element-id="128495000004750963"] .bs-exhibitor-all-listing .bs-expo-cards { grid-template-columns: repeat(2, minmax(0, 1fr)) !important; gap: 12px !important; } .community-page-exhibitors div[data-element-id="128495000004750963"] .bs-exhibitor-all-listing .li-item.bs-expo-card { min-height: 155px !important; padding: 12px 8px !important; border-radius: 14px !important; } .community-page-exhibitors div[data-element-id="128495000004750963"] .bs-exhibitor-all-listing .li-item.bs-expo-card .bs-image { height: 82px !important; min-height: 82px !important; margin-bottom: 10px !important; } .community-page-exhibitors div[data-element-id="128495000004750963"] .bs-exhibitor-all-listing .li-item.bs-expo-card .bs-image img { max-width: 86% !important; max-height: 68px !important; } .community-page-exhibitors div[data-element-id="128495000004750963"] .bs-exhibitor-all-listing .li-item.bs-expo-card h5 { font-size: 13px !important; line-height: 1.3 !important; } } /* ========================================================= BOTTOM FIXED MENU SECTION ID: 128495000004750968 ========================================================= */ /* ========================================================= MOBILE Up to 767px ========================================================= */ @media only screen and (max-width: 767px) { /* Main fixed section */ .community-page-exhibitors section[data-section-id="128495000004750968"] { position: fixed !important; bottom: 0 !important; left: 0 !important; width: 100% !important; max-width: 100% !important; z-index: 9 !important; margin: 0 !important; padding: 0 !important; background: transparent !important; overflow: visible !important; } /* Background layer */ .community-page-exhibitors section[data-section-id="128495000004750968"] .background-layer { background: transparent !important; } /* White bottom navigation container */ .community-page-exhibitors section[data-section-id="128495000004750968"] .foreground-layer, .community-page-exhibitors section[data-section-id="128495000004750968"] .bs-container { width: 100% !important; max-width: 100% !important; margin: 0 !important; padding: 12px 12px 10px !important; box-sizing: border-box !important; background: #ffffff !important; border-top: 1px solid #f3f0f0 !important; box-shadow: none !important; } /* Three menu columns */ .community-page-exhibitors section[data-section-id="128495000004750968"] .grb-list { display: grid !important; grid-template-columns: repeat(3, minmax(0, 1fr)) !important; grid-auto-flow: unset !important; align-items: start !important; justify-items: center !important; gap: 0 !important; width: 100% !important; max-width: 100% !important; margin: 0 !important; padding: 0 !important; background: #ffffff !important; } /* Individual menu item */ .community-page-exhibitors section[data-section-id="128495000004750968"] .li-item { position: relative !important; display: flex !important; flex-direction: column !important; justify-content: flex-start !important; align-items: center !important; width: 100% !important; max-width: 100% !important; min-width: 0 !important; margin: 0 !important; padding: 0 !important; gap: 4px !important; background: transparent !important; border: none !important; box-shadow: none !important; } /* Icon clickable area */ .community-page-exhibitors section[data-section-id="128495000004750968"] .list-image, .community-page-exhibitors section[data-section-id="128495000004750968"] .bs-media-wgt, .community-page-exhibitors section[data-section-id="128495000004750968"] .media-element, .community-page-exhibitors section[data-section-id="128495000004750968"] .media-image, .community-page-exhibitors section[data-section-id="128495000004750968"] .media-image.pointer { position: relative !important; inset: auto !important; display: flex !important; flex: 0 0 53px !important; justify-content: center !important; align-items: center !important; width: 53px !important; min-width: 53px !important; max-width: 53px !important; height: 53px !important; min-height: 53px !important; max-height: 53px !important; margin: 0 auto !important; padding: 0 !important; box-sizing: border-box !important; background: transparent !important; overflow: hidden !important; transform: none !important; } /* Actual icon image */ .community-page-exhibitors section[data-section-id="128495000004750968"] .fluid-image, .community-page-exhibitors section[data-section-id="128495000004750968"] .media-image img { position: relative !important; display: block !important; flex: 0 0 53px !important; width: 53px !important; min-width: 53px !important; max-width: 53px !important; height: 53px !important; min-height: 53px !important; max-height: 53px !important; margin: 0 !important; padding: 0 !important; box-sizing: border-box !important; object-fit: contain !important; object-position: center !important; background: transparent !important; transform: none !important; } /* Text container */ .community-page-exhibitors section[data-section-id="128495000004750968"] .li-content { display: block !important; width: auto !important; max-width: 100% !important; margin: 0 !important; padding: 0 !important; text-align: center !important; background: transparent !important; } /* Menu text */ .community-page-exhibitors section[data-section-id="128495000004750968"] .li-title, .community-page-exhibitors section[data-section-id="128495000004750968"] .li-title div, .community-page-exhibitors section[data-section-id="128495000004750968"] .li-subtitle, .community-page-exhibitors section[data-section-id="128495000004750968"] .li-subtitle div { margin: 0 !important; padding: 0 !important; font-size: 10px !important; font-weight: 600 !important; line-height: 1.2 !important; color: #902b33 !important; text-align: center !important; background: transparent !important; } } /* ========================================================= TABLET 768px to 1024px ========================================================= */ @media only screen and (min-width: 768px) and (max-width: 1024px) { /* Main fixed section */ .community-page-exhibitors section[data-section-id="128495000004750968"] { position: fixed !important; bottom: 0 !important; left: 0 !important; width: 100% !important; max-width: 100% !important; z-index: 9 !important; margin: 0 !important; padding: 0 !important; background: #ffffff !important; overflow: visible !important; } /* Background layer */ .community-page-exhibitors section[data-section-id="128495000004750968"] .background-layer { background: #ffffff !important; } /* White bottom navigation container */ .community-page-exhibitors section[data-section-id="128495000004750968"] .foreground-layer, .community-page-exhibitors section[data-section-id="128495000004750968"] .bs-container { width: 100% !important; max-width: 100% !important; margin: 0 !important; padding: 14px 30px 12px !important; box-sizing: border-box !important; background: #ffffff !important; border-top: 1px solid #f3f0f0 !important; box-shadow: none !important; } /* Three menu columns */ .community-page-exhibitors section[data-section-id="128495000004750968"] .grb-list { display: grid !important; grid-template-columns: repeat(3, minmax(0, 1fr)) !important; grid-auto-flow: unset !important; align-items: center !important; justify-items: center !important; gap: 0 !important; width: 100% !important; max-width: 100% !important; margin: 0 !important; padding: 0 !important; background: #ffffff !important; } /* Individual menu item */ .community-page-exhibitors section[data-section-id="128495000004750968"] .li-item { position: relative !important; display: flex !important; flex-direction: column !important; justify-content: center !important; align-items: center !important; width: 100% !important; max-width: 100% !important; min-width: 0 !important; margin: 0 !important; padding: 0 !important; gap: 6px !important; background: transparent !important; border: none !important; box-shadow: none !important; } /* Icon clickable area */ .community-page-exhibitors section[data-section-id="128495000004750968"] .list-image, .community-page-exhibitors section[data-section-id="128495000004750968"] .bs-media-wgt, .community-page-exhibitors section[data-section-id="128495000004750968"] .media-element, .community-page-exhibitors section[data-section-id="128495000004750968"] .media-image, .community-page-exhibitors section[data-section-id="128495000004750968"] .media-image.pointer { position: relative !important; inset: auto !important; display: flex !important; flex: 0 0 73px !important; justify-content: center !important; align-items: center !important; width: 73px !important; min-width: 73px !important; max-width: 73px !important; height: 73px !important; min-height: 73px !important; max-height: 73px !important; margin: 0 auto !important; padding: 0 !important; box-sizing: border-box !important; background: transparent !important; overflow: hidden !important; transform: none !important; } /* Actual icon image */ .community-page-exhibitors section[data-section-id="128495000004750968"] .fluid-image, .community-page-exhibitors section[data-section-id="128495000004750968"] .media-image img { position: relative !important; display: block !important; flex: 0 0 73px !important; width: 73px !important; min-width: 73px !important; max-width: 73px !important; height: 73px !important; min-height: 73px !important; max-height: 73px !important; margin: 0 !important; padding: 0 !important; box-sizing: border-box !important; object-fit: contain !important; object-position: center !important; background: transparent !important; transform: none !important; } /* Text container */ .community-page-exhibitors section[data-section-id="128495000004750968"] .li-content { display: block !important; width: auto !important; max-width: 100% !important; margin: 0 !important; padding: 0 !important; text-align: center !important; background: transparent !important; } /* Menu text */ .community-page-exhibitors section[data-section-id="128495000004750968"] .li-title, .community-page-exhibitors section[data-section-id="128495000004750968"] .li-title div, .community-page-exhibitors section[data-section-id="128495000004750968"] .li-subtitle, .community-page-exhibitors section[data-section-id="128495000004750968"] .li-subtitle div { margin: 0 !important; padding: 0 !important; font-size: 12px !important; font-weight: 600 !important; line-height: 1.2 !important; color: #111111 !important; text-align: center !important; background: transparent !important; } } /* ========================================================= iPAD MINI ADJUSTMENT 768px to 820px ========================================================= */ @media only screen and (min-width: 768px) and (max-width: 820px) { .community-page-exhibitors section[data-section-id="128495000004750968"] .foreground-layer, .community-page-exhibitors section[data-section-id="128495000004750968"] .bs-container { padding: 12px 24px 10px !important; } .community-page-exhibitors section[data-section-id="128495000004750968"] .list-image, .community-page-exhibitors section[data-section-id="128495000004750968"] .bs-media-wgt, .community-page-exhibitors section[data-section-id="128495000004750968"] .media-element, .community-page-exhibitors section[data-section-id="128495000004750968"] .media-image, .community-page-exhibitors section[data-section-id="128495000004750968"] .media-image.pointer, .community-page-exhibitors section[data-section-id="128495000004750968"] .fluid-image, .community-page-exhibitors section[data-section-id="128495000004750968"] .media-image img { flex-basis: 63px !important; width: 63px !important; min-width: 63px !important; max-width: 63px !important; height: 63px !important; min-height: 63px !important; max-height: 63px !important; } .community-page-exhibitors section[data-section-id="128495000004750968"] .li-title, .community-page-exhibitors section[data-section-id="128495000004750968"] .li-title div, .community-page-exhibitors section[data-section-id="128495000004750968"] .li-subtitle, .community-page-exhibitors section[data-section-id="128495000004750968"] .li-subtitle div { font-size: 11px !important; } } .community-page-exhibitors section[data-section-id="128495000004750962"] { padding-bottom: 100px !important; } /* ========================================================= FINAL SAFE FIX ICON + TEXT GAP ONLY PAGE: SPEAKERS SECTION ID: 128495000004750968 ADD AT VERY BOTTOM ========================================================= */ /* MOBILE */ @media only screen and (max-width: 767px) { .community-page-exhibitors section[data-section-id="128495000004750968"] .li-item { gap: 1px !important; } .community-page-exhibitors section[data-section-id="128495000004750968"] .li-content { margin-top: 0 !important; transform: none !important; padding-top: 0 !important; } .community-page-exhibitors section[data-section-id="128495000004750968"] .list-image, .community-page-exhibitors section[data-section-id="128495000004750968"] .bs-media-wgt, .community-page-exhibitors section[data-section-id="128495000004750968"] .media-element, .community-page-exhibitors section[data-section-id="128495000004750968"] .media-image, .community-page-exhibitors section[data-section-id="128495000004750968"] .media-image.pointer { margin-bottom: 0 !important; padding-bottom: 0 !important; } .community-page-exhibitors section[data-section-id="128495000004750968"] .li-title, .community-page-exhibitors section[data-section-id="128495000004750968"] .li-title div, .community-page-exhibitors section[data-section-id="128495000004750968"] .li-title p, .community-page-exhibitors section[data-section-id="128495000004750968"] .li-title span, .community-page-exhibitors section[data-section-id="128495000004750968"] .li-title strong { margin: 0 !important; padding: 0 !important; line-height: 1.05 !important; } } /* TABLET */ @media only screen and (min-width: 768px) and (max-width: 1024px) { .community-page-exhibitors section[data-section-id="128495000004750968"] .li-item { gap: 2px !important; } .community-page-exhibitors section[data-section-id="128495000004750968"] .li-content { margin-top: 0 !important; transform: none !important; padding-top: 0 !important; } .community-page-exhibitors section[data-section-id="128495000004750968"] .list-image, .community-page-exhibitors section[data-section-id="128495000004750968"] .bs-media-wgt, .community-page-exhibitors section[data-section-id="128495000004750968"] .media-element, .community-page-exhibitors section[data-section-id="128495000004750968"] .media-image, .community-page-exhibitors section[data-section-id="128495000004750968"] .media-image.pointer { margin-bottom: 0 !important; padding-bottom: 0 !important; } .community-page-exhibitors section[data-section-id="128495000004750968"] .li-title, .community-page-exhibitors section[data-section-id="128495000004750968"] .li-title div, .community-page-exhibitors section[data-section-id="128495000004750968"] .li-title p, .community-page-exhibitors section[data-section-id="128495000004750968"] .li-title span, .community-page-exhibitors section[data-section-id="128495000004750968"] .li-title strong { margin: 0 !important; padding: 0 !important; line-height: 1.05 !important; } } /* ========================================================= 8. TAP HIGHLIGHT REMOVAL ========================================================= */ .community-page-exhibitors section[data-section-id="128495000004750968"] .li-item, .community-page-exhibitors section[data-section-id="128495000004750968"] .list-image, .community-page-exhibitors section[data-section-id="128495000004750968"] .bs-media-wgt, .community-page-exhibitors section[data-section-id="128495000004750968"] .media-element, .community-page-exhibitors section[data-section-id="128495000004750968"] .media-image, .community-page-exhibitors section[data-section-id="128495000004750968"] .media-image.pointer, .community-page-exhibitors section[data-section-id="128495000004750968"] .fluid-image, .community-page-exhibitors section[data-section-id="128495000004750968"] img { -webkit-tap-highlight-color: transparent !important; } .community-page-exhibitors section[data-section-id="128495000004750968"] .li-item:focus, .community-page-exhibitors section[data-section-id="128495000004750968"] .list-image:focus, .community-page-exhibitors section[data-section-id="128495000004750968"] .media-image:focus, .community-page-exhibitors section[data-section-id="128495000004750968"] .fluid-image:focus, .community-page-exhibitors section[data-section-id="128495000004750968"] img:focus { outline: none !important; } /* ========================================================= SPONSOR PAGE (COMMUNITY PAGE SPONSOR) ========================================================= */ /* ========================================================= SPONSOR FILTER SECTION - CLEAN + RESPONSIVE ========================================================= */ /* ------------------------- Sticky Toolbar ------------------------- */ @media only screen and (max-width: 1024px) { .sponsor-toolbar { position: sticky !important; top: 90px !important; z-index:9 !important; background: #ffffff !important; padding: 10px 0 12px 0 !important; margin: 0 0 18px 0 !important; } } /* ------------------------- Mobile + Tablet Layout ------------------------- */ @media only screen and (max-width: 1024px) { /* Tabs row */ .sponsor-tabs { display: flex !important; flex-wrap: nowrap !important; align-items: center !important; gap: 10px !important; overflow-x: auto !important; overflow-y: hidden !important; white-space: nowrap !important; margin: 0 0 16px 0 !important; padding: 0 0 10px 0 !important; border-bottom: 1px solid #e3e6ea !important; -webkit-overflow-scrolling: touch !important; scrollbar-width: none !important; } .sponsor-tabs::-webkit-scrollbar { display: none !important; } /* Each tab */ .sponsor-tab { flex: 0 0 auto !important; display: inline-flex !important; align-items: center !important; justify-content: center !important; min-height: 42px !important; padding: 0 16px !important; border: 1px solid #d9d9d9 !important; border-radius: 12px !important; background: #ffffff !important; color: #111111 !important; font-size: 14px !important; font-weight: 500 !important; line-height: 1 !important; white-space: nowrap !important; box-sizing: border-box !important; transition: all 0.25s ease !important; } .sponsor-tab:hover { border-color: #902b33 !important; color: #902b33 !important; background: #f8fbff !important; } .sponsor-tab.active { color: #902b33 !important; border-color: #902b33 !important; background: #f4f8fd !important; font-weight: 600 !important; } .sponsor-tab.active::after { display: none !important; } /* Search row */ .sponsor-search-row { display: grid !important; grid-template-columns: minmax(0, 1fr) 68px !important; gap: 10px !important; align-items: center !important; margin: 0 0 16px 0 !important; } /* Search box */ .sponsor-search-box { display: flex !important; align-items: center !important; gap: 10px !important; height: 48px !important; padding: 0 14px !important; border: 1px solid #d9d9d9 !important; border-radius: 14px !important; background: #ffffff !important; box-sizing: border-box !important; transition: border-color 0.25s ease, box-shadow 0.25s ease !important; } .sponsor-search-box:focus-within { border-color: #902b33 !important; box-shadow: 0 0 0 3px rgba(11, 84, 163, 0.08) !important; } .sponsor-search-icon { flex: 0 0 auto !important; font-size: 18px !important; line-height: 1 !important; color: #111111 !important; } .sponsor-search-box input { width: 100% !important; border: 0 !important; outline: none !important; box-shadow: none !important; background: transparent !important; color: #111111 !important; font-size: 14px !important; line-height: 1.4 !important; padding: 0 !important; margin: 0 !important; min-width: 0 !important; } .sponsor-search-box input::placeholder { color: #8a8a8a !important; } /* Filter button */ .sponsor-filter-btn { display: inline-flex !important; align-items: center !important; justify-content: center !important; height: 48px !important; min-width: 68px !important; padding: 0 12px !important; border: 1px solid #d9d9d9 !important; border-radius: 14px !important; background: #ffffff !important; color: #111111 !important; font-size: 14px !important; font-weight: 600 !important; line-height: 1 !important; box-sizing: border-box !important; transition: all 0.25s ease !important; } .sponsor-filter-btn:hover { border-color: #902b33 !important; color: #902b33 !important; background: #f8fbff !important; } /* Bottom row */ .sponsor-toolbar-bottom { display: flex !important; align-items: center !important; justify-content: space-between !important; gap: 12px !important; flex-wrap: wrap !important; } .sponsor-result-title { margin: 0 !important; font-size: 22px !important; line-height: 1.2 !important; font-weight: 700 !important; color: #111111 !important; } } /* ------------------------- Mobile only ------------------------- */ @media only screen and (max-width: 767px) { .sponsor-toolbar { top: 85px !important; padding: 10px 0 !important; margin-bottom: 16px !important; } .sponsor-tabs { gap: 8px !important; padding-bottom: 8px !important; margin-bottom: 14px !important; } .sponsor-tab { min-height: 40px !important; padding: 0 14px !important; font-size: 13px !important; border-radius: 10px !important; } .sponsor-search-row { grid-template-columns: minmax(0, 1fr) 62px !important; gap: 8px !important; margin-bottom: 14px !important; } .sponsor-search-box { height: 44px !important; padding: 0 12px !important; border-radius: 12px !important; } .sponsor-search-icon { font-size: 16px !important; } .sponsor-search-box input { font-size: 13px !important; } .sponsor-filter-btn { height: 44px !important; min-width: 62px !important; font-size: 13px !important; border-radius: 12px !important; padding: 0 10px !important; } .sponsor-result-title { font-size: 20px !important; } } /* ------------------------- Extra small mobile ------------------------- */ @media only screen and (max-width: 480px) { .sponsor-toolbar { top: 60px !important; } .sponsor-tab { padding: 0 12px !important; font-size: 12px !important; } .sponsor-search-row { grid-template-columns: minmax(0, 1fr) 58px !important; } .sponsor-search-box { height: 42px !important; } .sponsor-filter-btn { height: 42px !important; min-width: 58px !important; font-size: 12px !important; } .sponsor-result-title { font-size: 18px !important; } } /* ========================================================= BOTTOM FIXED MENU SECTION ID: 128495000004750686 ========================================================= */ /* ========================================================= MOBILE Up to 767px ========================================================= */ @media only screen and (max-width: 767px) { /* Main fixed section */ .community-page-sponsors section[data-section-id="128495000004750686"] { position: fixed !important; bottom: 0 !important; left: 0 !important; width: 100% !important; max-width: 100% !important; z-index: 9 !important; margin: 0 !important; padding: 0 !important; background: transparent !important; overflow: visible !important; } /* Background layer */ .community-page-sponsors section[data-section-id="128495000004750686"] .background-layer { background: transparent !important; } /* White bottom navigation container */ .community-page-sponsors section[data-section-id="128495000004750686"] .foreground-layer, .community-page-sponsors section[data-section-id="128495000004750686"] .bs-container { width: 100% !important; max-width: 100% !important; margin: 0 !important; padding: 12px 12px 10px !important; box-sizing: border-box !important; background: #ffffff !important; border-top: 1px solid #f3f0f0 !important; box-shadow: none !important; } /* Three menu columns */ .community-page-sponsors section[data-section-id="128495000004750686"] .grb-list { display: grid !important; grid-template-columns: repeat(3, minmax(0, 1fr)) !important; grid-auto-flow: unset !important; align-items: start !important; justify-items: center !important; gap: 0 !important; width: 100% !important; max-width: 100% !important; margin: 0 !important; padding: 0 !important; background: #ffffff !important; } /* Individual menu item */ .community-page-sponsors section[data-section-id="128495000004750686"] .li-item { position: relative !important; display: flex !important; flex-direction: column !important; justify-content: flex-start !important; align-items: center !important; width: 100% !important; max-width: 100% !important; min-width: 0 !important; margin: 0 !important; padding: 0 !important; gap: 4px !important; background: transparent !important; border: none !important; box-shadow: none !important; } /* Icon clickable area */ .community-page-sponsors section[data-section-id="128495000004750686"] .list-image, .community-page-sponsors section[data-section-id="128495000004750686"] .bs-media-wgt, .community-page-sponsors section[data-section-id="128495000004750686"] .media-element, .community-page-sponsors section[data-section-id="128495000004750686"] .media-image, .community-page-sponsors section[data-section-id="128495000004750686"] .media-image.pointer { position: relative !important; inset: auto !important; display: flex !important; flex: 0 0 53px !important; justify-content: center !important; align-items: center !important; width: 53px !important; min-width: 53px !important; max-width: 53px !important; height: 53px !important; min-height: 53px !important; max-height: 53px !important; margin: 0 auto !important; padding: 0 !important; box-sizing: border-box !important; background: transparent !important; overflow: hidden !important; transform: none !important; } /* Actual icon image */ .community-page-sponsors section[data-section-id="128495000004750686"] .fluid-image, .community-page-sponsors section[data-section-id="128495000004750686"] .media-image img { position: relative !important; display: block !important; flex: 0 0 53px !important; width: 53px !important; min-width: 53px !important; max-width: 53px !important; height: 53px !important; min-height: 53px !important; max-height: 53px !important; margin: 0 !important; padding: 0 !important; box-sizing: border-box !important; object-fit: contain !important; object-position: center !important; background: transparent !important; transform: none !important; } /* Text container */ .community-page-sponsors section[data-section-id="128495000004750686"] .li-content { display: block !important; width: auto !important; max-width: 100% !important; margin: 0 !important; padding: 0 !important; text-align: center !important; background: transparent !important; } /* Menu text */ .community-page-sponsors section[data-section-id="128495000004750686"] .li-title, .community-page-sponsors section[data-section-id="128495000004750686"] .li-title div, .community-page-sponsors section[data-section-id="128495000004750686"] .li-subtitle, .community-page-sponsors section[data-section-id="128495000004750686"] .li-subtitle div { margin: 0 !important; padding: 0 !important; font-size: 10px !important; font-weight: 600 !important; line-height: 1.2 !important; color: #902b33 !important; text-align: center !important; background: transparent !important; } } /* ========================================================= TABLET 768px to 1024px ========================================================= */ @media only screen and (min-width: 768px) and (max-width: 1024px) { /* Main fixed section */ .community-page-sponsors section[data-section-id="128495000004750686"] { position: fixed !important; bottom: 0 !important; left: 0 !important; width: 100% !important; max-width: 100% !important; z-index: 9 !important; margin: 0 !important; padding: 0 !important; background: #ffffff !important; overflow: visible !important; } /* Background layer */ .community-page-sponsors section[data-section-id="128495000004750686"] .background-layer { background: #ffffff !important; } /* White bottom navigation container */ .community-page-sponsors section[data-section-id="128495000004750686"] .foreground-layer, .community-page-sponsors section[data-section-id="128495000004750686"] .bs-container { width: 100% !important; max-width: 100% !important; margin: 0 !important; padding: 14px 30px 12px !important; box-sizing: border-box !important; background: #ffffff !important; border-top: 1px solid #f3f0f0 !important; box-shadow: none !important; } /* Three menu columns */ .community-page-sponsors section[data-section-id="128495000004750686"] .grb-list { display: grid !important; grid-template-columns: repeat(3, minmax(0, 1fr)) !important; grid-auto-flow: unset !important; align-items: center !important; justify-items: center !important; gap: 0 !important; width: 100% !important; max-width: 100% !important; margin: 0 !important; padding: 0 !important; background: #ffffff !important; } /* Individual menu item */ .community-page-sponsors section[data-section-id="128495000004750686"] .li-item { position: relative !important; display: flex !important; flex-direction: column !important; justify-content: center !important; align-items: center !important; width: 100% !important; max-width: 100% !important; min-width: 0 !important; margin: 0 !important; padding: 0 !important; gap: 6px !important; background: transparent !important; border: none !important; box-shadow: none !important; } /* Icon clickable area */ .community-page-sponsors section[data-section-id="128495000004750686"] .list-image, .community-page-sponsors section[data-section-id="128495000004750686"] .bs-media-wgt, .community-page-sponsors section[data-section-id="128495000004750686"] .media-element, .community-page-sponsors section[data-section-id="128495000004750686"] .media-image, .community-page-sponsors section[data-section-id="128495000004750686"] .media-image.pointer { position: relative !important; inset: auto !important; display: flex !important; flex: 0 0 73px !important; justify-content: center !important; align-items: center !important; width: 73px !important; min-width: 73px !important; max-width: 73px !important; height: 73px !important; min-height: 73px !important; max-height: 73px !important; margin: 0 auto !important; padding: 0 !important; box-sizing: border-box !important; background: transparent !important; overflow: hidden !important; transform: none !important; } /* Actual icon image */ .community-page-sponsors section[data-section-id="128495000004750686"] .fluid-image, .community-page-sponsors section[data-section-id="128495000004750686"] .media-image img { position: relative !important; display: block !important; flex: 0 0 73px !important; width: 73px !important; min-width: 73px !important; max-width: 73px !important; height: 73px !important; min-height: 73px !important; max-height: 73px !important; margin: 0 !important; padding: 0 !important; box-sizing: border-box !important; object-fit: contain !important; object-position: center !important; background: transparent !important; transform: none !important; } /* Text container */ .community-page-sponsors section[data-section-id="128495000004750686"] .li-content { display: block !important; width: auto !important; max-width: 100% !important; margin: 0 !important; padding: 0 !important; text-align: center !important; background: transparent !important; } /* Menu text */ .community-page-sponsors section[data-section-id="128495000004750686"] .li-title, .community-page-sponsors section[data-section-id="128495000004750686"] .li-title div, .community-page-sponsors section[data-section-id="128495000004750686"] .li-subtitle, .community-page-sponsors section[data-section-id="128495000004750686"] .li-subtitle div { margin: 0 !important; padding: 0 !important; font-size: 12px !important; font-weight: 600 !important; line-height: 1.2 !important; color: #111111 !important; text-align: center !important; background: transparent !important; } } /* ========================================================= iPAD MINI ADJUSTMENT 768px to 820px ========================================================= */ @media only screen and (min-width: 768px) and (max-width: 820px) { .community-page-sponsors section[data-section-id="128495000004750686"] .foreground-layer, .community-page-sponsors section[data-section-id="128495000004750686"] .bs-container { padding: 12px 24px 10px !important; } .community-page-sponsors section[data-section-id="128495000004750686"] .list-image, .community-page-sponsors section[data-section-id="128495000004750686"] .bs-media-wgt, .community-page-sponsors section[data-section-id="128495000004750686"] .media-element, .community-page-sponsors section[data-section-id="128495000004750686"] .media-image, .community-page-sponsors section[data-section-id="128495000004750686"] .media-image.pointer, .community-page-sponsors section[data-section-id="128495000004750686"] .fluid-image, .community-page-sponsors section[data-section-id="128495000004750686"] .media-image img { flex-basis: 63px !important; width: 63px !important; min-width: 63px !important; max-width: 63px !important; height: 63px !important; min-height: 63px !important; max-height: 63px !important; } .community-page-sponsors section[data-section-id="128495000004750686"] .li-title, .community-page-sponsors section[data-section-id="128495000004750686"] .li-title div, .community-page-sponsors section[data-section-id="128495000004750686"] .li-subtitle, .community-page-sponsors section[data-section-id="128495000004750686"] .li-subtitle div { font-size: 11px !important; } } .community-page-sponsors section[data-section-id="128495000004750627"] { padding-bottom: 100px !important; } /* ========================================================= FINAL SAFE FIX ICON + TEXT GAP ONLY PAGE: SPEAKERS SECTION ID: 128495000004750686 ADD AT VERY BOTTOM ========================================================= */ /* MOBILE */ @media only screen and (max-width: 767px) { .community-page-sponsors section[data-section-id="128495000004750686"] .li-item { gap: 1px !important; } .community-page-sponsors section[data-section-id="128495000004750686"] .li-content { margin-top: 0 !important; transform: none !important; padding-top: 0 !important; } .community-page-sponsors section[data-section-id="128495000004750686"] .list-image, .community-page-sponsors section[data-section-id="128495000004750686"] .bs-media-wgt, .community-page-sponsors section[data-section-id="128495000004750686"] .media-element, .community-page-sponsors section[data-section-id="128495000004750686"] .media-image, .community-page-sponsors section[data-section-id="128495000004750686"] .media-image.pointer { margin-bottom: 0 !important; padding-bottom: 0 !important; } .community-page-sponsors section[data-section-id="128495000004750686"] .li-title, .community-page-sponsors section[data-section-id="128495000004750686"] .li-title div, .community-page-sponsors section[data-section-id="128495000004750686"] .li-title p, .community-page-sponsors section[data-section-id="128495000004750686"] .li-title span, .community-page-sponsors section[data-section-id="128495000004750686"] .li-title strong { margin: 0 !important; padding: 0 !important; line-height: 1.05 !important; } } /* TABLET */ @media only screen and (min-width: 768px) and (max-width: 1024px) { .community-page-sponsors section[data-section-id="128495000004750686"] .li-item { gap: 2px !important; } .community-page-sponsors section[data-section-id="128495000004750686"] .li-content { margin-top: 0 !important; transform: none !important; padding-top: 0 !important; } .community-page-sponsors section[data-section-id="128495000004750686"] .list-image, .community-page-sponsors section[data-section-id="128495000004750686"] .bs-media-wgt, .community-page-sponsors section[data-section-id="128495000004750686"] .media-element, .community-page-sponsors section[data-section-id="128495000004750686"] .media-image, .community-page-sponsors section[data-section-id="128495000004750686"] .media-image.pointer { margin-bottom: 0 !important; padding-bottom: 0 !important; } .community-page-sponsors section[data-section-id="128495000004750686"] .li-title, .community-page-sponsors section[data-section-id="128495000004750686"] .li-title div, .community-page-sponsors section[data-section-id="128495000004750686"] .li-title p, .community-page-sponsors section[data-section-id="128495000004750686"] .li-title span, .community-page-sponsors section[data-section-id="128495000004750686"] .li-title strong { margin: 0 !important; padding: 0 !important; line-height: 1.05 !important; } } /* ========================================================= 8. TAP HIGHLIGHT REMOVAL ========================================================= */ .community-page-sponsors section[data-section-id="128495000004750686"] .li-item, .community-page-sponsors section[data-section-id="128495000004750686"] .list-image, .community-page-sponsors section[data-section-id="128495000004750686"] .bs-media-wgt, .community-page-sponsors section[data-section-id="128495000004750686"] .media-element, .community-page-sponsors section[data-section-id="128495000004750686"] .media-image, .community-page-sponsors section[data-section-id="128495000004750686"] .media-image.pointer, .community-page-sponsors section[data-section-id="128495000004750686"] .fluid-image, .community-page-sponsors section[data-section-id="128495000004750686"] img { -webkit-tap-highlight-color: transparent !important; } .community-page-sponsors section[data-section-id="128495000004750686"] .li-item:focus, .community-page-sponsors section[data-section-id="128495000004750686"] .list-image:focus, .community-page-sponsors section[data-section-id="128495000004750686"] .media-image:focus, .community-page-sponsors section[data-section-id="128495000004750686"] .fluid-image:focus, .community-page-sponsors section[data-section-id="128495000004750686"] img:focus { outline: none !important; } /* ========================================================= AGENDA PAGE (COMMUNITY PAGE AGENDA) ========================================================= */ /* ========================================================= TABLET + MOBILE AGENDA PADDING ONLY ========================================================= */ @media only screen and (max-width: 1024px) { .community-page-agenda section[data-section-id="128495000004750011"] .foreground-layer, .community-page-agenda section[data-section-id="128495000004750011"] .bs-container { padding-left: 12px !important; padding-right: 12px !important; padding-bottom: 12px !important; } .community-page-agenda section[data-section-id="128495000004750011"] .session-container { padding-top: 10px !important; } .community-page-agenda section[data-section-id="128495000004750011"] .timeline-item { margin-bottom: 10px !important; } .community-page-agenda section[data-section-id="128495000004750011"] .timeline { padding-top: 14px !important; padding-bottom: 14px !important; } .community-page-agenda section[data-section-id="128495000004750011"] .timeline-content { padding-top: 14px !important; padding-bottom: 14px !important; } } /* ========================================================= BOTTOM FIXED MENU SECTION ID: 128495000004750022 ========================================================= */ /* ========================================================= MOBILE Up to 767px ========================================================= */ @media only screen and (max-width: 767px) { /* Main fixed section */ .community-page-agenda section[data-section-id="128495000004750022"] { position: fixed !important; bottom: 0 !important; left: 0 !important; width: 100% !important; max-width: 100% !important; z-index: 9 !important; margin: 0 !important; padding: 0 !important; background: transparent !important; overflow: visible !important; } /* Background layer */ .community-page-agenda section[data-section-id="128495000004750022"] .background-layer { background: transparent !important; } /* White bottom navigation container */ .community-page-agenda section[data-section-id="128495000004750022"] .foreground-layer, .community-page-agenda section[data-section-id="128495000004750022"] .bs-container { width: 100% !important; max-width: 100% !important; margin: 0 !important; padding: 12px 12px 10px !important; box-sizing: border-box !important; background: #ffffff !important; border-top: 1px solid #f3f0f0 !important; box-shadow: none !important; } /* Three menu columns */ .community-page-agenda section[data-section-id="128495000004750022"] .grb-list { display: grid !important; grid-template-columns: repeat(3, minmax(0, 1fr)) !important; grid-auto-flow: unset !important; align-items: start !important; justify-items: center !important; gap: 0 !important; width: 100% !important; max-width: 100% !important; margin: 0 !important; padding: 0 !important; background: #ffffff !important; } /* Individual menu item */ .community-page-agenda section[data-section-id="128495000004750022"] .li-item { position: relative !important; display: flex !important; flex-direction: column !important; justify-content: flex-start !important; align-items: center !important; width: 100% !important; max-width: 100% !important; min-width: 0 !important; margin: 0 !important; padding: 0 !important; gap: 4px !important; background: transparent !important; border: none !important; box-shadow: none !important; } /* Icon clickable area */ .community-page-agenda section[data-section-id="128495000004750022"] .list-image, .community-page-agenda section[data-section-id="128495000004750022"] .bs-media-wgt, .community-page-agenda section[data-section-id="128495000004750022"] .media-element, .community-page-agenda section[data-section-id="128495000004750022"] .media-image, .community-page-agenda section[data-section-id="128495000004750022"] .media-image.pointer { position: relative !important; inset: auto !important; display: flex !important; flex: 0 0 53px !important; justify-content: center !important; align-items: center !important; width: 53px !important; min-width: 53px !important; max-width: 53px !important; height: 53px !important; min-height: 53px !important; max-height: 53px !important; margin: 0 auto !important; padding: 0 !important; box-sizing: border-box !important; background: transparent !important; overflow: hidden !important; transform: none !important; } /* Actual icon image */ .community-page-agenda section[data-section-id="128495000004750022"] .fluid-image, .community-page-agenda section[data-section-id="128495000004750022"] .media-image img { position: relative !important; display: block !important; flex: 0 0 53px !important; width: 53px !important; min-width: 53px !important; max-width: 53px !important; height: 53px !important; min-height: 53px !important; max-height: 53px !important; margin: 0 !important; padding: 0 !important; box-sizing: border-box !important; object-fit: contain !important; object-position: center !important; background: transparent !important; transform: none !important; } /* Text container */ .community-page-agenda section[data-section-id="128495000004750022"] .li-content { display: block !important; width: auto !important; max-width: 100% !important; margin: 0 !important; padding: 0 !important; text-align: center !important; background: transparent !important; } /* Menu text */ .community-page-agenda section[data-section-id="128495000004750022"] .li-title, .community-page-agenda section[data-section-id="128495000004750022"] .li-title div, .community-page-agenda section[data-section-id="128495000004750022"] .li-subtitle, .community-page-agenda section[data-section-id="128495000004750022"] .li-subtitle div { margin: 0 !important; padding: 0 !important; font-size: 10px !important; font-weight: 600 !important; line-height: 1.2 !important; color: #902b33 !important; text-align: center !important; background: transparent !important; } } /* ========================================================= TABLET 768px to 1024px ========================================================= */ @media only screen and (min-width: 768px) and (max-width: 1024px) { /* Main fixed section */ .community-page-agenda section[data-section-id="128495000004750022"] { position: fixed !important; bottom: 0 !important; left: 0 !important; width: 100% !important; max-width: 100% !important; z-index: 9 !important; margin: 0 !important; padding: 0 !important; background: #ffffff !important; overflow: visible !important; } /* Background layer */ .community-page-agenda section[data-section-id="128495000004750022"] .background-layer { background: #ffffff !important; } /* White bottom navigation container */ .community-page-agenda section[data-section-id="128495000004750022"] .foreground-layer, .community-page-agenda section[data-section-id="128495000004750022"] .bs-container { width: 100% !important; max-width: 100% !important; margin: 0 !important; padding: 14px 30px 12px !important; box-sizing: border-box !important; background: #ffffff !important; border-top: 1px solid #f3f0f0 !important; box-shadow: none !important; } /* Three menu columns */ .community-page-agenda section[data-section-id="128495000004750022"] .grb-list { display: grid !important; grid-template-columns: repeat(3, minmax(0, 1fr)) !important; grid-auto-flow: unset !important; align-items: center !important; justify-items: center !important; gap: 0 !important; width: 100% !important; max-width: 100% !important; margin: 0 !important; padding: 0 !important; background: #ffffff !important; } /* Individual menu item */ .community-page-agenda section[data-section-id="128495000004750022"] .li-item { position: relative !important; display: flex !important; flex-direction: column !important; justify-content: center !important; align-items: center !important; width: 100% !important; max-width: 100% !important; min-width: 0 !important; margin: 0 !important; padding: 0 !important; gap: 6px !important; background: transparent !important; border: none !important; box-shadow: none !important; } /* Icon clickable area */ .community-page-agenda section[data-section-id="128495000004750022"] .list-image, .community-page-agenda section[data-section-id="128495000004750022"] .bs-media-wgt, .community-page-agenda section[data-section-id="128495000004750022"] .media-element, .community-page-agenda section[data-section-id="128495000004750022"] .media-image, .community-page-agenda section[data-section-id="128495000004750022"] .media-image.pointer { position: relative !important; inset: auto !important; display: flex !important; flex: 0 0 73px !important; justify-content: center !important; align-items: center !important; width: 73px !important; min-width: 73px !important; max-width: 73px !important; height: 73px !important; min-height: 73px !important; max-height: 73px !important; margin: 0 auto !important; padding: 0 !important; box-sizing: border-box !important; background: transparent !important; overflow: hidden !important; transform: none !important; } /* Actual icon image */ .community-page-agenda section[data-section-id="128495000004750022"] .fluid-image, .community-page-agenda section[data-section-id="128495000004750022"] .media-image img { position: relative !important; display: block !important; flex: 0 0 73px !important; width: 73px !important; min-width: 73px !important; max-width: 73px !important; height: 73px !important; min-height: 73px !important; max-height: 73px !important; margin: 0 !important; padding: 0 !important; box-sizing: border-box !important; object-fit: contain !important; object-position: center !important; background: transparent !important; transform: none !important; } /* Text container */ .community-page-agenda section[data-section-id="128495000004750022"] .li-content { display: block !important; width: auto !important; max-width: 100% !important; margin: 0 !important; padding: 0 !important; text-align: center !important; background: transparent !important; } /* Menu text */ .community-page-agenda section[data-section-id="128495000004750022"] .li-title, .community-page-agenda section[data-section-id="128495000004750022"] .li-title div, .community-page-agenda section[data-section-id="128495000004750022"] .li-subtitle, .community-page-agenda section[data-section-id="128495000004750022"] .li-subtitle div { margin: 0 !important; padding: 0 !important; font-size: 12px !important; font-weight: 600 !important; line-height: 1.2 !important; color: #111111 !important; text-align: center !important; background: transparent !important; } } /* ========================================================= iPAD MINI ADJUSTMENT 768px to 820px ========================================================= */ @media only screen and (min-width: 768px) and (max-width: 820px) { .community-page-agenda section[data-section-id="128495000004750022"] .foreground-layer, .community-page-agenda section[data-section-id="128495000004750022"] .bs-container { padding: 12px 24px 10px !important; } .community-page-agenda section[data-section-id="128495000004750022"] .list-image, .community-page-agenda section[data-section-id="128495000004750022"] .bs-media-wgt, .community-page-agenda section[data-section-id="128495000004750022"] .media-element, .community-page-agenda section[data-section-id="128495000004750022"] .media-image, .community-page-agenda section[data-section-id="128495000004750022"] .media-image.pointer, .community-page-agenda section[data-section-id="128495000004750022"] .fluid-image, .community-page-agenda section[data-section-id="128495000004750022"] .media-image img { flex-basis: 63px !important; width: 63px !important; min-width: 63px !important; max-width: 63px !important; height: 63px !important; min-height: 63px !important; max-height: 63px !important; } .community-page-agenda section[data-section-id="128495000004750022"] .li-title, .community-page-agenda section[data-section-id="128495000004750022"] .li-title div, .community-page-agenda section[data-section-id="128495000004750022"] .li-subtitle, .community-page-agenda section[data-section-id="128495000004750022"] .li-subtitle div { font-size: 11px !important; } } .community-page-agenda section[data-section-id="128495000004750142"] { padding-bottom: 100px !important; } /* ========================================================= 8. TAP HIGHLIGHT REMOVAL ========================================================= */ .community-page-agenda section[data-section-id="128495000004750022"] .li-item, .community-page-agenda section[data-section-id="128495000004750022"] .list-image, .community-page-agenda section[data-section-id="128495000004750022"] .bs-media-wgt, .community-page-agenda section[data-section-id="128495000004750022"] .media-element, .community-page-agenda section[data-section-id="128495000004750022"] .media-image, .community-page-agenda section[data-section-id="128495000004750022"] .media-image.pointer, .community-page-agenda section[data-section-id="128495000004750022"] .fluid-image, .community-page-agenda section[data-section-id="128495000004750022"] img { -webkit-tap-highlight-color: transparent !important; } .community-page-agenda section[data-section-id="128495000004750022"] .li-item:focus, .community-page-agenda section[data-section-id="128495000004750022"] .list-image:focus, .community-page-agenda section[data-section-id="128495000004750022"] .media-image:focus, .community-page-agenda section[data-section-id="128495000004750022"] .fluid-image:focus, .community-page-agenda section[data-section-id="128495000004750022"] img:focus { outline: none !important; } /* ========================================================= SPEAKER PAGE (COMMUNITY PAGE SPEAKER) ========================================================= */ /* ========================================================= 7. TAP HIGHLIGHT REMOVAL ========================================================= */ .community-page-speakers section[data-section-id="128495000004750156"] .li-item, .community-page-speakers section[data-section-id="128495000004750156"] .list-image, .community-page-speakers section[data-section-id="128495000004750156"] .bs-media-wgt, .community-page-speakers section[data-section-id="128495000004750156"] .media-element, .community-page-speakers section[data-section-id="128495000004750156"] .media-image, .community-page-speakers section[data-section-id="128495000004750156"] .media-image.pointer, .community-page-speakers section[data-section-id="128495000004750156"] .fluid-image, .community-page-speakers section[data-section-id="128495000004750156"] img { -webkit-tap-highlight-color: transparent !important; } .community-page-speakers section[data-section-id="128495000004750156"] .li-item:focus, .community-page-speakers section[data-section-id="128495000004750156"] .list-image:focus, .community-page-speakers section[data-section-id="128495000004750156"] .media-image:focus, .community-page-speakers section[data-section-id="128495000004750156"] .fluid-image:focus, .community-page-speakers section[data-section-id="128495000004750156"] img:focus { outline: none !important; } /* ========================================================= FINAL SAFE FIX ICON + TEXT GAP ONLY PAGE: SPEAKERS SECTION ID: 128495000004750022 ADD AT VERY BOTTOM ========================================================= */ /* MOBILE */ @media only screen and (max-width: 767px) { .community-page-agenda section[data-section-id="128495000004750022"] .li-item { gap: 1px !important; } .community-page-agenda section[data-section-id="128495000004750022"] .li-content { margin-top: 0 !important; transform: none !important; padding-top: 0 !important; } .community-page-agenda section[data-section-id="128495000004750022"] .list-image, .community-page-agenda section[data-section-id="128495000004750022"] .bs-media-wgt, .community-page-agenda section[data-section-id="128495000004750022"] .media-element, .community-page-agenda section[data-section-id="128495000004750022"] .media-image, .community-page-agenda section[data-section-id="128495000004750022"] .media-image.pointer { margin-bottom: 0 !important; padding-bottom: 0 !important; } .community-page-agenda section[data-section-id="128495000004750022"] .li-title, .community-page-agenda section[data-section-id="128495000004750022"] .li-title div, .community-page-agenda section[data-section-id="128495000004750022"] .li-title p, .community-page-agenda section[data-section-id="128495000004750022"] .li-title span, .community-page-agenda section[data-section-id="128495000004750022"] .li-title strong { margin: 0 !important; padding: 0 !important; line-height: 1.05 !important; } } /* TABLET */ @media only screen and (min-width: 768px) and (max-width: 1024px) { .community-page-agenda section[data-section-id="128495000004750022"] .li-item { gap: 2px !important; } .community-page-agenda section[data-section-id="128495000004750022"] .li-content { margin-top: 0 !important; transform: none !important; padding-top: 0 !important; } .community-page-agenda section[data-section-id="128495000004750022"] .list-image, .community-page-agenda section[data-section-id="128495000004750022"] .bs-media-wgt, .community-page-agenda section[data-section-id="128495000004750022"] .media-element, .community-page-agenda section[data-section-id="128495000004750022"] .media-image, .community-page-agenda section[data-section-id="128495000004750022"] .media-image.pointer { margin-bottom: 0 !important; padding-bottom: 0 !important; } .community-page-agenda section[data-section-id="128495000004750022"] .li-title, .community-page-agenda section[data-section-id="128495000004750022"] .li-title div, .community-page-agenda section[data-section-id="128495000004750022"] .li-title p, .community-page-agenda section[data-section-id="128495000004750022"] .li-title span, .community-page-agenda section[data-section-id="128495000004750022"] .li-title strong { margin: 0 !important; padding: 0 !important; line-height: 1.05 !important; } } /* ========================================================= FINAL FIX: REDUCE GAP BETWEEN ICON IMAGE AND TEXT ONLY PAGE: SPEAKERS SECTION ID: 128495000004750156 ADD THIS AT VERY BOTTOM ========================================================= */ /* =============================== MOBILE 0px to 767px ================================= */ @media only screen and (max-width: 767px) { .community-page-speakers section[data-section-id="128495000004750156"] .li-item { gap: 0 !important; } .community-page-speakers section[data-section-id="128495000004750156"] .list-image { margin-bottom: 0 !important; padding-bottom: 0 !important; } .community-page-speakers section[data-section-id="128495000004750156"] .li-content { margin-top: -22px !important; padding-top: 0 !important; transform: translateY(-6px) !important; } .community-page-speakers section[data-section-id="128495000004750156"] .li-title, .community-page-speakers section[data-section-id="128495000004750156"] .li-title p, .community-page-speakers section[data-section-id="128495000004750156"] .li-title span, .community-page-speakers section[data-section-id="128495000004750156"] .li-title strong { margin: 0 !important; padding: 0 !important; line-height: 1 !important; } } /* =============================== TABLET 768px to 1024px ================================= */ @media only screen and (min-width: 768px) and (max-width: 1024px) { .community-page-speakers section[data-section-id="128495000004750156"] .li-item { gap: 0 !important; } .community-page-speakers section[data-section-id="128495000004750156"] .list-image { margin-bottom: 0 !important; padding-bottom: 0 !important; } .community-page-speakers section[data-section-id="128495000004750156"] .li-content { margin-top: -34px !important; padding-top: 0 !important; transform: translateY(-8px) !important; } .community-page-speakers section[data-section-id="128495000004750156"] .li-title, .community-page-speakers section[data-section-id="128495000004750156"] .li-title p, .community-page-speakers section[data-section-id="128495000004750156"] .li-title span, .community-page-speakers section[data-section-id="128495000004750156"] .li-title strong { margin: 0 !important; padding: 0 !important; line-height: 1 !important; } } /* =============================== iPAD MINI 768px to 820px ================================= */ @media only screen and (min-width: 768px) and (max-width: 820px) { .community-page-speakers section[data-section-id="128495000004750156"] .li-content { margin-top: -30px !important; transform: translateY(-7px) !important; } } /* ========================================================= SPEAKER FILTER SECTION - CLEAN + RESPONSIVE ========================================================= */ /* ------------------------- Toolbar ------------------------- */ .speaker-toolbar { margin: 0 0 20px 0 !important; } /* Sticky mobile + tablet */ @media only screen and (max-width: 1024px) { .speaker-toolbar { position: sticky !important; top: 70px !important; z-index:9 !important; background: #ffffff !important; padding: 10px 0 12px 0 !important; } } /* ------------------------- Tabs ------------------------- */ .speaker-tabs { display: flex !important; align-items: center !important; flex-wrap: nowrap !important; gap: 12px !important; overflow-x: auto !important; overflow-y: hidden !important; white-space: nowrap !important; border-bottom: 1px solid #e3e6ea !important; margin: 0 0 16px 0 !important; padding: 0 0 10px 0 !important; -webkit-overflow-scrolling: touch !important; scrollbar-width: none !important; } .speaker-tabs::-webkit-scrollbar { display: none !important; } .speaker-tab { flex: 0 0 auto !important; position: relative !important; display: inline-flex !important; align-items: center !important; justify-content: center !important; min-height: 42px !important; padding: 0 16px !important; border: 1px solid #d9d9d9 !important; border-radius: 12px !important; background: #ffffff !important; color: #111111 !important; font-size: 14px !important; font-weight: 500 !important; line-height: 1 !important; white-space: nowrap !important; cursor: pointer !important; transition: all 0.25s ease !important; } .speaker-tab:hover { border-color: #902b33 !important; color: #902b33 !important; background: #f8fbff !important; } .speaker-tab.active { color: #902b33 !important; border-color: #902b33 !important; background: #f4f8fd !important; font-weight: 600 !important; } .speaker-tab.active::after { display: none !important; } /* ------------------------- Search row ------------------------- */ .speaker-search-row { display: grid !important; grid-template-columns: minmax(0, 1fr) 56px !important; gap: 10px !important; align-items: center !important; margin: 0 0 18px 0 !important; } .speaker-search-box { display: flex !important; align-items: center !important; gap: 10px !important; height: 48px !important; padding: 0 14px !important; border: 1px solid #d9d9d9 !important; border-radius: 14px !important; background: #ffffff !important; box-sizing: border-box !important; transition: border-color 0.25s ease, box-shadow 0.25s ease !important; } .speaker-search-box:focus-within { border-color: #902b33 !important; box-shadow: 0 0 0 3px rgba(11, 84, 163, 0.08) !important; } .speaker-search-icon { flex: 0 0 auto !important; font-size: 18px !important; line-height: 1 !important; color: #111111 !important; } .speaker-search-box input { width: 100% !important; border: 0 !important; outline: none !important; box-shadow: none !important; background: transparent !important; color: #111111 !important; font-size: 14px !important; line-height: 1.4 !important; padding: 0 !important; margin: 0 !important; min-width: 0 !important; } .speaker-search-box input::placeholder { color: #8a8a8a !important; } .speaker-filter-btn { display: inline-flex !important; align-items: center !important; justify-content: center !important; width: 56px !important; height: 48px !important; padding: 0 !important; border: 1px solid #d9d9d9 !important; border-radius: 14px !important; background: #ffffff !important; color: #111111 !important; font-size: 16px !important; cursor: pointer !important; transition: all 0.25s ease !important; } .speaker-filter-btn:hover { border-color: #902b33 !important; color: #902b33 !important; background: #f8fbff !important; } /* ------------------------- Bottom row ------------------------- */ .speaker-toolbar-bottom { display: flex !important; align-items: center !important; justify-content: space-between !important; gap: 12px !important; flex-wrap: wrap !important; } .speaker-result-title { margin: 0 !important; font-size: 22px !important; line-height: 1.2 !important; font-weight: 700 !important; color: #111111 !important; } /* ------------------------- Mobile ------------------------- */ @media only screen and (max-width: 767px) { .speaker-toolbar { top: 85px !important; padding: 10px 0 !important; margin-bottom: 16px !important; } .speaker-tabs { gap: 8px !important; padding-bottom: 8px !important; margin-bottom: 14px !important; } .speaker-tab { min-height: 40px !important; padding: 0 14px !important; font-size: 13px !important; border-radius: 10px !important; } .speaker-search-row { grid-template-columns: minmax(0, 1fr) 52px !important; gap: 8px !important; margin-bottom: 14px !important; } .speaker-search-box { height: 44px !important; padding: 0 12px !important; border-radius: 12px !important; } .speaker-search-icon { font-size: 16px !important; } .speaker-search-box input { font-size: 13px !important; } .speaker-filter-btn { width: 52px !important; height: 44px !important; font-size: 14px !important; border-radius: 12px !important; } .speaker-result-title { font-size: 20px !important; } } /* ------------------------- Tablet ------------------------- */ @media only screen and (min-width: 768px) and (max-width: 1024px) { .speaker-toolbar { top: 90px !important; } .speaker-tab { font-size: 14px !important; } .speaker-result-title { font-size: 22px !important; } } /* ------------------------- Extra small mobile ------------------------- */ @media only screen and (max-width: 480px) { .speaker-toolbar { top: 60px !important; } .speaker-tab { padding: 0 12px !important; font-size: 12px !important; } .speaker-search-row { grid-template-columns: minmax(0, 1fr) 48px !important; } .speaker-search-box { height: 42px !important; } .speaker-filter-btn { width: 48px !important; height: 42px !important; font-size: 13px !important; } .speaker-result-title { font-size: 18px !important; } } .community-page-speakers section[data-section-id="128495000004750142"] { padding-bottom: 100px !important; } /* ========================================================= BOTTOM FIXED MENU SECTION ID: 128495000004750156 ========================================================= */ /* ========================================================= MOBILE Up to 767px ========================================================= */ @media only screen and (max-width: 767px) { /* Main fixed section */ .community-page-speakers section[data-section-id="128495000004750156"] { position: fixed !important; bottom: 0 !important; left: 0 !important; width: 100% !important; max-width: 100% !important; z-index: 9 !important; margin: 0 !important; padding: 0 !important; background: transparent !important; overflow: visible !important; } /* Background layer */ .community-page-speakers section[data-section-id="128495000004750156"] .background-layer { background: transparent !important; } /* White bottom navigation container */ .community-page-speakers section[data-section-id="128495000004750156"] .foreground-layer, .community-page-speakers section[data-section-id="128495000004750156"] .bs-container { width: 100% !important; max-width: 100% !important; margin: 0 !important; padding: 12px 12px 10px !important; box-sizing: border-box !important; background: #ffffff !important; border-top: 1px solid #f3f0f0 !important; box-shadow: none !important; } /* Three menu columns */ .community-page-speakers section[data-section-id="128495000004750156"] .grb-list { display: grid !important; grid-template-columns: repeat(3, minmax(0, 1fr)) !important; grid-auto-flow: unset !important; align-items: start !important; justify-items: center !important; gap: 0 !important; width: 100% !important; max-width: 100% !important; margin: 0 !important; padding: 0 !important; background: #ffffff !important; } /* Individual menu item */ .community-page-speakers section[data-section-id="128495000004750156"] .li-item { position: relative !important; display: flex !important; flex-direction: column !important; justify-content: flex-start !important; align-items: center !important; width: 100% !important; max-width: 100% !important; min-width: 0 !important; margin: 0 !important; padding: 0 !important; gap: 4px !important; background: transparent !important; border: none !important; box-shadow: none !important; } /* Icon clickable area */ .community-page-speakers section[data-section-id="128495000004750156"] .list-image, .community-page-speakers section[data-section-id="128495000004750156"] .bs-media-wgt, .community-page-speakers section[data-section-id="128495000004750156"] .media-element, .community-page-speakers section[data-section-id="128495000004750156"] .media-image, .community-page-speakers section[data-section-id="128495000004750156"] .media-image.pointer { position: relative !important; inset: auto !important; display: flex !important; flex: 0 0 53px !important; justify-content: center !important; align-items: center !important; width: 53px !important; min-width: 53px !important; max-width: 53px !important; height: 53px !important; min-height: 53px !important; max-height: 53px !important; margin: 0 auto !important; padding: 0 !important; box-sizing: border-box !important; background: transparent !important; overflow: hidden !important; transform: none !important; } /* Actual icon image */ .community-page-speakers section[data-section-id="128495000004750156"] .fluid-image, .community-page-speakers section[data-section-id="128495000004750156"] .media-image img { position: relative !important; display: block !important; flex: 0 0 53px !important; width: 53px !important; min-width: 53px !important; max-width: 53px !important; height: 53px !important; min-height: 53px !important; max-height: 53px !important; margin: 0 !important; padding: 0 !important; box-sizing: border-box !important; object-fit: contain !important; object-position: center !important; background: transparent !important; transform: none !important; } /* Text container */ .community-page-speakers section[data-section-id="128495000004750156"] .li-content { display: block !important; width: auto !important; max-width: 100% !important; margin: 0 !important; padding: 0 !important; text-align: center !important; background: transparent !important; } /* Menu text */ .community-page-speakers section[data-section-id="128495000004750156"] .li-title, .community-page-speakers section[data-section-id="128495000004750156"] .li-title div, .community-page-speakers section[data-section-id="128495000004750156"] .li-subtitle, .community-page-speakers section[data-section-id="128495000004750156"] .li-subtitle div { margin: 0 !important; padding: 0 !important; font-size: 10px !important; font-weight: 600 !important; line-height: 1.2 !important; color: #902b33 !important; text-align: center !important; background: transparent !important; } } /* ========================================================= TABLET 768px to 1024px ========================================================= */ @media only screen and (min-width: 768px) and (max-width: 1024px) { /* Main fixed section */ .community-page-speakers section[data-section-id="128495000004750156"] { position: fixed !important; bottom: 0 !important; left: 0 !important; width: 100% !important; max-width: 100% !important; z-index: 9 !important; margin: 0 !important; padding: 0 !important; background: #ffffff !important; overflow: visible !important; } /* Background layer */ .community-page-speakers section[data-section-id="128495000004750156"] .background-layer { background: #ffffff !important; } /* White bottom navigation container */ .community-page-speakers section[data-section-id="128495000004750156"] .foreground-layer, .community-page-speakers section[data-section-id="128495000004750156"] .bs-container { width: 100% !important; max-width: 100% !important; margin: 0 !important; padding: 14px 30px 12px !important; box-sizing: border-box !important; background: #ffffff !important; border-top: 1px solid #f3f0f0 !important; box-shadow: none !important; } /* Three menu columns */ .community-page-speakers section[data-section-id="128495000004750156"] .grb-list { display: grid !important; grid-template-columns: repeat(3, minmax(0, 1fr)) !important; grid-auto-flow: unset !important; align-items: center !important; justify-items: center !important; gap: 0 !important; width: 100% !important; max-width: 100% !important; margin: 0 !important; padding: 0 !important; background: #ffffff !important; } /* Individual menu item */ .community-page-speakers section[data-section-id="128495000004750156"] .li-item { position: relative !important; display: flex !important; flex-direction: column !important; justify-content: center !important; align-items: center !important; width: 100% !important; max-width: 100% !important; min-width: 0 !important; margin: 0 !important; padding: 0 !important; gap: 6px !important; background: transparent !important; border: none !important; box-shadow: none !important; } /* Icon clickable area */ .community-page-speakers section[data-section-id="128495000004750156"] .list-image, .community-page-speakers section[data-section-id="128495000004750156"] .bs-media-wgt, .community-page-speakers section[data-section-id="128495000004750156"] .media-element, .community-page-speakers section[data-section-id="128495000004750156"] .media-image, .community-page-speakers section[data-section-id="128495000004750156"] .media-image.pointer { position: relative !important; inset: auto !important; display: flex !important; flex: 0 0 73px !important; justify-content: center !important; align-items: center !important; width: 73px !important; min-width: 73px !important; max-width: 73px !important; height: 73px !important; min-height: 73px !important; max-height: 73px !important; margin: 0 auto !important; padding: 0 !important; box-sizing: border-box !important; background: transparent !important; overflow: hidden !important; transform: none !important; } /* Actual icon image */ .community-page-speakers section[data-section-id="128495000004750156"] .fluid-image, .community-page-speakers section[data-section-id="128495000004750156"] .media-image img { position: relative !important; display: block !important; flex: 0 0 73px !important; width: 73px !important; min-width: 73px !important; max-width: 73px !important; height: 73px !important; min-height: 73px !important; max-height: 73px !important; margin: 0 !important; padding: 0 !important; box-sizing: border-box !important; object-fit: contain !important; object-position: center !important; background: transparent !important; transform: none !important; } /* Text container */ .community-page-speakers section[data-section-id="128495000004750156"] .li-content { display: block !important; width: auto !important; max-width: 100% !important; margin: 0 !important; padding: 0 !important; text-align: center !important; background: transparent !important; } /* Menu text */ .community-page-speakers section[data-section-id="128495000004750156"] .li-title, .community-page-speakers section[data-section-id="128495000004750156"] .li-title div, .community-page-speakers section[data-section-id="128495000004750156"] .li-subtitle, .community-page-speakers section[data-section-id="128495000004750156"] .li-subtitle div { margin: 0 !important; padding: 0 !important; font-size: 12px !important; font-weight: 600 !important; line-height: 1.2 !important; color: #111111 !important; text-align: center !important; background: transparent !important; } } /* ========================================================= iPAD MINI ADJUSTMENT 768px to 820px ========================================================= */ @media only screen and (min-width: 768px) and (max-width: 820px) { .community-page-speakers section[data-section-id="128495000004750156"] .foreground-layer, .community-page-speakers section[data-section-id="128495000004750156"] .bs-container { padding: 12px 24px 10px !important; } .community-page-speakers section[data-section-id="128495000004750156"] .list-image, .community-page-speakers section[data-section-id="128495000004750156"] .bs-media-wgt, .community-page-speakers section[data-section-id="128495000004750156"] .media-element, .community-page-speakers section[data-section-id="128495000004750156"] .media-image, .community-page-speakers section[data-section-id="128495000004750156"] .media-image.pointer, .community-page-speakers section[data-section-id="128495000004750156"] .fluid-image, .community-page-speakers section[data-section-id="128495000004750156"] .media-image img { flex-basis: 63px !important; width: 63px !important; min-width: 63px !important; max-width: 63px !important; height: 63px !important; min-height: 63px !important; max-height: 63px !important; } .community-page-speakers section[data-section-id="128495000004750156"] .li-title, .community-page-speakers section[data-section-id="128495000004750156"] .li-title div, .community-page-speakers section[data-section-id="128495000004750156"] .li-subtitle, .community-page-speakers section[data-section-id="128495000004750156"] .li-subtitle div { font-size: 11px !important; } } .community-page-speakers section[data-section-id="128495000004750142"] { padding-bottom: 100px !important; } /* ===================================== MOBILE — 2 COLUMNS, SQUARE CARDS ===================================== */ @media only screen and (max-width: 767px) { .community-page-speakers section[data-section-id="128495000004750142"] .bs-speakerList-wgt { display: grid !important; grid-template-columns: repeat(2, minmax(0, 1fr)) !important; gap: 14px 12px !important; width: 100% !important; } .community-page-speakers section[data-section-id="128495000004750142"] .bs-speakerList-wgt > .li-item { position: relative !important; width: 100% !important; max-width: 100% !important; min-width: 0 !important; min-height: 0 !important; height: 0 !important; padding: 0 0 100% !important; margin: 0 !important; float: none !important; overflow: hidden !important; } .community-page-speakers section[data-section-id="128495000004750142"] .bs-speakerList-wgt > .li-item > .list-image { position: absolute !important; inset: 0 !important; width: 100% !important; height: 100% !important; min-height: 0 !important; margin: 0 !important; padding: 0 !important; } .community-page-speakers section[data-section-id="128495000004750142"] .bs-speakerList-wgt .list-image .bs-image { position: absolute !important; inset: 0 !important; width: 100% !important; height: 100% !important; min-height: 0 !important; max-width: none !important; margin: 0 !important; padding: 0 !important; border-radius: 0 !important; } .community-page-speakers section[data-section-id="128495000004750142"] .bs-speakerList-wgt .list-image .bs-image img { position: absolute !important; inset: 0 !important; width: 100% !important; height: 100% !important; max-width: none !important; object-fit: cover !important; object-position: center top !important; } .community-page-speakers section[data-section-id="128495000004750142"] .bs-speakerList-wgt .li-content { position: absolute !important; left: 0 !important; right: 0 !important; bottom: 0 !important; z-index: 5 !important; width: 100% !important; min-height: 42% !important; margin: 0 !important; padding: 50px 8px 12px !important; box-sizing: border-box !important; display: flex !important; flex-direction: column !important; justify-content: flex-end !important; text-align: center !important; background: linear-gradient( to bottom, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.55) 45%, rgba(0, 0, 0, 0.95) 100% ) !important; } .community-page-speakers section[data-section-id="128495000004750142"] .bs-speakerList-wgt .li-title { margin: 0 0 5px !important; font-size: 13px !important; font-weight: 700 !important; line-height: 1.2 !important; } .community-page-speakers section[data-section-id="128495000004750142"] .bs-speakerList-wgt .li-title, .community-page-speakers section[data-section-id="128495000004750142"] .bs-speakerList-wgt .li-title *, .community-page-speakers section[data-section-id="128495000004750142"] .bs-speakerList-wgt .li-subtitle, .community-page-speakers section[data-section-id="128495000004750142"] .bs-speakerList-wgt .speaker-designation, .community-page-speakers section[data-section-id="128495000004750142"] .bs-speakerList-wgt .speaker-company { color: #ffffff !important; text-align: center !important; } .community-page-speakers section[data-section-id="128495000004750142"] .bs-speakerList-wgt .speaker-designation, .community-page-speakers section[data-section-id="128495000004750142"] .bs-speakerList-wgt .speaker-company { font-size: 9px !important; line-height: 1.3 !important; } } /* ===================================== TABLET — 4 COLUMNS, SQUARE CARDS ===================================== */ @media only screen and (min-width: 768px) and (max-width: 1024px) { .community-page-speakers section[data-section-id="128495000004750142"] .bs-speakerList-wgt { display: grid !important; grid-template-columns: repeat(4, minmax(0, 1fr)) !important; gap: 18px 14px !important; width: 100% !important; } .community-page-speakers section[data-section-id="128495000004750142"] .bs-speakerList-wgt > .li-item { position: relative !important; width: 100% !important; max-width: 100% !important; min-width: 0 !important; min-height: 0 !important; height: 0 !important; padding: 0 0 100% !important; margin: 0 !important; float: none !important; overflow: hidden !important; } .community-page-speakers section[data-section-id="128495000004750142"] .bs-speakerList-wgt > .li-item > .list-image, .community-page-speakers section[data-section-id="128495000004750142"] .bs-speakerList-wgt .list-image .bs-image { position: absolute !important; inset: 0 !important; width: 100% !important; height: 100% !important; min-height: 0 !important; max-width: none !important; margin: 0 !important; padding: 0 !important; border-radius: 0 !important; } .community-page-speakers section[data-section-id="128495000004750142"] .bs-speakerList-wgt .list-image .bs-image img { position: absolute !important; inset: 0 !important; width: 100% !important; height: 100% !important; max-width: none !important; object-fit: cover !important; object-position: center top !important; } .community-page-speakers section[data-section-id="128495000004750142"] .bs-speakerList-wgt .li-content { position: absolute !important; left: 0 !important; right: 0 !important; bottom: 0 !important; z-index: 5 !important; width: 100% !important; min-height: 42% !important; margin: 0 !important; padding: 48px 7px 11px !important; box-sizing: border-box !important; display: flex !important; flex-direction: column !important; justify-content: flex-end !important; text-align: center !important; background: linear-gradient( to bottom, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.55) 45%, rgba(0, 0, 0, 0.95) 100% ) !important; } .community-page-speakers section[data-section-id="128495000004750142"] .bs-speakerList-wgt .li-title { margin: 0 0 4px !important; font-size: 11px !important; font-weight: 700 !important; line-height: 1.2 !important; } .community-page-speakers section[data-section-id="128495000004750142"] .bs-speakerList-wgt .li-title, .community-page-speakers section[data-section-id="128495000004750142"] .bs-speakerList-wgt .li-title *, .community-page-speakers section[data-section-id="128495000004750142"] .bs-speakerList-wgt .li-subtitle, .community-page-speakers section[data-section-id="128495000004750142"] .bs-speakerList-wgt .speaker-designation, .community-page-speakers section[data-section-id="128495000004750142"] .bs-speakerList-wgt .speaker-company { color: #ffffff !important; text-align: center !important; } .community-page-speakers section[data-section-id="128495000004750142"] .bs-speakerList-wgt .speaker-designation, .community-page-speakers section[data-section-id="128495000004750142"] .bs-speakerList-wgt .speaker-company { font-size: 8px !important; line-height: 1.25 !important; } } /* ========================================================= EXECUTIVE COMMITTEEE MEMBER (COMMUNITY PAGE GALLERY) ========================================================= */ /* ========================================================= MOBILE FIX 128495000004751251 ========================================================= */ @media screen and (max-width: 767px) { /* Main list */ .community-page-gallery div[data-element-id="128495000004751251"] .bs-mtList-wgt { display: flex !important; flex-direction: column !important; gap: 12px !important; } /* Hide no-image items */ .community-page-gallery div[data-element-id="128495000004751251"] .bs-mtList-wgt .li-item.no-media { display: none !important; } /* Card */ .community-page-gallery div[data-element-id="128495000004751251"] .bs-mtList-wgt .li-item:not(.no-media) { display: flex !important; flex-direction: row !important; align-items: center !important; width: 100% !important; height: 118px !important; min-height: 118px !important; margin: 0 !important; padding: 0 !important; background: #902b33 !important; border-radius: 26px !important; overflow: hidden !important; box-sizing: border-box !important; } /* Left image section */ .community-page-gallery div[data-element-id="128495000004751251"] .bs-mtList-wgt .li-item:not(.no-media) .list-image { width: 37% !important; flex: 0 0 37% !important; height: 100% !important; margin: 0 !important; padding: 10px 0 10px 12px !important; display: flex !important; align-items: center !important; justify-content: center !important; box-sizing: border-box !important; } /* White image box */ .community-page-gallery div[data-element-id="128495000004751251"] .bs-mtList-wgt .li-item:not(.no-media) .bs-media-wgt, .community-page-gallery div[data-element-id="128495000004751251"] .bs-mtList-wgt .li-item:not(.no-media) .media-element, .community-page-gallery div[data-element-id="128495000004751251"] .bs-mtList-wgt .li-item:not(.no-media) .media-image { width: 95% !important; height: 100% !important; } .community-page-gallery div[data-element-id="128495000004751251"] .bs-mtList-wgt .li-item:not(.no-media) .media-element { background: #ffffff !important; border-radius: 22px !important; overflow: hidden !important; display: flex !important; align-items: center !important; justify-content: center !important; } .community-page-gallery div[data-element-id="128495000004751251"] .bs-mtList-wgt .li-item:not(.no-media) .fluid-image, .community-page-gallery div[data-element-id="128495000004751251"] .bs-mtList-wgt .li-item:not(.no-media) .media-image img { width: 100% !important; height: 100% !important; object-fit: cover !important; object-position: center top !important; display: block !important; } /* Right text section */ .community-page-gallery div[data-element-id="128495000004751251"] .bs-mtList-wgt .li-item:not(.no-media) .li-content { width: 63% !important; flex: 0 0 63% !important; height: 100% !important; padding: 14px 18px 14px 18px !important; box-sizing: border-box !important; display: flex !important; flex-direction: column !important; justify-content: center !important; text-align: left !important; } /* Name */ .community-page-gallery div[data-element-id="128495000004751251"] .bs-mtList-wgt .li-item:not(.no-media) .li-title, .community-page-gallery div[data-element-id="128495000004751251"] .bs-mtList-wgt .li-item:not(.no-media) .li-title p, .community-page-gallery div[data-element-id="128495000004751251"] .bs-mtList-wgt .li-item:not(.no-media) .li-title strong, .community-page-gallery div[data-element-id="128495000004751251"] .bs-mtList-wgt .li-item:not(.no-media) .li-title span { margin: 0 0 7px !important; padding: 0 !important; font-size: 14px !important; line-height: 1.2 !important; font-weight: 700 !important; color: #ffffff !important; text-align: left !important; } .community-page-gallery div[data-element-id="128495000004751251"] .bs-mtList-wgt .li-item:not(.no-media) .li-title p { line-height: 1.2 !important; } /* Description */ .community-page-gallery div[data-element-id="128495000004751251"] .bs-mtList-wgt .li-item:not(.no-media) .li-description, .community-page-gallery div[data-element-id="128495000004751251"] .bs-mtList-wgt .li-item:not(.no-media) .li-description p, .community-page-gallery div[data-element-id="128495000004751251"] .bs-mtList-wgt .li-item:not(.no-media) .li-description span, .community-page-gallery div[data-element-id="128495000004751251"] .bs-mtList-wgt .li-item:not(.no-media) .li-description strong { margin: 0 0 3px !important; padding: 0 !important; font-size: 10px !important; line-height: 1.35 !important; font-weight: 400 !important; color: #ffffff !important; text-align: left !important; } .community-page-gallery div[data-element-id="128495000004751251"] .bs-mtList-wgt .li-item:not(.no-media) .li-description p:last-child, .community-page-gallery div[data-element-id="128495000004751251"] .bs-mtList-wgt .li-item:not(.no-media) .li-description p:last-child span, .community-page-gallery div[data-element-id="128495000004751251"] .bs-mtList-wgt .li-item:not(.no-media) .li-description p:last-child strong { margin-bottom: 0 !important; font-weight: 700 !important; } } /* ========================================================= TABLET — 2 COLUMN GALLERY CARDS 768px to 1024px ========================================================= */ @media only screen and (min-width: 768px) and (max-width: 1024px) { /* Main list — 2 columns */ .community-page-gallery div[data-element-id="128495000004751251"] .bs-mtList-wgt { display: grid !important; grid-template-columns: repeat(2, minmax(0, 1fr)) !important; gap: 18px !important; width: 100% !important; align-items: stretch !important; } /* Hide items without images */ .community-page-gallery div[data-element-id="128495000004751251"] .bs-mtList-wgt .li-item.no-media { display: none !important; } /* Card */ .community-page-gallery div[data-element-id="128495000004751251"] .bs-mtList-wgt .li-item:not(.no-media) { display: flex !important; flex-direction: row !important; align-items: center !important; width: 100% !important; min-width: 0 !important; height: 150px !important; min-height: 150px !important; margin: 0 !important; padding: 0 !important; background: #902b33 !important; border-radius: 26px !important; overflow: hidden !important; box-sizing: border-box !important; } /* Left image section */ .community-page-gallery div[data-element-id="128495000004751251"] .bs-mtList-wgt .li-item:not(.no-media) .list-image { width: 38% !important; flex: 0 0 38% !important; height: 100% !important; margin: 0 !important; padding: 12px 0 12px 12px !important; display: flex !important; align-items: center !important; justify-content: center !important; box-sizing: border-box !important; } /* Image box */ .community-page-gallery div[data-element-id="128495000004751251"] .bs-mtList-wgt .li-item:not(.no-media) .bs-media-wgt, .community-page-gallery div[data-element-id="128495000004751251"] .bs-mtList-wgt .li-item:not(.no-media) .media-element, .community-page-gallery div[data-element-id="128495000004751251"] .bs-mtList-wgt .li-item:not(.no-media) .media-image { width: 100% !important; height: 100% !important; } .community-page-gallery div[data-element-id="128495000004751251"] .bs-mtList-wgt .li-item:not(.no-media) .media-element { background: #ffffff !important; border-radius: 20px !important; overflow: hidden !important; display: flex !important; align-items: center !important; justify-content: center !important; } .community-page-gallery div[data-element-id="128495000004751251"] .bs-mtList-wgt .li-item:not(.no-media) .fluid-image, .community-page-gallery div[data-element-id="128495000004751251"] .bs-mtList-wgt .li-item:not(.no-media) .media-image img { width: 100% !important; height: 100% !important; object-fit: cover !important; object-position: center top !important; display: block !important; } /* Right text section */ .community-page-gallery div[data-element-id="128495000004751251"] .bs-mtList-wgt .li-item:not(.no-media) .li-content { width: 62% !important; flex: 0 0 62% !important; height: 100% !important; min-width: 0 !important; padding: 16px 16px !important; box-sizing: border-box !important; display: flex !important; flex-direction: column !important; justify-content: center !important; text-align: left !important; overflow: hidden !important; } /* Name */ .community-page-gallery div[data-element-id="128495000004751251"] .bs-mtList-wgt .li-item:not(.no-media) .li-title, .community-page-gallery div[data-element-id="128495000004751251"] .bs-mtList-wgt .li-item:not(.no-media) .li-title p, .community-page-gallery div[data-element-id="128495000004751251"] .bs-mtList-wgt .li-item:not(.no-media) .li-title strong, .community-page-gallery div[data-element-id="128495000004751251"] .bs-mtList-wgt .li-item:not(.no-media) .li-title span { margin: 0 0 8px !important; padding: 0 !important; font-size: 15px !important; line-height: 1.2 !important; font-weight: 700 !important; color: #ffffff !important; text-align: left !important; } /* Description */ .community-page-gallery div[data-element-id="128495000004751251"] .bs-mtList-wgt .li-item:not(.no-media) .li-description, .community-page-gallery div[data-element-id="128495000004751251"] .bs-mtList-wgt .li-item:not(.no-media) .li-description p, .community-page-gallery div[data-element-id="128495000004751251"] .bs-mtList-wgt .li-item:not(.no-media) .li-description span, .community-page-gallery div[data-element-id="128495000004751251"] .bs-mtList-wgt .li-item:not(.no-media) .li-description strong { margin: 0 0 4px !important; padding: 0 !important; font-size: 11px !important; line-height: 1.35 !important; font-weight: 400 !important; color: #ffffff !important; text-align: left !important; } .community-page-gallery div[data-element-id="128495000004751251"] .bs-mtList-wgt .li-item:not(.no-media) .li-description p:last-child, .community-page-gallery div[data-element-id="128495000004751251"] .bs-mtList-wgt .li-item:not(.no-media) .li-description p:last-child span, .community-page-gallery div[data-element-id="128495000004751251"] .bs-mtList-wgt .li-item:not(.no-media) .li-description p:last-child strong { margin-bottom: 0 !important; font-weight: 700 !important; } } /* ========================================================= MOBILE FIX 128495000006596384 ========================================================= */ @media screen and (max-width: 767px) { /* Main list */ .community-page-gallery div[data-element-id="128495000006596384"] .bs-mtList-wgt { display: flex !important; flex-direction: column !important; gap: 12px !important; } /* Hide no-image items */ .community-page-gallery div[data-element-id="128495000006596384"] .bs-mtList-wgt .li-item.no-media { display: none !important; } /* Card */ .community-page-gallery div[data-element-id="128495000006596384"] .bs-mtList-wgt .li-item:not(.no-media) { display: flex !important; flex-direction: row !important; align-items: center !important; width: 100% !important; height: 118px !important; min-height: 118px !important; margin: 0 !important; padding: 0 !important; background: #902b33 !important; border-radius: 26px !important; overflow: hidden !important; box-sizing: border-box !important; } /* Left image section */ .community-page-gallery div[data-element-id="128495000006596384"] .bs-mtList-wgt .li-item:not(.no-media) .list-image { width: 37% !important; flex: 0 0 37% !important; height: 100% !important; margin: 0 !important; padding: 10px 0 10px 12px !important; display: flex !important; align-items: center !important; justify-content: center !important; box-sizing: border-box !important; } /* White image box */ .community-page-gallery div[data-element-id="128495000006596384"] .bs-mtList-wgt .li-item:not(.no-media) .bs-media-wgt, .community-page-gallery div[data-element-id="128495000006596384"] .bs-mtList-wgt .li-item:not(.no-media) .media-element, .community-page-gallery div[data-element-id="128495000006596384"] .bs-mtList-wgt .li-item:not(.no-media) .media-image { width: 95% !important; height: 100% !important; } .community-page-gallery div[data-element-id="128495000006596384"] .bs-mtList-wgt .li-item:not(.no-media) .media-element { background: #ffffff !important; border-radius: 22px !important; overflow: hidden !important; display: flex !important; align-items: center !important; justify-content: center !important; } .community-page-gallery div[data-element-id="128495000006596384"] .bs-mtList-wgt .li-item:not(.no-media) .fluid-image, .community-page-gallery div[data-element-id="128495000006596384"] .bs-mtList-wgt .li-item:not(.no-media) .media-image img { width: 100% !important; height: 100% !important; object-fit: cover !important; object-position: center top !important; display: block !important; } /* Right text section */ .community-page-gallery div[data-element-id="128495000006596384"] .bs-mtList-wgt .li-item:not(.no-media) .li-content { width: 63% !important; flex: 0 0 63% !important; height: 100% !important; padding: 14px 18px 14px 18px !important; box-sizing: border-box !important; display: flex !important; flex-direction: column !important; justify-content: center !important; text-align: left !important; } /* Name */ .community-page-gallery div[data-element-id="128495000006596384"] .bs-mtList-wgt .li-item:not(.no-media) .li-title, .community-page-gallery div[data-element-id="128495000006596384"] .bs-mtList-wgt .li-item:not(.no-media) .li-title p, .community-page-gallery div[data-element-id="128495000006596384"] .bs-mtList-wgt .li-item:not(.no-media) .li-title strong, .community-page-gallery div[data-element-id="128495000006596384"] .bs-mtList-wgt .li-item:not(.no-media) .li-title span { margin: 0 0 7px !important; padding: 0 !important; font-size: 14px !important; line-height: 1.2 !important; font-weight: 700 !important; color: #ffffff !important; text-align: left !important; } .community-page-gallery div[data-element-id="128495000006596384"] .bs-mtList-wgt .li-item:not(.no-media) .li-title p { line-height: 1.2 !important; } /* Description */ .community-page-gallery div[data-element-id="128495000006596384"] .bs-mtList-wgt .li-item:not(.no-media) .li-description, .community-page-gallery div[data-element-id="128495000006596384"] .bs-mtList-wgt .li-item:not(.no-media) .li-description p, .community-page-gallery div[data-element-id="128495000006596384"] .bs-mtList-wgt .li-item:not(.no-media) .li-description span, .community-page-gallery div[data-element-id="128495000006596384"] .bs-mtList-wgt .li-item:not(.no-media) .li-description strong { margin: 0 0 3px !important; padding: 0 !important; font-size: 10px !important; line-height: 1.35 !important; font-weight: 400 !important; color: #ffffff !important; text-align: left !important; } .community-page-gallery div[data-element-id="128495000006596384"] .bs-mtList-wgt .li-item:not(.no-media) .li-description p:last-child, .community-page-gallery div[data-element-id="128495000006596384"] .bs-mtList-wgt .li-item:not(.no-media) .li-description p:last-child span, .community-page-gallery div[data-element-id="128495000006596384"] .bs-mtList-wgt .li-item:not(.no-media) .li-description p:last-child strong { margin-bottom: 0 !important; font-weight: 700 !important; } } /* ========================================================= TABLET — 2 COLUMN GALLERY CARDS 768px to 1024px ========================================================= */ @media only screen and (min-width: 768px) and (max-width: 1024px) { /* Main list — 2 columns */ .community-page-gallery div[data-element-id="128495000006596384"] .bs-mtList-wgt { display: grid !important; grid-template-columns: repeat(2, minmax(0, 1fr)) !important; gap: 18px !important; width: 100% !important; align-items: stretch !important; } /* Hide items without images */ .community-page-gallery div[data-element-id="128495000006596384"] .bs-mtList-wgt .li-item.no-media { display: none !important; } /* Card */ .community-page-gallery div[data-element-id="128495000006596384"] .bs-mtList-wgt .li-item:not(.no-media) { display: flex !important; flex-direction: row !important; align-items: center !important; width: 100% !important; min-width: 0 !important; height: 150px !important; min-height: 150px !important; margin: 0 !important; padding: 0 !important; background: #902b33 !important; border-radius: 26px !important; overflow: hidden !important; box-sizing: border-box !important; } /* Left image section */ .community-page-gallery div[data-element-id="128495000006596384"] .bs-mtList-wgt .li-item:not(.no-media) .list-image { width: 38% !important; flex: 0 0 38% !important; height: 100% !important; margin: 0 !important; padding: 12px 0 12px 12px !important; display: flex !important; align-items: center !important; justify-content: center !important; box-sizing: border-box !important; } /* Image box */ .community-page-gallery div[data-element-id="128495000006596384"] .bs-mtList-wgt .li-item:not(.no-media) .bs-media-wgt, .community-page-gallery div[data-element-id="128495000006596384"] .bs-mtList-wgt .li-item:not(.no-media) .media-element, .community-page-gallery div[data-element-id="128495000006596384"] .bs-mtList-wgt .li-item:not(.no-media) .media-image { width: 100% !important; height: 100% !important; } .community-page-gallery div[data-element-id="128495000006596384"] .bs-mtList-wgt .li-item:not(.no-media) .media-element { background: #ffffff !important; border-radius: 20px !important; overflow: hidden !important; display: flex !important; align-items: center !important; justify-content: center !important; } .community-page-gallery div[data-element-id="128495000006596384"] .bs-mtList-wgt .li-item:not(.no-media) .fluid-image, .community-page-gallery div[data-element-id="128495000006596384"] .bs-mtList-wgt .li-item:not(.no-media) .media-image img { width: 100% !important; height: 100% !important; object-fit: cover !important; object-position: center top !important; display: block !important; } /* Right text section */ .community-page-gallery div[data-element-id="128495000006596384"] .bs-mtList-wgt .li-item:not(.no-media) .li-content { width: 62% !important; flex: 0 0 62% !important; height: 100% !important; min-width: 0 !important; padding: 16px 16px !important; box-sizing: border-box !important; display: flex !important; flex-direction: column !important; justify-content: center !important; text-align: left !important; overflow: hidden !important; } /* Name */ .community-page-gallery div[data-element-id="128495000006596384"] .bs-mtList-wgt .li-item:not(.no-media) .li-title, .community-page-gallery div[data-element-id="128495000006596384"] .bs-mtList-wgt .li-item:not(.no-media) .li-title p, .community-page-gallery div[data-element-id="128495000006596384"] .bs-mtList-wgt .li-item:not(.no-media) .li-title strong, .community-page-gallery div[data-element-id="128495000006596384"] .bs-mtList-wgt .li-item:not(.no-media) .li-title span { margin: 0 0 8px !important; padding: 0 !important; font-size: 15px !important; line-height: 1.2 !important; font-weight: 700 !important; color: #ffffff !important; text-align: left !important; } /* Description */ .community-page-gallery div[data-element-id="128495000006596384"] .bs-mtList-wgt .li-item:not(.no-media) .li-description, .community-page-gallery div[data-element-id="128495000006596384"] .bs-mtList-wgt .li-item:not(.no-media) .li-description p, .community-page-gallery div[data-element-id="128495000006596384"] .bs-mtList-wgt .li-item:not(.no-media) .li-description span, .community-page-gallery div[data-element-id="128495000006596384"] .bs-mtList-wgt .li-item:not(.no-media) .li-description strong { margin: 0 0 4px !important; padding: 0 !important; font-size: 11px !important; line-height: 1.35 !important; font-weight: 400 !important; color: #ffffff !important; text-align: left !important; } .community-page-gallery div[data-element-id="128495000006596384"] .bs-mtList-wgt .li-item:not(.no-media) .li-description p:last-child, .community-page-gallery div[data-element-id="128495000006596384"] .bs-mtList-wgt .li-item:not(.no-media) .li-description p:last-child span, .community-page-gallery div[data-element-id="128495000006596384"] .bs-mtList-wgt .li-item:not(.no-media) .li-description p:last-child strong { margin-bottom: 0 !important; font-weight: 700 !important; } } /* ========================================================= TECHNICAL COMMITTEE FILTER Same structure as sponsor filter Page: community-page-gallery ========================================================= */ /* ------------------------- Sticky Toolbar ------------------------- */ @media only screen and (max-width: 767px) { .community-page-gallery .committee-toolbar { position: sticky !important; top: 60px !important; z-index:9 !important; background: #ffffff !important; padding-top: 10px !important; padding-bottom: 10px !important; margin: 0 0 0px 0 !important; } } @media only screen and (min-width: 768px) and (max-width: 1024px) { .community-page-gallery .committee-toolbar { position: sticky !important; top: 90px !important; z-index:9 !important; background: #ffffff !important; padding-top: 10px !important; padding-bottom: 10px !important; margin: 0 0 20px 0 !important; } } /* ------------------------- Tabs ------------------------- */ @media only screen and (max-width: 1024px) { .community-page-gallery .committee-tabs { display: flex !important; flex-wrap: nowrap !important; overflow-x: auto !important; overflow-y: hidden !important; gap: 12px !important; white-space: nowrap !important; border-bottom: 1px solid #d9d9d9 !important; margin-bottom: 16px !important; padding-bottom: 8px !important; -webkit-overflow-scrolling: touch !important; scrollbar-width: none !important; } .community-page-gallery .committee-tabs::-webkit-scrollbar { display: none !important; } .community-page-gallery .committee-tab { flex: 0 0 auto !important; display: inline-flex !important; align-items: center !important; justify-content: center !important; min-height: 42px !important; padding: 0 16px !important; border: 1px solid #d9d9d9 !important; border-radius: 12px !important; background: #ffffff !important; color: #111111 !important; font-size: 14px !important; font-weight: 500 !important; line-height: 1 !important; white-space: nowrap !important; cursor: pointer !important; transition: all 0.25s ease !important; } .community-page-gallery .committee-tab:hover { border-color: #902b33 !important; color: #902b33 !important; background: #f7f7ff !important; } .community-page-gallery .committee-tab.active { color: #902b33 !important; border-color: #902b33 !important; background: #f7f7ff !important; font-weight: 600 !important; } .community-page-gallery .committee-tab.active::after { display: none !important; } } /* ------------------------- Desktop also one row ------------------------- */ @media only screen and (min-width: 1025px) { .community-page-gallery .committee-toolbar { position: sticky !important; top: 88px !important; z-index: 9 !important; background: #ffffff !important; padding-top: 10px !important; padding-bottom: 10px !important; margin: 0 0 0px 0 !important; } .community-page-gallery .committee-tabs { display: flex !important; flex-wrap: nowrap !important; overflow-x: auto !important; overflow-y: hidden !important; gap: 12px !important; white-space: nowrap !important; border-bottom: 1px solid #d9d9d9 !important; margin-bottom: 16px !important; padding-bottom: 8px !important; scrollbar-width: none !important; } .community-page-gallery .committee-tabs::-webkit-scrollbar { display: none !important; } .community-page-gallery .committee-tab { flex: 0 0 auto !important; display: inline-flex !important; align-items: center !important; justify-content: center !important; min-height: 42px !important; padding: 0 16px !important; border: 1px solid #d9d9d9 !important; border-radius: 12px !important; background: #ffffff !important; color: #111111 !important; font-size: 14px !important; font-weight: 500 !important; line-height: 1 !important; white-space: nowrap !important; cursor: pointer !important; transition: all 0.25s ease !important; } .community-page-gallery .committee-tab:hover { border-color: #902b33 !important; color: #902b33 !important; background: #f7f7ff !important; } .community-page-gallery .committee-tab.active { color: #902b33 !important; border-color: #902b33 !important; background: #f7f7ff !important; font-weight: 600 !important; } } /* ------------------------- Sticky helper ------------------------- */ .community-page-gallery, .community-page-gallery section[data-section-id="128495000004751244"], .community-page-gallery section[data-section-id="128495000006596377"] { overflow: visible !important; } /* ========================================================= BOTTOM FIXED MENU SECTION ID: 128495000004751866 ========================================================= */ /* ========================================================= MOBILE Up to 767px ========================================================= */ @media only screen and (max-width: 767px) { /* Main fixed section */ .community-page-gallery section[data-section-id="128495000004751866"] { position: fixed !important; bottom: 0 !important; left: 0 !important; width: 100% !important; max-width: 100% !important; z-index: 9 !important; margin: 0 !important; padding: 0 !important; background: transparent !important; overflow: visible !important; } /* Background layer */ .community-page-gallery section[data-section-id="128495000004751866"] .background-layer { background: transparent !important; } /* White bottom navigation container */ .community-page-gallery section[data-section-id="128495000004751866"] .foreground-layer, .community-page-gallery section[data-section-id="128495000004751866"] .bs-container { width: 100% !important; max-width: 100% !important; margin: 0 !important; padding: 12px 12px 10px !important; box-sizing: border-box !important; background: #ffffff !important; border-top: 1px solid #f3f0f0 !important; box-shadow: none !important; } /* Three menu columns */ .community-page-gallery section[data-section-id="128495000004751866"] .grb-list { display: grid !important; grid-template-columns: repeat(3, minmax(0, 1fr)) !important; grid-auto-flow: unset !important; align-items: start !important; justify-items: center !important; gap: 0 !important; width: 100% !important; max-width: 100% !important; margin: 0 !important; padding: 0 !important; background: #ffffff !important; } /* Individual menu item */ .community-page-gallery section[data-section-id="128495000004751866"] .li-item { position: relative !important; display: flex !important; flex-direction: column !important; justify-content: flex-start !important; align-items: center !important; width: 100% !important; max-width: 100% !important; min-width: 0 !important; margin: 0 !important; padding: 0 !important; gap: 4px !important; background: transparent !important; border: none !important; box-shadow: none !important; } /* Icon clickable area */ .community-page-gallery section[data-section-id="128495000004751866"] .list-image, .community-page-gallery section[data-section-id="128495000004751866"] .bs-media-wgt, .community-page-gallery section[data-section-id="128495000004751866"] .media-element, .community-page-gallery section[data-section-id="128495000004751866"] .media-image, .community-page-gallery section[data-section-id="128495000004751866"] .media-image.pointer { position: relative !important; inset: auto !important; display: flex !important; flex: 0 0 53px !important; justify-content: center !important; align-items: center !important; width: 53px !important; min-width: 53px !important; max-width: 53px !important; height: 53px !important; min-height: 53px !important; max-height: 53px !important; margin: 0 auto !important; padding: 0 !important; box-sizing: border-box !important; background: transparent !important; overflow: hidden !important; transform: none !important; } /* Actual icon image */ .community-page-gallery section[data-section-id="128495000004751866"] .fluid-image, .community-page-gallery section[data-section-id="128495000004751866"] .media-image img { position: relative !important; display: block !important; flex: 0 0 53px !important; width: 53px !important; min-width: 53px !important; max-width: 53px !important; height: 53px !important; min-height: 53px !important; max-height: 53px !important; margin: 0 !important; padding: 0 !important; box-sizing: border-box !important; object-fit: contain !important; object-position: center !important; background: transparent !important; transform: none !important; } /* Text container */ .community-page-gallery section[data-section-id="128495000004751866"] .li-content { display: block !important; width: auto !important; max-width: 100% !important; margin: 0 !important; padding: 0 !important; text-align: center !important; background: transparent !important; } /* Menu text */ .community-page-gallery section[data-section-id="128495000004751866"] .li-title, .community-page-gallery section[data-section-id="128495000004751866"] .li-title div, .community-page-gallery section[data-section-id="128495000004751866"] .li-subtitle, .community-page-gallery section[data-section-id="128495000004751866"] .li-subtitle div { margin: 0 !important; padding: 0 !important; font-size: 10px !important; font-weight: 600 !important; line-height: 1.2 !important; color: #902b33 !important; text-align: center !important; background: transparent !important; } } /* ========================================================= TABLET 768px to 1024px ========================================================= */ @media only screen and (min-width: 768px) and (max-width: 1024px) { /* Main fixed section */ .community-page-gallery section[data-section-id="128495000004751866"] { position: fixed !important; bottom: 0 !important; left: 0 !important; width: 100% !important; max-width: 100% !important; z-index: 9 !important; margin: 0 !important; padding: 0 !important; background: #ffffff !important; overflow: visible !important; } /* Background layer */ .community-page-gallery section[data-section-id="128495000004751866"] .background-layer { background: #ffffff !important; } /* White bottom navigation container */ .community-page-gallery section[data-section-id="128495000004751866"] .foreground-layer, .community-page-gallery section[data-section-id="128495000004751866"] .bs-container { width: 100% !important; max-width: 100% !important; margin: 0 !important; padding: 14px 30px 12px !important; box-sizing: border-box !important; background: #ffffff !important; border-top: 1px solid #f3f0f0 !important; box-shadow: none !important; } /* Three menu columns */ .community-page-gallery section[data-section-id="128495000004751866"] .grb-list { display: grid !important; grid-template-columns: repeat(3, minmax(0, 1fr)) !important; grid-auto-flow: unset !important; align-items: center !important; justify-items: center !important; gap: 0 !important; width: 100% !important; max-width: 100% !important; margin: 0 !important; padding: 0 !important; background: #ffffff !important; } /* Individual menu item */ .community-page-gallery section[data-section-id="128495000004751866"] .li-item { position: relative !important; display: flex !important; flex-direction: column !important; justify-content: center !important; align-items: center !important; width: 100% !important; max-width: 100% !important; min-width: 0 !important; margin: 0 !important; padding: 0 !important; gap: 6px !important; background: transparent !important; border: none !important; box-shadow: none !important; } /* Icon clickable area */ .community-page-gallery section[data-section-id="128495000004751866"] .list-image, .community-page-gallery section[data-section-id="128495000004751866"] .bs-media-wgt, .community-page-gallery section[data-section-id="128495000004751866"] .media-element, .community-page-gallery section[data-section-id="128495000004751866"] .media-image, .community-page-gallery section[data-section-id="128495000004751866"] .media-image.pointer { position: relative !important; inset: auto !important; display: flex !important; flex: 0 0 73px !important; justify-content: center !important; align-items: center !important; width: 73px !important; min-width: 73px !important; max-width: 73px !important; height: 73px !important; min-height: 73px !important; max-height: 73px !important; margin: 0 auto !important; padding: 0 !important; box-sizing: border-box !important; background: transparent !important; overflow: hidden !important; transform: none !important; } /* Actual icon image */ .community-page-gallery section[data-section-id="128495000004751866"] .fluid-image, .community-page-gallery section[data-section-id="128495000004751866"] .media-image img { position: relative !important; display: block !important; flex: 0 0 73px !important; width: 73px !important; min-width: 73px !important; max-width: 73px !important; height: 73px !important; min-height: 73px !important; max-height: 73px !important; margin: 0 !important; padding: 0 !important; box-sizing: border-box !important; object-fit: contain !important; object-position: center !important; background: transparent !important; transform: none !important; } /* Text container */ .community-page-gallery section[data-section-id="128495000004751866"] .li-content { display: block !important; width: auto !important; max-width: 100% !important; margin: 0 !important; padding: 0 !important; text-align: center !important; background: transparent !important; } /* Menu text */ .community-page-gallery section[data-section-id="128495000004751866"] .li-title, .community-page-gallery section[data-section-id="128495000004751866"] .li-title div, .community-page-gallery section[data-section-id="128495000004751866"] .li-subtitle, .community-page-gallery section[data-section-id="128495000004751866"] .li-subtitle div { margin: 0 !important; padding: 0 !important; font-size: 12px !important; font-weight: 600 !important; line-height: 1.2 !important; color: #111111 !important; text-align: center !important; background: transparent !important; } } /* ========================================================= iPAD MINI ADJUSTMENT 768px to 820px ========================================================= */ @media only screen and (min-width: 768px) and (max-width: 820px) { .community-page-gallery section[data-section-id="128495000004751866"] .foreground-layer, .community-page-gallery section[data-section-id="128495000004751866"] .bs-container { padding: 12px 24px 10px !important; } .community-page-gallery section[data-section-id="128495000004751866"] .list-image, .community-page-gallery section[data-section-id="128495000004751866"] .bs-media-wgt, .community-page-gallery section[data-section-id="128495000004751866"] .media-element, .community-page-gallery section[data-section-id="128495000004751866"] .media-image, .community-page-gallery section[data-section-id="128495000004751866"] .media-image.pointer, .community-page-gallery section[data-section-id="128495000004751866"] .fluid-image, .community-page-gallery section[data-section-id="128495000004751866"] .media-image img { flex-basis: 63px !important; width: 63px !important; min-width: 63px !important; max-width: 63px !important; height: 63px !important; min-height: 63px !important; max-height: 63px !important; } .community-page-gallery section[data-section-id="128495000004751866"] .li-title, .community-page-gallery section[data-section-id="128495000004751866"] .li-title div, .community-page-gallery section[data-section-id="128495000004751866"] .li-subtitle, .community-page-gallery section[data-section-id="128495000004751866"] .li-subtitle div { font-size: 11px !important; } } .community-page-gallery section[data-section-id="128495000006596377"] { padding-bottom: 100px !important; } /* ========================================================= FINAL FIX: REDUCE GAP BETWEEN ICON IMAGE AND TEXT ONLY PAGE: SPEAKERS SECTION ID: 128495000004751866 ADD THIS AT VERY BOTTOM ========================================================= */ /* =============================== MOBILE 0px to 767px ================================= */ @media only screen and (max-width: 767px) { .community-page-gallery section[data-section-id="128495000004751866"] .li-item { gap: 0 !important; } .community-page-gallery section[data-section-id="128495000004751866"] .list-image { margin-bottom: 0 !important; padding-bottom: 0 !important; } .community-page-gallery section[data-section-id="128495000004751866"] .li-content { margin-top: -22px !important; padding-top: 0 !important; transform: translateY(-6px) !important; } .community-page-gallery section[data-section-id="128495000004751866"] .li-title, .community-page-gallery section[data-section-id="128495000004751866"] .li-title p, .community-page-gallery section[data-section-id="128495000004751866"] .li-title span, .community-page-gallery section[data-section-id="128495000004751866"] .li-title strong { margin: 0 !important; padding: 0 !important; line-height: 1 !important; } } /* ========================================================= FINAL SAFE FIX ICON + TEXT GAP ONLY PAGE: SPEAKERS SECTION ID: 128495000004751866 ADD AT VERY BOTTOM ========================================================= */ /* MOBILE */ @media only screen and (max-width: 767px) { .community-page-gallery section[data-section-id="128495000004751866"] .li-item { gap: 1px !important; } .community-page-gallery section[data-section-id="128495000004751866"] .li-content { margin-top: 0 !important; transform: none !important; padding-top: 0 !important; } .community-page-gallery section[data-section-id="128495000004751866"] .list-image, .community-page-gallery section[data-section-id="128495000004751866"] .bs-media-wgt, .community-page-gallery section[data-section-id="128495000004751866"] .media-element, .community-page-gallery section[data-section-id="128495000004751866"] .media-image, .community-page-gallery section[data-section-id="128495000004751866"] .media-image.pointer { margin-bottom: 0 !important; padding-bottom: 0 !important; } .community-page-gallery section[data-section-id="128495000004751866"] .li-title, .community-page-gallery section[data-section-id="128495000004751866"] .li-title div, .community-page-gallery section[data-section-id="128495000004751866"] .li-title p, .community-page-gallery section[data-section-id="128495000004751866"] .li-title span, .community-page-gallery section[data-section-id="128495000004751866"] .li-title strong { margin: 0 !important; padding: 0 !important; line-height: 1.05 !important; } } /* TABLET */ @media only screen and (min-width: 768px) and (max-width: 1024px) { .community-page-gallery section[data-section-id="128495000004751866"] .li-item { gap: 2px !important; } .community-page-gallery section[data-section-id="128495000004751866"] .li-content { margin-top: 0 !important; transform: none !important; padding-top: 0 !important; } .community-page-gallery section[data-section-id="128495000004751866"] .list-image, .community-page-gallery section[data-section-id="128495000004751866"] .bs-media-wgt, .community-page-gallery section[data-section-id="128495000004751866"] .media-element, .community-page-gallery section[data-section-id="128495000004751866"] .media-image, .community-page-gallery section[data-section-id="128495000004751866"] .media-image.pointer { margin-bottom: 0 !important; padding-bottom: 0 !important; } .community-page-gallery section[data-section-id="128495000004751866"] .li-title, .community-page-gallery section[data-section-id="128495000004751866"] .li-title div, .community-page-gallery section[data-section-id="128495000004751866"] .li-title p, .community-page-gallery section[data-section-id="128495000004751866"] .li-title span, .community-page-gallery section[data-section-id="128495000004751866"] .li-title strong { margin: 0 !important; padding: 0 !important; line-height: 1.05 !important; } } /* ========================================================= 7. TAP HIGHLIGHT REMOVAL ========================================================= */ .community-page-gallery section[data-section-id="128495000004752207"] .li-item, .community-page-gallery section[data-section-id="128495000004752207"] .list-image, .community-page-gallery section[data-section-id="128495000004752207"] .bs-media-wgt, .community-page-gallery section[data-section-id="128495000004752207"] .media-element, .community-page-gallery section[data-section-id="128495000004752207"] .media-image, .community-page-gallery section[data-section-id="128495000004752207"] .media-image.pointer, .community-page-gallery section[data-section-id="128495000004752207"] .fluid-image, .community-page-gallery section[data-section-id="128495000004752207"] img { -webkit-tap-highlight-color: transparent !important; } .community-page-gallery section[data-section-id="128495000004752207"] .li-item:focus, .community-page-gallery section[data-section-id="128495000004752207"] .list-image:focus, .community-page-gallery section[data-section-id="128495000004752207"] .media-image:focus, .community-page-gallery section[data-section-id="128495000004752207"] .fluid-image:focus, .community-page-gallery section[data-section-id="128495000004752207"] img:focus { outline: none !important; } /* ========================================================= EXHIBITOR DASHBOARD (COMMUNITY PAGE CUSTOMPAGE ) ========================================================= */ @media only screen and (max-width: 767px) { .community-page-customPage section div[data-element-id="128495000004752058"] .bs-mtList-wgt { display: grid !important; grid-template-columns: repeat(2, minmax(0, 1fr)) !important; column-gap: 16px !important; row-gap: 18px !important; width: 100% !important; margin: 0 !important; padding: 0 !important; } .community-page-customPage section div[data-element-id="128495000004752058"] .bs-mtList-wgt .li-item { display: flex !important; flex-direction: column !important; align-items: center !important; justify-content: flex-start !important; width: 100% !important; min-width: 0 !important; max-width: 100% !important; margin: 0 !important; padding: 14px 12px !important; gap: 12px !important; background: #ebecee !important; border-radius: 22px !important; box-sizing: border-box !important; float: none !important; } .community-page-customPage section div[data-element-id="128495000004752058"] .bs-mtList-wgt .list-image, .community-page-customPage section div[data-element-id="128495000004752058"] .bs-mtList-wgt .bs-media-wgt, .community-page-customPage section div[data-element-id="128495000004752058"] .bs-mtList-wgt .media-element, .community-page-customPage section div[data-element-id="128495000004752058"] .bs-mtList-wgt .media-image { display: flex !important; align-items: center !important; justify-content: center !important; width: 100px !important; height: 100px !important; min-width: 100px !important; max-width: 100px !important; margin: 0 auto !important; padding: 0 !important; overflow: hidden !important; /*border-radius: 50% !important;*/ background: #0b54a300 !important; } .community-page-customPage section div[data-element-id="128495000004752058"] .bs-mtList-wgt img, .community-page-customPage section div[data-element-id="128495000004752058"] .bs-mtList-wgt img.fluid-image { display: block !important; width: 60px !important; height: 60px !important; max-width: 60px !important; max-height: 60px !important; margin: 0 auto !important; object-fit: cover !important; border-radius: 0 !important; } .community-page-customPage section div[data-element-id="128495000004752058"] .bs-mtList-wgt .li-content { display: block !important; width: 100% !important; margin: 0 !important; padding: 0 !important; text-align: center !important; } .community-page-customPage section div[data-element-id="128495000004752058"] .bs-mtList-wgt .li-title, .community-page-customPage section div[data-element-id="128495000004752058"] .bs-mtList-wgt .li-title *, .community-page-customPage section div[data-element-id="128495000004752058"] .bs-mtList-wgt .li-content * { margin: 0 !important; padding: 0 !important; color: #000000 !important; font-size: 12px !important; line-height: 1.25 !important; font-weight: 500 !important; text-align: center !important; white-space: normal !important; word-break: break-word !important; } .community-page-customPage section div[data-element-id="128495000004752058"] .bs-mtList-wgt .li-title p { margin: 0 !important; } } @media only screen and (min-width: 768px) and (max-width: 1024px) { .community-page-customPage section div[data-element-id="128495000004752058"] .bs-mtList-wgt { display: grid !important; grid-template-columns: repeat(4, minmax(0, 1fr)) !important; column-gap: 16px !important; row-gap: 18px !important; width: 100% !important; margin: 0 !important; padding: 0 !important; } .community-page-customPage section div[data-element-id="128495000004752058"] .bs-mtList-wgt .li-item { display: flex !important; flex-direction: column !important; align-items: center !important; justify-content: flex-start !important; width: 100% !important; min-width: 0 !important; max-width: 100% !important; margin: 0 !important; padding: 14px 12px !important; gap: 12px !important; background: #eeeff14e !important; border-radius: 22px !important; box-sizing: border-box !important; float: none !important; } .community-page-customPage section div[data-element-id="128495000004752058"] .bs-mtList-wgt .list-image, .community-page-customPage section div[data-element-id="128495000004752058"] .bs-mtList-wgt .bs-media-wgt, .community-page-customPage section div[data-element-id="128495000004752058"] .bs-mtList-wgt .media-element, .community-page-customPage section div[data-element-id="128495000004752058"] .bs-mtList-wgt .media-image { display: flex !important; align-items: center !important; justify-content: center !important; width: 90px !important; height: 90px !important; min-width: 90px !important; max-width: 90px !important; margin: 0 auto !important; padding: 0 !important; overflow: hidden !important; background: #0b54a300 !important; } .community-page-customPage section div[data-element-id="128495000004752058"] .bs-mtList-wgt img, .community-page-customPage section div[data-element-id="128495000004752058"] .bs-mtList-wgt img.fluid-image { display: block !important; width: 54px !important; height: 54px !important; max-width: 54px !important; max-height: 54px !important; margin: 0 auto !important; object-fit: cover !important; border-radius: 0 !important; } .community-page-customPage section div[data-element-id="128495000004752058"] .bs-mtList-wgt .li-content { display: block !important; width: 100% !important; margin: 0 !important; padding: 0 !important; text-align: center !important; } .community-page-customPage section div[data-element-id="128495000004752058"] .bs-mtList-wgt .li-title, .community-page-customPage section div[data-element-id="128495000004752058"] .bs-mtList-wgt .li-title *, .community-page-customPage section div[data-element-id="128495000004752058"] .bs-mtList-wgt .li-content * { margin: 0 !important; padding: 0 !important; color: #000000 !important; font-size: 13px !important; line-height: 1.25 !important; font-weight: 500 !important; text-align: center !important; white-space: normal !important; word-break: break-word !important; } .community-page-customPage section div[data-element-id="128495000004752058"] .bs-mtList-wgt .li-title p { margin: 0 !important; } } /* ========================================================= BOTTOM FIXED MENU SECTION ID: 128495000004752207 ========================================================= */ /* ========================================================= MOBILE Up to 767px ========================================================= */ @media only screen and (max-width: 767px) { /* Main fixed section */ .community-page-customPage section[data-section-id="128495000004752207"] { position: fixed !important; bottom: 0 !important; left: 0 !important; width: 100% !important; max-width: 100% !important; z-index: 9 !important; margin: 0 !important; padding: 0 !important; background: transparent !important; overflow: visible !important; } /* Background layer */ .community-page-customPage section[data-section-id="128495000004752207"] .background-layer { background: transparent !important; } /* White bottom navigation container */ .community-page-customPage section[data-section-id="128495000004752207"] .foreground-layer, .community-page-customPage section[data-section-id="128495000004752207"] .bs-container { width: 100% !important; max-width: 100% !important; margin: 0 !important; padding: 12px 12px 10px !important; box-sizing: border-box !important; background: #ffffff !important; border-top: 1px solid #f3f0f0 !important; box-shadow: none !important; } /* Three menu columns */ .community-page-customPage section[data-section-id="128495000004752207"] .grb-list { display: grid !important; grid-template-columns: repeat(3, minmax(0, 1fr)) !important; grid-auto-flow: unset !important; align-items: start !important; justify-items: center !important; gap: 0 !important; width: 100% !important; max-width: 100% !important; margin: 0 !important; padding: 0 !important; background: #ffffff !important; } /* Individual menu item */ .community-page-customPage section[data-section-id="128495000004752207"] .li-item { position: relative !important; display: flex !important; flex-direction: column !important; justify-content: flex-start !important; align-items: center !important; width: 100% !important; max-width: 100% !important; min-width: 0 !important; margin: 0 !important; padding: 0 !important; gap: 4px !important; background: transparent !important; border: none !important; box-shadow: none !important; } /* Icon clickable area */ .community-page-customPage section[data-section-id="128495000004752207"] .list-image, .community-page-customPage section[data-section-id="128495000004752207"] .bs-media-wgt, .community-page-customPage section[data-section-id="128495000004752207"] .media-element, .community-page-customPage section[data-section-id="128495000004752207"] .media-image, .community-page-customPage section[data-section-id="128495000004752207"] .media-image.pointer { position: relative !important; inset: auto !important; display: flex !important; flex: 0 0 53px !important; justify-content: center !important; align-items: center !important; width: 53px !important; min-width: 53px !important; max-width: 53px !important; height: 53px !important; min-height: 53px !important; max-height: 53px !important; margin: 0 auto !important; padding: 0 !important; box-sizing: border-box !important; background: transparent !important; overflow: hidden !important; transform: none !important; } /* Actual icon image */ .community-page-customPage section[data-section-id="128495000004752207"] .fluid-image, .community-page-customPage section[data-section-id="128495000004752207"] .media-image img { position: relative !important; display: block !important; flex: 0 0 53px !important; width: 53px !important; min-width: 53px !important; max-width: 53px !important; height: 53px !important; min-height: 53px !important; max-height: 53px !important; margin: 0 !important; padding: 0 !important; box-sizing: border-box !important; object-fit: contain !important; object-position: center !important; background: transparent !important; transform: none !important; } /* Text container */ .community-page-customPage section[data-section-id="128495000004752207"] .li-content { display: block !important; width: auto !important; max-width: 100% !important; margin: 0 !important; padding: 0 !important; text-align: center !important; background: transparent !important; } /* Menu text */ .community-page-customPage section[data-section-id="128495000004752207"] .li-title, .community-page-customPage section[data-section-id="128495000004752207"] .li-title div, .community-page-customPage section[data-section-id="128495000004752207"] .li-subtitle, .community-page-customPage section[data-section-id="128495000004752207"] .li-subtitle div { margin: 0 !important; padding: 0 !important; font-size: 10px !important; font-weight: 600 !important; line-height: 1.2 !important; color: #902b33 !important; text-align: center !important; background: transparent !important; } } /* ========================================================= TABLET 768px to 1024px ========================================================= */ @media only screen and (min-width: 768px) and (max-width: 1024px) { /* Main fixed section */ .community-page-customPage section[data-section-id="128495000004752207"] { position: fixed !important; bottom: 0 !important; left: 0 !important; width: 100% !important; max-width: 100% !important; z-index: 9 !important; margin: 0 !important; padding: 0 !important; background: #ffffff !important; overflow: visible !important; } /* Background layer */ .community-page-customPage section[data-section-id="128495000004752207"] .background-layer { background: #ffffff !important; } /* White bottom navigation container */ .community-page-customPage section[data-section-id="128495000004752207"] .foreground-layer, .community-page-customPage section[data-section-id="128495000004752207"] .bs-container { width: 100% !important; max-width: 100% !important; margin: 0 !important; padding: 14px 30px 12px !important; box-sizing: border-box !important; background: #ffffff !important; border-top: 1px solid #f3f0f0 !important; box-shadow: none !important; } /* Three menu columns */ .community-page-customPage section[data-section-id="128495000004752207"] .grb-list { display: grid !important; grid-template-columns: repeat(3, minmax(0, 1fr)) !important; grid-auto-flow: unset !important; align-items: center !important; justify-items: center !important; gap: 0 !important; width: 100% !important; max-width: 100% !important; margin: 0 !important; padding: 0 !important; background: #ffffff !important; } /* Individual menu item */ .community-page-customPage section[data-section-id="128495000004752207"] .li-item { position: relative !important; display: flex !important; flex-direction: column !important; justify-content: center !important; align-items: center !important; width: 100% !important; max-width: 100% !important; min-width: 0 !important; margin: 0 !important; padding: 0 !important; gap: 6px !important; background: transparent !important; border: none !important; box-shadow: none !important; } /* Icon clickable area */ .community-page-customPage section[data-section-id="128495000004752207"] .list-image, .community-page-customPage section[data-section-id="128495000004752207"] .bs-media-wgt, .community-page-customPage section[data-section-id="128495000004752207"] .media-element, .community-page-customPage section[data-section-id="128495000004752207"] .media-image, .community-page-customPage section[data-section-id="128495000004752207"] .media-image.pointer { position: relative !important; inset: auto !important; display: flex !important; flex: 0 0 73px !important; justify-content: center !important; align-items: center !important; width: 73px !important; min-width: 73px !important; max-width: 73px !important; height: 73px !important; min-height: 73px !important; max-height: 73px !important; margin: 0 auto !important; padding: 0 !important; box-sizing: border-box !important; background: transparent !important; overflow: hidden !important; transform: none !important; } /* Actual icon image */ .community-page-customPage section[data-section-id="128495000004752207"] .fluid-image, .community-page-customPage section[data-section-id="128495000004752207"] .media-image img { position: relative !important; display: block !important; flex: 0 0 73px !important; width: 73px !important; min-width: 73px !important; max-width: 73px !important; height: 73px !important; min-height: 73px !important; max-height: 73px !important; margin: 0 !important; padding: 0 !important; box-sizing: border-box !important; object-fit: contain !important; object-position: center !important; background: transparent !important; transform: none !important; } /* Text container */ .community-page-customPage section[data-section-id="128495000004752207"] .li-content { display: block !important; width: auto !important; max-width: 100% !important; margin: 0 !important; padding: 0 !important; text-align: center !important; background: transparent !important; } /* Menu text */ .community-page-customPage section[data-section-id="128495000004752207"] .li-title, .community-page-customPage section[data-section-id="128495000004752207"] .li-title div, .community-page-customPage section[data-section-id="128495000004752207"] .li-subtitle, .community-page-customPage section[data-section-id="128495000004752207"] .li-subtitle div { margin: 0 !important; padding: 0 !important; font-size: 12px !important; font-weight: 600 !important; line-height: 1.2 !important; color: #111111 !important; text-align: center !important; background: transparent !important; } } /* ========================================================= iPAD MINI ADJUSTMENT 768px to 820px ========================================================= */ @media only screen and (min-width: 768px) and (max-width: 820px) { .community-page-customPage section[data-section-id="128495000004752207"] .foreground-layer, .community-page-customPage section[data-section-id="128495000004752207"] .bs-container { padding: 12px 24px 10px !important; } .community-page-customPage section[data-section-id="128495000004752207"] .list-image, .community-page-customPage section[data-section-id="128495000004752207"] .bs-media-wgt, .community-page-customPage section[data-section-id="128495000004752207"] .media-element, .community-page-customPage section[data-section-id="128495000004752207"] .media-image, .community-page-customPage section[data-section-id="128495000004752207"] .media-image.pointer, .community-page-customPage section[data-section-id="128495000004752207"] .fluid-image, .community-page-customPage section[data-section-id="128495000004752207"] .media-image img { flex-basis: 63px !important; width: 63px !important; min-width: 63px !important; max-width: 63px !important; height: 63px !important; min-height: 63px !important; max-height: 63px !important; } .community-page-customPage section[data-section-id="128495000004752207"] .li-title, .community-page-customPage section[data-section-id="128495000004752207"] .li-title div, .community-page-customPage section[data-section-id="128495000004752207"] .li-subtitle, .community-page-customPage section[data-section-id="128495000004752207"] .li-subtitle div { font-size: 11px !important; } } /* ========================================================= 8. TAP HIGHLIGHT REMOVAL ========================================================= */ .community-page-customPage section[data-section-id="128495000004752207"] .li-item, .community-page-customPage section[data-section-id="128495000004752207"] .list-image, .community-page-customPage section[data-section-id="128495000004752207"] .bs-media-wgt, .community-page-customPage section[data-section-id="128495000004752207"] .media-element, .community-page-customPage section[data-section-id="128495000004752207"] .media-image, .community-page-customPage section[data-section-id="128495000004752207"] .media-image.pointer, .community-page-customPage section[data-section-id="128495000004752207"] .fluid-image, .community-page-customPage section[data-section-id="128495000004752207"] img { -webkit-tap-highlight-color: transparent !important; } .community-page-customPage section[data-section-id="128495000004752207"] .li-item:focus, .community-page-customPage section[data-section-id="128495000004752207"] .list-image:focus, .community-page-customPage section[data-section-id="128495000004752207"] .media-image:focus, .community-page-customPage section[data-section-id="128495000004752207"] .fluid-image:focus, .community-page-customPage section[data-section-id="128495000004752207"] img:focus { outline: none !important; } /* ========================================================= FINAL SAFE FIX ICON + TEXT GAP ONLY PAGE: SPEAKERS SECTION ID: 128495000004752207 ADD AT VERY BOTTOM ========================================================= */ /* MOBILE */ @media only screen and (max-width: 767px) { .community-page-customPage section[data-section-id="128495000004752207"] .li-item { gap: 1px !important; } .community-page-customPage section[data-section-id="128495000004752207"] .li-content { margin-top: 0 !important; transform: none !important; padding-top: 0 !important; } .community-page-customPage section[data-section-id="128495000004752207"] .list-image, .community-page-customPage section[data-section-id="128495000004752207"] .bs-media-wgt, .community-page-customPage section[data-section-id="128495000004752207"] .media-element, .community-page-customPage section[data-section-id="128495000004752207"] .media-image, .community-page-customPage section[data-section-id="128495000004752207"] .media-image.pointer { margin-bottom: 0 !important; padding-bottom: 0 !important; } .community-page-customPage section[data-section-id="128495000004752207"] .li-title, .community-page-customPage section[data-section-id="128495000004752207"] .li-title div, .community-page-customPage section[data-section-id="128495000004752207"] .li-title p, .community-page-customPage section[data-section-id="128495000004752207"] .li-title span, .community-page-customPage section[data-section-id="128495000004752207"] .li-title strong { margin: 0 !important; padding: 0 !important; line-height: 1.05 !important; } } /* TABLET */ @media only screen and (min-width: 768px) and (max-width: 1024px) { .community-page-customPage section[data-section-id="128495000004752207"] .li-item { gap: 2px !important; } .community-page-customPage section[data-section-id="128495000004752207"] .li-content { margin-top: 0 !important; transform: none !important; padding-top: 0 !important; } .community-page-customPage section[data-section-id="128495000004752207"] .list-image, .community-page-customPage section[data-section-id="128495000004752207"] .bs-media-wgt, .community-page-customPage section[data-section-id="128495000004752207"] .media-element, .community-page-customPage section[data-section-id="128495000004752207"] .media-image, .community-page-customPage section[data-section-id="128495000004752207"] .media-image.pointer { margin-bottom: 0 !important; padding-bottom: 0 !important; } .community-page-customPage section[data-section-id="128495000004752207"] .li-title, .community-page-customPage section[data-section-id="128495000004752207"] .li-title div, .community-page-customPage section[data-section-id="128495000004752207"] .li-title p, .community-page-customPage section[data-section-id="128495000004752207"] .li-title span, .community-page-customPage section[data-section-id="128495000004752207"] .li-title strong { margin: 0 !important; padding: 0 !important; line-height: 1.05 !important; } } /* ========================================================= 8. TAP HIGHLIGHT REMOVAL ========================================================= */ .community-page-customPage section[data-section-id="128495000004752051"] .li-item, .community-page-customPage section[data-section-id="128495000004752051"] .list-image, .community-page-customPage section[data-section-id="128495000004752051"] .bs-media-wgt, .community-page-customPage section[data-section-id="128495000004752051"] .media-element, .community-page-customPage section[data-section-id="128495000004752051"] .media-image, .community-page-customPage section[data-section-id="128495000004752051"] .media-image.pointer, .community-page-customPage section[data-section-id="128495000004752051"] .fluid-image, .community-page-customPage section[data-section-id="128495000004752051"] img { -webkit-tap-highlight-color: transparent !important; } .community-page-customPage section[data-section-id="128495000004752051"] .li-item:focus, .community-page-customPage section[data-section-id="128495000004752051"] .list-image:focus, .community-page-customPage section[data-section-id="128495000004752051"] .media-image:focus, .community-page-customPage section[data-section-id="128495000004752051"] .fluid-image:focus, .community-page-customPage section[data-section-id="128495000004752051"] img:focus { outline: none !important; } /* ========================================================= COMMUNITY PAGE HOME ========================================================= */ /* ========================================================= 1. GLOBAL / BANNER ========================================================= */ /* Quick Actions section background - strongest CSS */ main.community-page-home section.bs-section.default.community-section-mediaWithTextList-8.custom-section[data-section-id="128495000004744711"], main.community-page-home section.bs-section.default.community-section-mediaWithTextList-8.custom-section[data-section-id="128495000004744711"] > div.background-layer, main.community-page-home section.bs-section.default.community-section-mediaWithTextList-8.custom-section[data-section-id="128495000004744711"] > div.background-layer[style], main.community-page-home section.bs-section.default.community-section-mediaWithTextList-8.custom-section[data-section-id="128495000003049025"] > article.foreground-layer { background: #ffffff !important; background-color: #ffffff !important; background-image: none !important; } /* =============================== MOBILE from minimum mobile to maximum mobile (up to 767px) ================================= */ @media screen and (max-width: 767px) { .bs-section.multiple-sections > article.foreground-layer { padding: 10px !important; } .community-page-home .bs-section.main-banner[data-section-id="128495000004744711"] { position: relative !important; height: 230px !important; min-height: 230px !important; margin: 0 !important; padding: 0 !important; overflow: hidden !important; border-radius: 10px !important; } .community-page-home .bs-section.main-banner[data-section-id="128495000004744711"] .background-layer { position: absolute !important; inset: 0 !important; width: 100% !important; height: 100% !important; border-radius: 10px !important; background-size: cover !important; background-position: center center !important; background-repeat: no-repeat !important; opacity: 1 !important; } .community-page-home .bs-section.main-banner[data-section-id="128495000004744711"] > .foreground-layer.bs-container, .community-page-home .bs-section.main-banner[data-section-id="128495000004744711"] .banner-widget, .community-page-home .bs-section.main-banner[data-section-id="128495000004744711"] .banner-content { position: relative !important; z-index: 2 !important; height: 230px !important; min-height: 230px !important; padding: 0 !important; margin: 0 !important; background: transparent !important; } } /* ========================= TABLET ========================= */ @media screen and (min-width: 768px) and (max-width: 1024px) { .bs-section.multiple-sections > article.foreground-layer { padding: 14px !important; } .community-page-home .bs-section.main-banner[data-section-id="128495000004744711"] { position: relative !important; height: 450px !important; min-height: 450px !important; margin: 0 !important; padding: 0 !important; overflow: hidden !important; border-radius: 28px !important; } .community-page-home .bs-section.main-banner[data-section-id="128495000004744711"] .background-layer { position: absolute !important; inset: 0 !important; width: 100% !important; height: 100% !important; border-radius: 28px !important; background-size: cover !important; background-position: center center !important; background-repeat: no-repeat !important; opacity: 1 !important; } .community-page-home .bs-section.main-banner[data-section-id="128495000004744711"] > .foreground-layer.bs-container, .community-page-home .bs-section.main-banner[data-section-id="128495000004744711"] .banner-widget, .community-page-home .bs-section.main-banner[data-section-id="128495000004744711"] .banner-content { position: relative !important; z-index: 2 !important; height: 390px !important; min-height: 390px !important; padding: 0 !important; margin: 0 !important; background: transparent !important; } } /* ========================================================= MOBILE minimum mobile to maximum mobile (0px to 767px) ========================================================= */ @media screen and (max-width: 767px) { /* Stop full section overflow */ .community-page-home div[data-element-id="128495000004744030"] { width: 100% !important; max-width: 100% !important; overflow-x: hidden !important; box-sizing: border-box !important; padding-left: 10px !important; padding-right: 10px !important; } /* Main grid */ .community-page-home div[data-element-id="128495000004744030"] .grb-list[class*="column-"] { display: grid !important; grid-template-columns: repeat(3, minmax(0, 1fr)) !important; gap: 15px !important; width: 100% !important; max-width: 100% !important; margin: 0 auto !important; padding: 0 !important; box-sizing: border-box !important; overflow: hidden !important; } /* Each card */ .community-page-home div[data-element-id="128495000004744030"] .grb-list[class*="column-"] > * { width: 100% !important; max-width: 100% !important; min-width: 0 !important; margin: 0 !important; padding: 10px 4px !important; box-sizing: border-box !important; background: #ffffff !important; border-radius: 12px !important; display: flex !important; flex-direction: column !important; align-items: center !important; justify-content: center !important; gap: 8px !important; height: 75px !important; min-height: 75px !important; overflow: hidden !important; } @media screen and (max-width: 767px) { .community-page-home div[data-element-id="128495000004744030"] .grb-list[class*="column-"] > * { background: #ffffff !important; border: 1px solid #eeeeee !important; border-radius: 14px !important; box-shadow: 0 4px 12px rgba(0, 0, 0, 0.035) !important; } } /* Remove inner spacing */ .community-page-home div[data-element-id="128495000004744030"] .grb-list[class*="column-"] > * * { margin: 0 !important; padding: 0 !important; box-sizing: border-box !important; max-width: 100% !important; } /* Icon */ .community-page-home div[data-element-id="128495000004744030"] .media-element, .community-page-home div[data-element-id="128495000004744030"] img, .community-page-home div[data-element-id="128495000004744030"] svg { width: 28px !important; height: 28px !important; max-width: 28px !important; max-height: 28px !important; object-fit: contain !important; display: block !important; flex-shrink: 0 !important; } /* Text */ .community-page-home div[data-element-id="128495000004744030"] h1, .community-page-home div[data-element-id="128495000004744030"] h2, .community-page-home div[data-element-id="128495000004744030"] h3, .community-page-home div[data-element-id="128495000004744030"] h4, .community-page-home div[data-element-id="128495000004744030"] p, .community-page-home div[data-element-id="128495000004744030"] span { font-size: 12px !important; line-height: 1.1 !important; font-weight: 600 !important; text-align: center !important; white-space: normal !important; } } /* ========================================================= TABLET SAFE FIX - QUICK ACTIONS ONLY 768px to 1024px ========================================================= */ @media screen and (min-width: 768px) and (max-width: 1024px) { /* Main grid only */ .community-page-home div[data-element-id="128495000004744030"] .grb-list[class*="column-"] { display: grid !important; grid-template-columns: repeat(3, minmax(0, 1fr)) !important; gap: 22px !important; width: 100% !important; max-width: 100% !important; } /* Only direct card items */ .community-page-home div[data-element-id="128495000004744030"] .grb-list[class*="column-"] > .li-item { width: 100% !important; max-width: 100% !important; height: 125px !important; min-height: 125px !important; padding: 16px 10px !important; margin: 0 !important; background: #ffffff !important; border: 1px solid #eeeeee !important; border-radius: 16px !important; box-shadow: 0 4px 12px rgba(0, 0, 0, 0.035) !important; display: flex !important; flex-direction: column !important; align-items: center !important; justify-content: center !important; gap: 10px !important; box-sizing: border-box !important; overflow: hidden !important; } /* Image area only inside card */ .community-page-home div[data-element-id="128495000004744030"] .grb-list[class*="column-"] > .li-item .list-image, .community-page-home div[data-element-id="128495000004744030"] .grb-list[class*="column-"] > .li-item .bs-media-wgt, .community-page-home div[data-element-id="128495000004744030"] .grb-list[class*="column-"] > .li-item .media-element, .community-page-home div[data-element-id="128495000004744030"] .grb-list[class*="column-"] > .li-item .media-image { width: 52px !important; height: 52px !important; max-width: 52px !important; max-height: 52px !important; display: flex !important; align-items: center !important; justify-content: center !important; margin: 0 auto !important; padding: 0 !important; overflow: visible !important; } /* Actual icon only inside quick action card */ .community-page-home div[data-element-id="128495000004744030"] .grb-list[class*="column-"] > .li-item .media-image img, .community-page-home div[data-element-id="128495000004744030"] .grb-list[class*="column-"] > .li-item .fluid-image, .community-page-home div[data-element-id="128495000004744030"] .grb-list[class*="column-"] > .li-item .media-element svg { width: 42px !important; height: 42px !important; max-width: 42px !important; max-height: 42px !important; object-fit: contain !important; object-position: center !important; display: block !important; margin: 0 auto !important; flex-shrink: 0 !important; } /* Text only inside quick action card title */ .community-page-home div[data-element-id="128495000004744030"] .grb-list[class*="column-"] > .li-item .li-title, .community-page-home div[data-element-id="128495000004744030"] .grb-list[class*="column-"] > .li-item .li-title div, .community-page-home div[data-element-id="128495000004744030"] .grb-list[class*="column-"] > .li-item .li-title span, .community-page-home div[data-element-id="128495000004744030"] .grb-list[class*="column-"] > .li-item .li-title p { font-size: 14px !important; line-height: 1.2 !important; font-weight: 600 !important; text-align: center !important; color: #000000 !important; margin: 0 !important; padding: 0 !important; } } /* ========================================================= COUNTDOWN SECTION SPACE REMOVE SECTION ID: 128495000006432229 ========================================================= */ .community-page-home section[data-section-id="128495000006432229"] { padding-top: 0 !important; padding-bottom: 0 !important; margin-top: 0 !important; margin-bottom: 0 !important; } .community-page-home section[data-section-id="128495000006432229"] .foreground-layer, .community-page-home section[data-section-id="128495000006432229"] .bs-container { padding-top: 10px !important; padding-bottom: 10px !important; margin-top: 0 !important; margin-bottom: 0 !important; } .community-page-home section[data-section-id="128495000006432229"] .grid-item, .community-page-home section[data-section-id="128495000006432229"] .count-down-layout, .community-page-home section[data-section-id="128495000006432229"] .design-tab, .community-page-home section[data-section-id="128495000006432229"] .li-item, .community-page-home section[data-section-id="128495000006432229"] .li-content { padding-top: 0 !important; padding-bottom: 0 !important; margin-top: 0 !important; margin-bottom: 0 !important; } /* Title spacing */ .community-page-home section[data-section-id="128495000006432229"] .count-down-title, .community-page-home section[data-section-id="128495000006432229"] .count-down-title p { margin-top: 0 !important; margin-bottom: 25px !important; padding: 0 !important; } /* Timer spacing */ .community-page-home section[data-section-id="128495000006432229"] .count-down-timer, .community-page-home section[data-section-id="128495000006432229"] .bs-countdown-wgt, .community-page-home section[data-section-id="128495000006432229"] .bs-countdown { margin-top: 0 !important; margin-bottom: 0 !important; padding-top: 0 !important; padding-bottom: 0 !important; } /* ========================================================= MOBILE COUNTDOWN SPACE FIX ========================================================= */ @media only screen and (max-width: 767px) { .community-page-home section[data-section-id="128495000006432229"] .foreground-layer, .community-page-home section[data-section-id="128495000006432229"] .bs-container { padding-top: 6px !important; padding-bottom: 6px !important; } .community-page-home section[data-section-id="128495000006432229"] .count-down-title, .community-page-home section[data-section-id="128495000006432229"] .count-down-title p { margin-bottom: 25px !important; } } /* ========================================================= COUNTDOWN FINAL RESPONSIVE FIX SECTION ID: 128495000006432229 ========================================================= */ /* Main countdown wrapper */ .community-page-home section[data-section-id="128495000006432229"] .bs-countdown { display: flex !important; justify-content: center !important; align-items: flex-start !important; gap: 14px !important; flex-wrap: wrap !important; width: 100% !important; max-width: 100% !important; overflow: hidden !important; } /* Each countdown item */ .community-page-home section[data-section-id="128495000006432229"] .bs-countdown .item { width: 90px !important; min-width: 90px !important; max-width: 90px !important; display: flex !important; flex-direction: column !important; align-items: center !important; justify-content: center !important; margin: 0 !important; padding: 0 !important; } /* Red number box */ .community-page-home section[data-section-id="128495000006432229"] .bs-countdown .values { width: 90px !important; height: 50px !important; background: #902b33 !important; border-radius: 9px !important; display: flex !important; align-items: center !important; justify-content: center !important; gap: 2px !important; margin: 0 !important; padding: 0 !important; box-sizing: border-box !important; } /* Digits */ .community-page-home section[data-section-id="128495000006432229"] .bs-countdown .value { background: transparent !important; border: none !important; box-shadow: none !important; color: #ffffff !important; font-size: 26px !important; line-height: 1 !important; font-weight: 700 !important; width: auto !important; min-width: auto !important; height: auto !important; margin: 0 !important; padding: 0 !important; } /* Label */ .community-page-home section[data-section-id="128495000006432229"] .bs-countdown .label { color: #222222 !important; font-size: 13px !important; line-height: 1.2 !important; font-weight: 500 !important; text-transform: uppercase !important; margin-top: 8px !important; text-align: center !important; } /* ========================================================= TABLET COUNTDOWN 768px to 1024px ========================================================= */ @media only screen and (min-width: 768px) and (max-width: 1024px) { .community-page-home section[data-section-id="128495000006432229"] .bs-countdown { gap: 12px !important; flex-wrap: nowrap !important; } .community-page-home section[data-section-id="128495000006432229"] .bs-countdown .item { width: 82px !important; min-width: 82px !important; max-width: 82px !important; } .community-page-home section[data-section-id="128495000006432229"] .bs-countdown .values { width: 82px !important; height: 48px !important; border-radius: 8px !important; } .community-page-home section[data-section-id="128495000006432229"] .bs-countdown .value { font-size: 24px !important; } .community-page-home section[data-section-id="128495000006432229"] .bs-countdown .label { font-size: 12px !important; } } /* ========================================================= MOBILE COUNTDOWN 0px to 767px ========================================================= */ @media only screen and (max-width: 767px) { .community-page-home section[data-section-id="128495000006432229"] .bs-countdown { display: grid !important; grid-template-columns: repeat(4, minmax(0, 1fr)) !important; gap: 6px !important; width: 100% !important; max-width: 100% !important; overflow: hidden !important; } .community-page-home section[data-section-id="128495000006432229"] .bs-countdown .item { width: 100% !important; min-width: 0 !important; max-width: 100% !important; } .community-page-home section[data-section-id="128495000006432229"] .bs-countdown .values { width: 100% !important; height: 38px !important; border-radius: 7px !important; } .community-page-home section[data-section-id="128495000006432229"] .bs-countdown .value { font-size: 18px !important; } .community-page-home section[data-section-id="128495000006432229"] .bs-countdown .label { font-size: 9px !important; margin-top: 6px !important; } } /* ========================================================= TABLET QUICK ACCESS SECTION ID: 128495000004744023 768px to 1024px ========================================================= */ @media only screen and (min-width: 768px) and (max-width: 1024px) { .community-page-home section[data-section-id="128495000004744023"] { padding-top: 0 !important; padding-bottom: 0 !important; margin-top: 0 !important; margin-bottom: 0 !important; background: #ffffff !important; } .community-page-home section[data-section-id="128495000004744023"] .foreground-layer, .community-page-home section[data-section-id="128495000004744023"] .bs-container { padding-top: 10px !important; padding-bottom: 12px !important; margin-top: 0 !important; margin-bottom: 0 !important; } .community-page-home section[data-section-id="128495000004744023"] .section-title, .community-page-home section[data-section-id="128495000004744023"] .section-title p { margin-top: 0 !important; margin-bottom: 12px !important; padding: 0 !important; } .community-page-home section[data-section-id="128495000004744023"] .section-sub-title, .community-page-home section[data-section-id="128495000004744023"] h5.section-sub-title { display: none !important; height: 0 !important; margin: 0 !important; padding: 0 !important; } .community-page-home section[data-section-id="128495000004744023"] .media-text-layout, .community-page-home section[data-section-id="128495000004744023"] .image-layout, .community-page-home section[data-section-id="128495000004744023"] .bs-mtList-wgt, .community-page-home section[data-section-id="128495000004744023"] .grb-list { margin: 0 !important; padding: 0 !important; } .community-page-home section[data-section-id="128495000004744023"] .grb-list { display: grid !important; grid-template-columns: repeat(3, minmax(0, 1fr)) !important; gap: 14px !important; align-items: stretch !important; width: 100% !important; } .community-page-home section[data-section-id="128495000004744023"] .li-item { width: 100% !important; min-height: 105px !important; height: auto !important; margin: 0 !important; padding: 14px 10px !important; background: #ffffff !important; border: 1px solid #eeeeee !important; border-radius: 16px !important; box-shadow: 0 6px 18px rgba(0, 0, 0, 0.055) !important; display: flex !important; flex-direction: column !important; align-items: center !important; justify-content: center !important; gap: 8px !important; box-sizing: border-box !important; overflow: hidden !important; } .community-page-home section[data-section-id="128495000004744023"] .list-image, .community-page-home section[data-section-id="128495000004744023"] .bs-media-wgt, .community-page-home section[data-section-id="128495000004744023"] .media-element, .community-page-home section[data-section-id="128495000004744023"] .media-image { width: auto !important; height: auto !important; margin: 0 !important; padding: 0 !important; display: flex !important; align-items: center !important; justify-content: center !important; } .community-page-home section[data-section-id="128495000004744023"] .fluid-image, .community-page-home section[data-section-id="128495000004744023"] .media-image img { width: 38px !important; height: 38px !important; max-width: 38px !important; max-height: 38px !important; object-fit: contain !important; display: block !important; margin: 0 auto !important; } .community-page-home section[data-section-id="128495000004744023"] .li-content, .community-page-home section[data-section-id="128495000004744023"] .li-title, .community-page-home section[data-section-id="128495000004744023"] .li-title p { margin: 0 !important; padding: 0 !important; line-height: 1.2 !important; text-align: center !important; } .community-page-home section[data-section-id="128495000004744023"] .li-title span, .community-page-home section[data-section-id="128495000004744023"] .li-title strong { font-size: 14px !important; font-weight: 600 !important; line-height: 1.2 !important; color: #111111 !important; } } /* ========================================================= MOBILE QUICK ACCESS SECTION ID: 128495000004744023 0px to 767px ========================================================= */ @media only screen and (max-width: 767px) { .community-page-home section[data-section-id="128495000004744023"] { padding-top: 0 !important; padding-bottom: 0 !important; margin-top: 0 !important; margin-bottom: 0 !important; background: #ffffff !important; } .community-page-home section[data-section-id="128495000004744023"] .foreground-layer, .community-page-home section[data-section-id="128495000004744023"] .bs-container { padding-top: 8px !important; padding-bottom: 10px !important; margin-top: 0 !important; margin-bottom: 0 !important; } .community-page-home section[data-section-id="128495000004744023"] .section-title, .community-page-home section[data-section-id="128495000004744023"] .section-title p { margin-top: 0 !important; margin-bottom: 25px !important; padding: 0 !important; } .community-page-home section[data-section-id="128495000004744023"] .section-sub-title, .community-page-home section[data-section-id="128495000004744023"] h5.section-sub-title { display: none !important; height: 0 !important; margin: 0 !important; padding: 0 !important; } .community-page-home section[data-section-id="128495000004744023"] .media-text-layout, .community-page-home section[data-section-id="128495000004744023"] .image-layout, .community-page-home section[data-section-id="128495000004744023"] .bs-mtList-wgt, .community-page-home section[data-section-id="128495000004744023"] .grb-list { margin: 0 !important; padding: 0 !important; } .community-page-home section[data-section-id="128495000004744023"] .grb-list { display: grid !important; grid-template-columns: repeat(3, minmax(0, 1fr)) !important; gap: 10px !important; align-items: stretch !important; width: 100% !important; } .community-page-home section[data-section-id="128495000004744023"] .li-item { width: 100% !important; min-height: 82px !important; height: auto !important; margin: 0 !important; padding: 10px 4px !important; background: #ffffff !important; border: 1px solid #eeeeee !important; border-radius: 13px !important; box-shadow: 0 4px 14px rgba(0, 0, 0, 0.045) !important; display: flex !important; flex-direction: column !important; align-items: center !important; justify-content: center !important; gap: 6px !important; box-sizing: border-box !important; overflow: hidden !important; } .community-page-home section[data-section-id="128495000004744023"] .list-image, .community-page-home section[data-section-id="128495000004744023"] .bs-media-wgt, .community-page-home section[data-section-id="128495000004744023"] .media-element, .community-page-home section[data-section-id="128495000004744023"] .media-image { width: auto !important; height: auto !important; margin: 0 !important; padding: 0 !important; display: flex !important; align-items: center !important; justify-content: center !important; } .community-page-home section[data-section-id="128495000004744023"] .fluid-image, .community-page-home section[data-section-id="128495000004744023"] .media-image img { width: 28px !important; height: 28px !important; max-width: 28px !important; max-height: 28px !important; object-fit: contain !important; display: block !important; margin: 0 auto !important; } .community-page-home section[data-section-id="128495000004744023"] .li-content, .community-page-home section[data-section-id="128495000004744023"] .li-title, .community-page-home section[data-section-id="128495000004744023"] .li-title p { margin: 0 !important; padding: 0 !important; line-height: 1.15 !important; text-align: center !important; } .community-page-home section[data-section-id="128495000004744023"] .li-title span, .community-page-home section[data-section-id="128495000004744023"] .li-title strong { font-size: 11px !important; font-weight: 600 !important; line-height: 1.15 !important; color: #111111 !important; } } /* ========================================================= SMALL MOBILE QUICK ACCESS 0px to 390px ========================================================= */ @media only screen and (max-width: 390px) { .community-page-home section[data-section-id="128495000004744023"] .grb-list { gap: 8px !important; } .community-page-home section[data-section-id="128495000004744023"] .li-item { min-height: 76px !important; padding: 8px 3px !important; border-radius: 12px !important; } .community-page-home section[data-section-id="128495000004744023"] .fluid-image, .community-page-home section[data-section-id="128495000004744023"] .media-image img { width: 25px !important; height: 25px !important; max-width: 25px !important; max-height: 25px !important; } .community-page-home section[data-section-id="128495000004744023"] .li-title span, .community-page-home section[data-section-id="128495000004744023"] .li-title strong { font-size: 10px !important; } } /* ========================================================= 4. IMAGE CAROUSEL SECTION - 128495000006432390 MOBILE + TABLET (0px to 767px) ========================================================= */ @media screen and (max-width: 1024px) { .community-page-home section[data-section-id="128495000006432390"] { overflow: hidden !important; } .community-page-home section[data-section-id="128495000006432390"] #128495000005575405.carousel, .community-page-home section[data-section-id="128495000006432390"] .owl-carousel { width: 100% !important; max-width: 100% !important; overflow: hidden !important; padding: 0 !important; margin: 0 !important; } .community-page-home section[data-section-id="128495000006432390"] .owl-stage-outer { overflow: hidden !important; width: 100% !important; padding: 0 !important; margin: 0 !important; } .community-page-home section[data-section-id="128495000006432390"] .owl-stage { display: block !important; } .community-page-home section[data-section-id="128495000006432390"] .owl-item { padding: 0 !important; margin: 0 !important; opacity: 1 !important; transform: none !important; box-sizing: border-box !important; } .community-page-home section[data-section-id="128495000006432390"] .bs-mtList-wgt, .community-page-home section[data-section-id="128495000006432390"] .bs-mtList-wgt .li-item { width: 100% !important; padding: 0 !important; margin: 0 !important; gap: 0 !important; } .community-page-home section[data-section-id="128495000006432390"] .bs-mtList-wgt .li-item { position: relative !important; overflow: hidden !important; border-radius: 18px !important; background: transparent !important; box-shadow: none !important; } .community-page-home section[data-section-id="128495000006432390"] .list-image, .community-page-home section[data-section-id="128495000006432390"] .media-element, .community-page-home section[data-section-id="128495000006432390"] .media-image, .community-page-home section[data-section-id="128495000006432390"] picture { width: 100% !important; height: 100% !important; padding: 0 !important; margin: 0 !important; display: block !important; overflow: hidden !important; border-radius: 18px !important; line-height: 0 !important; } .community-page-home section[data-section-id="128495000006432390"] .media-image img, .community-page-home section[data-section-id="128495000006432390"] picture img, .community-page-home section[data-section-id="128495000006432390"] img { width: 100% !important; height: auto !important; display: block !important; padding: 0 !important; margin: 0 !important; border: 0 !important; border-radius: 18px !important; } .community-page-home section[data-section-id="128495000006432390"] .owl-nav, .community-page-home section[data-section-id="128495000006432390"] .owl-dots { display: none !important; } } @media screen and (max-width: 1024px) { .community-page-home section[data-section-id="128495000006432390"].bs-section.alternative-background .background-layer { background: #ffffff !important; background-repeat: no-repeat !important; background-size: cover !important; } } @media screen and (max-width: 767px) { .community-page-home section[data-section-id="128495000006432390"] .media-text-layout .lyt-largest-media .img-rectangle .media-image { width: 400px !important; } } /* ========================================================= 5. SPEAKER CAROUSEL - 128495000006432543 ========================================================= */ @media screen and (max-width: 768px) { .community-page-home section[data-section-id="128495000006432543"] .owl-nav, .community-page-home section[data-section-id="128495000006432543"] .owl-dots { display: none !important; } .community-page-home section[data-section-id="128495000006432543"] .li-item { position: relative !important; overflow: hidden !important; height: 160px !important; min-height: 160px !important; padding: 0 !important; margin: 0 !important; background: #ecf5ff !important; border: none !important; border-radius: 14px !important; box-shadow: 0 6px 16px rgba(0, 0, 0, 0.12) !important; } .community-page-home section[data-section-id="128495000006432543"] .list-image, .community-page-home section[data-section-id="128495000006432543"] .bs-image.profile-img { position: absolute !important; inset: 0 !important; width: 100% !important; height: 100% !important; margin: 0 !important; padding: 0 !important; } .community-page-home section[data-section-id="128495000006432543"] .bs-image.profile-img > span { display: none !important; } .community-page-home section[data-section-id="128495000006432543"] .bs-image.profile-img img { position: absolute !important; inset: 0 !important; width: 100% !important; height: 100% !important; display: block !important; object-fit: cover !important; object-position: center top !important; margin: 0 !important; padding: 0 !important; border-radius: 14px !important; } .community-page-home section[data-section-id="128495000006432543"] .li-content { position: absolute !important; left: 0 !important; right: 0 !important; bottom: 0 !important; z-index: 2 !important; margin: 0 !important; padding: 28px 8px 10px !important; text-align: center !important; background: linear-gradient( to top, rgba(0, 0, 0, 0.95) 0%, rgba(0, 0, 0, 0.55) 45%, rgba(0, 0, 0, 0) 100% ) !important; } .community-page-home section[data-section-id="128495000006432543"] .li-title, .community-page-home section[data-section-id="128495000006432543"] .li-title div { color: #fff !important; font-size: 12px !important; font-weight: 700 !important; line-height: 1.2 !important; margin: 0 0 4px !important; padding: 0 !important; } .community-page-home section[data-section-id="128495000006432543"] .li-subtitle, .community-page-home section[data-section-id="128495000006432543"] .speaker-designation { color: #fff !important; font-size: 9px !important; line-height: 1.2 !important; margin: 0 !important; padding: 0 !important; } } @media screen and (max-width: 768px) { .community-page-home section[data-section-id="128495000006432543"] .owl-nav, .community-page-home section[data-section-id="128495000006432543"] .owl-dots { display: none !important; } .community-page-home section[data-section-id="128495000006432543"] .owl-item { min-width: 0 !important; } } @media screen and (max-width: 767px) { .community-page-home div[data-element-id="128495000004744553"] .bs-sponsor-listing { margin: 20px 0 30px !important; padding: 0 !important; } .community-page-home .bs-section[data-section-id="128495000004744546"] .background-layer:after { background-color: #ffffff !important; } .community-page-home div[data-element-id="128495000004744553"] .sponsor-title { font-size: 10px !important; line-height: 1.6 !important; font-weight: 700 !important; margin: 0 0 8px !important; padding: 0 !important; letter-spacing: 0 !important; } .community-page-home div[data-element-id="128495000004744553"] .sponsor-tile { width: 100% !important; min-width: 0 !important; height: auto !important; margin: 0 !important; padding: 0 !important; } .community-page-home div[data-element-id="128495000004744553"] .sponsor-tile .bs-image { display: flex !important; align-items: center !important; justify-content: center !important; background: #fff !important; box-sizing: border-box !important; overflow: hidden !important; box-shadow: 0 2px 6px rgba(0, 0, 0, 0.05) !important; } .community-page-home div[data-element-id="128495000004744553"] .sponsor-tile .bs-image img, .community-page-home div[data-element-id="128495000004744553"] .sponsor-tile .bs-image .image-contain { max-width: 100% !important; max-height: 100% !important; width: auto !important; height: auto !important; object-fit: contain !important; display: block !important; margin: 0 auto !important; } .community-page-home div[data-element-id="128495000004744553"] .bs-sponsor-listing + .bs-sponsor-listing { margin-top: 10px !important; } /* STRATEGIC SPONSOR = 1 COLUMN */ .community-page-home div[data-element-id="128495000004744553"] [sponsor-category-id="128495000004756160"] .bs-sponsor-layout { display: grid !important; grid-template-columns: 1fr !important; gap: 8px !important; align-items: start !important; margin: 0 !important; padding: 0 !important; } .community-page-home div[data-element-id="128495000004744553"] [sponsor-category-id="128495000004756160"] .sponsor-tile .bs-image { height: 110px !important; min-height: 110px !important; max-height: 110px !important; padding: 12px !important; border-radius: 12px !important; } /* PLATINUM SPONSOR = 2 COLUMNS */ .community-page-home div[data-element-id="128495000004744553"] [sponsor-category-id="128495000004756159"] .bs-sponsor-layout { display: grid !important; grid-template-columns: repeat(2, minmax(0, 1fr)) !important; gap: 8px !important; align-items: start !important; margin: 0 !important; padding: 0 !important; } .community-page-home div[data-element-id="128495000004744553"] [sponsor-category-id="128495000004756159"] .sponsor-tile .bs-image { height: 95px !important; min-height: 95px !important; max-height: 95px !important; padding: 10px !important; border-radius: 10px !important; } /* GOLD SPONSOR = 3 COLUMNS */ .community-page-home div[data-element-id="128495000004744553"] [sponsor-category-id=""] .bs-sponsor-layout { display: grid !important; grid-template-columns: repeat(3, minmax(0, 1fr)) !important; gap: 8px !important; align-items: start !important; margin: 0 !important; padding: 0 !important; } .community-page-home div[data-element-id="128495000004744553"] [sponsor-category-id=""] .sponsor-tile .bs-image { height: 82px !important; min-height: 82px !important; max-height: 82px !important; padding: 8px !important; border-radius: 10px !important; } /* SILVER SPONSOR = 3 COLUMNS */ .community-page-home div[data-element-id="128495000004744553"] [sponsor-category-id=""] .bs-sponsor-layout { display: grid !important; grid-template-columns: repeat(3, minmax(0, 1fr)) !important; gap: 8px !important; align-items: start !important; margin: 0 !important; padding: 0 !important; } .community-page-home div[data-element-id="128495000004744553"] [sponsor-category-id=""] .sponsor-tile .bs-image { height: 82px !important; min-height: 82px !important; max-height: 82px !important; padding: 8px !important; border-radius: 10px !important; } } /* ========================================================= BOTTOM FIXED MENU SECTION ID: 128495000004744592 ========================================================= */ /* ========================================================= MOBILE Up to 767px ========================================================= */ @media only screen and (max-width: 767px) { /* Main fixed section */ .community-page-home section[data-section-id="128495000004744592"] { position: fixed !important; bottom: 0 !important; left: 0 !important; width: 100% !important; max-width: 100% !important; z-index: 9 !important; margin: 0 !important; padding: 0 !important; background: transparent !important; overflow: visible !important; } /* Background layer */ .community-page-home section[data-section-id="128495000004744592"] .background-layer { background: transparent !important; } /* White bottom navigation container */ .community-page-home section[data-section-id="128495000004744592"] .foreground-layer, .community-page-home section[data-section-id="128495000004744592"] .bs-container { width: 100% !important; max-width: 100% !important; margin: 0 !important; padding: 12px 12px 10px !important; box-sizing: border-box !important; background: #ffffff !important; border-top: 1px solid #f3f0f0 !important; box-shadow: none !important; } /* Three menu columns */ .community-page-home section[data-section-id="128495000004744592"] .grb-list { display: grid !important; grid-template-columns: repeat(3, minmax(0, 1fr)) !important; grid-auto-flow: unset !important; align-items: start !important; justify-items: center !important; gap: 0 !important; width: 100% !important; max-width: 100% !important; margin: 0 !important; padding: 0 !important; background: #ffffff !important; } /* Individual menu item */ .community-page-home section[data-section-id="128495000004744592"] .li-item { position: relative !important; display: flex !important; flex-direction: column !important; justify-content: flex-start !important; align-items: center !important; width: 100% !important; max-width: 100% !important; min-width: 0 !important; margin: 0 !important; padding: 0 !important; gap: 4px !important; background: transparent !important; border: none !important; box-shadow: none !important; } /* Icon clickable area */ .community-page-home section[data-section-id="128495000004744592"] .list-image, .community-page-home section[data-section-id="128495000004744592"] .bs-media-wgt, .community-page-home section[data-section-id="128495000004744592"] .media-element, .community-page-home section[data-section-id="128495000004744592"] .media-image, .community-page-home section[data-section-id="128495000004744592"] .media-image.pointer { position: relative !important; inset: auto !important; display: flex !important; flex: 0 0 53px !important; justify-content: center !important; align-items: center !important; width: 53px !important; min-width: 53px !important; max-width: 53px !important; height: 53px !important; min-height: 53px !important; max-height: 53px !important; margin: 0 auto !important; padding: 0 !important; box-sizing: border-box !important; background: transparent !important; overflow: hidden !important; transform: none !important; } /* Actual icon image */ .community-page-home section[data-section-id="128495000004744592"] .fluid-image, .community-page-home section[data-section-id="128495000004744592"] .media-image img { position: relative !important; display: block !important; flex: 0 0 53px !important; width: 53px !important; min-width: 53px !important; max-width: 53px !important; height: 53px !important; min-height: 53px !important; max-height: 53px !important; margin: 0 !important; padding: 0 !important; box-sizing: border-box !important; object-fit: contain !important; object-position: center !important; background: transparent !important; transform: none !important; } /* Text container */ .community-page-home section[data-section-id="128495000004744592"] .li-content { display: block !important; width: auto !important; max-width: 100% !important; margin: 0 !important; padding: 0 !important; text-align: center !important; background: transparent !important; } /* Menu text */ .community-page-home section[data-section-id="128495000004744592"] .li-title, .community-page-home section[data-section-id="128495000004744592"] .li-title div, .community-page-home section[data-section-id="128495000004744592"] .li-subtitle, .community-page-home section[data-section-id="128495000004744592"] .li-subtitle div { margin: 0 !important; padding: 0 !important; font-size: 10px !important; font-weight: 600 !important; line-height: 1.2 !important; color: #902b33 !important; text-align: center !important; background: transparent !important; } } /* ========================================================= TABLET 768px to 1024px ========================================================= */ @media only screen and (min-width: 768px) and (max-width: 1024px) { /* Main fixed section */ .community-page-home section[data-section-id="128495000004744592"] { position: fixed !important; bottom: 0 !important; left: 0 !important; width: 100% !important; max-width: 100% !important; z-index: 9 !important; margin: 0 !important; padding: 0 !important; background: #ffffff !important; overflow: visible !important; } /* Background layer */ .community-page-home section[data-section-id="128495000004744592"] .background-layer { background: #ffffff !important; } /* White bottom navigation container */ .community-page-home section[data-section-id="128495000004744592"] .foreground-layer, .community-page-home section[data-section-id="128495000004744592"] .bs-container { width: 100% !important; max-width: 100% !important; margin: 0 !important; padding: 14px 30px 12px !important; box-sizing: border-box !important; background: #ffffff !important; border-top: 1px solid #f3f0f0 !important; box-shadow: none !important; } /* Three menu columns */ .community-page-home section[data-section-id="128495000004744592"] .grb-list { display: grid !important; grid-template-columns: repeat(3, minmax(0, 1fr)) !important; grid-auto-flow: unset !important; align-items: center !important; justify-items: center !important; gap: 0 !important; width: 100% !important; max-width: 100% !important; margin: 0 !important; padding: 0 !important; background: #ffffff !important; } /* Individual menu item */ .community-page-home section[data-section-id="128495000004744592"] .li-item { position: relative !important; display: flex !important; flex-direction: column !important; justify-content: center !important; align-items: center !important; width: 100% !important; max-width: 100% !important; min-width: 0 !important; margin: 0 !important; padding: 0 !important; gap: 6px !important; background: transparent !important; border: none !important; box-shadow: none !important; } /* Icon clickable area */ .community-page-home section[data-section-id="128495000004744592"] .list-image, .community-page-home section[data-section-id="128495000004744592"] .bs-media-wgt, .community-page-home section[data-section-id="128495000004744592"] .media-element, .community-page-home section[data-section-id="128495000004744592"] .media-image, .community-page-home section[data-section-id="128495000004744592"] .media-image.pointer { position: relative !important; inset: auto !important; display: flex !important; flex: 0 0 73px !important; justify-content: center !important; align-items: center !important; width: 73px !important; min-width: 73px !important; max-width: 73px !important; height: 73px !important; min-height: 73px !important; max-height: 73px !important; margin: 0 auto !important; padding: 0 !important; box-sizing: border-box !important; background: transparent !important; overflow: hidden !important; transform: none !important; } /* Actual icon image */ .community-page-home section[data-section-id="128495000004744592"] .fluid-image, .community-page-home section[data-section-id="128495000004744592"] .media-image img { position: relative !important; display: block !important; flex: 0 0 73px !important; width: 73px !important; min-width: 73px !important; max-width: 73px !important; height: 73px !important; min-height: 73px !important; max-height: 73px !important; margin: 0 !important; padding: 0 !important; box-sizing: border-box !important; object-fit: contain !important; object-position: center !important; background: transparent !important; transform: none !important; } /* Text container */ .community-page-home section[data-section-id="128495000004744592"] .li-content { display: block !important; width: auto !important; max-width: 100% !important; margin: 0 !important; padding: 0 !important; text-align: center !important; background: transparent !important; } /* Menu text */ .community-page-home section[data-section-id="128495000004744592"] .li-title, .community-page-home section[data-section-id="128495000004744592"] .li-title div, .community-page-home section[data-section-id="128495000004744592"] .li-subtitle, .community-page-home section[data-section-id="128495000004744592"] .li-subtitle div { margin: 0 !important; padding: 0 !important; font-size: 12px !important; font-weight: 600 !important; line-height: 1.2 !important; color: #111111 !important; text-align: center !important; background: transparent !important; } } /* ========================================================= iPAD MINI ADJUSTMENT 768px to 820px ========================================================= */ @media only screen and (min-width: 768px) and (max-width: 820px) { .community-page-home section[data-section-id="128495000004744592"] .foreground-layer, .community-page-home section[data-section-id="128495000004744592"] .bs-container { padding: 12px 24px 10px !important; } .community-page-home section[data-section-id="128495000004744592"] .list-image, .community-page-home section[data-section-id="128495000004744592"] .bs-media-wgt, .community-page-home section[data-section-id="128495000004744592"] .media-element, .community-page-home section[data-section-id="128495000004744592"] .media-image, .community-page-home section[data-section-id="128495000004744592"] .media-image.pointer, .community-page-home section[data-section-id="128495000004744592"] .fluid-image, .community-page-home section[data-section-id="128495000004744592"] .media-image img { flex-basis: 63px !important; width: 63px !important; min-width: 63px !important; max-width: 63px !important; height: 63px !important; min-height: 63px !important; max-height: 63px !important; } .community-page-home section[data-section-id="128495000004744592"] .li-title, .community-page-home section[data-section-id="128495000004744592"] .li-title div, .community-page-home section[data-section-id="128495000004744592"] .li-subtitle, .community-page-home section[data-section-id="128495000004744592"] .li-subtitle div { font-size: 11px !important; } } /* ========================================================= 8. TAP HIGHLIGHT REMOVAL ========================================================= */ .community-page-home section[data-section-id="128495000004744592"] .li-item, .community-page-home section[data-section-id="128495000004744592"] .list-image, .community-page-home section[data-section-id="128495000004744592"] .bs-media-wgt, .community-page-home section[data-section-id="128495000004744592"] .media-element, .community-page-home section[data-section-id="128495000004744592"] .media-image, .community-page-home section[data-section-id="128495000004744592"] .media-image.pointer, .community-page-home section[data-section-id="128495000004744592"] .fluid-image, .community-page-home section[data-section-id="128495000004744592"] img { -webkit-tap-highlight-color: transparent !important; } .community-page-home section[data-section-id="128495000004744592"] .li-item:focus, .community-page-home section[data-section-id="128495000004744592"] .list-image:focus, .community-page-home section[data-section-id="128495000004744592"] .media-image:focus, .community-page-home section[data-section-id="128495000004744592"] .fluid-image:focus, .community-page-home section[data-section-id="128495000004744592"] img:focus { outline: none !important; } /* ========================================================= FINAL SAFE FIX ICON + TEXT GAP ONLY PAGE: SPEAKERS SECTION ID: 128495000004744592 ADD AT VERY BOTTOM ========================================================= */ /* MOBILE */ @media only screen and (max-width: 767px) { .community-page-home section[data-section-id="128495000004744592"] .li-item { gap: 1px !important; } .community-page-home section[data-section-id="128495000004744592"] .li-content { margin-top: 0 !important; transform: none !important; padding-top: 0 !important; } .community-page-home section[data-section-id="128495000004744592"] .list-image, .community-page-home section[data-section-id="128495000004744592"] .bs-media-wgt, .community-page-home section[data-section-id="128495000004744592"] .media-element, .community-page-home section[data-section-id="128495000004744592"] .media-image, .community-page-home section[data-section-id="128495000004744592"] .media-image.pointer { margin-bottom: 0 !important; padding-bottom: 0 !important; } .community-page-home section[data-section-id="128495000004744592"] .li-title, .community-page-home section[data-section-id="128495000004744592"] .li-title div, .community-page-home section[data-section-id="128495000004744592"] .li-title p, .community-page-home section[data-section-id="128495000004744592"] .li-title span, .community-page-home section[data-section-id="128495000004744592"] .li-title strong { margin: 0 !important; padding: 0 !important; line-height: 1.05 !important; } } /* TABLET */ @media only screen and (min-width: 768px) and (max-width: 1024px) { .community-page-home section[data-section-id="128495000004744592"] .li-item { gap: 2px !important; } .community-page-home section[data-section-id="128495000004744592"] .li-content { margin-top: 0 !important; transform: none !important; padding-top: 0 !important; } .community-page-home section[data-section-id="128495000004744592"] .list-image, .community-page-home section[data-section-id="128495000004744592"] .bs-media-wgt, .community-page-home section[data-section-id="128495000004744592"] .media-element, .community-page-home section[data-section-id="128495000004744592"] .media-image, .community-page-home section[data-section-id="128495000004744592"] .media-image.pointer { margin-bottom: 0 !important; padding-bottom: 0 !important; } .community-page-home section[data-section-id="128495000004744592"] .li-title, .community-page-home section[data-section-id="128495000004744592"] .li-title div, .community-page-home section[data-section-id="128495000004744592"] .li-title p, .community-page-home section[data-section-id="128495000004744592"] .li-title span, .community-page-home section[data-section-id="128495000004744592"] .li-title strong { margin: 0 !important; padding: 0 !important; line-height: 1.05 !important; } } /* ========================================================= TABLET + MOBILE SPEAKER SECTION PADDING ========================================================= */ @media only screen and (max-width: 1024px) { .community-page-home section[data-section-id="128495000006432543"] .foreground-layer, .community-page-home section[data-section-id="128495000006432543"] .bs-container { padding-top: 8px !important; padding-bottom: 8px !important; } .community-page-home section[data-section-id="128495000006432543"] .section-title, .community-page-home section[data-section-id="128495000006432543"] .section-title p { margin-bottom: 10px !important; } } /* ========================================================= SPONSOR SECTION — FINAL COMPLETE CSS Mobile + Tablet up to 13.5 inches Silver, Gold and Associate cards: SAME SIZE ========================================================= */ @media screen and (max-width: 1536px) { /* 1. Main sponsor section */ .community-page-home section[data-section-id="128495000004744546"] { width: 100% !important; max-width: 100% !important; margin: 0 !important; padding: 0 !important; background: #f8f8f8 !important; box-sizing: border-box !important; overflow-x: hidden !important; } .community-page-home section[data-section-id="128495000004744546"] .background-layer, .community-page-home section[data-section-id="128495000004744546"] .background-layer::after { background: #f8f8f8 !important; } .community-page-home section[data-section-id="128495000004744546"] .foreground-layer.bs-container { width: 100% !important; max-width: 100% !important; margin: 0 !important; padding: 24px 16px 110px !important; background: #f8f8f8 !important; box-sizing: border-box !important; overflow-x: hidden !important; } /* 2. Main sponsor container */ .community-page-home div[data-element-id="128495000004744553"], .community-page-home div[data-element-id="128495000004744553"] .ap-container, .community-page-home div[data-element-id="128495000004744553"] .bs-sponsor-layout-container { width: 100% !important; max-width: 100% !important; min-width: 0 !important; margin: 0 !important; padding: 0 !important; box-sizing: border-box !important; } /* 3. Silver, Gold and Associate category blocks */ .community-page-home div[data-element-id="128495000004744553"] [sponsor-category-id="128495000004756160"], .community-page-home div[data-element-id="128495000004744553"] [sponsor-category-id="128495000004756161"], .community-page-home div[data-element-id="128495000004744553"] [sponsor-category-id="128495000004756159"] { display: block !important; width: 100% !important; max-width: 100% !important; min-width: 0 !important; height: auto !important; min-height: 0 !important; margin: 0 0 30px !important; padding: 0 !important; box-sizing: border-box !important; overflow: hidden !important; } /* 4. Remove excessive Zoho spacing */ .community-page-home div[data-element-id="128495000004744553"] .bs-sponsor-listing { width: 100% !important; max-width: 100% !important; height: auto !important; min-height: 0 !important; margin: 0 !important; padding: 0 !important; box-sizing: border-box !important; } .community-page-home div[data-element-id="128495000004744553"] .bs-divider { display: none !important; height: 0 !important; min-height: 0 !important; margin: 0 !important; padding: 0 !important; border: 0 !important; } /* 5. Category title */ .community-page-home div[data-element-id="128495000004744553"] .sponsor-title { display: block !important; width: 100% !important; height: auto !important; min-height: 0 !important; margin: 0 0 16px !important; padding: 0 !important; color: #191919 !important; font-size: 21px !important; font-weight: 700 !important; line-height: 1.25 !important; letter-spacing: 0 !important; text-transform: uppercase !important; } /* 6. Carousel containers */ .community-page-home div[data-element-id="128495000004744553"] .carousel, .community-page-home div[data-element-id="128495000004744553"] .owl-carousel { display: block !important; width: 100% !important; max-width: 100% !important; min-width: 0 !important; height: auto !important; min-height: 0 !important; margin: 0 !important; padding: 0 !important; box-sizing: border-box !important; } /* 7. Horizontal sliding area */ .community-page-home div[data-element-id="128495000004744553"] .owl-stage-outer { width: 100% !important; max-width: 100% !important; height: auto !important; min-height: 0 !important; margin: 0 !important; padding: 0 !important; overflow-x: auto !important; overflow-y: hidden !important; scroll-behavior: smooth !important; scrollbar-width: none !important; -webkit-overflow-scrolling: touch !important; touch-action: pan-x !important; box-sizing: border-box !important; } .community-page-home div[data-element-id="128495000004744553"] .owl-stage-outer::-webkit-scrollbar { display: none !important; } /* * The stage always has two equal columns. * A single Gold or Associate sponsor occupies one column. * Therefore Gold and Associate have exactly the same card size * as every Silver sponsor. */ .community-page-home div[data-element-id="128495000004744553"] .owl-stage { display: grid !important; grid-auto-flow: column !important; grid-auto-columns: calc((100% - 12px) / 2) !important; column-gap: 12px !important; align-items: stretch !important; width: 100% !important; min-width: 100% !important; height: auto !important; min-height: 0 !important; margin: 0 !important; padding: 0 !important; transform: none !important; transition: none !important; box-sizing: border-box !important; } /* 8. Force every Owl item to fill its equal column */ .community-page-home div[data-element-id="128495000004744553"] [sponsor-category-id="128495000004756160"] .owl-item, .community-page-home div[data-element-id="128495000004744553"] [sponsor-category-id="128495000004756161"] .owl-item, .community-page-home div[data-element-id="128495000004744553"] [sponsor-category-id="128495000004756159"] .owl-item { display: block !important; width: 100% !important; max-width: 100% !important; min-width: 0 !important; height: auto !important; min-height: 0 !important; margin: 0 !important; padding: 0 !important; box-sizing: border-box !important; } /* 9. Force all three sponsor layouts to the same width */ .community-page-home div[data-element-id="128495000004744553"] [sponsor-category-id="128495000004756160"] .bs-sponsor-layout, .community-page-home div[data-element-id="128495000004744553"] [sponsor-category-id="128495000004756161"] .bs-sponsor-layout, .community-page-home div[data-element-id="128495000004744553"] [sponsor-category-id="128495000004756159"] .bs-sponsor-layout, .community-page-home div[data-element-id="128495000004744553"] [sponsor-category-id="128495000004756160"] .sponsor-tile, .community-page-home div[data-element-id="128495000004744553"] [sponsor-category-id="128495000004756161"] .sponsor-tile, .community-page-home div[data-element-id="128495000004744553"] [sponsor-category-id="128495000004756159"] .sponsor-tile { display: block !important; width: 100% !important; max-width: 100% !important; min-width: 0 !important; height: auto !important; min-height: 0 !important; margin: 0 !important; padding: 0 !important; box-sizing: border-box !important; } /* 10. SAME CARD SIZE: Silver + Gold + Associate */ .community-page-home div[data-element-id="128495000004744553"] [sponsor-category-id="128495000004756160"] .sponsor-tile .bs-image, .community-page-home div[data-element-id="128495000004744553"] [sponsor-category-id="128495000004756161"] .sponsor-tile .bs-image, .community-page-home div[data-element-id="128495000004744553"] [sponsor-category-id="128495000004756159"] .sponsor-tile .bs-image { display: flex !important; align-items: center !important; justify-content: center !important; width: 100% !important; max-width: 100% !important; min-width: 100% !important; height: 150px !important; min-height: 150px !important; max-height: 150px !important; margin: 0 !important; padding: 14px !important; background: #ffffff !important; border: 0 !important; border-radius: 12px !important; box-shadow: 0 3px 12px rgba(0, 0, 0, 0.045) !important; box-sizing: border-box !important; overflow: hidden !important; } /* 11. Sponsor logos */ .community-page-home div[data-element-id="128495000004744553"] .sponsor-tile .bs-image img, .community-page-home div[data-element-id="128495000004744553"] .sponsor-tile .bs-image .image-contain { display: block !important; width: auto !important; height: auto !important; max-width: 88% !important; max-height: 90px !important; margin: auto !important; padding: 0 !important; object-fit: contain !important; object-position: center !important; } /* * Associate logo file contains extra blank space. * This enlarges only the logo, not the card. */ .community-page-home div[data-element-id="128495000004744553"] [sponsor-category-id="128495000004756159"] .sponsor-tile .bs-image img { transform: scale(1.35) !important; transform-origin: center !important; } /* 12. Hide default carousel buttons */ .community-page-home div[data-element-id="128495000004744553"] .owl-nav, .community-page-home div[data-element-id="128495000004744553"] .owl-dots { display: none !important; } } /* ========================================================= SMALL MOBILE: up to 480px ========================================================= */ @media screen and (max-width: 480px) { .community-page-home section[data-section-id="128495000004744546"] .foreground-layer.bs-container { padding: 22px 16px 110px !important; } .community-page-home div[data-element-id="128495000004744553"] .sponsor-title { margin-bottom: 14px !important; font-size: 15px !important; } .community-page-home div[data-element-id="128495000004744553"] .owl-stage { grid-auto-columns: calc((100% - 10px) / 2) !important; column-gap: 10px !important; } .community-page-home div[data-element-id="128495000004744553"] [sponsor-category-id="128495000004756160"] .sponsor-tile .bs-image, .community-page-home div[data-element-id="128495000004744553"] [sponsor-category-id="128495000004756161"] .sponsor-tile .bs-image, .community-page-home div[data-element-id="128495000004744553"] [sponsor-category-id="128495000004756159"] .sponsor-tile .bs-image { height: 145px !important; min-height: 145px !important; max-height: 145px !important; } } /* ========================================================= SMALL TABLET: 600px–767px ========================================================= */ @media screen and (min-width: 600px) and (max-width: 767px) { .community-page-home section[data-section-id="128495000004744546"] .foreground-layer.bs-container { padding: 28px 24px 120px !important; } .community-page-home div[data-element-id="128495000004744553"] .owl-stage { grid-auto-columns: calc((100% - 16px) / 2) !important; column-gap: 16px !important; } .community-page-home div[data-element-id="128495000004744553"] [sponsor-category-id="128495000004756160"] .sponsor-tile .bs-image, .community-page-home div[data-element-id="128495000004744553"] [sponsor-category-id="128495000004756161"] .sponsor-tile .bs-image, .community-page-home div[data-element-id="128495000004744553"] [sponsor-category-id="128495000004756159"] .sponsor-tile .bs-image { height: 190px !important; min-height: 190px !important; max-height: 190px !important; padding: 20px !important; } .community-page-home div[data-element-id="128495000004744553"] .sponsor-tile .bs-image img { max-height: 120px !important; } } /* ========================================================= NORMAL TABLET / iPAD: 768px–1024px ========================================================= */ @media screen and (min-width: 768px) and (max-width: 1024px) { .community-page-home section[data-section-id="128495000004744546"] .foreground-layer.bs-container { padding: 34px 32px 130px !important; } .community-page-home div[data-element-id="128495000004744553"] .sponsor-title { margin-bottom: 18px !important; font-size: 18px !important; } .community-page-home div[data-element-id="128495000004744553"] .owl-stage { grid-auto-columns: calc((100% - 18px) / 2) !important; column-gap: 18px !important; } .community-page-home div[data-element-id="128495000004744553"] [sponsor-category-id="128495000004756160"] .sponsor-tile .bs-image, .community-page-home div[data-element-id="128495000004744553"] [sponsor-category-id="128495000004756161"] .sponsor-tile .bs-image, .community-page-home div[data-element-id="128495000004744553"] [sponsor-category-id="128495000004756159"] .sponsor-tile .bs-image { height: 220px !important; min-height: 220px !important; max-height: 220px !important; padding: 24px !important; border-radius: 14px !important; } .community-page-home div[data-element-id="128495000004744553"] .sponsor-tile .bs-image img { max-height: 145px !important; } } /* ========================================================= LARGE TABLET / iPAD PRO / 13.5-INCH: 1025px–1536px ========================================================= */ @media screen and (min-width: 1025px) and (max-width: 1536px) { .community-page-home section[data-section-id="128495000004744546"] .foreground-layer.bs-container { padding: 40px 40px 140px !important; } .community-page-home div[data-element-id="128495000004744553"] .sponsor-title { margin-bottom: 20px !important; font-size: 22px !important; } .community-page-home div[data-element-id="128495000004744553"] .owl-stage { grid-auto-columns: calc((100% - 20px) / 2) !important; column-gap: 20px !important; } .community-page-home div[data-element-id="128495000004744553"] [sponsor-category-id="128495000004756160"] .sponsor-tile .bs-image, .community-page-home div[data-element-id="128495000004744553"] [sponsor-category-id="128495000004756161"] .sponsor-tile .bs-image, .community-page-home div[data-element-id="128495000004744553"] [sponsor-category-id="128495000004756159"] .sponsor-tile .bs-image { height: 250px !important; min-height: 250px !important; max-height: 250px !important; padding: 28px !important; border-radius: 16px !important; } .community-page-home div[data-element-id="128495000004744553"] .sponsor-tile .bs-image img { max-height: 165px !important; } }