/* ========================================= PREMIUM FIRST SIGN-IN SCREEN - Rotic Saudi 2026 ========================================= */ #oa-app-login-screen { position: fixed !important; inset: 0 !important; width: 100vw !important; max-width: 100vw !important; min-height: 100vh !important; min-height: 100dvh !important; z-index: 999999999 !important; background: radial-gradient(circle at top left, rgba(255,255,255,0.18), transparent 32%), linear-gradient(160deg, #064b84 0%, #0b6fb3 48%, #073b69 100%) !important; padding: 70px 18px 28px !important; box-sizing: border-box !important; font-family: Arial, Helvetica, sans-serif !important; overflow-y: auto !important; overflow-x: hidden !important; } #oa-app-login-screen * { box-sizing: border-box !important; } .oa-screen-pattern { position: fixed !important; left: -80px !important; bottom: -90px !important; width: 260px !important; height: 260px !important; border-radius: 50% !important; background: rgba(255, 255, 255, 0.08) !important; pointer-events: none !important; } .oa-screen-pattern::after { content: "" !important; position: absolute !important; right: -120px !important; top: -80px !important; width: 220px !important; height: 220px !important; border-radius: 50% !important; border: 1px solid rgba(255,255,255,0.18) !important; } .oa-login-wrap { width: 100% !important; max-width: 620px !important; margin: 0 auto !important; position: relative !important; z-index: 2 !important; } .oa-event-badge { width: fit-content !important; max-width: 100% !important; margin: 0 auto 22px !important; padding: 10px 18px !important; border-radius: 50px !important; background: rgba(255,255,255,0.16) !important; border: 1px solid rgba(255,255,255,0.28) !important; color: #ffffff !important; font-size: 13px !important; font-weight: 800 !important; letter-spacing: 1.3px !important; text-align: center !important; text-transform: uppercase !important; backdrop-filter: blur(8px) !important; } .oa-login-card { background: #ffffff !important; border-radius: 24px !important; padding: 34px 22px 26px !important; width: 100% !important; margin: 0 auto 24px !important; box-shadow: 0 18px 45px rgba(0, 0, 0, 0.22) !important; } .oa-login-title { text-align: center !important; font-size: 30px !important; font-weight: 900 !important; color: #073f73 !important; margin: 0 0 14px !important; text-transform: uppercase !important; line-height: 1.2 !important; letter-spacing: 0.3px !important; } .oa-login-subtitle { text-align: center !important; font-size: 17px !important; font-weight: 200 !important; color: #333333 !important; margin: 0 0 26px !important; line-height: 1.55 !important; } .oa-login-btn, .oa-action-btn, .oa-guest-btn { -webkit-tap-highlight-color: transparent !important; } .oa-login-btn { width: 100% !important; min-height: 45px !important; border: none !important; border-radius: 7px !important; background: linear-gradient(135deg, #0b75bd 0%, #064b84 100%) !important; color: #ffffff !important; font-size: 15px !important; font-weight: 700 !important; text-align: center !important; cursor: pointer !important; text-transform: uppercase !important; letter-spacing: 0.4px !important; box-shadow: 0 10px 22px rgba(6, 75, 132, 0.28) !important; } .oa-register-box { width: 100% !important; margin: 0 auto !important; } .oa-register-caption { width: 100% !important; margin: 0 auto 14px !important; color: #ffffff !important; text-align: center !important; font-size: 16px !important; font-weight: 700 !important; line-height: 1.45 !important; text-shadow: 0 2px 8px rgba(0,0,0,0.18) !important; } .oa-action-btn { width: 100% !important; min-height: 62px !important; margin: 0 auto 14px !important; background: linear-gradient(135deg, #21bdf1 0%, #36c6f4 100%) !important; border-radius: 7px !important; border: none !important; display: flex !important; align-items: center !important; justify-content: center !important; gap: 12px !important; padding: 0 20px !important; font-size: 18px !important; font-weight: 700 !important; color: #072f54 !important; cursor: pointer !important; text-align: center !important; text-transform: uppercase !important; letter-spacing: 0.4px !important; box-shadow: 0 12px 26px rgba(0, 0, 0, 0.22) !important; } .oa-action-icon { font-size: 22px !important; width: 28px !important; min-width: 28px !important; text-align: center !important; } .oa-guest-btn { width: 100% !important; min-height: 58px !important; margin: 0 auto !important; background: rgba(255,255,255,0.12) !important; border: 1px solid rgba(255,255,255,0.95) !important; border-radius: 7px !important; color: #ffffff !important; font-size: 16px !important; font-weight: 700 !important; text-align: center !important; cursor: pointer !important; text-transform: uppercase !important; letter-spacing: 0.4px !important; display: block !important; backdrop-filter: blur(8px) !important; } .oa-login-btn:hover, .oa-action-btn:hover, .oa-guest-btn:hover { transform: translateY(-1px) !important; } .oa-login-btn:active, .oa-action-btn:active, .oa-guest-btn:active { transform: scale(0.98) !important; } /* Mobile Optimization */ @media only screen and (max-width: 480px) { #oa-app-login-screen { padding-top: 62px !important; padding-left: 18px !important; padding-right: 18px !important; } .oa-event-badge { font-size: 12px !important; padding: 9px 15px !important; margin-bottom: 18px !important; } .oa-login-card { border-radius: 22px !important; padding: 32px 20px 24px !important; margin-bottom: 22px !important; } .oa-login-title { font-size: 28px !important; } .oa-login-subtitle { font-size: 16px !important; margin-bottom: 24px !important; } .oa-login-btn { min-height: 45px !important; font-size: 15px !important; } .oa-register-caption { font-size: 15px !important; } .oa-action-btn { min-height: 45px !important; font-size: 15px !important; } .oa-guest-btn { min-height: 45px !important; font-size: 15px !important; } } /* Small Mobile */ @media only screen and (max-width: 360px) { #oa-app-login-screen { padding-top: 45px !important; } .oa-login-title { font-size: 25px !important; } .oa-login-subtitle { font-size: 15px !important; } .oa-login-btn, .oa-action-btn, .oa-guest-btn { font-size: 14px !important; } } /* Stop mobile button jumping / glitch */ #oa-app-login-screen .oa-login-btn, #oa-app-login-screen .oa-action-btn, #oa-app-login-screen .oa-guest-btn { transition: none !important; transform: none !important; } #oa-app-login-screen .oa-login-btn:hover, #oa-app-login-screen .oa-action-btn:hover, #oa-app-login-screen .oa-guest-btn:hover, #oa-app-login-screen .oa-login-btn:active, #oa-app-login-screen .oa-action-btn:active, #oa-app-login-screen .oa-guest-btn:active { transform: none !important; } /* ========================================= GLITCH FIX - HIDE ZOHO HEADER BEFORE LOGIN SCREEN LOADS ========================================= */ html.oa-login-lock, html.oa-login-lock body { overflow: hidden !important; } #oa-login-loading-cover { position: fixed !important; inset: 0 !important; z-index: 999999998 !important; background: #073f73 !important; pointer-events: none !important; } .navbar-item:has(.playstore-logo), .navbar-item:has(.appstore-logo) { display: none !important; } /* ========================================================= EXHIBITOR FILTER TOOLBAR PAGE: community-page-exhibitors SECTION ID: 128495000003042008 RESPONSIVE: DESKTOP + TABLET + MOBILE ========================================================= */ .community-page-exhibitors section[data-section-id="128495000003042008"] .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="128495000003042008"] .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="128495000003042008"] .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="128495000003042008"] .exhibitor-tab.active, .community-page-exhibitors section[data-section-id="128495000003042008"] .exhibitor-tab:hover { background: #0B54A3!important; color: #ffffff !important; border-color: #0B54A3 !important; } /* Search Row */ .community-page-exhibitors section[data-section-id="128495000003042008"] .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="128495000003042008"] .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="128495000003042008"] .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="128495000003042008"] #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="128495000003042008"] #exhibitorSearchInput::placeholder { color: #888888 !important; } /* A-Z Button */ .community-page-exhibitors section[data-section-id="128495000003042008"] .exhibitor-filter-btn { flex: 0 0 116px !important; width: 116px !important; height: 58px !important; border: 1px solid #0B54A3 !important; border-radius: 16px !important; background: #ffffff !important; color: #0B54A3 !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="128495000003042008"] .exhibitor-filter-btn:hover { background: #0B54A3 !important; color: #ffffff !important; } /* Hide old alphabet row if any exists */ .community-page-exhibitors section[data-section-id="128495000003042008"] .exhibitor-alpha-row, .community-page-exhibitors section[data-section-id="128495000003042008"] .exhibitor-alpha-filter { display: none !important; } /* Result Title */ .community-page-exhibitors section[data-section-id="128495000003042008"] .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="128495000003042008"] .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="128495000003042008"] .empty-section { text-align: center !important; padding: 35px 15px 45px !important; background: #ffffff !important; } .community-page-exhibitors section[data-section-id="128495000003042008"] .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="128495000003042008"] .exhibitor-toolbar { margin-bottom: 24px !important; } .community-page-exhibitors section[data-section-id="128495000003042008"] .exhibitor-tabs { gap: 12px !important; margin-bottom: 20px !important; padding-bottom: 16px !important; } .community-page-exhibitors section[data-section-id="128495000003042008"] .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="128495000003042008"] .exhibitor-search-row { gap: 14px !important; margin-bottom: 22px !important; } .community-page-exhibitors section[data-section-id="128495000003042008"] .exhibitor-search-box { height: 54px !important; border-radius: 15px !important; padding: 0 16px !important; } .community-page-exhibitors section[data-section-id="128495000003042008"] .exhibitor-search-icon { font-size: 18px !important; margin-right: 10px !important; } .community-page-exhibitors section[data-section-id="128495000003042008"] #exhibitorSearchInput { font-size: 17px !important; } .community-page-exhibitors section[data-section-id="128495000003042008"] .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="128495000003042008"] .exhibitor-result-title { font-size: 26px !important; margin-bottom: 20px !important; } .community-page-exhibitors section[data-section-id="128495000003042008"] .empty-section { padding: 30px 15px 40px !important; } .community-page-exhibitors section[data-section-id="128495000003042008"] .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="128495000003042008"] .exhibitor-toolbar { margin: 0 0 20px !important; padding: 0 !important; background: #ffffff !important; } /* Tabs Mobile */ .community-page-exhibitors section[data-section-id="128495000003042008"] .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="128495000003042008"] .exhibitor-tabs::-webkit-scrollbar { display: none !important; } .community-page-exhibitors section[data-section-id="128495000003042008"] .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="128495000003042008"] .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="128495000003042008"] .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="128495000003042008"] .exhibitor-search-icon { font-size: 16px !important; margin-right: 8px !important; } .community-page-exhibitors section[data-section-id="128495000003042008"] #exhibitorSearchInput { font-size: 14px !important; } .community-page-exhibitors section[data-section-id="128495000003042008"] .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="128495000003042008"] .exhibitor-result-title { font-size: 20px !important; line-height: 1.2 !important; margin: 0 0 18px !important; } .community-page-exhibitors section[data-section-id="128495000003042008"] .empty-section { padding: 20px 12px 28px !important; text-align: center !important; background: #ffffff !important; } .community-page-exhibitors section[data-section-id="128495000003042008"] .empty-section i, .community-page-exhibitors section[data-section-id="128495000003042008"] .empty-section .exhibitor-empty-icon { font-size: 60px !important; display: inline-block !important; margin-bottom: 14px !important; } .community-page-exhibitors section[data-section-id="128495000003042008"] .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="128495000003042008"] .foreground-layer, .community-page-exhibitors section[data-section-id="128495000003042008"] .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="128495000003042008"] .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="128495000003042008"] .exhibitor-search-box { height: 46px !important; padding: 0 12px !important; } .community-page-exhibitors section[data-section-id="128495000003042008"] .exhibitor-filter-btn { flex-basis: 68px !important; width: 68px !important; height: 46px !important; font-size: 13px !important; } .community-page-exhibitors section[data-section-id="128495000003042008"] #exhibitorSearchInput { font-size: 13px !important; } .community-page-exhibitors section[data-section-id="128495000003042008"] .exhibitor-result-title { font-size: 18px !important; } .community-page-exhibitors section[data-section-id="128495000003042008"] .empty-section h5 { font-size: 15px !important; } } /* ========================================================= MAKE EXHIBITOR FILTER STICKY ========================================================= */ .community-page-exhibitors section[data-section-id="128495000003042008"] .exhibitor-toolbar { position: sticky !important; top: 0 !important; z-index: 999 !important; background: #ffffff !important; padding: 15px 0 18px !important; margin-bottom: 24px !important; border-bottom: 1px solid #eeeeee !important; } /* ========================================================= HIDE APP STORE BLOCK INSIDE PROFILE POPUP ========================================================= */ /* Hide full user-list block that contains app links */ .content .user-list:has(.app-links), .content .user-list:has(.appstore-logo), .content .user-list:has(.playstore-logo) { display: none !important; } /* ========================================================= HIDE "TRY IT ON THE APP" + APP STORE ICON Mobile menu ========================================================= */ @media only screen and (max-width: 767px) { /* Hide the app download block */ header.bs-main-menu.fixed.mobile-menu .navbar-other-items .navbar-item:has(.appstore-logo), header.bs-main-menu.fixed.mobile-menu .navbar-other-items .navbar-item:has(.playstore-logo) { display: none !important; } /* Hide the divider just above app download block */ header.bs-main-menu.fixed.mobile-menu .navbar-other-items > .nav-divider:nth-of-type(4) { display: none !important; } } /* ========================================================= COMMUNITY PAGE HOME ========================================================= */ /* ========================================================= 1. GLOBAL / BANNER ========================================================= */ /* =============================== 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="128495000003039706"] { 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="128495000003039706"] .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="128495000003039706"] > .foreground-layer.bs-container, .community-page-home .bs-section.main-banner[data-section-id="128495000003039706"] .banner-widget, .community-page-home .bs-section.main-banner[data-section-id="128495000003039706"] .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="128495000003039706"] { 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="128495000003039706"] .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="128495000003039706"] > .foreground-layer.bs-container, .community-page-home .bs-section.main-banner[data-section-id="128495000003039706"] .banner-widget, .community-page-home .bs-section.main-banner[data-section-id="128495000003039706"] .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; } }*/ /* ========================================================= ALL TABLET HERO BANNER FIX 7 inch / 10 inch / iPad / iPad Air / iPad Pro / 13 inch tablet Full width without black side gaps ========================================================= */ @media screen and (min-width: 600px) and (max-width: 1536px) { .bs-section.multiple-sections > article.foreground-layer { padding: 14px !important; } .community-page-home .bs-section.main-banner[data-section-id="128495000003039706"] { position: relative !important; width: 100% !important; aspect-ratio: 16 / 9 !important; height: auto !important; min-height: unset !important; margin: 0 auto !important; padding: 0 !important; overflow: hidden !important; border-radius: 28px !important; background-color: transparent !important; } .community-page-home .bs-section.main-banner[data-section-id="128495000003039706"] .background-layer { position: absolute !important; inset: 0 !important; width: 100% !important; height: 100% !important; border-radius: 28px !important; background-size: 100% 100% !important; background-position: center center !important; background-repeat: no-repeat !important; opacity: 1 !important; } .community-page-home .bs-section.main-banner[data-section-id="128495000003039706"] > .foreground-layer.bs-container, .community-page-home .bs-section.main-banner[data-section-id="128495000003039706"] .banner-widget, .community-page-home .bs-section.main-banner[data-section-id="128495000003039706"] .banner-content { position: relative !important; z-index: 2 !important; width: 100% !important; height: 100% !important; min-height: 100% !important; padding: 0 !important; margin: 0 !important; background: transparent !important; } } /* ========================= 7 INCH TABLET 600px to 767px ========================= */ @media screen and (min-width: 600px) and (max-width: 767px) { .community-page-home .bs-section.main-banner[data-section-id="128495000003039706"] { aspect-ratio: 16 / 9 !important; border-radius: 20px !important; } .community-page-home .bs-section.main-banner[data-section-id="128495000003039706"] .background-layer { border-radius: 20px !important; background-size: 100% 100% !important; } } /* ========================= 10 INCH TABLET 768px to 1024px ========================= */ @media screen and (min-width: 768px) and (max-width: 1024px) { .community-page-home .bs-section.main-banner[data-section-id="128495000003039706"] { aspect-ratio: 16 / 9 !important; border-radius: 26px !important; } .community-page-home .bs-section.main-banner[data-section-id="128495000003039706"] .background-layer { border-radius: 26px !important; background-size: 100% 100% !important; } } /* ========================= iPAD PRO / LARGE TABLET 1025px to 1366px ========================= */ @media screen and (min-width: 1025px) and (max-width: 1366px) { .community-page-home .bs-section.main-banner[data-section-id="128495000003039706"] { aspect-ratio: 16 / 9 !important; border-radius: 30px !important; } .community-page-home .bs-section.main-banner[data-section-id="128495000003039706"] .background-layer { border-radius: 30px !important; background-size: 100% 100% !important; } } /* ========================= 13 INCH TABLET 1367px to 1536px ========================= */ @media screen and (min-width: 1367px) and (max-width: 1536px) { .community-page-home .bs-section.main-banner[data-section-id="128495000003039706"] { aspect-ratio: 16 / 9 !important; border-radius: 32px !important; } .community-page-home .bs-section.main-banner[data-section-id="128495000003039706"] .background-layer { border-radius: 32px !important; background-size: 100% 100% !important; background-position: center center !important; } } /* ========================================================= MOBILE minimum mobile to maximum mobile (0px to 767px) ========================================================= */ /*@media screen and (max-width: 767px) { .community-page-home .bs-media-wgt[media-id="128495000004813204"] .media-element, .community-page-home .bs-media-wgt[media-id="128495000004813214"] .media-element, .community-page-home .bs-media-wgt[media-id="128495000004813226"] .media-element, .community-page-home .bs-media-wgt[media-id="128495000004813236"] .media-element, .community-page-home .bs-media-wgt[media-id="128495000004813246"] .media-element, .community-page-home .bs-media-wgt[media-id="128495000004813256"] .media-element { display: flex; align-items: center; justify-content: center; width: 30px; height: 30px; } .community-page-home section div[data-element-id="128495000004813128"] .grb-list[class*="column-"] { display: grid; grid-template-columns: repeat(3, 1fr); gap: 15px; align-items: stretch; } .community-page-home section div[data-element-id="128495000004813128"] .grb-list[class*="column-"] > * { background-color: #ffffff1a; border-radius: 12px; padding: 10px; box-sizing: border-box; text-align: center; grid-gap: 4px; display: flex; flex-direction: column; justify-content: center; align-items: center; min-height: 20px; width: 100%; box-shadow: 0 2px 4px rgba(0, 0, 0, 0.06), 0 8px 20px rgba(0, 0, 0, 0.06); transition: all 0.3s ease; } }*/ /* ========================================================= QUICK ACTIONS FINAL FIX (MOBILE PHONE) Same Design | 3 Grid | Icon Top | Text Bottom ========================================================= */ @media screen and (max-width: 767px) { /* Main quick action container */ .community-page-home div[data-element-id="128495000004813128"] { 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="128495000004813128"] .grb-list, .community-page-home div[data-element-id="128495000004813128"] .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: visible !important; } /* Each card */ .community-page-home div[data-element-id="128495000004813128"] .grb-list[class*="column-"] > .li-item, .community-page-home div[data-element-id="128495000004813128"] .grb-list > .li-item { width: 100% !important; max-width: 100% !important; min-width: 0 !important; height: 86px !important; min-height: 86px !important; max-height: 86px !important; margin: 0 !important; padding: 9px 4px !important; box-sizing: border-box !important; background: #ffffff !important; border: 1px solid #eeeeee !important; border-radius: 14px !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; text-align: center !important; overflow: hidden !important; position: relative !important; grid-gap: 15px !important; } /* Very important: fix Zoho horizontal media layout */ .community-page-home div[data-element-id="128495000004813128"] .li-item > a, .community-page-home div[data-element-id="128495000004813128"] .li-item .media-text-layout, .community-page-home div[data-element-id="128495000004813128"] .li-item .media-text-layout.lyt-tiny-media, .community-page-home div[data-element-id="128495000004813128"] .li-item .lyt-tiny-media { width: 100% !important; height: 100% !important; display: flex !important; flex-direction: column !important; align-items: center !important; justify-content: center !important; gap: 8px !important; margin: 0 !important; padding: 0 !important; text-align: center !important; text-decoration: none !important; box-sizing: border-box !important; overflow: hidden !important; } /* Remove Zoho left alignment */ .community-page-home div[data-element-id="128495000004813128"] .align-item-left, .community-page-home div[data-element-id="128495000004813128"] .left-align { align-items: center !important; text-align: center !important; } /* Icon wrapper */ .community-page-home div[data-element-id="128495000004813128"] .bs-media-wgt { order: 1 !important; width: 31px !important; height: 31px !important; min-width: 31px !important; min-height: 31px !important; max-width: 31px !important; max-height: 31px !important; display: block !important; flex: 0 0 31px !important; margin: 0 auto !important; padding: 0 !important; overflow: hidden !important; float: none !important; clear: both !important; } /* Icon box */ .community-page-home div[data-element-id="128495000004813128"] .media-element, .community-page-home div[data-element-id="128495000004813128"] .media-image, .community-page-home div[data-element-id="128495000004813128"] .media-element.img-square .media-image, .community-page-home div[data-element-id="128495000004813128"] .media-element.img-circular .media-image { width: 31px !important; height: 31px !important; min-width: 31px !important; min-height: 31px !important; max-width: 31px !important; max-height: 31px !important; display: flex !important; align-items: center !important; justify-content: center !important; margin: 0 auto !important; padding: 0 !important; overflow: hidden !important; background: transparent !important; box-sizing: border-box !important; } /* Actual icon image */ .community-page-home div[data-element-id="128495000004813128"] img, .community-page-home div[data-element-id="128495000004813128"] img.fluid-image, .community-page-home div[data-element-id="128495000004813128"] .media-image img, .community-page-home div[data-element-id="128495000004813128"] svg { width: 31px !important; height: 31px !important; min-width: 31px !important; min-height: 31px !important; max-width: 31px !important; max-height: 31px !important; object-fit: contain !important; object-position: center center !important; display: block !important; margin: 0 auto !important; padding: 0 !important; opacity: 1 !important; visibility: visible !important; flex-shrink: 0 !important; } /* Text wrapper */ .community-page-home div[data-element-id="128495000004813128"] .bs-text-wgt, .community-page-home div[data-element-id="128495000004813128"] .media-content, .community-page-home div[data-element-id="128495000004813128"] .media-info, .community-page-home div[data-element-id="128495000004813128"] .media-text { order: 2 !important; width: 100% !important; max-width: 100% !important; display: block !important; text-align: center !important; margin: 0 !important; padding: 0 !important; float: none !important; clear: both !important; } /* Text */ .community-page-home div[data-element-id="128495000004813128"] h1, .community-page-home div[data-element-id="128495000004813128"] h2, .community-page-home div[data-element-id="128495000004813128"] h3, .community-page-home div[data-element-id="128495000004813128"] h4, .community-page-home div[data-element-id="128495000004813128"] p, .community-page-home div[data-element-id="128495000004813128"] span, .community-page-home div[data-element-id="128495000004813128"] .bs-text-wgt * { display: block !important; width: 100% !important; max-width: 100% !important; font-size: 12px !important; line-height: 1.1 !important; font-weight: 600 !important; color: #111111 !important; text-align: center !important; white-space: normal !important; margin: 0 !important; padding: 0 !important; box-sizing: border-box !important; } } /* ========================================================= TABLET minimum tablet to maximum tablet (768px to 1024px) ========================================================= */ /* @media screen and (min-width: 768px) and (max-width: 1024px) { .community-page-home .bs-media-wgt[media-id="128495000004813204"] .media-element, .community-page-home .bs-media-wgt[media-id="128495000004813214"] .media-element, .community-page-home .bs-media-wgt[media-id="128495000004813226"] .media-element, .community-page-home .bs-media-wgt[media-id="128495000004813236"] .media-element, .community-page-home .bs-media-wgt[media-id="128495000004813246"] .media-element, .community-page-home .bs-media-wgt[media-id="128495000004813256"] .media-element { display: flex; align-items: center; justify-content: center; width: 150px; height: 150px; } .community-page-home section div[data-element-id="128495000004813128"] .grb-list[class*="column-"] { display: grid; grid-template-columns: repeat(3, 1fr); gap: 15px; align-items: stretch; } .community-page-home section div[data-element-id="128495000004813128"] .grb-list[class*="column-"] > * { background-color: #ffffff1a; border-radius: 12px; padding: 10px; box-sizing: border-box; text-align: center; grid-gap: 4px; display: flex; flex-direction: column; justify-content: center; align-items: center; min-height: 20px; width: 100%; box-shadow: 0 2px 4px rgba(0, 0, 0, 0.06), 0 8px 20px rgba(0, 0, 0, 0.06); transition: all 0.3s ease; } } @media only screen and (max-width: 767px) { .community-page-home section div[data-element-id="128495000004813128"] .media-text-layout .lyt-tiny-media .media-element.img-circular .media-image, .community-page-home section div[data-element-id="128495000004813128"] .media-text-layout .lyt-tiny-media .media-element.img-circular .media-video, .community-page-home section div[data-element-id="128495000004813128"] .media-text-layout .lyt-tiny-media .media-element.img-square .media-image, .community-page-home section div[data-element-id="128495000004813128"] .media-text-layout .lyt-tiny-media .media-element.img-square .media-video { width: 30px !important; height: 30px !important; min-width: 30px !important; min-height: 30px !important; max-width: 30px !important; max-height: 30px !important; object-fit: contain !important; display: block !important; margin: 0 auto !important; } }*/ /* ========================================================= TABLET GRID + MEDIA IMAGE FIX 7 inch / 10 inch / iPad / iPad Air / iPad Pro 600px to 1366px ========================================================= */ @media screen and (min-width: 600px) and (max-width: 1366px) { .community-page-home .bs-media-wgt[media-id="128495000004813204"] .media-element, .community-page-home .bs-media-wgt[media-id="128495000004813214"] .media-element, .community-page-home .bs-media-wgt[media-id="128495000004813226"] .media-element, .community-page-home .bs-media-wgt[media-id="128495000004813236"] .media-element, .community-page-home .bs-media-wgt[media-id="128495000004813246"] .media-element, .community-page-home .bs-media-wgt[media-id="128495000004813256"] .media-element { display: flex !important; align-items: center !important; justify-content: center !important; width: clamp(110px, 14vw, 160px) !important; height: clamp(110px, 14vw, 160px) !important; margin: 0 auto !important; overflow: hidden !important; } .community-page-home .bs-media-wgt[media-id="128495000004813204"] .media-element img, .community-page-home .bs-media-wgt[media-id="128495000004813214"] .media-element img, .community-page-home .bs-media-wgt[media-id="128495000004813226"] .media-element img, .community-page-home .bs-media-wgt[media-id="128495000004813236"] .media-element img, .community-page-home .bs-media-wgt[media-id="128495000004813246"] .media-element img, .community-page-home .bs-media-wgt[media-id="128495000004813256"] .media-element img { width: 100% !important; height: 100% !important; object-fit: contain !important; object-position: center center !important; } .community-page-home section div[data-element-id="128495000004813128"] .grb-list[class*="column-"] { display: grid !important; grid-template-columns: repeat(3, 1fr) !important; gap: 15px !important; align-items: stretch !important; } .community-page-home section div[data-element-id="128495000004813128"] .grb-list[class*="column-"] > * { background-color: #ffffff1a !important; border-radius: 12px !important; padding: 10px !important; box-sizing: border-box !important; text-align: center !important; display: flex !important; flex-direction: column !important; justify-content: center !important; align-items: center !important; min-height: 180px !important; width: 100% !important; box-shadow: 0 2px 4px rgba(0, 0, 0, 0.06), 0 8px 20px rgba(0, 0, 0, 0.06) !important; transition: all 0.3s ease !important; } } /* ========================================================= 7 INCH TABLET Small tablet portrait / Android tablet 600px to 767px ========================================================= */ @media screen and (min-width: 600px) and (max-width: 767px) { .community-page-home section div[data-element-id="128495000004813128"] .grb-list[class*="column-"] { grid-template-columns: repeat(2, 1fr) !important; gap: 12px !important; } .community-page-home section div[data-element-id="128495000004813128"] .grb-list[class*="column-"] > * { min-height: 160px !important; padding: 10px !important; } .community-page-home .bs-media-wgt[media-id="128495000004813204"] .media-element, .community-page-home .bs-media-wgt[media-id="128495000004813214"] .media-element, .community-page-home .bs-media-wgt[media-id="128495000004813226"] .media-element, .community-page-home .bs-media-wgt[media-id="128495000004813236"] .media-element, .community-page-home .bs-media-wgt[media-id="128495000004813246"] .media-element, .community-page-home .bs-media-wgt[media-id="128495000004813256"] .media-element { width: 115px !important; height: 115px !important; } } /* ========================================================= 10 INCH TABLET / NORMAL iPAD 768px to 1024px ========================================================= */ @media screen and (min-width: 768px) and (max-width: 1024px) { .community-page-home section div[data-element-id="128495000004813128"] .grb-list[class*="column-"] { grid-template-columns: repeat(3, 1fr) !important; gap: 15px !important; } .community-page-home section div[data-element-id="128495000004813128"] .grb-list[class*="column-"] > * { min-height: 190px !important; padding: 12px !important; } .community-page-home .bs-media-wgt[media-id="128495000004813204"] .media-element, .community-page-home .bs-media-wgt[media-id="128495000004813214"] .media-element, .community-page-home .bs-media-wgt[media-id="128495000004813226"] .media-element, .community-page-home .bs-media-wgt[media-id="128495000004813236"] .media-element, .community-page-home .bs-media-wgt[media-id="128495000004813246"] .media-element, .community-page-home .bs-media-wgt[media-id="128495000004813256"] .media-element { width: 145px !important; height: 145px !important; } } /* ========================================================= iPAD PRO / LARGE TABLET LANDSCAPE 1025px to 1366px ========================================================= */ @media screen and (min-width: 1025px) and (max-width: 1366px) { .community-page-home section div[data-element-id="128495000004813128"] .grb-list[class*="column-"] { grid-template-columns: repeat(3, 1fr) !important; gap: 18px !important; } .community-page-home section div[data-element-id="128495000004813128"] .grb-list[class*="column-"] > * { min-height: 210px !important; padding: 14px !important; } .community-page-home .bs-media-wgt[media-id="128495000004813204"] .media-element, .community-page-home .bs-media-wgt[media-id="128495000004813214"] .media-element, .community-page-home .bs-media-wgt[media-id="128495000004813226"] .media-element, .community-page-home .bs-media-wgt[media-id="128495000004813236"] .media-element, .community-page-home .bs-media-wgt[media-id="128495000004813246"] .media-element, .community-page-home .bs-media-wgt[media-id="128495000004813256"] .media-element { width: 160px !important; height: 160px !important; } } /* ========================================================= 3. SECTION SPACING FIXES MOBILE (0px to 767px) ========================================================= */ @media screen and (max-width: 767px) { .community-page-home section[data-section-id="128495000004813123"] .foreground-layer.bs-container { padding-bottom: 30px !important; } .community-page-home section[data-section-id="128495000004897255"].bs-section .foreground-layer.bs-container { background-color: #ffffff !important; } .community-page-home section[data-section-id="128495000004897813"] .foreground-layer.bs-container { padding-left: 16px !important; padding-right: 16px !important; padding-bottom: 100px !important; padding-top: 0 !important; background-color: #ffffff !important; } } /* ========================================================= 3. SECTION SPACING FIXES TABLET (768px to 1024px) ========================================================= */ @media screen and (min-width: 768px) and (max-width: 1024px) { .community-page-home section[data-section-id="128495000004813123"] .foreground-layer.bs-container { padding-bottom: 30px !important; } .community-page-home section[data-section-id="128495000004897255"].bs-section .foreground-layer.bs-container { background-color: #ffffff !important; } .community-page-home section[data-section-id="128495000004897813"] .foreground-layer.bs-container { padding-left: 16px !important; padding-right: 16px !important; padding-bottom: 150px !important; padding-top: 0 !important; background-color: #ffffff !important; } } /* ========================================================= QUICK ACTION ICON FINAL FIX For 7 inch / 10 inch / iPad / iPad Pro / 13 inch tablet ========================================================= */ @media screen and (min-width: 600px) and (max-width: 1536px) { .community-page-home section div[data-element-id="128495000004813128"] .grb-list[class*="column-"] { display: grid !important; grid-template-columns: repeat(3, 1fr) !important; gap: 14px !important; } .community-page-home section div[data-element-id="128495000004813128"] .grb-list[class*="column-"] > * { height: 150px !important; min-height: 150px !important; padding: 18px 10px !important; display: flex !important; flex-direction: column !important; justify-content: center !important; align-items: center !important; gap: 12px !important; background: #ffffff !important; border-radius: 12px !important; overflow: hidden !important; box-sizing: border-box !important; box-shadow: 0 2px 4px rgba(0, 0, 0, 0.06), 0 8px 20px rgba(0, 0, 0, 0.06) !important; } .community-page-home .bs-media-wgt[media-id="128495000004813204"], .community-page-home .bs-media-wgt[media-id="128495000004813214"], .community-page-home .bs-media-wgt[media-id="128495000004813226"], .community-page-home .bs-media-wgt[media-id="128495000004813236"], .community-page-home .bs-media-wgt[media-id="128495000004813246"], .community-page-home .bs-media-wgt[media-id="128495000004813256"] { width: 48px !important; height: 48px !important; min-width: 48px !important; min-height: 48px !important; margin: 0 auto !important; padding: 0 !important; display: flex !important; align-items: center !important; justify-content: center !important; overflow: visible !important; } .community-page-home .bs-media-wgt[media-id="128495000004813204"] .media-element, .community-page-home .bs-media-wgt[media-id="128495000004813214"] .media-element, .community-page-home .bs-media-wgt[media-id="128495000004813226"] .media-element, .community-page-home .bs-media-wgt[media-id="128495000004813236"] .media-element, .community-page-home .bs-media-wgt[media-id="128495000004813246"] .media-element, .community-page-home .bs-media-wgt[media-id="128495000004813256"] .media-element { width: 48px !important; height: 48px !important; min-width: 48px !important; min-height: 48px !important; margin: 0 auto !important; padding: 0 !important; display: block !important; overflow: visible !important; background-size: contain !important; background-position: center center !important; background-repeat: no-repeat !important; } .community-page-home .bs-media-wgt[media-id="128495000004813204"] .media-element *, .community-page-home .bs-media-wgt[media-id="128495000004813214"] .media-element *, .community-page-home .bs-media-wgt[media-id="128495000004813226"] .media-element *, .community-page-home .bs-media-wgt[media-id="128495000004813236"] .media-element *, .community-page-home .bs-media-wgt[media-id="128495000004813246"] .media-element *, .community-page-home .bs-media-wgt[media-id="128495000004813256"] .media-element * { width: 48px !important; height: 48px !important; max-width: 48px !important; max-height: 48px !important; object-fit: contain !important; background-size: contain !important; background-position: center center !important; background-repeat: no-repeat !important; overflow: visible !important; } .community-page-home section div[data-element-id="128495000004813128"] .grb-list[class*="column-"] h1, .community-page-home section div[data-element-id="128495000004813128"] .grb-list[class*="column-"] h2, .community-page-home section div[data-element-id="128495000004813128"] .grb-list[class*="column-"] h3, .community-page-home section div[data-element-id="128495000004813128"] .grb-list[class*="column-"] h4, .community-page-home section div[data-element-id="128495000004813128"] .grb-list[class*="column-"] p { margin: 0 !important; padding: 0 !important; line-height: 1.25 !important; font-size: 14px !important; font-weight: 600 !important; } } /* ========================================================= 7 INCH TABLET 600px to 767px ========================================================= */ @media screen and (min-width: 600px) and (max-width: 767px) { .community-page-home section div[data-element-id="128495000004813128"] .grb-list[class*="column-"] { grid-template-columns: repeat(2, 1fr) !important; gap: 12px !important; } .community-page-home section div[data-element-id="128495000004813128"] .grb-list[class*="column-"] > * { height: 135px !important; min-height: 135px !important; } } /* ========================================================= 10 INCH TABLET / NORMAL iPAD 768px to 1024px ========================================================= */ @media screen and (min-width: 768px) and (max-width: 1024px) { .community-page-home section div[data-element-id="128495000004813128"] .grb-list[class*="column-"] { grid-template-columns: repeat(3, 1fr) !important; gap: 14px !important; } .community-page-home section div[data-element-id="128495000004813128"] .grb-list[class*="column-"] > * { height: 150px !important; min-height: 150px !important; } } /* ========================================================= iPAD PRO / LARGE TABLET 1025px to 1366px ========================================================= */ @media screen and (min-width: 1025px) and (max-width: 1366px) { .community-page-home section div[data-element-id="128495000004813128"] .grb-list[class*="column-"] { grid-template-columns: repeat(3, 1fr) !important; gap: 16px !important; } .community-page-home section div[data-element-id="128495000004813128"] .grb-list[class*="column-"] > * { height: 155px !important; min-height: 155px !important; } } /* ========================================================= 13 INCH TABLET 1367px to 1536px ========================================================= */ @media screen and (min-width: 1367px) and (max-width: 1536px) { .community-page-home section div[data-element-id="128495000004813128"] .grb-list[class*="column-"] { grid-template-columns: repeat(3, 1fr) !important; gap: 18px !important; } .community-page-home section div[data-element-id="128495000004813128"] .grb-list[class*="column-"] > * { height: 165px !important; min-height: 165px !important; padding: 20px 12px !important; } .community-page-home .bs-media-wgt[media-id="128495000004813204"], .community-page-home .bs-media-wgt[media-id="128495000004813214"], .community-page-home .bs-media-wgt[media-id="128495000004813226"], .community-page-home .bs-media-wgt[media-id="128495000004813236"], .community-page-home .bs-media-wgt[media-id="128495000004813246"], .community-page-home .bs-media-wgt[media-id="128495000004813256"], .community-page-home .bs-media-wgt[media-id="128495000004813204"] .media-element, .community-page-home .bs-media-wgt[media-id="128495000004813214"] .media-element, .community-page-home .bs-media-wgt[media-id="128495000004813226"] .media-element, .community-page-home .bs-media-wgt[media-id="128495000004813236"] .media-element, .community-page-home .bs-media-wgt[media-id="128495000004813246"] .media-element, .community-page-home .bs-media-wgt[media-id="128495000004813256"] .media-element { width: 54px !important; height: 54px !important; min-width: 54px !important; min-height: 54px !important; } .community-page-home section div[data-element-id="128495000004813128"] .grb-list[class*="column-"] h1, .community-page-home section div[data-element-id="128495000004813128"] .grb-list[class*="column-"] h2, .community-page-home section div[data-element-id="128495000004813128"] .grb-list[class*="column-"] h3, .community-page-home section div[data-element-id="128495000004813128"] .grb-list[class*="column-"] h4, .community-page-home section div[data-element-id="128495000004813128"] .grb-list[class*="column-"] p { font-size: 15px !important; } } /* ========================================================= 4. IMAGE CAROUSEL SECTION - 128495000004897255 MOBILE + TABLET (0px to 767px) ========================================================= */ @media screen and (max-width: 1024px) { .community-page-home section[data-section-id="128495000004897255"] { overflow: hidden !important; } .community-page-home section[data-section-id="128495000004897255"] #128495000004897260.carousel, .community-page-home section[data-section-id="128495000004897255"] .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="128495000004897255"] .owl-stage-outer { overflow: hidden !important; width: 100% !important; padding: 0 !important; margin: 0 !important; } .community-page-home section[data-section-id="128495000004897255"] .owl-stage { display: block !important; } .community-page-home section[data-section-id="128495000004897255"] .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="128495000004897255"] .bs-mtList-wgt, .community-page-home section[data-section-id="128495000004897255"] .bs-mtList-wgt .li-item { width: 100% !important; padding: 0 !important; margin: 0 !important; gap: 0 !important; } .community-page-home section[data-section-id="128495000004897255"] .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="128495000004897255"] .list-image, .community-page-home section[data-section-id="128495000004897255"] .media-element, .community-page-home section[data-section-id="128495000004897255"] .media-image, .community-page-home section[data-section-id="128495000004897255"] 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="128495000004897255"] .media-image img, .community-page-home section[data-section-id="128495000004897255"] picture img, .community-page-home section[data-section-id="128495000004897255"] 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="128495000004897255"] .owl-nav, .community-page-home section[data-section-id="128495000004897255"] .owl-dots { display: none !important; } } /* ========================================================= TABLET CAROUSEL FIX 7 inch / 10 inch / iPad / iPad Air / iPad Pro / 13 inch tablet Section ID: 128495000004897255 ========================================================= */ @media screen and (min-width: 600px) and (max-width: 1536px) { .community-page-home section[data-section-id="128495000004897255"] { overflow: hidden !important; width: 100% !important; max-width: 100% !important; } .community-page-home section[data-section-id="128495000004897255"] .foreground-layer.bs-container { overflow: hidden !important; width: 100% !important; max-width: 100% !important; padding-left: 14px !important; padding-right: 14px !important; box-sizing: border-box !important; } .community-page-home section[data-section-id="128495000004897255"] [id="128495000004897260"].carousel, .community-page-home section[data-section-id="128495000004897255"] .owl-carousel { width: 100% !important; max-width: 100% !important; overflow: hidden !important; padding: 0 !important; margin: 0 auto !important; box-sizing: border-box !important; } .community-page-home section[data-section-id="128495000004897255"] .owl-stage-outer { overflow: hidden !important; width: 100% !important; max-width: 100% !important; padding: 0 !important; margin: 0 !important; } .community-page-home section[data-section-id="128495000004897255"] .owl-stage { display: flex !important; align-items: stretch !important; } .community-page-home section[data-section-id="128495000004897255"] .owl-item { padding: 0 8px !important; margin: 0 !important; opacity: 1 !important; transform: none !important; box-sizing: border-box !important; } .community-page-home section[data-section-id="128495000004897255"] .bs-mtList-wgt, .community-page-home section[data-section-id="128495000004897255"] .bs-mtList-wgt .li-item { width: 100% !important; max-width: 100% !important; padding: 0 !important; margin: 0 !important; box-sizing: border-box !important; } .community-page-home section[data-section-id="128495000004897255"] .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="128495000004897255"] .list-image, .community-page-home section[data-section-id="128495000004897255"] .media-element, .community-page-home section[data-section-id="128495000004897255"] .media-image, .community-page-home section[data-section-id="128495000004897255"] picture { width: 100% !important; max-width: 100% !important; height: auto !important; padding: 0 !important; margin: 0 !important; display: block !important; overflow: hidden !important; border-radius: 18px !important; line-height: 0 !important; box-sizing: border-box !important; } .community-page-home section[data-section-id="128495000004897255"] .media-image img, .community-page-home section[data-section-id="128495000004897255"] picture img { width: 100% !important; height: auto !important; max-width: 100% !important; display: block !important; padding: 0 !important; margin: 0 !important; border: 0 !important; border-radius: 18px !important; object-fit: cover !important; object-position: center center !important; } .community-page-home section[data-section-id="128495000004897255"] .owl-nav, .community-page-home section[data-section-id="128495000004897255"] .owl-dots { display: none !important; } } /* ========================================================= 7 INCH TABLET 600px to 767px ========================================================= */ @media screen and (min-width: 600px) and (max-width: 767px) { .community-page-home section[data-section-id="128495000004897255"] .foreground-layer.bs-container { padding-left: 10px !important; padding-right: 10px !important; } .community-page-home section[data-section-id="128495000004897255"] .owl-item { padding: 0 6px !important; } .community-page-home section[data-section-id="128495000004897255"] .bs-mtList-wgt .li-item, .community-page-home section[data-section-id="128495000004897255"] .list-image, .community-page-home section[data-section-id="128495000004897255"] .media-element, .community-page-home section[data-section-id="128495000004897255"] .media-image, .community-page-home section[data-section-id="128495000004897255"] picture, .community-page-home section[data-section-id="128495000004897255"] picture img { border-radius: 14px !important; } } /* ========================================================= 10 INCH TABLET / NORMAL iPAD 768px to 1024px ========================================================= */ @media screen and (min-width: 768px) and (max-width: 1024px) { .community-page-home section[data-section-id="128495000004897255"] .foreground-layer.bs-container { padding-left: 14px !important; padding-right: 14px !important; } .community-page-home section[data-section-id="128495000004897255"] .owl-item { padding: 0 8px !important; } } /* ========================================================= iPAD PRO / LARGE TABLET 1025px to 1366px ========================================================= */ @media screen and (min-width: 1025px) and (max-width: 1366px) { .community-page-home section[data-section-id="128495000004897255"] .foreground-layer.bs-container { padding-left: 18px !important; padding-right: 18px !important; } .community-page-home section[data-section-id="128495000004897255"] .owl-item { padding: 0 10px !important; } } /* ========================================================= 13 INCH TABLET 1367px to 1536px ========================================================= */ @media screen and (min-width: 1367px) and (max-width: 1536px) { .community-page-home section[data-section-id="128495000004897255"] .foreground-layer.bs-container { padding-left: 22px !important; padding-right: 22px !important; } .community-page-home section[data-section-id="128495000004897255"] .owl-item { padding: 0 12px !important; } .community-page-home section[data-section-id="128495000004897255"] .bs-mtList-wgt .li-item, .community-page-home section[data-section-id="128495000004897255"] .list-image, .community-page-home section[data-section-id="128495000004897255"] .media-element, .community-page-home section[data-section-id="128495000004897255"] .media-image, .community-page-home section[data-section-id="128495000004897255"] picture, .community-page-home section[data-section-id="128495000004897255"] picture img { border-radius: 20px !important; } } @media screen and (max-width: 1024px) { .community-page-home section[data-section-id="128495000004897255"].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="128495000004897255"] .media-text-layout .lyt-largest-media .img-rectangle .media-image { width: 400px !important; } } /* ========================================================= 5. SPEAKER CAROUSEL - 128495000004897634 ========================================================= */ @media screen and (max-width: 768px) { .community-page-home section[data-section-id="128495000004897634"] .owl-nav, .community-page-home section[data-section-id="128495000004897634"] .owl-dots { display: none !important; } .community-page-home section[data-section-id="128495000004897634"] .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="128495000004897634"] .list-image, .community-page-home section[data-section-id="128495000004897634"] .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="128495000004897634"] .bs-image.profile-img > span { display: none !important; } .community-page-home section[data-section-id="128495000004897634"] .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="128495000004897634"] .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="128495000004897634"] .li-title, .community-page-home section[data-section-id="128495000004897634"] .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="128495000004897634"] .li-subtitle, .community-page-home section[data-section-id="128495000004897634"] .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="128495000004897634"] .owl-nav, .community-page-home section[data-section-id="128495000004897634"] .owl-dots { display: none !important; } .community-page-home section[data-section-id="128495000004897634"] .owl-item { min-width: 0 !important; } } /* ========================================================= 6. BOTTOM FIXED MENU - 128495000004897870 ========================================================= */ @media only screen and (max-width: 767px) { .community-page-home section[data-section-id="128495000004897870"] { position: fixed; bottom: 0; left: 0; width: 100%; z-index: 9999; margin: 0 !important; padding: 0 !important; background: transparent !important; } .community-page-home section[data-section-id="128495000004897870"] .background-layer { background: transparent !important; } .community-page-home section[data-section-id="128495000004897870"] .foreground-layer, .community-page-home section[data-section-id="128495000004897870"] .bs-container { background: #fff !important; box-shadow: none !important; border-top: 1px solid #f3f0f0 !important; padding: 15px 12px !important; margin: 0 !important; } .community-page-home section[data-section-id="128495000004897870"] .grb-list { display: grid !important; grid-template-columns: repeat(3, minmax(0, 1fr)) !important; gap: 0 !important; width: 100% !important; grid-auto-flow: unset !important; align-items: start !important; } .community-page-home section[data-section-id="128495000004897870"] .li-item { width: 100% !important; max-width: 100% !important; display: flex !important; flex-direction: column !important; justify-content: flex-start !important; align-items: center !important; margin: 0 !important; padding: 0 !important; gap: 0 !important; } .community-page-home section[data-section-id="128495000004897870"] .list-image, .community-page-home section[data-section-id="128495000004897870"] .bs-media-wgt, .community-page-home section[data-section-id="128495000004897870"] .media-element, .community-page-home section[data-section-id="128495000004897870"] .media-image { width: auto !important; height: auto !important; display: flex !important; justify-content: center !important; align-items: center !important; margin: 0 !important; padding: 0 !important; } .community-page-home section[data-section-id="128495000004897870"] .fluid-image, .community-page-home section[data-section-id="128495000004897870"] .media-image img { width: 22px !important; height: 22px !important; object-fit: contain !important; display: block !important; margin: 0 auto !important; } .community-page-home section[data-section-id="128495000004897870"] .li-content { display: block !important; margin: 0 !important; padding: 0 !important; text-align: center !important; } .community-page-home section[data-section-id="128495000004897870"] .li-title, .community-page-home section[data-section-id="128495000004897870"] .li-title div, .community-page-home section[data-section-id="128495000004897870"] .li-subtitle, .community-page-home section[data-section-id="128495000004897870"] .li-subtitle div { margin: 0 !important; padding: 0 !important; line-height: 1.2 !important; font-size: 10px !important; color: #444 !important; text-align: center !important; } } /* ========================================================= 6. BOTTOM FIXED MENU - TABLET FINAL FIX 7 inch / 10 inch / iPad / iPad Pro / 13 inch tablet 128495000004897870 ========================================================= */ @media only screen and (min-width: 600px) and (max-width: 1536px) { .community-page-home section[data-section-id="128495000004897870"] { position: fixed !important; left: 0 !important; right: 0 !important; bottom: 0 !important; top: auto !important; width: 100% !important; z-index: 99999 !important; margin: 0 !important; padding: 0 !important; transform: none !important; background: transparent !important; } .community-page-home section[data-section-id="128495000004897870"] .background-layer { display: none !important; } .community-page-home section[data-section-id="128495000004897870"] .foreground-layer, .community-page-home section[data-section-id="128495000004897870"] .bs-container { position: relative !important; left: auto !important; right: auto !important; bottom: auto !important; width: 100% !important; max-width: 100% !important; margin: 0 !important; padding: 10px 16px !important; min-height: auto !important; height: auto !important; background: #ffffff !important; border-top: 1px solid #f3f0f0 !important; box-shadow: none !important; transform: none !important; } .community-page-home section[data-section-id="128495000004897870"] .grb-list { display: grid !important; grid-template-columns: repeat(3, 1fr) !important; justify-items: center !important; align-items: center !important; width: 100% !important; gap: 0 !important; margin: 0 !important; padding: 0 !important; } .community-page-home section[data-section-id="128495000004897870"] .li-item { display: flex !important; flex-direction: column !important; justify-content: center !important; align-items: center !important; width: 100% !important; min-height: 58px !important; grid-gap: 0 !important; margin: 0 !important; padding: 0 !important; text-align: center !important; } .community-page-home section[data-section-id="128495000004897870"] .list-image, .community-page-home section[data-section-id="128495000004897870"] .bs-media-wgt, .community-page-home section[data-section-id="128495000004897870"] .media-element, .community-page-home section[data-section-id="128495000004897870"] .media-image { display: flex !important; justify-content: center !important; align-items: center !important; width: auto !important; height: auto !important; margin: 0 0 4px !important; padding: 0 !important; } .community-page-home section[data-section-id="128495000004897870"] .fluid-image, .community-page-home section[data-section-id="128495000004897870"] .media-image img { width: 150px !important; height: 50px !important; display: block !important; object-fit: contain !important; margin: 0 auto !important; } .community-page-home section[data-section-id="128495000004897870"] .li-content { display: flex !important; flex-direction: column !important; justify-content: center !important; align-items: center !important; margin: 0 !important; padding: 0 !important; text-align: center !important; } .community-page-home section[data-section-id="128495000004897870"] .li-title, .community-page-home section[data-section-id="128495000004897870"] .li-title div, .community-page-home section[data-section-id="128495000004897870"] .li-subtitle, .community-page-home section[data-section-id="128495000004897870"] .li-subtitle div { margin: 0 !important; padding: 0 !important; font-size: 11px !important; line-height: 1.2 !important; color: #444444 !important; text-align: center !important; } body.community-page-home { padding-bottom: 90px !important; } } /* ========================================================= 13 INCH TABLET EXTRA FIX 1367px to 1536px ========================================================= */ @media only screen and (min-width: 1367px) and (max-width: 1536px) { .community-page-home section[data-section-id="128495000004897870"] .foreground-layer, .community-page-home section[data-section-id="128495000004897870"] .bs-container { padding: 12px 24px !important; } .community-page-home section[data-section-id="128495000004897870"] .li-item { min-height: 64px !important; } .community-page-home section[data-section-id="128495000004897870"] .fluid-image, .community-page-home section[data-section-id="128495000004897870"] .media-image img { width: 160px !important; height: 54px !important; } .community-page-home section[data-section-id="128495000004897870"] .li-title, .community-page-home section[data-section-id="128495000004897870"] .li-title div, .community-page-home section[data-section-id="128495000004897870"] .li-subtitle, .community-page-home section[data-section-id="128495000004897870"] .li-subtitle div { font-size: 12px !important; } body.community-page-home { padding-bottom: 100px !important; } } /* ========================================================= 5. SPEAKER CAROUSEL - 128495000004897634 TABLET ========================================================= */ @media screen and (min-width: 768px) and (max-width: 1024px) { .community-page-home section[data-section-id="128495000004897634"] .owl-nav, .community-page-home section[data-section-id="128495000004897634"] .owl-dots { display: none !important; } .community-page-home section[data-section-id="128495000004897634"] .li-item { position: relative !important; overflow: hidden !important; height: 200px !important; min-height: 200px !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="128495000004897634"] .list-image, .community-page-home section[data-section-id="128495000004897634"] .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="128495000004897634"] .bs-image.profile-img > span { display: none !important; } .community-page-home section[data-section-id="128495000004897634"] .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="128495000004897634"] .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="128495000004897634"] .li-title, .community-page-home section[data-section-id="128495000004897634"] .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="128495000004897634"] .li-subtitle, .community-page-home section[data-section-id="128495000004897634"] .speaker-designation { color: #fff !important; font-size: 9px !important; line-height: 1.2 !important; margin: 0 !important; padding: 0 !important; } } /* ========================================================= 7. MOBILE HEADER ========================================================= */ @media only screen and (max-width: 767px) { header.bs-main-menu.fixed.mobile-menu { --bs-nav-bar-bg: #0B54A3 !important; --bs-nav-link-fg: #f4f9ff !important; --bs-nav-active-bg: #0B54A3 !important; position: fixed !important; top: 0 !important; left: 0 !important; width: 100% !important; /*z-index: 99999 !important;*/ background: #0B54A3 !important; border: none !important; box-shadow: none !important; } header.bs-main-menu.fixed.mobile-menu > .bs-container { position: relative !important; display: flex !important; justify-content: space-between !important; align-items: center !important; height: 88px !important; min-height: 88px !important; padding: 0 22px !important; background: #0B54A3 !important; border-radius: 0 !important; box-shadow: none !important; z-index: 10 !important; } section.bs-section.multiple-sections.community-section-banner { position: relative !important; z-index: 20 !important; margin-top: -26px !important; padding-top: 10px !important; background: #0B54A3 !important; border-top-left-radius: 15px !important; border-top-right-radius: 15px !important; overflow: hidden !important; } section.bs-section.multiple-sections.community-section-banner > .background-layer, section.bs-section.multiple-sections.community-section-banner > .foreground-layer { border-top-left-radius: 15px !important; border-top-right-radius: 15px !important; overflow: hidden !important; } section.bs-section.multiple-sections.community-section-banner .carousel, section.bs-section.multiple-sections.community-section-banner .owl-carousel, section.bs-section.multiple-sections.community-section-banner .owl-stage-outer, section.bs-section.multiple-sections.community-section-banner .owl-stage, section.bs-section.multiple-sections.community-section-banner .owl-item, section.bs-section.multiple-sections.community-section-banner .main-banner { margin-top: 0 !important; } body { padding-top: 60px !important; background: #0B54A3 !important; } } @media only screen and (max-width: 1024px) { .community-page-home[page-id="128495000003039025"] .page-container, .community-page-customPage[page-id="128495000003043095"] .page-container, .community-page-gallery[page-id="128495000003042288"] .page-container, .community-page-speakers[page-id="128495000003041162"] .page-container, .community-page-agenda[page-id="128495000003041031"] .page-container, .community-page-sponsors[page-id="128495000003041647"] .page-container, .community-page-exhibitors[page-id="128495000003042006"] .page-container, .community-page-exhibitorCategory[page-id="128495000003042122"] .page-container, .community-page-tickets[page-id="128495000003041311"] .page-container, .community-page-venue[page-id="128495000003041850"] .page-container { padding-top: 60px !important; background: #0B54A3 !important; } } @media only screen and (max-width: 767px) { .page-container { padding-top: 60px; background: white; } } /* ========================================================= 7. TABLET HEADER - BETTER BALANCED ========================================================= */ @media only screen and (min-width: 768px) and (max-width: 1024px) { header.bs-main-menu.fixed.mobile-menu { --bs-nav-bar-bg: #0B54A3 !important; --bs-nav-link-fg: #ffffff !important; --bs-nav-active-bg: #0B54A3 !important; position: fixed !important; top: 0 !important; left: 0 !important; width: 100% !important; z-index: 99999 !important; background: #0B54A3 !important; border: none !important; box-shadow: none !important; } header.bs-main-menu.fixed.mobile-menu > .bs-container { position: relative !important; display: flex !important; justify-content: space-between !important; align-items: center !important; height: 72px !important; min-height: 72px !important; padding: 0 28px !important; background: #0B54A3 !important; border-radius: 0 !important; box-shadow: none !important; z-index: 10 !important; } section.bs-section.multiple-sections.community-section-banner { position: relative !important; z-index: 20 !important; margin-top: -20px !important; padding-top: 12px !important; background: #0B54A3 !important; border-top-left-radius: 18px !important; border-top-right-radius: 18px !important; overflow: hidden !important; } section.bs-section.multiple-sections.community-section-banner > .background-layer, section.bs-section.multiple-sections.community-section-banner > .foreground-layer { border-top-left-radius: 18px !important; border-top-right-radius: 18px !important; overflow: hidden !important; } section.bs-section.multiple-sections.community-section-banner .carousel, section.bs-section.multiple-sections.community-section-banner .owl-carousel, section.bs-section.multiple-sections.community-section-banner .owl-stage-outer, section.bs-section.multiple-sections.community-section-banner .owl-stage, section.bs-section.multiple-sections.community-section-banner .owl-item, section.bs-section.multiple-sections.community-section-banner .main-banner { margin-top: 0 !important; } body { padding-top: 72px !important; background: #0B54A3 !important; } } @media only screen and (max-width: 1024px) { .community-page-home[page-id="128495000003039025"] .page-container, .community-page-customPage[page-id="128495000003043095"] .page-container, .community-page-gallery[page-id="128495000003042288"] .page-container, .community-page-speakers[page-id="128495000003041162"] .page-container, .community-page-agenda[page-id="128495000003041031"] .page-container, .community-page-sponsors[page-id="128495000003041647"] .page-container, .community-page-exhibitors[page-id="128495000003042006"] .page-container, .community-page-exhibitorCategory[page-id="128495000003042122"] .page-container, .community-page-tickets[page-id="128495000003041311"] .page-container, .community-page-venue[page-id="128495000003041850"] .page-container { padding-top: 60px !important; background: #0B54A3 !important; } } @media only screen and (max-width: 1024px) { .page-container { padding-top: 60px; background: white; } } /* ========================================================= 8. TAP HIGHLIGHT REMOVAL ========================================================= */ .community-page-home section[data-section-id="128495000004813123"] .li-item, .community-page-home section[data-section-id="128495000004813123"] .list-image, .community-page-home section[data-section-id="128495000004813123"] .bs-media-wgt, .community-page-home section[data-section-id="128495000004813123"] .media-element, .community-page-home section[data-section-id="128495000004813123"] .media-image, .community-page-home section[data-section-id="128495000004813123"] .media-image.pointer, .community-page-home section[data-section-id="128495000004813123"] .fluid-image, .community-page-home section[data-section-id="128495000004813123"] img { -webkit-tap-highlight-color: transparent !important; } .community-page-home section[data-section-id="128495000004813123"] .li-item:focus, .community-page-home section[data-section-id="128495000004813123"] .list-image:focus, .community-page-home section[data-section-id="128495000004813123"] .media-image:focus, .community-page-home section[data-section-id="128495000004813123"] .fluid-image:focus, .community-page-home section[data-section-id="128495000004813123"] img:focus { outline: none !important; } /* ========================================================= 8. TAP HIGHLIGHT REMOVAL ========================================================= */ .community-page-home section[data-section-id="128495000004897870"] .li-item, .community-page-home section[data-section-id="128495000004897870"] .list-image, .community-page-home section[data-section-id="128495000004897870"] .bs-media-wgt, .community-page-home section[data-section-id="128495000004897870"] .media-element, .community-page-home section[data-section-id="128495000004897870"] .media-image, .community-page-home section[data-section-id="128495000004897870"] .media-image.pointer, .community-page-home section[data-section-id="128495000004897870"] .fluid-image, .community-page-home section[data-section-id="128495000004897870"] img { -webkit-tap-highlight-color: transparent !important; } .community-page-home section[data-section-id="128495000004897870"] .li-item:focus, .community-page-home section[data-section-id="128495000004897870"] .list-image:focus, .community-page-home section[data-section-id="128495000004897870"] .media-image:focus, .community-page-home section[data-section-id="128495000004897870"] .fluid-image:focus, .community-page-home section[data-section-id="128495000004897870"] img:focus { outline: none !important; } /* ========================================================= 9. SPONSOR GRID MOBILE (0px to 767px) ========================================================= */ /* @media screen and (max-width: 767px) { .community-page-home div[data-element-id="128495000004897818"] .bs-sponsor-listing { margin: 8px 0 14px !important; padding: 0 !important; } .community-page-home .bs-section[data-section-id="128495000004897813"] .background-layer:after { background-color: #ffffff !important; } .community-page-home div[data-element-id="128495000004897818"] .sponsor-title { font-size: 10px !important; line-height: 4.15 !important; font-weight: 700 !important; margin: 0 0 8px !important; padding: 0 !important; letter-spacing: 0 !important; } .community-page-home div[data-element-id="128495000004897818"] .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="128495000004897818"] .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="128495000004897818"] .sponsor-tile .bs-image { height: 82px !important; min-height: 82px !important; max-height: 82px !important; display: flex !important; align-items: center !important; justify-content: center !important; background: #fff !important; border-radius: 10px !important; padding: 8px !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="128495000004897818"] .sponsor-tile .bs-image img, .community-page-home div[data-element-id="128495000004897818"] .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="128495000004897818"] .bs-sponsor-listing + .bs-sponsor-listing { margin-top: 10px !important; } } */ @media screen and (max-width: 767px) { .community-page-home div[data-element-id="128495000004897818"] .bs-sponsor-listing { margin: 20px 0 30px !important; padding: 0 !important; } .community-page-home .bs-section[data-section-id="128495000004897813"] .background-layer:after { background-color: #ffffff !important; } .community-page-home div[data-element-id="128495000004897818"] .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="128495000004897818"] .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="128495000004897818"] .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="128495000004897818"] .sponsor-tile .bs-image img, .community-page-home div[data-element-id="128495000004897818"] .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="128495000004897818"] .bs-sponsor-listing + .bs-sponsor-listing { margin-top: 10px !important; } /* STRATEGIC SPONSOR = 1 COLUMN */ .community-page-home div[data-element-id="128495000004897818"] [sponsor-category-id="128495000004913099"] .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="128495000004897818"] [sponsor-category-id="128495000004913099"] .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="128495000004897818"] [sponsor-category-id="128495000003046780"] .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="128495000004897818"] [sponsor-category-id="128495000003046780"] .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="128495000004897818"] [sponsor-category-id="128495000003046778"] .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="128495000004897818"] [sponsor-category-id="128495000003046778"] .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="128495000004897818"] [sponsor-category-id="128495000003046777"] .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="128495000004897818"] [sponsor-category-id="128495000003046777"] .sponsor-tile .bs-image { height: 82px !important; min-height: 82px !important; max-height: 82px !important; padding: 8px !important; border-radius: 10px !important; } } /* ========================================================= 9. SPONSOR GRID TABLET (768px to 1024px) ========================================================= */ @media screen and (min-width: 768px) and (max-width: 1024px) { .community-page-home div[data-element-id="128495000004897818"] .bs-sponsor-listing { margin: 8px 0 14px !important; padding: 0 !important; } .community-page-home .bs-section[data-section-id="128495000004897813"] .background-layer:after { background-color: #ffffff !important; } .community-page-home div[data-element-id="128495000004897818"] .sponsor-title { font-size: 15px !important; line-height: 4.15 !important; font-weight: 700 !important; margin: 0 0 8px !important; padding: 0 !important; letter-spacing: 0 !important; } .community-page-home div[data-element-id="128495000004897818"] .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="128495000004897818"] .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="128495000004897818"] .sponsor-tile .bs-image { height: 150px !important; min-height: 150px !important; max-height: 150px !important; display: flex !important; align-items: center !important; justify-content: center !important; background: #fff !important; border-radius: 10px !important; padding: 8px !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="128495000004897818"] .sponsor-tile .bs-image img, .community-page-home div[data-element-id="128495000004897818"] .sponsor-tile .bs-image .image-contain { max-width: 100% !important; max-height: 100px !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="128495000004897818"] .bs-sponsor-listing + .bs-sponsor-listing { margin-top: 10px !important; } } /* ========================================================= COMMUNITY PAGE EXECUTIVE COMMITEE(GALLERY) ========================================================= */ /* ========================================================= 6. BOTTOM FIXED MENU - 128495000003042912 ========================================================= */ @media only screen and (max-width: 767px) { .community-page-gallery section[data-section-id="128495000003042912"] { position: fixed; bottom: 0; left: 0; width: 100%; z-index: 9999; margin: 0 !important; padding: 0 !important; background: transparent !important; } .community-page-gallery section[data-section-id="128495000003042912"] .background-layer { background: transparent !important; } .community-page-gallery section[data-section-id="128495000003042912"] .foreground-layer, .community-page-gallery section[data-section-id="128495000003042912"] .bs-container { background: #fff !important; box-shadow: none !important; border-top: 1px solid #f3f0f0 !important; padding: 15px 12px !important; margin: 0 !important; } .community-page-gallery section[data-section-id="128495000003042912"] .grb-list { display: grid !important; grid-template-columns: repeat(3, minmax(0, 1fr)) !important; gap: 0 !important; width: 100% !important; grid-auto-flow: unset !important; align-items: start !important; } .community-page-gallery section[data-section-id="128495000003042912"] .li-item { width: 100% !important; max-width: 100% !important; display: flex !important; flex-direction: column !important; justify-content: flex-start !important; align-items: center !important; margin: 0 !important; padding: 0 !important; gap: 0 !important; } .community-page-gallery section[data-section-id="128495000003042912"] .list-image, .community-page-gallery section[data-section-id="128495000003042912"] .bs-media-wgt, .community-page-gallery section[data-section-id="128495000003042912"] .media-element, .community-page-gallery section[data-section-id="128495000003042912"] .media-image { width: auto !important; height: auto !important; display: flex !important; justify-content: center !important; align-items: center !important; margin: 0 !important; padding: 0 !important; } .community-page-gallery section[data-section-id="128495000003042912"] .fluid-image, .community-page-gallery section[data-section-id="128495000003042912"] .media-image img { width: 22px !important; height: 22px !important; object-fit: contain !important; display: block !important; margin: 0 auto !important; } .community-page-gallery section[data-section-id="128495000003042912"] .li-content { display: block !important; margin: 0 !important; padding: 0 !important; text-align: center !important; } .community-page-gallery section[data-section-id="128495000003042912"] .li-title, .community-page-gallery section[data-section-id="128495000003042912"] .li-title div, .community-page-gallery section[data-section-id="128495000003042912"] .li-subtitle, .community-page-gallery section[data-section-id="128495000003042912"] .li-subtitle div { margin: 0 !important; padding: 0 !important; line-height: 1.2 !important; font-size: 10px !important; color: #444 !important; text-align: center !important; } } /* ========================================================= 6. BOTTOM FIXED MENU - TABLET FINAL FIX Gallery Page 7 inch / 10 inch / iPad / iPad Pro / 13 inch tablet Section ID: 128495000003042912 ========================================================= */ @media only screen and (min-width: 600px) and (max-width: 1536px) { .community-page-gallery section[data-section-id="128495000003042912"] { position: fixed !important; left: 0 !important; right: 0 !important; bottom: 0 !important; top: auto !important; width: 100% !important; z-index: 99999 !important; margin: 0 !important; padding: 0 !important; transform: none !important; background: transparent !important; } .community-page-gallery section[data-section-id="128495000003042912"] .background-layer { display: none !important; } .community-page-gallery section[data-section-id="128495000003042912"] .foreground-layer, .community-page-gallery section[data-section-id="128495000003042912"] .bs-container { position: relative !important; left: auto !important; right: auto !important; bottom: auto !important; width: 100% !important; max-width: 100% !important; margin: 0 !important; padding: 10px 16px !important; min-height: auto !important; height: auto !important; background: #ffffff !important; border-top: 1px solid #f3f0f0 !important; box-shadow: none !important; transform: none !important; } .community-page-gallery section[data-section-id="128495000003042912"] .grb-list { display: grid !important; grid-template-columns: repeat(3, 1fr) !important; justify-items: center !important; align-items: center !important; width: 100% !important; gap: 0 !important; margin: 0 !important; padding: 0 !important; } .community-page-gallery section[data-section-id="128495000003042912"] .li-item { display: flex !important; flex-direction: column !important; justify-content: center !important; align-items: center !important; width: 100% !important; min-height: 58px !important; grid-gap: 0 !important; margin: 0 !important; padding: 0 !important; text-align: center !important; } .community-page-gallery section[data-section-id="128495000003042912"] .list-image, .community-page-gallery section[data-section-id="128495000003042912"] .bs-media-wgt, .community-page-gallery section[data-section-id="128495000003042912"] .media-element, .community-page-gallery section[data-section-id="128495000003042912"] .media-image { display: flex !important; justify-content: center !important; align-items: center !important; width: auto !important; height: auto !important; margin: 0 0 4px !important; padding: 0 !important; } .community-page-gallery section[data-section-id="128495000003042912"] .fluid-image, .community-page-gallery section[data-section-id="128495000003042912"] .media-image img { width: 150px !important; height: 50px !important; display: block !important; object-fit: contain !important; margin: 0 auto !important; } .community-page-gallery section[data-section-id="128495000003042912"] .li-content { display: flex !important; flex-direction: column !important; justify-content: center !important; align-items: center !important; margin: 0 !important; padding: 0 !important; text-align: center !important; } .community-page-gallery section[data-section-id="128495000003042912"] .li-title, .community-page-gallery section[data-section-id="128495000003042912"] .li-title div, .community-page-gallery section[data-section-id="128495000003042912"] .li-subtitle, .community-page-gallery section[data-section-id="128495000003042912"] .li-subtitle div { margin: 0 !important; padding: 0 !important; font-size: 11px !important; line-height: 1.2 !important; color: #444444 !important; text-align: center !important; } body.community-page-gallery { padding-bottom: 90px !important; } } /* ========================================================= 7 INCH TABLET 600px to 767px ========================================================= */ @media only screen and (min-width: 600px) and (max-width: 767px) { .community-page-gallery section[data-section-id="128495000003042912"] .foreground-layer, .community-page-gallery section[data-section-id="128495000003042912"] .bs-container { padding: 8px 10px !important; } .community-page-gallery section[data-section-id="128495000003042912"] .li-item { min-height: 54px !important; } .community-page-gallery section[data-section-id="128495000003042912"] .fluid-image, .community-page-gallery section[data-section-id="128495000003042912"] .media-image img { width: 120px !important; height: 42px !important; } .community-page-gallery section[data-section-id="128495000003042912"] .li-title, .community-page-gallery section[data-section-id="128495000003042912"] .li-title div, .community-page-gallery section[data-section-id="128495000003042912"] .li-subtitle, .community-page-gallery section[data-section-id="128495000003042912"] .li-subtitle div { font-size: 10px !important; } body.community-page-gallery { padding-bottom: 82px !important; } } /* ========================================================= 10 INCH TABLET / NORMAL iPAD 768px to 1024px ========================================================= */ @media only screen and (min-width: 768px) and (max-width: 1024px) { .community-page-gallery section[data-section-id="128495000003042912"] .foreground-layer, .community-page-gallery section[data-section-id="128495000003042912"] .bs-container { padding: 10px 16px !important; } .community-page-gallery section[data-section-id="128495000003042912"] .fluid-image, .community-page-gallery section[data-section-id="128495000003042912"] .media-image img { width: 150px !important; height: 50px !important; } body.community-page-gallery { padding-bottom: 90px !important; } } /* ========================================================= iPAD PRO / LARGE TABLET 1025px to 1366px ========================================================= */ @media only screen and (min-width: 1025px) and (max-width: 1366px) { .community-page-gallery section[data-section-id="128495000003042912"] .foreground-layer, .community-page-gallery section[data-section-id="128495000003042912"] .bs-container { padding: 11px 20px !important; } .community-page-gallery section[data-section-id="128495000003042912"] .li-item { min-height: 62px !important; } .community-page-gallery section[data-section-id="128495000003042912"] .fluid-image, .community-page-gallery section[data-section-id="128495000003042912"] .media-image img { width: 155px !important; height: 52px !important; } body.community-page-gallery { padding-bottom: 95px !important; } } /* ========================================================= 13 INCH TABLET 1367px to 1536px ========================================================= */ @media only screen and (min-width: 1367px) and (max-width: 1536px) { .community-page-gallery section[data-section-id="128495000003042912"] .foreground-layer, .community-page-gallery section[data-section-id="128495000003042912"] .bs-container { padding: 12px 24px !important; } .community-page-gallery section[data-section-id="128495000003042912"] .li-item { min-height: 64px !important; } .community-page-gallery section[data-section-id="128495000003042912"] .fluid-image, .community-page-gallery section[data-section-id="128495000003042912"] .media-image img { width: 160px !important; height: 54px !important; } .community-page-gallery section[data-section-id="128495000003042912"] .li-title, .community-page-gallery section[data-section-id="128495000003042912"] .li-title div, .community-page-gallery section[data-section-id="128495000003042912"] .li-subtitle, .community-page-gallery section[data-section-id="128495000003042912"] .li-subtitle div { font-size: 12px !important; } body.community-page-gallery { padding-bottom: 100px !important; } } /* ========================================================= MOBILE FIX 128495000003042297 ========================================================= */ @media screen and (max-width: 767px) { /* Main list */ .community-page-gallery div[data-element-id="128495000003042297"] .bs-mtList-wgt { display: flex !important; flex-direction: column !important; gap: 12px !important; } /* Hide no-image items */ .community-page-gallery div[data-element-id="128495000003042297"] .bs-mtList-wgt .li-item.no-media { display: none !important; } /* Card */ .community-page-gallery div[data-element-id="128495000003042297"] .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: #0b54a3 !important; border-radius: 26px !important; overflow: hidden !important; box-sizing: border-box !important; } /* Left image section */ .community-page-gallery div[data-element-id="128495000003042297"] .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="128495000003042297"] .bs-mtList-wgt .li-item:not(.no-media) .bs-media-wgt, .community-page-gallery div[data-element-id="128495000003042297"] .bs-mtList-wgt .li-item:not(.no-media) .media-element, .community-page-gallery div[data-element-id="128495000003042297"] .bs-mtList-wgt .li-item:not(.no-media) .media-image { width: 95% !important; height: 100% !important; } .community-page-gallery div[data-element-id="128495000003042297"] .bs-mtList-wgt .li-item:not(.no-media) .media-element { background: #0b54a3 !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="128495000003042297"] .bs-mtList-wgt .li-item:not(.no-media) .fluid-image, .community-page-gallery div[data-element-id="128495000003042297"] .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="128495000003042297"] .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="128495000003042297"] .bs-mtList-wgt .li-item:not(.no-media) .li-title, .community-page-gallery div[data-element-id="128495000003042297"] .bs-mtList-wgt .li-item:not(.no-media) .li-title p, .community-page-gallery div[data-element-id="128495000003042297"] .bs-mtList-wgt .li-item:not(.no-media) .li-title strong, .community-page-gallery div[data-element-id="128495000003042297"] .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="128495000003042297"] .bs-mtList-wgt .li-item:not(.no-media) .li-title p { line-height: 1.2 !important; } /* Description */ .community-page-gallery div[data-element-id="128495000003042297"] .bs-mtList-wgt .li-item:not(.no-media) .li-description, .community-page-gallery div[data-element-id="128495000003042297"] .bs-mtList-wgt .li-item:not(.no-media) .li-description p, .community-page-gallery div[data-element-id="128495000003042297"] .bs-mtList-wgt .li-item:not(.no-media) .li-description span, .community-page-gallery div[data-element-id="128495000003042297"] .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="128495000003042297"] .bs-mtList-wgt .li-item:not(.no-media) .li-description p:last-child, .community-page-gallery div[data-element-id="128495000003042297"] .bs-mtList-wgt .li-item:not(.no-media) .li-description p:last-child span, .community-page-gallery div[data-element-id="128495000003042297"] .bs-mtList-wgt .li-item:not(.no-media) .li-description p:last-child strong { margin-bottom: 0 !important; font-weight: 700 !important; } } /* ========================================================= TABLET FIX Gallery Page List Cards 7 inch / 10 inch / iPad / iPad Pro / 13 inch tablet Element ID: 128495000003042297 ========================================================= */ @media screen and (min-width: 600px) and (max-width: 1536px) { /* Main list */ .community-page-gallery div[data-element-id="128495000003042297"] .bs-mtList-wgt { display: grid !important; grid-template-columns: repeat(2, minmax(0, 1fr)) !important; gap: 16px !important; } /* Hide no-image items */ .community-page-gallery div[data-element-id="128495000003042297"] .bs-mtList-wgt .li-item.no-media { display: none !important; } /* Card */ .community-page-gallery div[data-element-id="128495000003042297"] .bs-mtList-wgt .li-item:not(.no-media) { display: flex !important; flex-direction: row !important; align-items: center !important; width: 100% !important; height: 155px !important; min-height: 155px !important; margin: 0 !important; padding: 0 !important; background: #0b54a3 !important; border-radius: 30px !important; overflow: hidden !important; box-sizing: border-box !important; } /* Left image section */ .community-page-gallery div[data-element-id="128495000003042297"] .bs-mtList-wgt .li-item:not(.no-media) .list-image { width: 34% !important; flex: 0 0 34% !important; height: 100% !important; margin: 0 !important; padding: 12px 0 12px 14px !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="128495000003042297"] .bs-mtList-wgt .li-item:not(.no-media) .bs-media-wgt, .community-page-gallery div[data-element-id="128495000003042297"] .bs-mtList-wgt .li-item:not(.no-media) .media-element, .community-page-gallery div[data-element-id="128495000003042297"] .bs-mtList-wgt .li-item:not(.no-media) .media-image { width: 100% !important; height: 100% !important; } .community-page-gallery div[data-element-id="128495000003042297"] .bs-mtList-wgt .li-item:not(.no-media) .media-element { background: #0b54a3 !important; border-radius: 24px !important; overflow: hidden !important; display: flex !important; align-items: center !important; justify-content: center !important; } .community-page-gallery div[data-element-id="128495000003042297"] .bs-mtList-wgt .li-item:not(.no-media) .fluid-image, .community-page-gallery div[data-element-id="128495000003042297"] .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="128495000003042297"] .bs-mtList-wgt .li-item:not(.no-media) .li-content { width: 66% !important; flex: 0 0 66% !important; height: 100% !important; padding: 18px 22px !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="128495000003042297"] .bs-mtList-wgt .li-item:not(.no-media) .li-title, .community-page-gallery div[data-element-id="128495000003042297"] .bs-mtList-wgt .li-item:not(.no-media) .li-title p, .community-page-gallery div[data-element-id="128495000003042297"] .bs-mtList-wgt .li-item:not(.no-media) .li-title strong, .community-page-gallery div[data-element-id="128495000003042297"] .bs-mtList-wgt .li-item:not(.no-media) .li-title span { margin: 0 0 10px !important; padding: 0 !important; font-size: 24px !important; line-height: 1.2 !important; font-weight: 700 !important; color: #ffffff !important; text-align: left !important; } .community-page-gallery div[data-element-id="128495000003042297"] .bs-mtList-wgt .li-item:not(.no-media) .li-title p { line-height: 1.2 !important; } /* Description */ .community-page-gallery div[data-element-id="128495000003042297"] .bs-mtList-wgt .li-item:not(.no-media) .li-description, .community-page-gallery div[data-element-id="128495000003042297"] .bs-mtList-wgt .li-item:not(.no-media) .li-description p, .community-page-gallery div[data-element-id="128495000003042297"] .bs-mtList-wgt .li-item:not(.no-media) .li-description span, .community-page-gallery div[data-element-id="128495000003042297"] .bs-mtList-wgt .li-item:not(.no-media) .li-description strong { margin: 0 0 5px !important; padding: 0 !important; font-size: 16px !important; line-height: 1.4 !important; font-weight: 400 !important; color: #ffffff !important; text-align: left !important; } .community-page-gallery div[data-element-id="128495000003042297"] .bs-mtList-wgt .li-item:not(.no-media) .li-description p:last-child, .community-page-gallery div[data-element-id="128495000003042297"] .bs-mtList-wgt .li-item:not(.no-media) .li-description p:last-child span, .community-page-gallery div[data-element-id="128495000003042297"] .bs-mtList-wgt .li-item:not(.no-media) .li-description p:last-child strong { margin-bottom: 0 !important; font-weight: 700 !important; } } /* ========================================================= 7 INCH TABLET 600px to 767px ========================================================= */ @media screen and (min-width: 600px) and (max-width: 767px) { .community-page-gallery div[data-element-id="128495000003042297"] .bs-mtList-wgt { grid-template-columns: repeat(1, minmax(0, 1fr)) !important; gap: 14px !important; } .community-page-gallery div[data-element-id="128495000003042297"] .bs-mtList-wgt .li-item:not(.no-media) { height: 135px !important; min-height: 135px !important; border-radius: 24px !important; } .community-page-gallery div[data-element-id="128495000003042297"] .bs-mtList-wgt .li-item:not(.no-media) .list-image { width: 32% !important; flex: 0 0 32% !important; padding: 10px 0 10px 12px !important; } .community-page-gallery div[data-element-id="128495000003042297"] .bs-mtList-wgt .li-item:not(.no-media) .li-content { width: 68% !important; flex: 0 0 68% !important; padding: 14px 16px !important; } .community-page-gallery div[data-element-id="128495000003042297"] .bs-mtList-wgt .li-item:not(.no-media) .li-title, .community-page-gallery div[data-element-id="128495000003042297"] .bs-mtList-wgt .li-item:not(.no-media) .li-title p, .community-page-gallery div[data-element-id="128495000003042297"] .bs-mtList-wgt .li-item:not(.no-media) .li-title strong, .community-page-gallery div[data-element-id="128495000003042297"] .bs-mtList-wgt .li-item:not(.no-media) .li-title span { font-size: 20px !important; margin-bottom: 7px !important; } .community-page-gallery div[data-element-id="128495000003042297"] .bs-mtList-wgt .li-item:not(.no-media) .li-description, .community-page-gallery div[data-element-id="128495000003042297"] .bs-mtList-wgt .li-item:not(.no-media) .li-description p, .community-page-gallery div[data-element-id="128495000003042297"] .bs-mtList-wgt .li-item:not(.no-media) .li-description span, .community-page-gallery div[data-element-id="128495000003042297"] .bs-mtList-wgt .li-item:not(.no-media) .li-description strong { font-size: 14px !important; line-height: 1.3 !important; } } /* ========================================================= 10 INCH TABLET / NORMAL iPAD 768px to 1024px ========================================================= */ @media screen and (min-width: 768px) and (max-width: 1024px) { .community-page-gallery div[data-element-id="128495000003042297"] .bs-mtList-wgt { grid-template-columns: repeat(2, minmax(0, 1fr)) !important; gap: 16px !important; } .community-page-gallery div[data-element-id="128495000003042297"] .bs-mtList-wgt .li-item:not(.no-media) { height: 155px !important; min-height: 155px !important; } } /* ========================================================= iPAD PRO / LARGE TABLET 1025px to 1366px ========================================================= */ @media screen and (min-width: 1025px) and (max-width: 1366px) { .community-page-gallery div[data-element-id="128495000003042297"] .bs-mtList-wgt { grid-template-columns: repeat(2, minmax(0, 1fr)) !important; gap: 18px !important; } .community-page-gallery div[data-element-id="128495000003042297"] .bs-mtList-wgt .li-item:not(.no-media) { height: 165px !important; min-height: 165px !important; } .community-page-gallery div[data-element-id="128495000003042297"] .bs-mtList-wgt .li-item:not(.no-media) .li-title, .community-page-gallery div[data-element-id="128495000003042297"] .bs-mtList-wgt .li-item:not(.no-media) .li-title p, .community-page-gallery div[data-element-id="128495000003042297"] .bs-mtList-wgt .li-item:not(.no-media) .li-title strong, .community-page-gallery div[data-element-id="128495000003042297"] .bs-mtList-wgt .li-item:not(.no-media) .li-title span { font-size: 25px !important; } } /* ========================================================= 13 INCH TABLET 1367px to 1536px ========================================================= */ @media screen and (min-width: 1367px) and (max-width: 1536px) { .community-page-gallery div[data-element-id="128495000003042297"] .bs-mtList-wgt { grid-template-columns: repeat(2, minmax(0, 1fr)) !important; gap: 20px !important; } .community-page-gallery div[data-element-id="128495000003042297"] .bs-mtList-wgt .li-item:not(.no-media) { height: 175px !important; min-height: 175px !important; border-radius: 32px !important; } .community-page-gallery div[data-element-id="128495000003042297"] .bs-mtList-wgt .li-item:not(.no-media) .list-image { padding: 14px 0 14px 16px !important; } .community-page-gallery div[data-element-id="128495000003042297"] .bs-mtList-wgt .li-item:not(.no-media) .li-content { padding: 20px 26px !important; } .community-page-gallery div[data-element-id="128495000003042297"] .bs-mtList-wgt .li-item:not(.no-media) .li-title, .community-page-gallery div[data-element-id="128495000003042297"] .bs-mtList-wgt .li-item:not(.no-media) .li-title p, .community-page-gallery div[data-element-id="128495000003042297"] .bs-mtList-wgt .li-item:not(.no-media) .li-title strong, .community-page-gallery div[data-element-id="128495000003042297"] .bs-mtList-wgt .li-item:not(.no-media) .li-title span { font-size: 27px !important; } .community-page-gallery div[data-element-id="128495000003042297"] .bs-mtList-wgt .li-item:not(.no-media) .li-description, .community-page-gallery div[data-element-id="128495000003042297"] .bs-mtList-wgt .li-item:not(.no-media) .li-description p, .community-page-gallery div[data-element-id="128495000003042297"] .bs-mtList-wgt .li-item:not(.no-media) .li-description span, .community-page-gallery div[data-element-id="128495000003042297"] .bs-mtList-wgt .li-item:not(.no-media) .li-description strong { font-size: 17px !important; } } /* ========================================================= MOBILE FIX 128495000004945195 ========================================================= */ @media screen and (max-width: 767px) { /* Main list */ .community-page-gallery div[data-element-id="128495000004945195"] .bs-mtList-wgt { display: flex !important; flex-direction: column !important; gap: 12px !important; } /* Hide no-image items */ .community-page-gallery div[data-element-id="128495000004945195"] .bs-mtList-wgt .li-item.no-media { display: none !important; } /* Card */ .community-page-gallery div[data-element-id="128495000004945195"] .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: #0b54a3 !important; border-radius: 26px !important; overflow: hidden !important; box-sizing: border-box !important; } /* Left image section */ .community-page-gallery div[data-element-id="128495000004945195"] .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="128495000004945195"] .bs-mtList-wgt .li-item:not(.no-media) .bs-media-wgt, .community-page-gallery div[data-element-id="128495000004945195"] .bs-mtList-wgt .li-item:not(.no-media) .media-element, .community-page-gallery div[data-element-id="128495000004945195"] .bs-mtList-wgt .li-item:not(.no-media) .media-image { width: 95% !important; height: 100% !important; } .community-page-gallery div[data-element-id="128495000004945195"] .bs-mtList-wgt .li-item:not(.no-media) .media-element { background: #0b54a3 !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="128495000004945195"] .bs-mtList-wgt .li-item:not(.no-media) .fluid-image, .community-page-gallery div[data-element-id="128495000004945195"] .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="128495000004945195"] .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="128495000004945195"] .bs-mtList-wgt .li-item:not(.no-media) .li-title, .community-page-gallery div[data-element-id="128495000004945195"] .bs-mtList-wgt .li-item:not(.no-media) .li-title p, .community-page-gallery div[data-element-id="128495000004945195"] .bs-mtList-wgt .li-item:not(.no-media) .li-title strong, .community-page-gallery div[data-element-id="128495000004945195"] .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="128495000004945195"] .bs-mtList-wgt .li-item:not(.no-media) .li-title p { line-height: 1.2 !important; } /* Description */ .community-page-gallery div[data-element-id="128495000004945195"] .bs-mtList-wgt .li-item:not(.no-media) .li-description, .community-page-gallery div[data-element-id="128495000004945195"] .bs-mtList-wgt .li-item:not(.no-media) .li-description p, .community-page-gallery div[data-element-id="128495000004945195"] .bs-mtList-wgt .li-item:not(.no-media) .li-description span, .community-page-gallery div[data-element-id="128495000004945195"] .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="128495000004945195"] .bs-mtList-wgt .li-item:not(.no-media) .li-description p:last-child, .community-page-gallery div[data-element-id="128495000004945195"] .bs-mtList-wgt .li-item:not(.no-media) .li-description p:last-child span, .community-page-gallery div[data-element-id="128495000004945195"] .bs-mtList-wgt .li-item:not(.no-media) .li-description p:last-child strong { margin-bottom: 0 !important; font-weight: 700 !important; } } /* ========================================================= TABLET FIX Gallery Page List Cards 7 inch / 10 inch / iPad / iPad Pro / 13 inch tablet Element ID: 128495000004945195 ========================================================= */ @media screen and (min-width: 600px) and (max-width: 1536px) { /* Main list */ .community-page-gallery div[data-element-id="128495000004945195"] .bs-mtList-wgt { display: grid !important; grid-template-columns: repeat(2, minmax(0, 1fr)) !important; gap: 16px !important; } /* Hide no-image items */ .community-page-gallery div[data-element-id="128495000004945195"] .bs-mtList-wgt .li-item.no-media { display: none !important; } /* Card */ .community-page-gallery div[data-element-id="128495000004945195"] .bs-mtList-wgt .li-item:not(.no-media) { display: flex !important; flex-direction: row !important; align-items: center !important; width: 100% !important; height: 150px !important; min-height: 150px !important; margin: 0 !important; padding: 0 !important; background: #0b54a3 !important; border-radius: 30px !important; overflow: hidden !important; box-sizing: border-box !important; } /* Left image section */ .community-page-gallery div[data-element-id="128495000004945195"] .bs-mtList-wgt .li-item:not(.no-media) .list-image { width: 34% !important; flex: 0 0 34% !important; height: 100% !important; margin: 0 !important; padding: 12px 0 12px 14px !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="128495000004945195"] .bs-mtList-wgt .li-item:not(.no-media) .bs-media-wgt, .community-page-gallery div[data-element-id="128495000004945195"] .bs-mtList-wgt .li-item:not(.no-media) .media-element, .community-page-gallery div[data-element-id="128495000004945195"] .bs-mtList-wgt .li-item:not(.no-media) .media-image { width: 100% !important; height: 100% !important; } .community-page-gallery div[data-element-id="128495000004945195"] .bs-mtList-wgt .li-item:not(.no-media) .media-element { background: #0b54a3 !important; border-radius: 24px !important; overflow: hidden !important; display: flex !important; align-items: center !important; justify-content: center !important; } .community-page-gallery div[data-element-id="128495000004945195"] .bs-mtList-wgt .li-item:not(.no-media) .fluid-image, .community-page-gallery div[data-element-id="128495000004945195"] .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="128495000004945195"] .bs-mtList-wgt .li-item:not(.no-media) .li-content { width: 66% !important; flex: 0 0 66% !important; height: 100% !important; padding: 18px 22px !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="128495000004945195"] .bs-mtList-wgt .li-item:not(.no-media) .li-title, .community-page-gallery div[data-element-id="128495000004945195"] .bs-mtList-wgt .li-item:not(.no-media) .li-title p, .community-page-gallery div[data-element-id="128495000004945195"] .bs-mtList-wgt .li-item:not(.no-media) .li-title strong, .community-page-gallery div[data-element-id="128495000004945195"] .bs-mtList-wgt .li-item:not(.no-media) .li-title span { margin: 0 0 10px !important; padding: 0 !important; font-size: 24px !important; line-height: 1.2 !important; font-weight: 700 !important; color: #ffffff !important; text-align: left !important; } .community-page-gallery div[data-element-id="128495000004945195"] .bs-mtList-wgt .li-item:not(.no-media) .li-title p { line-height: 1.2 !important; } /* Description */ .community-page-gallery div[data-element-id="128495000004945195"] .bs-mtList-wgt .li-item:not(.no-media) .li-description, .community-page-gallery div[data-element-id="128495000004945195"] .bs-mtList-wgt .li-item:not(.no-media) .li-description p, .community-page-gallery div[data-element-id="128495000004945195"] .bs-mtList-wgt .li-item:not(.no-media) .li-description span, .community-page-gallery div[data-element-id="128495000004945195"] .bs-mtList-wgt .li-item:not(.no-media) .li-description strong { margin: 0 0 5px !important; padding: 0 !important; font-size: 16px !important; line-height: 1.4 !important; font-weight: 400 !important; color: #ffffff !important; text-align: left !important; } .community-page-gallery div[data-element-id="128495000004945195"] .bs-mtList-wgt .li-item:not(.no-media) .li-description p:last-child, .community-page-gallery div[data-element-id="128495000004945195"] .bs-mtList-wgt .li-item:not(.no-media) .li-description p:last-child span, .community-page-gallery div[data-element-id="128495000004945195"] .bs-mtList-wgt .li-item:not(.no-media) .li-description p:last-child strong { margin-bottom: 0 !important; font-weight: 700 !important; } } /* ========================================================= 7 INCH TABLET 600px to 767px ========================================================= */ @media screen and (min-width: 600px) and (max-width: 767px) { .community-page-gallery div[data-element-id="128495000004945195"] .bs-mtList-wgt { grid-template-columns: repeat(1, minmax(0, 1fr)) !important; gap: 14px !important; } .community-page-gallery div[data-element-id="128495000004945195"] .bs-mtList-wgt .li-item:not(.no-media) { height: 135px !important; min-height: 135px !important; border-radius: 24px !important; } .community-page-gallery div[data-element-id="128495000004945195"] .bs-mtList-wgt .li-item:not(.no-media) .list-image { width: 32% !important; flex: 0 0 32% !important; padding: 10px 0 10px 12px !important; } .community-page-gallery div[data-element-id="128495000004945195"] .bs-mtList-wgt .li-item:not(.no-media) .li-content { width: 68% !important; flex: 0 0 68% !important; padding: 14px 16px !important; } .community-page-gallery div[data-element-id="128495000004945195"] .bs-mtList-wgt .li-item:not(.no-media) .li-title, .community-page-gallery div[data-element-id="128495000004945195"] .bs-mtList-wgt .li-item:not(.no-media) .li-title p, .community-page-gallery div[data-element-id="128495000004945195"] .bs-mtList-wgt .li-item:not(.no-media) .li-title strong, .community-page-gallery div[data-element-id="128495000004945195"] .bs-mtList-wgt .li-item:not(.no-media) .li-title span { font-size: 20px !important; margin-bottom: 7px !important; } .community-page-gallery div[data-element-id="128495000004945195"] .bs-mtList-wgt .li-item:not(.no-media) .li-description, .community-page-gallery div[data-element-id="128495000004945195"] .bs-mtList-wgt .li-item:not(.no-media) .li-description p, .community-page-gallery div[data-element-id="128495000004945195"] .bs-mtList-wgt .li-item:not(.no-media) .li-description span, .community-page-gallery div[data-element-id="128495000004945195"] .bs-mtList-wgt .li-item:not(.no-media) .li-description strong { font-size: 14px !important; line-height: 1.3 !important; } } /* ========================================================= 10 INCH TABLET / NORMAL iPAD 768px to 1024px ========================================================= */ @media screen and (min-width: 768px) and (max-width: 1024px) { .community-page-gallery div[data-element-id="128495000004945195"] .bs-mtList-wgt { grid-template-columns: repeat(2, minmax(0, 1fr)) !important; gap: 16px !important; } .community-page-gallery div[data-element-id="128495000004945195"] .bs-mtList-wgt .li-item:not(.no-media) { height: 150px !important; min-height: 150px !important; } } /* ========================================================= iPAD PRO / LARGE TABLET 1025px to 1366px ========================================================= */ @media screen and (min-width: 1025px) and (max-width: 1366px) { .community-page-gallery div[data-element-id="128495000004945195"] .bs-mtList-wgt { grid-template-columns: repeat(2, minmax(0, 1fr)) !important; gap: 18px !important; } .community-page-gallery div[data-element-id="128495000004945195"] .bs-mtList-wgt .li-item:not(.no-media) { height: 160px !important; min-height: 160px !important; } .community-page-gallery div[data-element-id="128495000004945195"] .bs-mtList-wgt .li-item:not(.no-media) .li-title, .community-page-gallery div[data-element-id="128495000004945195"] .bs-mtList-wgt .li-item:not(.no-media) .li-title p, .community-page-gallery div[data-element-id="128495000004945195"] .bs-mtList-wgt .li-item:not(.no-media) .li-title strong, .community-page-gallery div[data-element-id="128495000004945195"] .bs-mtList-wgt .li-item:not(.no-media) .li-title span { font-size: 25px !important; } } /* ========================================================= 13 INCH TABLET 1367px to 1536px ========================================================= */ @media screen and (min-width: 1367px) and (max-width: 1536px) { .community-page-gallery div[data-element-id="128495000004945195"] .bs-mtList-wgt { grid-template-columns: repeat(2, minmax(0, 1fr)) !important; gap: 20px !important; } .community-page-gallery div[data-element-id="128495000004945195"] .bs-mtList-wgt .li-item:not(.no-media) { height: 170px !important; min-height: 170px !important; border-radius: 32px !important; } .community-page-gallery div[data-element-id="128495000004945195"] .bs-mtList-wgt .li-item:not(.no-media) .list-image { padding: 14px 0 14px 16px !important; } .community-page-gallery div[data-element-id="128495000004945195"] .bs-mtList-wgt .li-item:not(.no-media) .li-content { padding: 20px 26px !important; } .community-page-gallery div[data-element-id="128495000004945195"] .bs-mtList-wgt .li-item:not(.no-media) .li-title, .community-page-gallery div[data-element-id="128495000004945195"] .bs-mtList-wgt .li-item:not(.no-media) .li-title p, .community-page-gallery div[data-element-id="128495000004945195"] .bs-mtList-wgt .li-item:not(.no-media) .li-title strong, .community-page-gallery div[data-element-id="128495000004945195"] .bs-mtList-wgt .li-item:not(.no-media) .li-title span { font-size: 27px !important; } .community-page-gallery div[data-element-id="128495000004945195"] .bs-mtList-wgt .li-item:not(.no-media) .li-description, .community-page-gallery div[data-element-id="128495000004945195"] .bs-mtList-wgt .li-item:not(.no-media) .li-description p, .community-page-gallery div[data-element-id="128495000004945195"] .bs-mtList-wgt .li-item:not(.no-media) .li-description span, .community-page-gallery div[data-element-id="128495000004945195"] .bs-mtList-wgt .li-item:not(.no-media) .li-description strong { font-size: 17px !important; } } /* ========================================================= MOBILE FIX 128495000004945387 ========================================================= */ @media screen and (max-width: 767px) { /* Main list */ .community-page-gallery div[data-element-id="128495000004945387"] .bs-mtList-wgt { display: flex !important; flex-direction: column !important; gap: 12px !important; } /* Hide no-image items */ .community-page-gallery div[data-element-id="128495000004945387"] .bs-mtList-wgt .li-item.no-media { display: none !important; } /* Card */ .community-page-gallery div[data-element-id="128495000004945387"] .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: #0b54a3 !important; border-radius: 26px !important; overflow: hidden !important; box-sizing: border-box !important; } /* Left image section */ .community-page-gallery div[data-element-id="128495000004945387"] .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="128495000004945387"] .bs-mtList-wgt .li-item:not(.no-media) .bs-media-wgt, .community-page-gallery div[data-element-id="128495000004945387"] .bs-mtList-wgt .li-item:not(.no-media) .media-element, .community-page-gallery div[data-element-id="128495000004945387"] .bs-mtList-wgt .li-item:not(.no-media) .media-image { width: 95% !important; height: 100% !important; } .community-page-gallery div[data-element-id="128495000004945387"] .bs-mtList-wgt .li-item:not(.no-media) .media-element { background: #0b54a3 !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="128495000004945387"] .bs-mtList-wgt .li-item:not(.no-media) .fluid-image, .community-page-gallery div[data-element-id="128495000004945387"] .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="128495000004945387"] .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="128495000004945387"] .bs-mtList-wgt .li-item:not(.no-media) .li-title, .community-page-gallery div[data-element-id="128495000004945387"] .bs-mtList-wgt .li-item:not(.no-media) .li-title p, .community-page-gallery div[data-element-id="128495000004945387"] .bs-mtList-wgt .li-item:not(.no-media) .li-title strong, .community-page-gallery div[data-element-id="128495000004945387"] .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="128495000004945387"] .bs-mtList-wgt .li-item:not(.no-media) .li-title p { line-height: 1.2 !important; } /* Description */ .community-page-gallery div[data-element-id="128495000004945387"] .bs-mtList-wgt .li-item:not(.no-media) .li-description, .community-page-gallery div[data-element-id="128495000004945387"] .bs-mtList-wgt .li-item:not(.no-media) .li-description p, .community-page-gallery div[data-element-id="128495000004945387"] .bs-mtList-wgt .li-item:not(.no-media) .li-description span, .community-page-gallery div[data-element-id="128495000004945387"] .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="128495000004945387"] .bs-mtList-wgt .li-item:not(.no-media) .li-description p:last-child, .community-page-gallery div[data-element-id="128495000004945387"] .bs-mtList-wgt .li-item:not(.no-media) .li-description p:last-child span, .community-page-gallery div[data-element-id="128495000004945387"] .bs-mtList-wgt .li-item:not(.no-media) .li-description p:last-child strong { margin-bottom: 0 !important; font-weight: 700 !important; } } @media only screen and (max-width: 1024px) { .community-page-gallery section[data-section-id="128495000004945382"] .foreground-layer.bs-container { padding-left: 16px !important; padding-right: 16px !important; padding-bottom: 100px !important; box-sizing: border-box !important; } } /* ========================================================= TABLET FIX Gallery Page List Cards 7 inch / 10 inch / iPad / iPad Pro / 13 inch tablet Element ID: 128495000004945387 ========================================================= */ @media screen and (min-width: 600px) and (max-width: 1536px) { /* Main list */ .community-page-gallery div[data-element-id="128495000004945387"] .bs-mtList-wgt { display: grid !important; grid-template-columns: repeat(2, minmax(0, 1fr)) !important; gap: 16px !important; } /* Hide no-image items */ .community-page-gallery div[data-element-id="128495000004945387"] .bs-mtList-wgt .li-item.no-media { display: none !important; } /* Card */ .community-page-gallery div[data-element-id="128495000004945387"] .bs-mtList-wgt .li-item:not(.no-media) { display: flex !important; flex-direction: row !important; align-items: center !important; width: 100% !important; height: 150px !important; min-height: 150px !important; margin: 0 !important; padding: 0 !important; background: #0b54a3 !important; border-radius: 30px !important; overflow: hidden !important; box-sizing: border-box !important; } /* Left image section */ .community-page-gallery div[data-element-id="128495000004945387"] .bs-mtList-wgt .li-item:not(.no-media) .list-image { width: 34% !important; flex: 0 0 34% !important; height: 100% !important; margin: 0 !important; padding: 12px 0 12px 14px !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="128495000004945387"] .bs-mtList-wgt .li-item:not(.no-media) .bs-media-wgt, .community-page-gallery div[data-element-id="128495000004945387"] .bs-mtList-wgt .li-item:not(.no-media) .media-element, .community-page-gallery div[data-element-id="128495000004945387"] .bs-mtList-wgt .li-item:not(.no-media) .media-image { width: 100% !important; height: 100% !important; } .community-page-gallery div[data-element-id="128495000004945387"] .bs-mtList-wgt .li-item:not(.no-media) .media-element { background: #0b54a3 !important; border-radius: 24px !important; overflow: hidden !important; display: flex !important; align-items: center !important; justify-content: center !important; } .community-page-gallery div[data-element-id="128495000004945387"] .bs-mtList-wgt .li-item:not(.no-media) .fluid-image, .community-page-gallery div[data-element-id="128495000004945387"] .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="128495000004945387"] .bs-mtList-wgt .li-item:not(.no-media) .li-content { width: 66% !important; flex: 0 0 66% !important; height: 100% !important; padding: 18px 22px !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="128495000004945387"] .bs-mtList-wgt .li-item:not(.no-media) .li-title, .community-page-gallery div[data-element-id="128495000004945387"] .bs-mtList-wgt .li-item:not(.no-media) .li-title p, .community-page-gallery div[data-element-id="128495000004945387"] .bs-mtList-wgt .li-item:not(.no-media) .li-title strong, .community-page-gallery div[data-element-id="128495000004945387"] .bs-mtList-wgt .li-item:not(.no-media) .li-title span { margin: 0 0 10px !important; padding: 0 !important; font-size: 24px !important; line-height: 1.2 !important; font-weight: 700 !important; color: #ffffff !important; text-align: left !important; } .community-page-gallery div[data-element-id="128495000004945387"] .bs-mtList-wgt .li-item:not(.no-media) .li-title p { line-height: 1.2 !important; } /* Description */ .community-page-gallery div[data-element-id="128495000004945387"] .bs-mtList-wgt .li-item:not(.no-media) .li-description, .community-page-gallery div[data-element-id="128495000004945387"] .bs-mtList-wgt .li-item:not(.no-media) .li-description p, .community-page-gallery div[data-element-id="128495000004945387"] .bs-mtList-wgt .li-item:not(.no-media) .li-description span, .community-page-gallery div[data-element-id="128495000004945387"] .bs-mtList-wgt .li-item:not(.no-media) .li-description strong { margin: 0 0 5px !important; padding: 0 !important; font-size: 16px !important; line-height: 1.4 !important; font-weight: 400 !important; color: #ffffff !important; text-align: left !important; } .community-page-gallery div[data-element-id="128495000004945387"] .bs-mtList-wgt .li-item:not(.no-media) .li-description p:last-child, .community-page-gallery div[data-element-id="128495000004945387"] .bs-mtList-wgt .li-item:not(.no-media) .li-description p:last-child span, .community-page-gallery div[data-element-id="128495000004945387"] .bs-mtList-wgt .li-item:not(.no-media) .li-description p:last-child strong { margin-bottom: 0 !important; font-weight: 700 !important; } } /* ========================================================= 7 INCH TABLET 600px to 767px ========================================================= */ @media screen and (min-width: 600px) and (max-width: 767px) { .community-page-gallery div[data-element-id="128495000004945387"] .bs-mtList-wgt { grid-template-columns: repeat(1, minmax(0, 1fr)) !important; gap: 14px !important; } .community-page-gallery div[data-element-id="128495000004945387"] .bs-mtList-wgt .li-item:not(.no-media) { height: 135px !important; min-height: 135px !important; border-radius: 24px !important; } .community-page-gallery div[data-element-id="128495000004945387"] .bs-mtList-wgt .li-item:not(.no-media) .list-image { width: 32% !important; flex: 0 0 32% !important; padding: 10px 0 10px 12px !important; } .community-page-gallery div[data-element-id="128495000004945387"] .bs-mtList-wgt .li-item:not(.no-media) .li-content { width: 68% !important; flex: 0 0 68% !important; padding: 14px 16px !important; } .community-page-gallery div[data-element-id="128495000004945387"] .bs-mtList-wgt .li-item:not(.no-media) .li-title, .community-page-gallery div[data-element-id="128495000004945387"] .bs-mtList-wgt .li-item:not(.no-media) .li-title p, .community-page-gallery div[data-element-id="128495000004945387"] .bs-mtList-wgt .li-item:not(.no-media) .li-title strong, .community-page-gallery div[data-element-id="128495000004945387"] .bs-mtList-wgt .li-item:not(.no-media) .li-title span { font-size: 20px !important; margin-bottom: 7px !important; } .community-page-gallery div[data-element-id="128495000004945387"] .bs-mtList-wgt .li-item:not(.no-media) .li-description, .community-page-gallery div[data-element-id="128495000004945387"] .bs-mtList-wgt .li-item:not(.no-media) .li-description p, .community-page-gallery div[data-element-id="128495000004945387"] .bs-mtList-wgt .li-item:not(.no-media) .li-description span, .community-page-gallery div[data-element-id="128495000004945387"] .bs-mtList-wgt .li-item:not(.no-media) .li-description strong { font-size: 14px !important; line-height: 1.3 !important; } } /* ========================================================= 10 INCH TABLET / NORMAL iPAD 768px to 1024px ========================================================= */ @media screen and (min-width: 768px) and (max-width: 1024px) { .community-page-gallery div[data-element-id="128495000004945387"] .bs-mtList-wgt { grid-template-columns: repeat(2, minmax(0, 1fr)) !important; gap: 16px !important; } .community-page-gallery div[data-element-id="128495000004945387"] .bs-mtList-wgt .li-item:not(.no-media) { height: 150px !important; min-height: 150px !important; } } /* ========================================================= iPAD PRO / LARGE TABLET 1025px to 1366px ========================================================= */ @media screen and (min-width: 1025px) and (max-width: 1366px) { .community-page-gallery div[data-element-id="128495000004945387"] .bs-mtList-wgt { grid-template-columns: repeat(2, minmax(0, 1fr)) !important; gap: 18px !important; } .community-page-gallery div[data-element-id="128495000004945387"] .bs-mtList-wgt .li-item:not(.no-media) { height: 160px !important; min-height: 160px !important; } .community-page-gallery div[data-element-id="128495000004945387"] .bs-mtList-wgt .li-item:not(.no-media) .li-title, .community-page-gallery div[data-element-id="128495000004945387"] .bs-mtList-wgt .li-item:not(.no-media) .li-title p, .community-page-gallery div[data-element-id="128495000004945387"] .bs-mtList-wgt .li-item:not(.no-media) .li-title strong, .community-page-gallery div[data-element-id="128495000004945387"] .bs-mtList-wgt .li-item:not(.no-media) .li-title span { font-size: 25px !important; } } /* ========================================================= 13 INCH TABLET 1367px to 1536px ========================================================= */ @media screen and (min-width: 1367px) and (max-width: 1536px) { .community-page-gallery div[data-element-id="128495000004945387"] .bs-mtList-wgt { grid-template-columns: repeat(2, minmax(0, 1fr)) !important; gap: 20px !important; } .community-page-gallery div[data-element-id="128495000004945387"] .bs-mtList-wgt .li-item:not(.no-media) { height: 170px !important; min-height: 170px !important; border-radius: 32px !important; } .community-page-gallery div[data-element-id="128495000004945387"] .bs-mtList-wgt .li-item:not(.no-media) .list-image { padding: 14px 0 14px 16px !important; } .community-page-gallery div[data-element-id="128495000004945387"] .bs-mtList-wgt .li-item:not(.no-media) .li-content { padding: 20px 26px !important; } .community-page-gallery div[data-element-id="128495000004945387"] .bs-mtList-wgt .li-item:not(.no-media) .li-title, .community-page-gallery div[data-element-id="128495000004945387"] .bs-mtList-wgt .li-item:not(.no-media) .li-title p, .community-page-gallery div[data-element-id="128495000004945387"] .bs-mtList-wgt .li-item:not(.no-media) .li-title strong, .community-page-gallery div[data-element-id="128495000004945387"] .bs-mtList-wgt .li-item:not(.no-media) .li-title span { font-size: 27px !important; } .community-page-gallery div[data-element-id="128495000004945387"] .bs-mtList-wgt .li-item:not(.no-media) .li-description, .community-page-gallery div[data-element-id="128495000004945387"] .bs-mtList-wgt .li-item:not(.no-media) .li-description p, .community-page-gallery div[data-element-id="128495000004945387"] .bs-mtList-wgt .li-item:not(.no-media) .li-description span, .community-page-gallery div[data-element-id="128495000004945387"] .bs-mtList-wgt .li-item:not(.no-media) .li-description strong { font-size: 17px !important; } } /* ========================================================= 8. TAP HIGHLIGHT REMOVAL ========================================================= */ .community-page-gallery section[data-section-id="128495000003042912"] .li-item, .community-page-gallery section[data-section-id="128495000003042912"] .list-image, .community-page-gallery section[data-section-id="128495000003042912"] .bs-media-wgt, .community-page-gallery section[data-section-id="128495000003042912"] .media-element, .community-page-gallery section[data-section-id="128495000003042912"] .media-image, .community-page-gallery section[data-section-id="128495000003042912"] .media-image.pointer, .community-page-gallery section[data-section-id="128495000003042912"] .fluid-image, .community-page-gallery section[data-section-id="128495000003042912"] img { -webkit-tap-highlight-color: transparent !important; } .community-page-gallery section[data-section-id="128495000003042912"] .li-item:focus, .community-page-gallery section[data-section-id="128495000003042912"] .list-image:focus, .community-page-gallery section[data-section-id="128495000003042912"] .media-image:focus, .community-page-gallery section[data-section-id="128495000003042912"] .fluid-image:focus, .community-page-gallery section[data-section-id="128495000003042912"] img:focus { outline: none !important; } /* ========================================================= COMMUNITY PAGE AGENDA ========================================================= */ /* ========================================================= 6. BOTTOM FIXED MENU - 128495000004945826 ========================================================= */ @media only screen and (max-width: 767px) { .community-page-agenda section[data-section-id="128495000004945826"] { position: fixed; bottom: 0; left: 0; width: 100%; z-index: 9999; margin: 0 !important; padding: 0 !important; background: transparent !important; } .community-page-agenda section[data-section-id="128495000004945826"] .background-layer { background: transparent !important; } .community-page-agenda section[data-section-id="128495000004945826"] .foreground-layer, .community-page-agenda section[data-section-id="128495000004945826"] .bs-container { background: #fff !important; box-shadow: none !important; border-top: 1px solid #f3f0f0 !important; padding: 15px 12px !important; margin: 0 !important; } .community-page-agenda section[data-section-id="128495000004945826"] .grb-list { display: grid !important; grid-template-columns: repeat(3, minmax(0, 1fr)) !important; gap: 0 !important; width: 100% !important; grid-auto-flow: unset !important; align-items: start !important; } .community-page-agenda section[data-section-id="128495000004945826"] .li-item { width: 100% !important; max-width: 100% !important; display: flex !important; flex-direction: column !important; justify-content: flex-start !important; align-items: center !important; margin: 0 !important; padding: 0 !important; gap: 0 !important; } .community-page-agenda section[data-section-id="128495000004945826"] .list-image, .community-page-agenda section[data-section-id="128495000004945826"] .bs-media-wgt, .community-page-agenda section[data-section-id="128495000004945826"] .media-element, .community-page-agenda section[data-section-id="128495000004945826"] .media-image { width: auto !important; height: auto !important; display: flex !important; justify-content: center !important; align-items: center !important; margin: 0 !important; padding: 0 !important; } .community-page-agenda section[data-section-id="128495000004945826"] .fluid-image, .community-page-agenda section[data-section-id="128495000004945826"] .media-image img { width: 22px !important; height: 22px !important; object-fit: contain !important; display: block !important; margin: 0 auto !important; } .community-page-agenda section[data-section-id="128495000004945826"] .li-content { display: block !important; margin: 0 !important; padding: 0 !important; text-align: center !important; } .community-page-agenda section[data-section-id="128495000004945826"] .li-title, .community-page-agenda section[data-section-id="128495000004945826"] .li-title div, .community-page-agenda section[data-section-id="128495000004945826"] .li-subtitle, .community-page-agenda section[data-section-id="128495000004945826"] .li-subtitle div { margin: 0 !important; padding: 0 !important; line-height: 1.2 !important; font-size: 10px !important; color: #444 !important; text-align: center !important; } } /* ========================================================= 6. BOTTOM FIXED MENU - TABLET FINAL FIX Agenda Page 7 inch / 10 inch / iPad / iPad Pro / 13 inch tablet Section ID: 128495000004945826 ========================================================= */ @media only screen and (min-width: 600px) and (max-width: 1536px) { .community-page-agenda section[data-section-id="128495000004945826"] { position: fixed !important; left: 0 !important; right: 0 !important; bottom: 0 !important; top: auto !important; width: 100% !important; z-index: 99999 !important; margin: 0 !important; padding: 0 !important; transform: none !important; background: transparent !important; } .community-page-agenda section[data-section-id="128495000004945826"] .background-layer { display: none !important; } .community-page-agenda section[data-section-id="128495000004945826"] .foreground-layer, .community-page-agenda section[data-section-id="128495000004945826"] .bs-container { position: relative !important; left: auto !important; right: auto !important; bottom: auto !important; width: 100% !important; max-width: 100% !important; margin: 0 !important; padding: 10px 16px !important; min-height: auto !important; height: auto !important; background: #ffffff !important; border-top: 1px solid #f3f0f0 !important; box-shadow: none !important; transform: none !important; } .community-page-agenda section[data-section-id="128495000004945826"] .grb-list { display: grid !important; grid-template-columns: repeat(3, 1fr) !important; justify-items: center !important; align-items: center !important; width: 100% !important; gap: 0 !important; margin: 0 !important; padding: 0 !important; } .community-page-agenda section[data-section-id="128495000004945826"] .li-item { display: flex !important; flex-direction: column !important; justify-content: center !important; align-items: center !important; width: 100% !important; min-height: 58px !important; grid-gap: 0 !important; margin: 0 !important; padding: 0 !important; text-align: center !important; } .community-page-agenda section[data-section-id="128495000004945826"] .list-image, .community-page-agenda section[data-section-id="128495000004945826"] .bs-media-wgt, .community-page-agenda section[data-section-id="128495000004945826"] .media-element, .community-page-agenda section[data-section-id="128495000004945826"] .media-image { display: flex !important; justify-content: center !important; align-items: center !important; width: auto !important; height: auto !important; margin: 0 0 4px !important; padding: 0 !important; } .community-page-agenda section[data-section-id="128495000004945826"] .fluid-image, .community-page-agenda section[data-section-id="128495000004945826"] .media-image img { width: 150px !important; height: 50px !important; display: block !important; object-fit: contain !important; margin: 0 auto !important; } .community-page-agenda section[data-section-id="128495000004945826"] .li-content { display: flex !important; flex-direction: column !important; justify-content: center !important; align-items: center !important; margin: 0 !important; padding: 0 !important; text-align: center !important; } .community-page-agenda section[data-section-id="128495000004945826"] .li-title, .community-page-agenda section[data-section-id="128495000004945826"] .li-title div, .community-page-agenda section[data-section-id="128495000004945826"] .li-subtitle, .community-page-agenda section[data-section-id="128495000004945826"] .li-subtitle div { margin: 0 !important; padding: 0 !important; font-size: 11px !important; line-height: 1.2 !important; color: #444444 !important; text-align: center !important; } body.community-page-agenda { padding-bottom: 90px !important; } } /* ========================================================= 7 INCH TABLET 600px to 767px ========================================================= */ @media only screen and (min-width: 600px) and (max-width: 767px) { .community-page-agenda section[data-section-id="128495000004945826"] .foreground-layer, .community-page-agenda section[data-section-id="128495000004945826"] .bs-container { padding: 8px 10px !important; } .community-page-agenda section[data-section-id="128495000004945826"] .li-item { min-height: 54px !important; } .community-page-agenda section[data-section-id="128495000004945826"] .fluid-image, .community-page-agenda section[data-section-id="128495000004945826"] .media-image img { width: 120px !important; height: 42px !important; } .community-page-agenda section[data-section-id="128495000004945826"] .li-title, .community-page-agenda section[data-section-id="128495000004945826"] .li-title div, .community-page-agenda section[data-section-id="128495000004945826"] .li-subtitle, .community-page-agenda section[data-section-id="128495000004945826"] .li-subtitle div { font-size: 10px !important; } body.community-page-agenda { padding-bottom: 82px !important; } } /* ========================================================= 10 INCH TABLET / NORMAL iPAD 768px to 1024px ========================================================= */ @media only screen and (min-width: 768px) and (max-width: 1024px) { .community-page-agenda section[data-section-id="128495000004945826"] .foreground-layer, .community-page-agenda section[data-section-id="128495000004945826"] .bs-container { padding: 10px 16px !important; } .community-page-agenda section[data-section-id="128495000004945826"] .fluid-image, .community-page-agenda section[data-section-id="128495000004945826"] .media-image img { width: 150px !important; height: 50px !important; } body.community-page-agenda { padding-bottom: 90px !important; } } /* ========================================================= iPAD PRO / LARGE TABLET 1025px to 1366px ========================================================= */ @media only screen and (min-width: 1025px) and (max-width: 1366px) { .community-page-agenda section[data-section-id="128495000004945826"] .foreground-layer, .community-page-agenda section[data-section-id="128495000004945826"] .bs-container { padding: 11px 20px !important; } .community-page-agenda section[data-section-id="128495000004945826"] .li-item { min-height: 62px !important; } .community-page-agenda section[data-section-id="128495000004945826"] .fluid-image, .community-page-agenda section[data-section-id="128495000004945826"] .media-image img { width: 155px !important; height: 52px !important; } body.community-page-agenda { padding-bottom: 95px !important; } } /* ========================================================= 13 INCH TABLET 1367px to 1536px ========================================================= */ @media only screen and (min-width: 1367px) and (max-width: 1536px) { .community-page-agenda section[data-section-id="128495000004945826"] .foreground-layer, .community-page-agenda section[data-section-id="128495000004945826"] .bs-container { padding: 12px 24px !important; } .community-page-agenda section[data-section-id="128495000004945826"] .li-item { min-height: 64px !important; } .community-page-agenda section[data-section-id="128495000004945826"] .fluid-image, .community-page-agenda section[data-section-id="128495000004945826"] .media-image img { width: 160px !important; height: 54px !important; } .community-page-agenda section[data-section-id="128495000004945826"] .li-title, .community-page-agenda section[data-section-id="128495000004945826"] .li-title div, .community-page-agenda section[data-section-id="128495000004945826"] .li-subtitle, .community-page-agenda section[data-section-id="128495000004945826"] .li-subtitle div { font-size: 12px !important; } body.community-page-agenda { padding-bottom: 100px !important; } } @media only screen and (max-width: 767px) { .community-page-agenda section[data-section-id="128495000004945826"] .bs-agenda-tab .left-item .bs-tab-menu { height: 4.8em !important; } } /* ========================================================= AGENDA SECTION - SAFE MOBILE REDESIGN ========================================================= */ @media only screen and (max-width: 767px) { .community-page-agenda section[data-section-id="128495000003041033"] .day-switcher-menu { position: sticky !important; top: 90px !important; /*z-index: 9999 !important;*/ background: #ffffff !important; border-top: none !important; border-bottom: none !important; box-shadow: 0 8px 18px -8px rgb(0 0 0 / 5%) !important; padding: 10px !important; } } @media only screen and (min-width: 768px) and (max-width: 1024px) { .community-page-agenda section[data-section-id="128495000003041033"] .day-switcher-menu { position: sticky !important; top: 90px !important; /*z-index: 9999 !important;*/ background: #ffffff !important; border-top: none !important; border-bottom: none !important; box-shadow: 0 8px 18px -8px rgb(0 0 0 / 5%) !important; padding: 10px !important; } } @media only screen and (max-width: 767px) { .community-page-agenda section[data-section-id="128495000003041033"] .bs-agenda-tab { display: flex !important; justify-content: flex-start !important; align-items: center !important; gap: 16px !important; background: transparent !important; border-top: none !important; border-bottom: none !important; box-shadow: none !important; padding: 0 14px !important; } .community-page-agenda section[data-section-id="128495000003041033"] .bs-agenda-tab .nav-item-divider, .community-page-agenda section[data-section-id="128495000003041033"] .bs-agenda-tab hr, .community-page-agenda section[data-section-id="128495000003041033"] .bs-agenda-tab .divider { display: none !important; } .community-page-agenda section[data-section-id="128495000003041033"] .bs-agenda-tab .nav-item, .community-page-agenda section[data-section-id="128495000003041033"] .bs-agenda-tab .agenda-day, .community-page-agenda section[data-section-id="128495000003041033"] .bs-agenda-tab .btn-mysession { display: flex !important; flex-direction: column !important; justify-content: center !important; align-items: center !important; min-width: 110px !important; min-height: 55px !important; /* padding: 16px 18px !important; */ background: #f3f3f3 !important; border: none !important; border-radius: 22px !important; box-shadow: none !important; text-align: center !important; margin: 0 !important; } .community-page-agenda section[data-section-id="128495000003041033"] .bs-agenda-tab .nav-item.active, .community-page-agenda section[data-section-id="128495000003041033"] .bs-agenda-tab .agenda-day.active, .community-page-agenda section[data-section-id="128495000003041033"] .bs-agenda-tab .selected, .community-page-agenda section[data-section-id="128495000003041033"] .bs-agenda-tab .current { background: linear-gradient(135deg, #0b54a3 0%, #0b54a3 100%) !important; color: #ffffff !important; } .community-page-agenda section[data-section-id="128495000003041033"] .bs-agenda-tab .nav-item.active *, .community-page-agenda section[data-section-id="128495000003041033"] .bs-agenda-tab .agenda-day.active *, .community-page-agenda section[data-section-id="128495000003041033"] .bs-agenda-tab .selected *, .community-page-agenda section[data-section-id="128495000003041033"] .bs-agenda-tab .current * { color: #ffffff !important; } .community-page-agenda section[data-section-id="128495000003041033"] .bs-agenda-tab .nav-item *, .community-page-agenda section[data-section-id="128495000003041033"] .bs-agenda-tab .agenda-day *, .community-page-agenda section[data-section-id="128495000003041033"] .bs-agenda-tab .btn-mysession * { color: #202020 !important; text-align: center !important; font-size: 10px !important; } .community-page-agenda section[data-section-id="128495000003041033"] .bs-agenda-tab .nav-item .head, .community-page-agenda section[data-section-id="128495000003041033"] .bs-agenda-tab .agenda-day .head, .community-page-agenda section[data-section-id="128495000003041033"] .bs-agenda-tab .btn-mysession .head, .community-page-agenda section[data-section-id="128495000003041033"] .bs-agenda-tab strong, .community-page-agenda section[data-section-id="128495000003041033"] .bs-agenda-tab .title { font-size: 10px !important; font-weight: 700 !important; line-height: 1.15 !important; margin: 0 0 6px !important; } .community-page-agenda section[data-section-id="128495000003041033"] .bs-agenda-tab .extra-text, .community-page-agenda section[data-section-id="128495000003041033"] .bs-agenda-tab .sub-text, .community-page-agenda section[data-section-id="128495000003041033"] .bs-agenda-tab .text-tiny, .community-page-agenda section[data-section-id="128495000003041033"] .bs-agenda-tab span { font-size: 10px !important; font-weight: 500 !important; line-height: 1.25 !important; } } @media only screen and (min-width: 768px) and (max-width: 1024px) { .community-page-agenda section[data-section-id="128495000003041033"] .bs-agenda-tab { display: flex !important; justify-content: flex-start !important; align-items: center !important; gap: 16px !important; background: transparent !important; border-top: none !important; border-bottom: none !important; box-shadow: none !important; padding: 0 14px !important; } .community-page-agenda section[data-section-id="128495000003041033"] .bs-agenda-tab .nav-item-divider, .community-page-agenda section[data-section-id="128495000003041033"] .bs-agenda-tab hr, .community-page-agenda section[data-section-id="128495000003041033"] .bs-agenda-tab .divider { display: none !important; } .community-page-agenda section[data-section-id="128495000003041033"] .bs-agenda-tab .nav-item, .community-page-agenda section[data-section-id="128495000003041033"] .bs-agenda-tab .agenda-day, .community-page-agenda section[data-section-id="128495000003041033"] .bs-agenda-tab .btn-mysession { display: flex !important; flex-direction: column !important; justify-content: center !important; align-items: center !important; min-width: 130px !important; min-height: 65px !important; padding: 18px 20px !important; background: #f3f3f3 !important; border: none !important; border-radius: 22px !important; box-shadow: none !important; text-align: center !important; margin: 0 !important; } .community-page-agenda section[data-section-id="128495000003041033"] .bs-agenda-tab .nav-item.active, .community-page-agenda section[data-section-id="128495000003041033"] .bs-agenda-tab .agenda-day.active, .community-page-agenda section[data-section-id="128495000003041033"] .bs-agenda-tab .selected, .community-page-agenda section[data-section-id="128495000003041033"] .bs-agenda-tab .current { background: linear-gradient(135deg, #0b54a3 0%, #0b54a3 100%) !important; color: #ffffff !important; } .community-page-agenda section[data-section-id="128495000003041033"] .bs-agenda-tab .nav-item.active *, .community-page-agenda section[data-section-id="128495000003041033"] .bs-agenda-tab .agenda-day.active *, .community-page-agenda section[data-section-id="128495000003041033"] .bs-agenda-tab .selected *, .community-page-agenda section[data-section-id="128495000003041033"] .bs-agenda-tab .current * { color: #ffffff !important; } .community-page-agenda section[data-section-id="128495000003041033"] .bs-agenda-tab .nav-item *, .community-page-agenda section[data-section-id="128495000003041033"] .bs-agenda-tab .agenda-day *, .community-page-agenda section[data-section-id="128495000003041033"] .bs-agenda-tab .btn-mysession * { color: #202020 !important; text-align: center !important; font-size: 12px !important; } .community-page-agenda section[data-section-id="128495000003041033"] .bs-agenda-tab .nav-item .head, .community-page-agenda section[data-section-id="128495000003041033"] .bs-agenda-tab .agenda-day .head, .community-page-agenda section[data-section-id="128495000003041033"] .bs-agenda-tab .btn-mysession .head, .community-page-agenda section[data-section-id="128495000003041033"] .bs-agenda-tab strong, .community-page-agenda section[data-section-id="128495000003041033"] .bs-agenda-tab .title { font-size: 12px !important; font-weight: 700 !important; line-height: 1.2 !important; margin: 0 0 6px !important; } .community-page-agenda section[data-section-id="128495000003041033"] .bs-agenda-tab .extra-text, .community-page-agenda section[data-section-id="128495000003041033"] .bs-agenda-tab .sub-text, .community-page-agenda section[data-section-id="128495000003041033"] .bs-agenda-tab .text-tiny, .community-page-agenda section[data-section-id="128495000003041033"] .bs-agenda-tab span { font-size: 11px !important; font-weight: 500 !important; line-height: 1.3 !important; } } @media only screen and (max-width: 767px) { .community-page-agenda section[data-section-id="128495000003041033"] .bs-timeline.card-view .timeline-content-group .timeline-content { background-color: #0b54a3 !important; padding: 20px 24px !important; display: flex !important; flex-direction: column !important; gap: 12px !important; justify-content: space-between !important; } } @media only screen and (min-width: 768px) and (max-width: 1024px) { .community-page-agenda section[data-section-id="128495000003041033"] .bs-timeline.card-view .timeline-content-group .timeline-content { background-color: #0b54a3 !important; padding: 20px 24px !important; display: flex !important; flex-direction: column !important; gap: 12px !important; justify-content: space-between !important; } } @media only screen and (max-width: 767px) { .community-page-agenda section[data-section-id="128495000003041033"] .bs-timeline .timeline-item h5.session-venue, .community-page-agenda section[data-section-id="128495000003041033"] .bs-timeline .timeline-item h5.time-duration { font-size: .7em !important; line-height: 1.3em !important; font-family: var(--regular-font), Arial, Helvetica, sans-serif !important; display: flex !important; align-items: center !important; gap: 4px !important; color: white !important; } } @media only screen and (max-width: 767px) { .community-page-agenda section[data-section-id="128495000003041033"] .bs-timeline .timeline-item .timeline-content h5 a { color: #ffffff !important; } } @media only screen and (min-width: 768px) and (max-width: 1024px) { .community-page-agenda section[data-section-id="128495000003041033"] .bs-timeline .timeline-item h5.session-venue, .community-page-agenda section[data-section-id="128495000003041033"] .bs-timeline .timeline-item h5.time-duration { font-size: .8em !important; line-height: 1.4em !important; font-family: var(--regular-font), Arial, Helvetica, sans-serif !important; display: flex !important; align-items: center !important; gap: 6px !important; color: white !important; } .community-page-agenda section[data-section-id="128495000003041033"] .bs-timeline .timeline-item .timeline-content h5 a { color: #ffffff !important; } } @media only screen and (max-width: 767px) { .community-page-agenda section[data-section-id="128495000003041033"] .bs-timeline .bs-button.header-btn i.theme-icon { font-size: var(--font-size-h5) !important; color: white !important; } } @media only screen and (min-width: 768px) and (max-width: 1024px) { .community-page-agenda section[data-section-id="128495000003041033"] .bs-timeline .bs-button.header-btn i.theme-icon { font-size: var(--font-size-h5) !important; color: rgb(255, 255, 255) !important; } } @media only screen and (min-width: 768px) and (max-width: 1024px) { .community-page-agenda section[data-section-id="128495000003041033"] .bs-agenda-tab .nav-item.active *{ color: #050505 !important; } } @media only screen and (max-width: 767px) { .community-page-agenda section[data-section-id="128495000003041033"] .ui.popup.agenda-calender { width: 340px !important; max-width: calc(100vw - 16px) !important; padding: 0 !important; background: #ffffff !important; border: 1px solid #d6d6d6 !important; border-radius: 12px !important; box-shadow: 0 10px 24px rgba(0, 0, 0, 0.12) !important; overflow: hidden !important; z-index: 99999 !important; inset: 68.5px 0px auto auto !important; } .community-page-agenda section[data-section-id="128495000003041033"] .ui.popup.agenda-calender::before, .community-page-agenda section[data-section-id="128495000003041033"] .ui.popup.agenda-calender::after { display: none !important; } .community-page-agenda section[data-section-id="128495000003041033"] .ui.popup.agenda-calender .table-head { padding: 12px 14px !important; margin: 0 !important; font-size: 15px !important; font-weight: 700 !important; text-align: center !important; color: #222 !important; background: #ffffff !important; border-bottom: 1px solid #e4e4e4 !important; } .community-page-agenda section[data-section-id="128495000003041033"] .ui.popup.agenda-calender .uls-sticky-table { overflow-x: auto !important; overflow-y: hidden !important; -webkit-overflow-scrolling: touch !important; background: #ffffff !important; } .community-page-agenda section[data-section-id="128495000003041033"] .ui.popup.agenda-calender .ui.table { width: max-content !important; min-width: 460px !important; margin: 0 !important; border: none !important; border-collapse: collapse !important; table-layout: fixed !important; background: #ffffff !important; } .community-page-agenda section[data-section-id="128495000003041033"] .ui.popup.agenda-calender .ui.table thead th { width: 66px !important; min-width: 66px !important; padding: 10px 4px !important; font-size: 11px !important; font-weight: 700 !important; text-align: center !important; color: #3776bf !important; background: #ffffff !important; border-bottom: 1px solid #e4e4e4 !important; white-space: nowrap !important; } .community-page-agenda section[data-section-id="128495000003041033"] .ui.popup.agenda-calender .ui.table tbody td { width: 66px !important; min-width: 66px !important; height: 78px !important; padding: 0 !important; vertical-align: top !important; text-align: center !important; background: #ffffff !important; border-top: 1px solid #e4e4e4 !important; border-right: 1px solid #e4e4e4 !important; } .community-page-agenda section[data-section-id="128495000003041033"] .ui.popup.agenda-calender .ui.table tbody td:last-child { border-right: none !important; } .community-page-agenda section[data-section-id="128495000003041033"] .ui.popup.agenda-calender .ui.table tbody td a { display: flex !important; flex-direction: column !important; justify-content: center !important; align-items: center !important; width: calc(100% - 6px) !important; height: calc(100% - 6px) !important; margin: 3px !important; padding: 6px 3px !important; box-sizing: border-box !important; text-decoration: none !important; color: #111 !important; font-size: 11px !important; font-weight: 700 !important; line-height: 1.1 !important; border-radius: 10px !important; background: #ffffff !important; white-space: normal !important; word-break: break-word !important; } .community-page-agenda section[data-section-id="128495000003041033"] .ui.popup.agenda-calender .ui.table tbody td a .ui.text.grey { margin-top: 5px !important; font-size: 10px !important; font-weight: 500 !important; color: #5b5b5b !important; line-height: 1.1 !important; } .community-page-agenda section[data-section-id="128495000003041033"] .ui.popup.agenda-calender .ui.table tbody td a.active { background: #377fcb !important; color: #ffffff !important; } .community-page-agenda section[data-section-id="128495000003041033"] .ui.popup.agenda-calender .ui.table tbody td a.active .ui.text.grey { color: #ffffff !important; } } /* ========================================================= AGENDA CALENDAR POPUP - TABLET FINAL FIX 7 inch / 10 inch / iPad / iPad Pro / 13 inch tablet Section ID: 128495000003041033 ========================================================= */ @media only screen and (min-width: 600px) and (max-width: 1536px) { .community-page-agenda section[data-section-id="128495000003041033"] .ui.popup.agenda-calender { width: min(720px, calc(100vw - 40px)) !important; max-width: calc(100vw - 40px) !important; padding: 0 !important; background: #ffffff !important; border: 1px solid #d6d6d6 !important; border-radius: 14px !important; box-shadow: 0 10px 24px rgba(0, 0, 0, 0.12) !important; overflow: hidden !important; z-index: 99999 !important; left: 50% !important; right: auto !important; top: 78px !important; bottom: auto !important; transform: translateX(-50%) !important; inset: 78px auto auto 50% !important; } .community-page-agenda section[data-section-id="128495000003041033"] .ui.popup.agenda-calender::before, .community-page-agenda section[data-section-id="128495000003041033"] .ui.popup.agenda-calender::after { display: none !important; } .community-page-agenda section[data-section-id="128495000003041033"] .ui.popup.agenda-calender .table-head { padding: 14px 18px !important; margin: 0 !important; font-size: 18px !important; font-weight: 700 !important; text-align: center !important; color: #222222 !important; background: #ffffff !important; border-bottom: 1px solid #e4e4e4 !important; } .community-page-agenda section[data-section-id="128495000003041033"] .ui.popup.agenda-calender .uls-sticky-table { overflow-x: auto !important; overflow-y: hidden !important; -webkit-overflow-scrolling: touch !important; background: #ffffff !important; } .community-page-agenda section[data-section-id="128495000003041033"] .ui.popup.agenda-calender .ui.table { width: 100% !important; min-width: 700px !important; margin: 0 !important; border: none !important; border-collapse: collapse !important; table-layout: fixed !important; background: #ffffff !important; } .community-page-agenda section[data-section-id="128495000003041033"] .ui.popup.agenda-calender .ui.table thead th { width: 100px !important; min-width: 100px !important; padding: 12px 6px !important; font-size: 13px !important; font-weight: 700 !important; text-align: center !important; color: #3776bf !important; background: #ffffff !important; border-bottom: 1px solid #e4e4e4 !important; white-space: nowrap !important; } .community-page-agenda section[data-section-id="128495000003041033"] .ui.popup.agenda-calender .ui.table tbody td { width: 100px !important; min-width: 100px !important; height: 100px !important; padding: 0 !important; vertical-align: top !important; text-align: center !important; background: #ffffff !important; border-top: 1px solid #e4e4e4 !important; border-right: 1px solid #e4e4e4 !important; } .community-page-agenda section[data-section-id="128495000003041033"] .ui.popup.agenda-calender .ui.table tbody td:last-child { border-right: none !important; } .community-page-agenda section[data-section-id="128495000003041033"] .ui.popup.agenda-calender .ui.table tbody td a { display: flex !important; flex-direction: column !important; justify-content: center !important; align-items: center !important; width: calc(100% - 8px) !important; height: calc(100% - 8px) !important; margin: 4px !important; padding: 8px 5px !important; box-sizing: border-box !important; text-decoration: none !important; color: #111111 !important; font-size: 13px !important; font-weight: 700 !important; line-height: 1.2 !important; border-radius: 10px !important; background: #ffffff !important; white-space: normal !important; word-break: break-word !important; } .community-page-agenda section[data-section-id="128495000003041033"] .ui.popup.agenda-calender .ui.table tbody td a .ui.text.grey { margin-top: 6px !important; font-size: 11px !important; font-weight: 500 !important; color: #5b5b5b !important; line-height: 1.2 !important; } .community-page-agenda section[data-section-id="128495000003041033"] .ui.popup.agenda-calender .ui.table tbody td a.active { background: #377fcb !important; color: #ffffff !important; } .community-page-agenda section[data-section-id="128495000003041033"] .ui.popup.agenda-calender .ui.table tbody td a.active .ui.text.grey { color: #ffffff !important; } } /* ========================================================= 7 INCH TABLET 600px to 767px ========================================================= */ @media only screen and (min-width: 600px) and (max-width: 767px) { .community-page-agenda section[data-section-id="128495000003041033"] .ui.popup.agenda-calender { width: calc(100vw - 24px) !important; max-width: calc(100vw - 24px) !important; top: 70px !important; inset: 70px auto auto 50% !important; border-radius: 12px !important; } .community-page-agenda section[data-section-id="128495000003041033"] .ui.popup.agenda-calender .table-head { padding: 12px 14px !important; font-size: 16px !important; } .community-page-agenda section[data-section-id="128495000003041033"] .ui.popup.agenda-calender .ui.table { min-width: 620px !important; } .community-page-agenda section[data-section-id="128495000003041033"] .ui.popup.agenda-calender .ui.table thead th { width: 88px !important; min-width: 88px !important; font-size: 12px !important; } .community-page-agenda section[data-section-id="128495000003041033"] .ui.popup.agenda-calender .ui.table tbody td { width: 88px !important; min-width: 88px !important; height: 88px !important; } .community-page-agenda section[data-section-id="128495000003041033"] .ui.popup.agenda-calender .ui.table tbody td a { font-size: 12px !important; padding: 6px 4px !important; } } /* ========================================================= 10 INCH TABLET / NORMAL iPAD 768px to 1024px ========================================================= */ @media only screen and (min-width: 768px) and (max-width: 1024px) { .community-page-agenda section[data-section-id="128495000003041033"] .ui.popup.agenda-calender { width: 720px !important; max-width: calc(100vw - 40px) !important; top: 78px !important; inset: 78px auto auto 50% !important; } } /* ========================================================= iPAD PRO / LARGE TABLET 1025px to 1366px ========================================================= */ @media only screen and (min-width: 1025px) and (max-width: 1366px) { .community-page-agenda section[data-section-id="128495000003041033"] .ui.popup.agenda-calender { width: 780px !important; max-width: calc(100vw - 60px) !important; top: 84px !important; inset: 84px auto auto 50% !important; } .community-page-agenda section[data-section-id="128495000003041033"] .ui.popup.agenda-calender .ui.table { min-width: 760px !important; } .community-page-agenda section[data-section-id="128495000003041033"] .ui.popup.agenda-calender .ui.table thead th { width: 108px !important; min-width: 108px !important; } .community-page-agenda section[data-section-id="128495000003041033"] .ui.popup.agenda-calender .ui.table tbody td { width: 108px !important; min-width: 108px !important; height: 108px !important; } } /* ========================================================= 13 INCH TABLET 1367px to 1536px ========================================================= */ @media only screen and (min-width: 1367px) and (max-width: 1536px) { .community-page-agenda section[data-section-id="128495000003041033"] .ui.popup.agenda-calender { width: 840px !important; max-width: calc(100vw - 80px) !important; top: 88px !important; inset: 88px auto auto 50% !important; border-radius: 16px !important; } .community-page-agenda section[data-section-id="128495000003041033"] .ui.popup.agenda-calender .table-head { font-size: 19px !important; padding: 16px 20px !important; } .community-page-agenda section[data-section-id="128495000003041033"] .ui.popup.agenda-calender .ui.table { min-width: 820px !important; } .community-page-agenda section[data-section-id="128495000003041033"] .ui.popup.agenda-calender .ui.table thead th { width: 116px !important; min-width: 116px !important; font-size: 14px !important; } .community-page-agenda section[data-section-id="128495000003041033"] .ui.popup.agenda-calender .ui.table tbody td { width: 116px !important; min-width: 116px !important; height: 116px !important; } .community-page-agenda section[data-section-id="128495000003041033"] .ui.popup.agenda-calender .ui.table tbody td a { font-size: 14px !important; } } /* ========================================================= 8. TAP HIGHLIGHT REMOVAL ========================================================= */ .community-page-agenda section[data-section-id="128495000004945826"] .li-item, .community-page-agenda section[data-section-id="128495000004945826"] .list-image, .community-page-agenda section[data-section-id="128495000004945826"] .bs-media-wgt, .community-page-agenda section[data-section-id="128495000004945826"] .media-element, .community-page-agenda section[data-section-id="128495000004945826"] .media-image, .community-page-agenda section[data-section-id="128495000004945826"] .media-image.pointer, .community-page-agenda section[data-section-id="128495000004945826"] .fluid-image, .community-page-agenda section[data-section-id="128495000004945826"] img { -webkit-tap-highlight-color: transparent !important; } .community-page-agenda section[data-section-id="128495000004945826"] .li-item:focus, .community-page-agenda section[data-section-id="128495000004945826"] .list-image:focus, .community-page-agenda section[data-section-id="128495000004945826"] .media-image:focus, .community-page-agenda section[data-section-id="128495000004945826"] .fluid-image:focus, .community-page-agenda section[data-section-id="128495000004945826"] img:focus { outline: none !important; } /* ========================================================= COMMUNITY PAGE SPEAKER ========================================================= */ /* ========================================================= 6. BOTTOM FIXED MENU - 128495000004963195 ========================================================= */ @media only screen and (max-width: 767px) { .community-page-speakers section[data-section-id="128495000004963195"] { position: fixed; bottom: 0; left: 0; width: 100%; z-index: 9999; margin: 0 !important; padding: 0 !important; background: transparent !important; } /* MOBILE */ @media only screen and (max-width: 767px) { .community-page-speakers section[data-section-id="128495000003041164"] .foreground-layer.bs-container { padding: 0 16px !important; } } /* TABLET */ @media only screen and (min-width: 768px) and (max-width: 1024px) { .community-page-speakers section[data-section-id="128495000003041164"] .foreground-layer.bs-container { padding: 0 24px !important; } } .community-page-speakers section[data-section-id="128495000003041164"] { flex: 1 !important; padding-bottom: 100px !important; } .community-page-speakers section[data-section-id="128495000004963195"] .background-layer { background: transparent !important; } .community-page-speakers section[data-section-id="128495000004963195"] .foreground-layer, .community-page-speakers section[data-section-id="128495000004963195"] .bs-container { background: #fff !important; box-shadow: none !important; border-top: 1px solid #f3f0f0 !important; padding: 15px 12px !important; margin: 0 !important; } .community-page-speakers section[data-section-id="128495000004963195"] .grb-list { display: grid !important; grid-template-columns: repeat(3, minmax(0, 1fr)) !important; gap: 0 !important; width: 100% !important; grid-auto-flow: unset !important; align-items: start !important; } .community-page-speakers section[data-section-id="128495000004963195"] .li-item { width: 100% !important; max-width: 100% !important; display: flex !important; flex-direction: column !important; justify-content: flex-start !important; align-items: center !important; margin: 0 !important; padding: 0 !important; gap: 0 !important; } .community-page-speakers section[data-section-id="128495000004963195"] .list-image, .community-page-speakers section[data-section-id="128495000004963195"] .bs-media-wgt, .community-page-speakers section[data-section-id="128495000004963195"] .media-element, .community-page-speakers section[data-section-id="128495000004963195"] .media-image { width: auto !important; height: auto !important; display: flex !important; justify-content: center !important; align-items: center !important; margin: 0 !important; padding: 0 !important; } .community-page-speakers section[data-section-id="128495000004963195"] .fluid-image, .community-page-speakers section[data-section-id="128495000004963195"] .media-image img { width: 22px !important; height: 22px !important; object-fit: contain !important; display: block !important; margin: 0 auto !important; } .community-page-speakers section[data-section-id="128495000004963195"] .li-content { display: block !important; margin: 0 !important; padding: 0 !important; text-align: center !important; } .community-page-speakers section[data-section-id="128495000004963195"] .li-title, .community-page-speakers section[data-section-id="128495000004963195"] .li-title div, .community-page-speakers section[data-section-id="128495000004963195"] .li-subtitle, .community-page-speakers section[data-section-id="128495000004963195"] .li-subtitle div { margin: 0 !important; padding: 0 !important; line-height: 1.2 !important; font-size: 10px !important; color: #444 !important; text-align: center !important; } } /* ========================================================= 6. BOTTOM FIXED MENU - TABLET FINAL FIX Speakers Page 7 inch / 10 inch / iPad / iPad Pro / 13 inch tablet Section ID: 128495000004963195 ========================================================= */ @media only screen and (min-width: 600px) and (max-width: 1536px) { .community-page-speakers section[data-section-id="128495000004963195"] { position: fixed !important; left: 0 !important; right: 0 !important; bottom: 0 !important; top: auto !important; width: 100% !important; z-index: 99999 !important; margin: 0 !important; padding: 0 !important; transform: none !important; background: transparent !important; } .community-page-speakers section[data-section-id="128495000004963195"] .background-layer { display: none !important; } .community-page-speakers section[data-section-id="128495000004963195"] .foreground-layer, .community-page-speakers section[data-section-id="128495000004963195"] .bs-container { position: relative !important; left: auto !important; right: auto !important; bottom: auto !important; width: 100% !important; max-width: 100% !important; margin: 0 !important; padding: 10px 16px !important; min-height: auto !important; height: auto !important; background: #ffffff !important; border-top: 1px solid #f3f0f0 !important; box-shadow: none !important; transform: none !important; } .community-page-speakers section[data-section-id="128495000004963195"] .grb-list { display: grid !important; grid-template-columns: repeat(3, 1fr) !important; justify-items: center !important; align-items: center !important; width: 100% !important; gap: 0 !important; margin: 0 !important; padding: 0 !important; } .community-page-speakers section[data-section-id="128495000004963195"] .li-item { display: flex !important; flex-direction: column !important; justify-content: center !important; align-items: center !important; width: 100% !important; min-height: 58px !important; grid-gap: 0 !important; margin: 0 !important; padding: 0 !important; text-align: center !important; } .community-page-speakers section[data-section-id="128495000004963195"] .list-image, .community-page-speakers section[data-section-id="128495000004963195"] .bs-media-wgt, .community-page-speakers section[data-section-id="128495000004963195"] .media-element, .community-page-speakers section[data-section-id="128495000004963195"] .media-image { display: flex !important; justify-content: center !important; align-items: center !important; width: auto !important; height: auto !important; margin: 0 0 4px !important; padding: 0 !important; } .community-page-speakers section[data-section-id="128495000004963195"] .fluid-image, .community-page-speakers section[data-section-id="128495000004963195"] .media-image img { width: 150px !important; height: 50px !important; display: block !important; object-fit: contain !important; margin: 0 auto !important; } .community-page-speakers section[data-section-id="128495000004963195"] .li-content { display: flex !important; flex-direction: column !important; justify-content: center !important; align-items: center !important; margin: 0 !important; padding: 0 !important; text-align: center !important; } .community-page-speakers section[data-section-id="128495000004963195"] .li-title, .community-page-speakers section[data-section-id="128495000004963195"] .li-title div, .community-page-speakers section[data-section-id="128495000004963195"] .li-subtitle, .community-page-speakers section[data-section-id="128495000004963195"] .li-subtitle div { margin: 0 !important; padding: 0 !important; font-size: 11px !important; line-height: 1.2 !important; color: #444444 !important; text-align: center !important; } body.community-page-speakers { padding-bottom: 90px !important; } } /* ========================================================= 7 INCH TABLET 600px to 767px ========================================================= */ @media only screen and (min-width: 600px) and (max-width: 767px) { .community-page-speakers section[data-section-id="128495000004963195"] .foreground-layer, .community-page-speakers section[data-section-id="128495000004963195"] .bs-container { padding: 8px 10px !important; } .community-page-speakers section[data-section-id="128495000004963195"] .li-item { min-height: 54px !important; } .community-page-speakers section[data-section-id="128495000004963195"] .fluid-image, .community-page-speakers section[data-section-id="128495000004963195"] .media-image img { width: 120px !important; height: 42px !important; } .community-page-speakers section[data-section-id="128495000004963195"] .li-title, .community-page-speakers section[data-section-id="128495000004963195"] .li-title div, .community-page-speakers section[data-section-id="128495000004963195"] .li-subtitle, .community-page-speakers section[data-section-id="128495000004963195"] .li-subtitle div { font-size: 10px !important; } body.community-page-speakers { padding-bottom: 82px !important; } } /* ========================================================= 10 INCH TABLET / NORMAL iPAD 768px to 1024px ========================================================= */ @media only screen and (min-width: 768px) and (max-width: 1024px) { .community-page-speakers section[data-section-id="128495000004963195"] .foreground-layer, .community-page-speakers section[data-section-id="128495000004963195"] .bs-container { padding: 10px 16px !important; } .community-page-speakers section[data-section-id="128495000004963195"] .fluid-image, .community-page-speakers section[data-section-id="128495000004963195"] .media-image img { width: 150px !important; height: 50px !important; } body.community-page-speakers { padding-bottom: 90px !important; } } /* ========================================================= iPAD PRO / LARGE TABLET 1025px to 1366px ========================================================= */ @media only screen and (min-width: 1025px) and (max-width: 1366px) { .community-page-speakers section[data-section-id="128495000004963195"] .foreground-layer, .community-page-speakers section[data-section-id="128495000004963195"] .bs-container { padding: 11px 20px !important; } .community-page-speakers section[data-section-id="128495000004963195"] .li-item { min-height: 62px !important; } .community-page-speakers section[data-section-id="128495000004963195"] .fluid-image, .community-page-speakers section[data-section-id="128495000004963195"] .media-image img { width: 155px !important; height: 52px !important; } body.community-page-speakers { padding-bottom: 95px !important; } } /* ========================================================= 13 INCH TABLET 1367px to 1536px ========================================================= */ @media only screen and (min-width: 1367px) and (max-width: 1536px) { .community-page-speakers section[data-section-id="128495000004963195"] .foreground-layer, .community-page-speakers section[data-section-id="128495000004963195"] .bs-container { padding: 12px 24px !important; } .community-page-speakers section[data-section-id="128495000004963195"] .li-item { min-height: 64px !important; } .community-page-speakers section[data-section-id="128495000004963195"] .fluid-image, .community-page-speakers section[data-section-id="128495000004963195"] .media-image img { width: 160px !important; height: 54px !important; } .community-page-speakers section[data-section-id="128495000004963195"] .li-title, .community-page-speakers section[data-section-id="128495000004963195"] .li-title div, .community-page-speakers section[data-section-id="128495000004963195"] .li-subtitle, .community-page-speakers section[data-section-id="128495000004963195"] .li-subtitle div { font-size: 12px !important; } body.community-page-speakers { padding-bottom: 100px !important; } } /* ========================= MOBILE ========================= */ @media only screen and (max-width: 767px) { .community-page-speakers div[data-element-id="128495000003041171"] .bs-speakerList-wgt .li-item { background: #0b54a3 !important; color: #ffffff !important; border-radius: 20px !important; padding: 18px !important; } .community-page-speakers div[data-element-id="128495000003041171"] .bs-speakerList-wgt .li-item .li-title { color: #ffffff !important; } .community-page-speakers div[data-element-id="128495000003041171"] .bs-speakerList-wgt:not(.transparent) .sp-st-1 .list-sub-title { color: #ffffff !important; } } /* ========================= TABLET ========================= */ @media only screen and (min-width: 768px) and (max-width: 1024px) { .community-page-speakers div[data-element-id="128495000003041171"] .bs-speakerList-wgt .li-item { background: #0b54a3 !important; color: #ffffff !important; border-radius: 20px !important; padding: 18px !important; } .community-page-speakers div[data-element-id="128495000003041171"] .bs-speakerList-wgt .li-item .li-title { color: #ffffff !important; } .community-page-speakers div[data-element-id="128495000003041171"] .bs-speakerList-wgt:not(.transparent) .sp-st-1 .list-sub-title { color: #ffffff !important; } } /* ========================================================= 8. TAP HIGHLIGHT REMOVAL ========================================================= */ .community-page-speakers section[data-section-id="128495000004963195"] .li-item, .community-page-speakers section[data-section-id="128495000004963195"] .list-image, .community-page-speakers section[data-section-id="128495000004963195"] .bs-media-wgt, .community-page-speakers section[data-section-id="128495000004963195"] .media-element, .community-page-speakers section[data-section-id="128495000004963195"] .media-image, .community-page-speakers section[data-section-id="128495000004963195"] .media-image.pointer, .community-page-speakers section[data-section-id="128495000004963195"] .fluid-image, .community-page-speakers section[data-section-id="128495000004963195"] img { -webkit-tap-highlight-color: transparent !important; } .community-page-speakers section[data-section-id="128495000004963195"] .li-item:focus, .community-page-speakers section[data-section-id="128495000004963195"] .list-image:focus, .community-page-speakers section[data-section-id="128495000004963195"] .media-image:focus, .community-page-speakers section[data-section-id="128495000004963195"] .fluid-image:focus, .community-page-speakers section[data-section-id="128495000004963195"] img:focus { outline: none !important; } /* ========================================================= COMMUNITY PAGE FLOOR PLAN (exhibitorCategory) ========================================================= */ /* ========================================================= 6. BOTTOM FIXED MENU - 128495000004963384 ========================================================= */ @media only screen and (max-width: 767px) { .community-page-exhibitorCategory section[data-section-id="128495000004963384"] { position: fixed; bottom: 0; left: 0; width: 100%; z-index: 9999; margin: 0 !important; padding: 0 !important; background: transparent !important; } .community-page-exhibitorCategory section[data-section-id="128495000004963384"] .background-layer { background: transparent !important; } .community-page-exhibitorCategory section[data-section-id="128495000004963384"] .foreground-layer, .community-page-exhibitorCategory section[data-section-id="128495000004963384"] .bs-container { background: #fff !important; box-shadow: none !important; border-top: 1px solid #f3f0f0 !important; padding: 15px 12px !important; margin: 0 !important; } .community-page-exhibitorCategory section[data-section-id="128495000004963384"] .grb-list { display: grid !important; grid-template-columns: repeat(3, minmax(0, 1fr)) !important; gap: 0 !important; width: 100% !important; grid-auto-flow: unset !important; align-items: start !important; } .community-page-exhibitorCategory section[data-section-id="128495000004963384"] .li-item { width: 100% !important; max-width: 100% !important; display: flex !important; flex-direction: column !important; justify-content: flex-start !important; align-items: center !important; margin: 0 !important; padding: 0 !important; gap: 0 !important; } .community-page-exhibitorCategory section[data-section-id="128495000004963384"] .list-image, .community-page-exhibitorCategory section[data-section-id="128495000004963384"] .bs-media-wgt, .community-page-exhibitorCategory section[data-section-id="128495000004963384"] .media-element, .community-page-exhibitorCategory section[data-section-id="128495000004963384"] .media-image { width: auto !important; height: auto !important; display: flex !important; justify-content: center !important; align-items: center !important; margin: 0 !important; padding: 0 !important; } .community-page-exhibitorCategory section[data-section-id="128495000004963384"] .fluid-image, .community-page-exhibitorCategory section[data-section-id="128495000004963384"] .media-image img { width: 22px !important; height: 22px !important; object-fit: contain !important; display: block !important; margin: 0 auto !important; } .community-page-exhibitorCategory section[data-section-id="128495000004963384"] .li-content { display: block !important; margin: 0 !important; padding: 0 !important; text-align: center !important; } .community-page-exhibitorCategory section[data-section-id="128495000004963384"] .li-title, .community-page-exhibitorCategory section[data-section-id="128495000004963384"] .li-title div, .community-page-exhibitorCategory section[data-section-id="128495000004963384"] .li-subtitle, .community-page-exhibitorCategory section[data-section-id="128495000004963384"] .li-subtitle div { margin: 0 !important; padding: 0 !important; line-height: 1.2 !important; font-size: 10px !important; color: #444 !important; text-align: center !important; } } /* ========================================================= 6. BOTTOM FIXED MENU - TABLET FINAL FIX Exhibitor Category Page 7 inch / 10 inch / iPad / iPad Pro / 13 inch tablet Section ID: 128495000004963384 ========================================================= */ @media only screen and (min-width: 600px) and (max-width: 1536px) { .community-page-exhibitorCategory section[data-section-id="128495000004963384"] { position: fixed !important; left: 0 !important; right: 0 !important; bottom: 0 !important; top: auto !important; width: 100% !important; z-index: 99999 !important; margin: 0 !important; padding: 0 !important; transform: none !important; background: transparent !important; } .community-page-exhibitorCategory section[data-section-id="128495000004963384"] .background-layer { display: none !important; } .community-page-exhibitorCategory section[data-section-id="128495000004963384"] .foreground-layer, .community-page-exhibitorCategory section[data-section-id="128495000004963384"] .bs-container { position: relative !important; left: auto !important; right: auto !important; bottom: auto !important; width: 100% !important; max-width: 100% !important; margin: 0 !important; padding: 10px 16px !important; min-height: auto !important; height: auto !important; background: #ffffff !important; border-top: 1px solid #f3f0f0 !important; box-shadow: none !important; transform: none !important; } .community-page-exhibitorCategory section[data-section-id="128495000004963384"] .grb-list { display: grid !important; grid-template-columns: repeat(3, 1fr) !important; justify-items: center !important; align-items: center !important; width: 100% !important; gap: 0 !important; margin: 0 !important; padding: 0 !important; } .community-page-exhibitorCategory section[data-section-id="128495000004963384"] .li-item { display: flex !important; flex-direction: column !important; justify-content: center !important; align-items: center !important; width: 100% !important; min-height: 58px !important; grid-gap: 0 !important; margin: 0 !important; padding: 0 !important; text-align: center !important; } .community-page-exhibitorCategory section[data-section-id="128495000004963384"] .list-image, .community-page-exhibitorCategory section[data-section-id="128495000004963384"] .bs-media-wgt, .community-page-exhibitorCategory section[data-section-id="128495000004963384"] .media-element, .community-page-exhibitorCategory section[data-section-id="128495000004963384"] .media-image { display: flex !important; justify-content: center !important; align-items: center !important; width: auto !important; height: auto !important; margin: 0 0 4px !important; padding: 0 !important; } .community-page-exhibitorCategory section[data-section-id="128495000004963384"] .fluid-image, .community-page-exhibitorCategory section[data-section-id="128495000004963384"] .media-image img { width: 150px !important; height: 50px !important; display: block !important; object-fit: contain !important; margin: 0 auto !important; } .community-page-exhibitorCategory section[data-section-id="128495000004963384"] .li-content { display: flex !important; flex-direction: column !important; justify-content: center !important; align-items: center !important; margin: 0 !important; padding: 0 !important; text-align: center !important; } .community-page-exhibitorCategory section[data-section-id="128495000004963384"] .li-title, .community-page-exhibitorCategory section[data-section-id="128495000004963384"] .li-title div, .community-page-exhibitorCategory section[data-section-id="128495000004963384"] .li-subtitle, .community-page-exhibitorCategory section[data-section-id="128495000004963384"] .li-subtitle div { margin: 0 !important; padding: 0 !important; font-size: 11px !important; line-height: 1.2 !important; color: #444444 !important; text-align: center !important; } body.community-page-exhibitorCategory { padding-bottom: 90px !important; } } /* ========================================================= 7 INCH TABLET 600px to 767px ========================================================= */ @media only screen and (min-width: 600px) and (max-width: 767px) { .community-page-exhibitorCategory section[data-section-id="128495000004963384"] .foreground-layer, .community-page-exhibitorCategory section[data-section-id="128495000004963384"] .bs-container { padding: 8px 10px !important; } .community-page-exhibitorCategory section[data-section-id="128495000004963384"] .li-item { min-height: 54px !important; } .community-page-exhibitorCategory section[data-section-id="128495000004963384"] .fluid-image, .community-page-exhibitorCategory section[data-section-id="128495000004963384"] .media-image img { width: 120px !important; height: 42px !important; } .community-page-exhibitorCategory section[data-section-id="128495000004963384"] .li-title, .community-page-exhibitorCategory section[data-section-id="128495000004963384"] .li-title div, .community-page-exhibitorCategory section[data-section-id="128495000004963384"] .li-subtitle, .community-page-exhibitorCategory section[data-section-id="128495000004963384"] .li-subtitle div { font-size: 10px !important; } body.community-page-exhibitorCategory { padding-bottom: 82px !important; } } /* ========================================================= 10 INCH TABLET / NORMAL iPAD 768px to 1024px ========================================================= */ @media only screen and (min-width: 768px) and (max-width: 1024px) { .community-page-exhibitorCategory section[data-section-id="128495000004963384"] .foreground-layer, .community-page-exhibitorCategory section[data-section-id="128495000004963384"] .bs-container { padding: 10px 16px !important; } .community-page-exhibitorCategory section[data-section-id="128495000004963384"] .fluid-image, .community-page-exhibitorCategory section[data-section-id="128495000004963384"] .media-image img { width: 150px !important; height: 50px !important; } body.community-page-exhibitorCategory { padding-bottom: 90px !important; } } /* ========================================================= iPAD PRO / LARGE TABLET 1025px to 1366px ========================================================= */ @media only screen and (min-width: 1025px) and (max-width: 1366px) { .community-page-exhibitorCategory section[data-section-id="128495000004963384"] .foreground-layer, .community-page-exhibitorCategory section[data-section-id="128495000004963384"] .bs-container { padding: 11px 20px !important; } .community-page-exhibitorCategory section[data-section-id="128495000004963384"] .li-item { min-height: 62px !important; } .community-page-exhibitorCategory section[data-section-id="128495000004963384"] .fluid-image, .community-page-exhibitorCategory section[data-section-id="128495000004963384"] .media-image img { width: 155px !important; height: 52px !important; } body.community-page-exhibitorCategory { padding-bottom: 95px !important; } } /* ========================================================= 13 INCH TABLET 1367px to 1536px ========================================================= */ @media only screen and (min-width: 1367px) and (max-width: 1536px) { .community-page-exhibitorCategory section[data-section-id="128495000004963384"] .foreground-layer, .community-page-exhibitorCategory section[data-section-id="128495000004963384"] .bs-container { padding: 12px 24px !important; } .community-page-exhibitorCategory section[data-section-id="128495000004963384"] .li-item { min-height: 64px !important; } .community-page-exhibitorCategory section[data-section-id="128495000004963384"] .fluid-image, .community-page-exhibitorCategory section[data-section-id="128495000004963384"] .media-image img { width: 160px !important; height: 54px !important; } .community-page-exhibitorCategory section[data-section-id="128495000004963384"] .li-title, .community-page-exhibitorCategory section[data-section-id="128495000004963384"] .li-title div, .community-page-exhibitorCategory section[data-section-id="128495000004963384"] .li-subtitle, .community-page-exhibitorCategory section[data-section-id="128495000004963384"] .li-subtitle div { font-size: 12px !important; } body.community-page-exhibitorCategory { padding-bottom: 100px !important; } } /* ========================================================= 8. TAP HIGHLIGHT REMOVAL ========================================================= */ .community-page-exhibitorCategory section[data-section-id="128495000004963384"] .li-item, .community-page-exhibitorCategory section[data-section-id="128495000004963384"] .list-image, .community-page-exhibitorCategory section[data-section-id="128495000004963384"] .bs-media-wgt, .community-page-exhibitorCategory section[data-section-id="128495000004963384"] .media-element, .community-page-exhibitorCategory section[data-section-id="128495000004963384"] .media-image, .community-page-exhibitorCategory section[data-section-id="128495000004963384"] .media-image.pointer, .community-page-exhibitorCategory section[data-section-id="128495000004963384"] .fluid-image, .community-page-exhibitorCategory section[data-section-id="128495000004963384"] img { -webkit-tap-highlight-color: transparent !important; } .community-page-exhibitorCategory section[data-section-id="128495000004963384"] .li-item:focus, .community-page-exhibitorCategory section[data-section-id="128495000004963384"] .list-image:focus, .community-page-exhibitorCategory section[data-section-id="128495000004963384"] .media-image:focus, .community-page-exhibitorCategory section[data-section-id="128495000004963384"] .fluid-image:focus, .community-page-exhibitorCategory section[data-section-id="128495000004963384"] img:focus { outline: none !important; } /* ========================================================= COMMUNITY PAGE sponsors ========================================================= */ /* ========================================================= 6. BOTTOM FIXED MENU - 128495000004963464 ========================================================= */ @media only screen and (max-width: 767px) { .community-page-sponsors section[data-section-id="128495000004963464"] { position: fixed; bottom: 0; left: 0; width: 100%; z-index: 9999; margin: 0 !important; padding: 0 !important; background: transparent !important; } .community-page-sponsors section[data-section-id="128495000004963464"] .background-layer { background: transparent !important; } .community-page-sponsors section[data-section-id="128495000004963464"] .foreground-layer, .community-page-sponsors section[data-section-id="128495000004963464"] .bs-container { background: #fff !important; box-shadow: none !important; border-top: 1px solid #f3f0f0 !important; padding: 15px 12px !important; margin: 0 !important; } .community-page-sponsors section[data-section-id="128495000004963464"] .grb-list { display: grid !important; grid-template-columns: repeat(3, minmax(0, 1fr)) !important; gap: 0 !important; width: 100% !important; grid-auto-flow: unset !important; align-items: start !important; } .community-page-sponsors section[data-section-id="128495000004963464"] .li-item { width: 100% !important; max-width: 100% !important; display: flex !important; flex-direction: column !important; justify-content: flex-start !important; align-items: center !important; margin: 0 !important; padding: 0 !important; gap: 0 !important; } .community-page-sponsors section[data-section-id="128495000004963464"] .list-image, .community-page-sponsors section[data-section-id="128495000004963464"] .bs-media-wgt, .community-page-sponsors section[data-section-id="128495000004963464"] .media-element, .community-page-sponsors section[data-section-id="128495000004963464"] .media-image { width: auto !important; height: auto !important; display: flex !important; justify-content: center !important; align-items: center !important; margin: 0 !important; padding: 0 !important; } .community-page-sponsors section[data-section-id="128495000004963464"] .fluid-image, .community-page-sponsors section[data-section-id="128495000004963464"] .media-image img { width: 22px !important; height: 22px !important; object-fit: contain !important; display: block !important; margin: 0 auto !important; } .community-page-sponsors section[data-section-id="128495000004963464"] .li-content { display: block !important; margin: 0 !important; padding: 0 !important; text-align: center !important; } .community-page-sponsors section[data-section-id="128495000004963464"] .li-title, .community-page-sponsors section[data-section-id="128495000004963464"] .li-title div, .community-page-sponsors section[data-section-id="128495000004963464"] .li-subtitle, .community-page-sponsors section[data-section-id="128495000004963464"] .li-subtitle div { margin: 0 !important; padding: 0 !important; line-height: 1.2 !important; font-size: 10px !important; color: #444 !important; text-align: center !important; } } @media only screen and (max-width: 767px) { .community-page-sponsors section[data-section-id="128495000003041649"] .foreground-layer.bs-container { padding: 0 16px !important; } } /* ========================================================= 6. BOTTOM FIXED MENU - TABLET FINAL FIX Sponsors Page 7 inch / 10 inch / iPad / iPad Pro / 13 inch tablet Section ID: 128495000004963464 ========================================================= */ @media only screen and (min-width: 600px) and (max-width: 1536px) { .community-page-sponsors section[data-section-id="128495000004963464"] { position: fixed !important; left: 0 !important; right: 0 !important; bottom: 0 !important; top: auto !important; width: 100% !important; z-index: 99999 !important; margin: 0 !important; padding: 0 !important; transform: none !important; background: transparent !important; } .community-page-sponsors section[data-section-id="128495000004963464"] .background-layer { display: none !important; } .community-page-sponsors section[data-section-id="128495000004963464"] .foreground-layer, .community-page-sponsors section[data-section-id="128495000004963464"] .bs-container { position: relative !important; left: auto !important; right: auto !important; bottom: auto !important; width: 100% !important; max-width: 100% !important; margin: 0 !important; padding: 10px 16px !important; min-height: auto !important; height: auto !important; background: #ffffff !important; border-top: 1px solid #f3f0f0 !important; box-shadow: none !important; transform: none !important; } .community-page-sponsors section[data-section-id="128495000004963464"] .grb-list { display: grid !important; grid-template-columns: repeat(3, 1fr) !important; justify-items: center !important; align-items: center !important; width: 100% !important; gap: 0 !important; margin: 0 !important; padding: 0 !important; } .community-page-sponsors section[data-section-id="128495000004963464"] .li-item { display: flex !important; flex-direction: column !important; justify-content: center !important; align-items: center !important; width: 100% !important; min-height: 58px !important; grid-gap: 0 !important; margin: 0 !important; padding: 0 !important; text-align: center !important; } .community-page-sponsors section[data-section-id="128495000004963464"] .list-image, .community-page-sponsors section[data-section-id="128495000004963464"] .bs-media-wgt, .community-page-sponsors section[data-section-id="128495000004963464"] .media-element, .community-page-sponsors section[data-section-id="128495000004963464"] .media-image { display: flex !important; justify-content: center !important; align-items: center !important; width: auto !important; height: auto !important; margin: 0 0 4px !important; padding: 0 !important; } .community-page-sponsors section[data-section-id="128495000004963464"] .fluid-image, .community-page-sponsors section[data-section-id="128495000004963464"] .media-image img { width: 150px !important; height: 50px !important; display: block !important; object-fit: contain !important; margin: 0 auto !important; } .community-page-sponsors section[data-section-id="128495000004963464"] .li-content { display: flex !important; flex-direction: column !important; justify-content: center !important; align-items: center !important; margin: 0 !important; padding: 0 !important; text-align: center !important; } .community-page-sponsors section[data-section-id="128495000004963464"] .li-title, .community-page-sponsors section[data-section-id="128495000004963464"] .li-title div, .community-page-sponsors section[data-section-id="128495000004963464"] .li-subtitle, .community-page-sponsors section[data-section-id="128495000004963464"] .li-subtitle div { margin: 0 !important; padding: 0 !important; font-size: 11px !important; line-height: 1.2 !important; color: #444444 !important; text-align: center !important; } body.community-page-sponsors { padding-bottom: 90px !important; } } /* ========================================================= 7 INCH TABLET 600px to 767px ========================================================= */ @media only screen and (min-width: 600px) and (max-width: 767px) { .community-page-sponsors section[data-section-id="128495000004963464"] .foreground-layer, .community-page-sponsors section[data-section-id="128495000004963464"] .bs-container { padding: 8px 10px !important; } .community-page-sponsors section[data-section-id="128495000004963464"] .li-item { min-height: 54px !important; } .community-page-sponsors section[data-section-id="128495000004963464"] .fluid-image, .community-page-sponsors section[data-section-id="128495000004963464"] .media-image img { width: 120px !important; height: 42px !important; } .community-page-sponsors section[data-section-id="128495000004963464"] .li-title, .community-page-sponsors section[data-section-id="128495000004963464"] .li-title div, .community-page-sponsors section[data-section-id="128495000004963464"] .li-subtitle, .community-page-sponsors section[data-section-id="128495000004963464"] .li-subtitle div { font-size: 10px !important; } body.community-page-sponsors { padding-bottom: 82px !important; } } /* ========================================================= 10 INCH TABLET / NORMAL iPAD 768px to 1024px ========================================================= */ @media only screen and (min-width: 768px) and (max-width: 1024px) { .community-page-sponsors section[data-section-id="128495000004963464"] .foreground-layer, .community-page-sponsors section[data-section-id="128495000004963464"] .bs-container { padding: 10px 16px !important; } .community-page-sponsors section[data-section-id="128495000004963464"] .fluid-image, .community-page-sponsors section[data-section-id="128495000004963464"] .media-image img { width: 150px !important; height: 50px !important; } body.community-page-sponsors { padding-bottom: 90px !important; } } /* ========================================================= iPAD PRO / LARGE TABLET 1025px to 1366px ========================================================= */ @media only screen and (min-width: 1025px) and (max-width: 1366px) { .community-page-sponsors section[data-section-id="128495000004963464"] .foreground-layer, .community-page-sponsors section[data-section-id="128495000004963464"] .bs-container { padding: 11px 20px !important; } .community-page-sponsors section[data-section-id="128495000004963464"] .li-item { min-height: 62px !important; } .community-page-sponsors section[data-section-id="128495000004963464"] .fluid-image, .community-page-sponsors section[data-section-id="128495000004963464"] .media-image img { width: 155px !important; height: 52px !important; } body.community-page-sponsors { padding-bottom: 95px !important; } } /* ========================================================= 13 INCH TABLET 1367px to 1536px ========================================================= */ @media only screen and (min-width: 1367px) and (max-width: 1536px) { .community-page-sponsors section[data-section-id="128495000004963464"] .foreground-layer, .community-page-sponsors section[data-section-id="128495000004963464"] .bs-container { padding: 12px 24px !important; } .community-page-sponsors section[data-section-id="128495000004963464"] .li-item { min-height: 64px !important; } .community-page-sponsors section[data-section-id="128495000004963464"] .fluid-image, .community-page-sponsors section[data-section-id="128495000004963464"] .media-image img { width: 160px !important; height: 54px !important; } .community-page-sponsors section[data-section-id="128495000004963464"] .li-title, .community-page-sponsors section[data-section-id="128495000004963464"] .li-title div, .community-page-sponsors section[data-section-id="128495000004963464"] .li-subtitle, .community-page-sponsors section[data-section-id="128495000004963464"] .li-subtitle div { font-size: 12px !important; } body.community-page-sponsors { padding-bottom: 100px !important; } } /* ========================================================= 8. TAP HIGHLIGHT REMOVAL ========================================================= */ .community-page-sponsors section[data-section-id="128495000004963464"] .li-item, .community-page-sponsors section[data-section-id="128495000004963464"] .list-image, .community-page-sponsors section[data-section-id="128495000004963464"] .bs-media-wgt, .community-page-sponsors section[data-section-id="128495000004963464"] .media-element, .community-page-sponsors section[data-section-id="128495000004963464"] .media-image, .community-page-sponsors section[data-section-id="128495000004963464"] .media-image.pointer, .community-page-sponsors section[data-section-id="128495000004963464"] .fluid-image, .community-page-sponsors section[data-section-id="128495000004963464"] img { -webkit-tap-highlight-color: transparent !important; } .community-page-sponsors section[data-section-id="128495000004963464"] .li-item:focus, .community-page-sponsors section[data-section-id="128495000004963464"] .list-image:focus, .community-page-sponsors section[data-section-id="128495000004963464"] .media-image:focus, .community-page-sponsors section[data-section-id="128495000004963464"] .fluid-image:focus, .community-page-sponsors section[data-section-id="128495000004963464"] img:focus { outline: none !important; } /* ========================================================= COMMUNITY PAGE exhibitors ========================================================= */ /* ========================================================= 6. BOTTOM FIXED MENU - 128495000004963554 ========================================================= */ @media only screen and (max-width: 767px) { .community-page-exhibitors section[data-section-id="128495000004963554"] { position: fixed; bottom: 0; left: 0; width: 100%; z-index: 9999; margin: 0 !important; padding: 0 !important; background: transparent !important; } .community-page-exhibitors section[data-section-id="128495000004963554"] .background-layer { background: transparent !important; } .community-page-exhibitors section[data-section-id="128495000004963554"] .foreground-layer, .community-page-exhibitors section[data-section-id="128495000004963554"] .bs-container { background: #fff !important; box-shadow: none !important; border-top: 1px solid #f3f0f0 !important; padding: 15px 12px !important; margin: 0 !important; } .community-page-exhibitors section[data-section-id="128495000004963554"] .grb-list { display: grid !important; grid-template-columns: repeat(3, minmax(0, 1fr)) !important; gap: 0 !important; width: 100% !important; grid-auto-flow: unset !important; align-items: start !important; } .community-page-exhibitors section[data-section-id="128495000004963554"] .li-item { width: 100% !important; max-width: 100% !important; display: flex !important; flex-direction: column !important; justify-content: flex-start !important; align-items: center !important; margin: 0 !important; padding: 0 !important; gap: 0 !important; } .community-page-exhibitors section[data-section-id="128495000004963554"] .list-image, .community-page-exhibitors section[data-section-id="128495000004963554"] .bs-media-wgt, .community-page-exhibitors section[data-section-id="128495000004963554"] .media-element, .community-page-exhibitors section[data-section-id="128495000004963554"] .media-image { width: auto !important; height: auto !important; display: flex !important; justify-content: center !important; align-items: center !important; margin: 0 !important; padding: 0 !important; } .community-page-exhibitors section[data-section-id="128495000004963554"] .fluid-image, .community-page-exhibitors section[data-section-id="128495000004963554"] .media-image img { width: 22px !important; height: 22px !important; object-fit: contain !important; display: block !important; margin: 0 auto !important; } .community-page-exhibitors section[data-section-id="128495000004963554"] .li-content { display: block !important; margin: 0 !important; padding: 0 !important; text-align: center !important; } .community-page-exhibitors section[data-section-id="128495000004963554"] .li-title, .community-page-exhibitors section[data-section-id="128495000004963554"] .li-title div, .community-page-exhibitors section[data-section-id="128495000004963554"] .li-subtitle, .community-page-exhibitors section[data-section-id="128495000004963554"] .li-subtitle div { margin: 0 !important; padding: 0 !important; line-height: 1.2 !important; font-size: 10px !important; color: #444 !important; text-align: center !important; } } /* ========================================================= 6. BOTTOM FIXED MENU - TABLET FINAL FIX 128495000003042912 ========================================================= */ /* ========================================================= 6. BOTTOM FIXED MENU - TABLET FINAL FIX Exhibitors Page 7 inch / 10 inch / iPad / iPad Pro / 13 inch tablet Section ID: 128495000004963554 ========================================================= */ @media only screen and (min-width: 600px) and (max-width: 1536px) { .community-page-exhibitors section[data-section-id="128495000004963554"] { position: fixed !important; left: 0 !important; right: 0 !important; bottom: 0 !important; top: auto !important; width: 100% !important; z-index: 99999 !important; margin: 0 !important; padding: 0 !important; transform: none !important; background: transparent !important; } .community-page-exhibitors section[data-section-id="128495000004963554"] .background-layer { display: none !important; } .community-page-exhibitors section[data-section-id="128495000004963554"] .foreground-layer, .community-page-exhibitors section[data-section-id="128495000004963554"] .bs-container { position: relative !important; left: auto !important; right: auto !important; bottom: auto !important; width: 100% !important; max-width: 100% !important; margin: 0 !important; padding: 10px 16px !important; min-height: auto !important; height: auto !important; background: #ffffff !important; border-top: 1px solid #f3f0f0 !important; box-shadow: none !important; transform: none !important; } .community-page-exhibitors section[data-section-id="128495000004963554"] .grb-list { display: grid !important; grid-template-columns: repeat(3, 1fr) !important; justify-items: center !important; align-items: center !important; width: 100% !important; gap: 0 !important; margin: 0 !important; padding: 0 !important; } .community-page-exhibitors section[data-section-id="128495000004963554"] .li-item { display: flex !important; flex-direction: column !important; justify-content: center !important; align-items: center !important; width: 100% !important; min-height: 58px !important; grid-gap: 0 !important; margin: 0 !important; padding: 0 !important; text-align: center !important; } .community-page-exhibitors section[data-section-id="128495000004963554"] .list-image, .community-page-exhibitors section[data-section-id="128495000004963554"] .bs-media-wgt, .community-page-exhibitors section[data-section-id="128495000004963554"] .media-element, .community-page-exhibitors section[data-section-id="128495000004963554"] .media-image { display: flex !important; justify-content: center !important; align-items: center !important; width: auto !important; height: auto !important; margin: 0 0 4px !important; padding: 0 !important; } .community-page-exhibitors section[data-section-id="128495000004963554"] .fluid-image, .community-page-exhibitors section[data-section-id="128495000004963554"] .media-image img { width: 150px !important; height: 50px !important; display: block !important; object-fit: contain !important; margin: 0 auto !important; } .community-page-exhibitors section[data-section-id="128495000004963554"] .li-content { display: flex !important; flex-direction: column !important; justify-content: center !important; align-items: center !important; margin: 0 !important; padding: 0 !important; text-align: center !important; } .community-page-exhibitors section[data-section-id="128495000004963554"] .li-title, .community-page-exhibitors section[data-section-id="128495000004963554"] .li-title div, .community-page-exhibitors section[data-section-id="128495000004963554"] .li-subtitle, .community-page-exhibitors section[data-section-id="128495000004963554"] .li-subtitle div { margin: 0 !important; padding: 0 !important; font-size: 11px !important; line-height: 1.2 !important; color: #444444 !important; text-align: center !important; } body.community-page-exhibitors { padding-bottom: 90px !important; } } /* ========================================================= 7 INCH TABLET 600px to 767px ========================================================= */ @media only screen and (min-width: 600px) and (max-width: 767px) { .community-page-exhibitors section[data-section-id="128495000004963554"] .foreground-layer, .community-page-exhibitors section[data-section-id="128495000004963554"] .bs-container { padding: 8px 10px !important; } .community-page-exhibitors section[data-section-id="128495000004963554"] .li-item { min-height: 54px !important; } .community-page-exhibitors section[data-section-id="128495000004963554"] .fluid-image, .community-page-exhibitors section[data-section-id="128495000004963554"] .media-image img { width: 120px !important; height: 42px !important; } .community-page-exhibitors section[data-section-id="128495000004963554"] .li-title, .community-page-exhibitors section[data-section-id="128495000004963554"] .li-title div, .community-page-exhibitors section[data-section-id="128495000004963554"] .li-subtitle, .community-page-exhibitors section[data-section-id="128495000004963554"] .li-subtitle div { font-size: 10px !important; } body.community-page-exhibitors { padding-bottom: 82px !important; } } /* ========================================================= 10 INCH TABLET / NORMAL iPAD 768px to 1024px ========================================================= */ @media only screen and (min-width: 768px) and (max-width: 1024px) { .community-page-exhibitors section[data-section-id="128495000004963554"] .foreground-layer, .community-page-exhibitors section[data-section-id="128495000004963554"] .bs-container { padding: 10px 16px !important; } .community-page-exhibitors section[data-section-id="128495000004963554"] .fluid-image, .community-page-exhibitors section[data-section-id="128495000004963554"] .media-image img { width: 150px !important; height: 50px !important; } body.community-page-exhibitors { padding-bottom: 90px !important; } } /* ========================================================= iPAD PRO / LARGE TABLET 1025px to 1366px ========================================================= */ @media only screen and (min-width: 1025px) and (max-width: 1366px) { .community-page-exhibitors section[data-section-id="128495000004963554"] .foreground-layer, .community-page-exhibitors section[data-section-id="128495000004963554"] .bs-container { padding: 11px 20px !important; } .community-page-exhibitors section[data-section-id="128495000004963554"] .li-item { min-height: 62px !important; } .community-page-exhibitors section[data-section-id="128495000004963554"] .fluid-image, .community-page-exhibitors section[data-section-id="128495000004963554"] .media-image img { width: 155px !important; height: 52px !important; } body.community-page-exhibitors { padding-bottom: 95px !important; } } /* ========================================================= 13 INCH TABLET 1367px to 1536px ========================================================= */ @media only screen and (min-width: 1367px) and (max-width: 1536px) { .community-page-exhibitors section[data-section-id="128495000004963554"] .foreground-layer, .community-page-exhibitors section[data-section-id="128495000004963554"] .bs-container { padding: 12px 24px !important; } .community-page-exhibitors section[data-section-id="128495000004963554"] .li-item { min-height: 64px !important; } .community-page-exhibitors section[data-section-id="128495000004963554"] .fluid-image, .community-page-exhibitors section[data-section-id="128495000004963554"] .media-image img { width: 160px !important; height: 54px !important; } .community-page-exhibitors section[data-section-id="128495000004963554"] .li-title, .community-page-exhibitors section[data-section-id="128495000004963554"] .li-title div, .community-page-exhibitors section[data-section-id="128495000004963554"] .li-subtitle, .community-page-exhibitors section[data-section-id="128495000004963554"] .li-subtitle div { font-size: 12px !important; } body.community-page-exhibitors { padding-bottom: 100px !important; } } /* ========================================================= 8. TAP HIGHLIGHT REMOVAL ========================================================= */ .community-page-exhibitors section[data-section-id="128495000004963554"] .li-item, .community-page-exhibitors section[data-section-id="128495000004963554"] .list-image, .community-page-exhibitors section[data-section-id="128495000004963554"] .bs-media-wgt, .community-page-exhibitors section[data-section-id="128495000004963554"] .media-element, .community-page-exhibitors section[data-section-id="128495000004963554"] .media-image, .community-page-exhibitors section[data-section-id="128495000004963554"] .media-image.pointer, .community-page-exhibitors section[data-section-id="128495000004963554"] .fluid-image, .community-page-exhibitors section[data-section-id="128495000004963554"] img { -webkit-tap-highlight-color: transparent !important; } .community-page-exhibitors section[data-section-id="128495000004963554"] .li-item:focus, .community-page-exhibitors section[data-section-id="128495000004963554"] .list-image:focus, .community-page-exhibitors section[data-section-id="128495000004963554"] .media-image:focus, .community-page-exhibitors section[data-section-id="128495000004963554"] .fluid-image:focus, .community-page-exhibitors section[data-section-id="128495000004963554"] img:focus { outline: none !important; } /* ========================================================= COMMUNITY PAGE tickets ========================================================= */ /* ========================================================= 6. BOTTOM FIXED MENU - 128495000004963631 ========================================================= */ @media only screen and (max-width: 767px) { .community-page-tickets section[data-section-id="128495000004963631"] { position: fixed; bottom: 0; left: 0; width: 100%; z-index: 9999; margin: 0 !important; padding: 0 !important; background: transparent !important; } .community-page-tickets section[data-section-id="128495000004963631"] .background-layer { background: transparent !important; } .community-page-tickets section[data-section-id="128495000004963631"] .foreground-layer, .community-page-tickets section[data-section-id="128495000004963631"] .bs-container { background: #fff !important; box-shadow: none !important; border-top: 1px solid #f3f0f0 !important; padding: 15px 12px !important; margin: 0 !important; } .community-page-tickets section[data-section-id="128495000004963631"] .grb-list { display: grid !important; grid-template-columns: repeat(3, minmax(0, 1fr)) !important; gap: 0 !important; width: 100% !important; grid-auto-flow: unset !important; align-items: start !important; } .community-page-tickets section[data-section-id="128495000004963631"] .li-item { width: 100% !important; max-width: 100% !important; display: flex !important; flex-direction: column !important; justify-content: flex-start !important; align-items: center !important; margin: 0 !important; padding: 0 !important; gap: 0 !important; } .community-page-tickets section[data-section-id="128495000004963631"] .list-image, .community-page-tickets section[data-section-id="128495000004963631"] .bs-media-wgt, .community-page-tickets section[data-section-id="128495000004963631"] .media-element, .community-page-tickets section[data-section-id="128495000004963631"] .media-image { width: auto !important; height: auto !important; display: flex !important; justify-content: center !important; align-items: center !important; margin: 0 !important; padding: 0 !important; } .community-page-tickets section[data-section-id="128495000004963631"] .fluid-image, .community-page-tickets section[data-section-id="128495000004963631"] .media-image img { width: 22px !important; height: 22px !important; object-fit: contain !important; display: block !important; margin: 0 auto !important; } .community-page-tickets section[data-section-id="128495000004963631"] .li-content { display: block !important; margin: 0 !important; padding: 0 !important; text-align: center !important; } .community-page-tickets section[data-section-id="128495000004963631"] .li-title, .community-page-tickets section[data-section-id="128495000004963631"] .li-title div, .community-page-tickets section[data-section-id="128495000004963631"] .li-subtitle, .community-page-tickets section[data-section-id="128495000004963631"] .li-subtitle div { margin: 0 !important; padding: 0 !important; line-height: 1.2 !important; font-size: 10px !important; color: #444 !important; text-align: center !important; } } /* ========================================================= 6. BOTTOM FIXED MENU - TABLET FINAL FIX Tickets Page 7 inch / 10 inch / iPad / iPad Pro / 13 inch tablet Section ID: 128495000004963631 ========================================================= */ @media only screen and (min-width: 600px) and (max-width: 1536px) { .community-page-tickets section[data-section-id="128495000004963631"] { position: fixed !important; left: 0 !important; right: 0 !important; bottom: 0 !important; top: auto !important; width: 100% !important; z-index: 99999 !important; margin: 0 !important; padding: 0 !important; transform: none !important; background: transparent !important; } .community-page-tickets section[data-section-id="128495000004963631"] .background-layer { display: none !important; } .community-page-tickets section[data-section-id="128495000004963631"] .foreground-layer, .community-page-tickets section[data-section-id="128495000004963631"] .bs-container { position: relative !important; left: auto !important; right: auto !important; bottom: auto !important; width: 100% !important; max-width: 100% !important; margin: 0 !important; padding: 10px 16px !important; min-height: auto !important; height: auto !important; background: #ffffff !important; border-top: 1px solid #f3f0f0 !important; box-shadow: none !important; transform: none !important; } .community-page-tickets section[data-section-id="128495000004963631"] .grb-list { display: grid !important; grid-template-columns: repeat(3, 1fr) !important; justify-items: center !important; align-items: center !important; width: 100% !important; gap: 0 !important; margin: 0 !important; padding: 0 !important; } .community-page-tickets section[data-section-id="128495000004963631"] .li-item { display: flex !important; flex-direction: column !important; justify-content: center !important; align-items: center !important; width: 100% !important; min-height: 58px !important; grid-gap: 0 !important; margin: 0 !important; padding: 0 !important; text-align: center !important; } .community-page-tickets section[data-section-id="128495000004963631"] .list-image, .community-page-tickets section[data-section-id="128495000004963631"] .bs-media-wgt, .community-page-tickets section[data-section-id="128495000004963631"] .media-element, .community-page-tickets section[data-section-id="128495000004963631"] .media-image { display: flex !important; justify-content: center !important; align-items: center !important; width: auto !important; height: auto !important; margin: 0 0 4px !important; padding: 0 !important; } .community-page-tickets section[data-section-id="128495000004963631"] .fluid-image, .community-page-tickets section[data-section-id="128495000004963631"] .media-image img { width: 150px !important; height: 50px !important; display: block !important; object-fit: contain !important; margin: 0 auto !important; } .community-page-tickets section[data-section-id="128495000004963631"] .li-content { display: flex !important; flex-direction: column !important; justify-content: center !important; align-items: center !important; margin: 0 !important; padding: 0 !important; text-align: center !important; } .community-page-tickets section[data-section-id="128495000004963631"] .li-title, .community-page-tickets section[data-section-id="128495000004963631"] .li-title div, .community-page-tickets section[data-section-id="128495000004963631"] .li-subtitle, .community-page-tickets section[data-section-id="128495000004963631"] .li-subtitle div { margin: 0 !important; padding: 0 !important; font-size: 11px !important; line-height: 1.2 !important; color: #444444 !important; text-align: center !important; } body.community-page-tickets { padding-bottom: 90px !important; } } /* ========================================================= 7 INCH TABLET 600px to 767px ========================================================= */ @media only screen and (min-width: 600px) and (max-width: 767px) { .community-page-tickets section[data-section-id="128495000004963631"] .foreground-layer, .community-page-tickets section[data-section-id="128495000004963631"] .bs-container { padding: 8px 10px !important; } .community-page-tickets section[data-section-id="128495000004963631"] .li-item { min-height: 54px !important; } .community-page-tickets section[data-section-id="128495000004963631"] .fluid-image, .community-page-tickets section[data-section-id="128495000004963631"] .media-image img { width: 120px !important; height: 42px !important; } .community-page-tickets section[data-section-id="128495000004963631"] .li-title, .community-page-tickets section[data-section-id="128495000004963631"] .li-title div, .community-page-tickets section[data-section-id="128495000004963631"] .li-subtitle, .community-page-tickets section[data-section-id="128495000004963631"] .li-subtitle div { font-size: 10px !important; } body.community-page-tickets { padding-bottom: 82px !important; } } /* ========================================================= 10 INCH TABLET / NORMAL iPAD 768px to 1024px ========================================================= */ @media only screen and (min-width: 768px) and (max-width: 1024px) { .community-page-tickets section[data-section-id="128495000004963631"] .foreground-layer, .community-page-tickets section[data-section-id="128495000004963631"] .bs-container { padding: 10px 16px !important; } .community-page-tickets section[data-section-id="128495000004963631"] .fluid-image, .community-page-tickets section[data-section-id="128495000004963631"] .media-image img { width: 150px !important; height: 50px !important; } body.community-page-tickets { padding-bottom: 90px !important; } } /* ========================================================= iPAD PRO / LARGE TABLET 1025px to 1366px ========================================================= */ @media only screen and (min-width: 1025px) and (max-width: 1366px) { .community-page-tickets section[data-section-id="128495000004963631"] .foreground-layer, .community-page-tickets section[data-section-id="128495000004963631"] .bs-container { padding: 11px 20px !important; } .community-page-tickets section[data-section-id="128495000004963631"] .li-item { min-height: 62px !important; } .community-page-tickets section[data-section-id="128495000004963631"] .fluid-image, .community-page-tickets section[data-section-id="128495000004963631"] .media-image img { width: 155px !important; height: 52px !important; } body.community-page-tickets { padding-bottom: 95px !important; } } /* ========================================================= 13 INCH TABLET 1367px to 1536px ========================================================= */ @media only screen and (min-width: 1367px) and (max-width: 1536px) { .community-page-tickets section[data-section-id="128495000004963631"] .foreground-layer, .community-page-tickets section[data-section-id="128495000004963631"] .bs-container { padding: 12px 24px !important; } .community-page-tickets section[data-section-id="128495000004963631"] .li-item { min-height: 64px !important; } .community-page-tickets section[data-section-id="128495000004963631"] .fluid-image, .community-page-tickets section[data-section-id="128495000004963631"] .media-image img { width: 160px !important; height: 54px !important; } .community-page-tickets section[data-section-id="128495000004963631"] .li-title, .community-page-tickets section[data-section-id="128495000004963631"] .li-title div, .community-page-tickets section[data-section-id="128495000004963631"] .li-subtitle, .community-page-tickets section[data-section-id="128495000004963631"] .li-subtitle div { font-size: 12px !important; } body.community-page-tickets { padding-bottom: 100px !important; } } @media screen and (max-width: 767px) { .community-page-tickets section[data-section-id="128495000003041415"] { border-radius: 10px !important; overflow: hidden !important; } .community-page-tickets section[data-section-id="128495000003041415"] .background-layer , .community-page-tickets section[data-section-id="128495000003041415"] .banner-widget, .community-page-tickets section[data-section-id="128495000003041415"] .banner-widget { border-radius: 10px !important; overflow: hidden !important; min-height: 100px; } .community-page-tickets section[data-section-id="128495000003041415"] .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="128495000003041415"] { border-radius: 10px !important; overflow: hidden !important; } .community-page-tickets section[data-section-id="128495000003041415"] .background-layer, .community-page-tickets section[data-section-id="128495000003041415"] .banner-widget, .community-page-tickets section[data-section-id="128495000003041415"] .banner-widget { border-radius: 10px !important; overflow: hidden !important; min-height: 100px; } .community-page-tickets section[data-section-id="128495000003041415"] .owl-stage { margin-top: 0 !important; border-radius: 10px !important; } } @media only screen and (max-width: 767px) { .community-page-tickets div[data-element-id="128495000003041320"] .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="128495000003041320"] .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="128495000003041320"] .bs-ticketList-wgt .li-content .ticket-card-header.st1 { height: 75px !important; border-radius: 10px 10px 0 0; } } @media only screen and (max-width: 767px) { .community-page-tickets div[data-element-id="128495000003041320"] .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="128495000003041313"] > .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="128495000003041320"] .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; } /* ========================================================= 8. TAP HIGHLIGHT REMOVAL ========================================================= */ .community-page-tickets section[data-section-id="128495000004963631"] .li-item, .community-page-tickets section[data-section-id="128495000004963631"] .list-image, .community-page-tickets section[data-section-id="128495000004963631"] .bs-media-wgt, .community-page-tickets section[data-section-id="128495000004963631"] .media-element, .community-page-tickets section[data-section-id="128495000004963631"] .media-image, .community-page-tickets section[data-section-id="128495000004963631"] .media-image.pointer, .community-page-tickets section[data-section-id="128495000004963631"] .fluid-image, .community-page-tickets section[data-section-id="128495000004963631"] img { -webkit-tap-highlight-color: transparent !important; } .community-page-tickets section[data-section-id="128495000004963631"] .li-item:focus, .community-page-tickets section[data-section-id="128495000004963631"] .list-image:focus, .community-page-tickets section[data-section-id="128495000004963631"] .media-image:focus, .community-page-tickets section[data-section-id="128495000004963631"] .fluid-image:focus, .community-page-tickets section[data-section-id="128495000004963631"] img:focus { outline: none !important; } /* ========================================================= COMMUNITY PAGE VENUE ========================================================= */ /* ========================================================= 6. BOTTOM FIXED MENU - 128495000004967013 ========================================================= */ @media only screen and (max-width: 767px) { .community-page-venue section[data-section-id="128495000004967013"] { position: fixed; bottom: 0; left: 0; width: 100%; z-index: 9999; margin: 0 !important; padding: 0 !important; background: transparent !important; } .community-page-venue section[data-section-id="128495000004967013"] .background-layer { background: transparent !important; } .community-page-venue section[data-section-id="128495000004967013"] .foreground-layer, .community-page-venue section[data-section-id="128495000004967013"] .bs-container { background: #fff !important; box-shadow: none !important; border-top: 1px solid #f3f0f0 !important; padding: 15px 12px !important; margin: 0 !important; } .community-page-venue section[data-section-id="128495000004967013"] .grb-list { display: grid !important; grid-template-columns: repeat(3, minmax(0, 1fr)) !important; gap: 0 !important; width: 100% !important; grid-auto-flow: unset !important; align-items: start !important; } .community-page-venue section[data-section-id="128495000004967013"] .li-item { width: 100% !important; max-width: 100% !important; display: flex !important; flex-direction: column !important; justify-content: flex-start !important; align-items: center !important; margin: 0 !important; padding: 0 !important; gap: 0 !important; } .community-page-venue section[data-section-id="128495000004967013"] .list-image, .community-page-venue section[data-section-id="128495000004967013"] .bs-media-wgt, .community-page-venue section[data-section-id="128495000004967013"] .media-element, .community-page-venue section[data-section-id="128495000004967013"] .media-image { width: auto !important; height: auto !important; display: flex !important; justify-content: center !important; align-items: center !important; margin: 0 !important; padding: 0 !important; } .community-page-venue section[data-section-id="128495000004967013"] .fluid-image, .community-page-venue section[data-section-id="128495000004967013"] .media-image img { width: 22px !important; height: 22px !important; object-fit: contain !important; display: block !important; margin: 0 auto !important; } .community-page-venue section[data-section-id="128495000004967013"] .li-content { display: block !important; margin: 0 !important; padding: 0 !important; text-align: center !important; } .community-page-venue section[data-section-id="128495000004967013"] .li-title, .community-page-venue section[data-section-id="128495000004967013"] .li-title div, .community-page-venue section[data-section-id="128495000004967013"] .li-subtitle, .community-page-venue section[data-section-id="128495000004967013"] .li-subtitle div { margin: 0 !important; padding: 0 !important; line-height: 1.2 !important; font-size: 10px !important; color: #444 !important; text-align: center !important; } } } .community-page-venue section[data-section-id="128495000003041969"] .background-layer , .community-page-venue section[data-section-id="128495000003041969"] .banner-widget, .community-page-venue section[data-section-id="128495000003041969"] .banner-widget { border-radius: 10px !important; overflow: hidden !important; min-height: 100px; } /* ========================================================= 6. BOTTOM FIXED MENU - TABLET FINAL FIX 128495000004967013 ========================================================= */ @media only screen and (min-width: 768px) and (max-width: 1024px) { .community-page-venue section[data-section-id="128495000004967013"] { position: fixed !important; left: 0 !important; right: 0 !important; bottom: 0 !important; top: auto !important; width: 100% !important; z-index: 99999 !important; margin: 0 !important; padding: 0 !important; transform: none !important; background: transparent !important; } .community-page-venue section[data-section-id="128495000004967013"] .background-layer { display: none !important; } .community-page-venue section[data-section-id="128495000004967013"] .foreground-layer, .community-page-venue section[data-section-id="128495000004967013"] .bs-container { position: relative !important; left: auto !important; right: auto !important; bottom: auto !important; width: 100% !important; max-width: 100% !important; margin: 0 !important; padding: 10px 16px !important; min-height: auto !important; height: auto !important; background: #fff !important; border-top: 1px solid #f3f0f0 !important; box-shadow: none !important; transform: none !important; } .community-page-venue section[data-section-id="128495000004967013"] .grb-list { display: grid !important; grid-template-columns: repeat(3, 1fr) !important; justify-items: center !important; align-items: center !important; width: 100% !important; gap: 0 !important; margin: 0 !important; padding: 0 !important; } .community-page-venue section[data-section-id="128495000004967013"] .li-item { display: flex !important; flex-direction: column !important; justify-content: center !important; align-items: center !important; width: 100% !important; min-height: 58px !important; grid-gap: 0px !important; margin: 0 !important; padding: 0 !important; text-align: center !important; } .community-page-venue section[data-section-id="128495000004967013"] .list-image, .community-page-venue section[data-section-id="128495000004967013"] .bs-media-wgt, .community-page-venue section[data-section-id="128495000004967013"] .media-element, .community-page-venue section[data-section-id="128495000004967013"] .media-image { display: flex !important; justify-content: center !important; align-items: center !important; width: auto !important; height: auto !important; margin: 0 0 4px !important; padding: 0 !important; } .community-page-venue section[data-section-id="128495000004967013"] .fluid-image, .community-page-venue section[data-section-id="128495000004967013"] .media-image img { width: 150px !important; height: 50px !important; display: block !important; object-fit: contain !important; margin: 0 auto !important; } .community-page-venue section[data-section-id="128495000004967013"] .li-content { display: flex !important; flex-direction: column !important; justify-content: center !important; align-items: center !important; margin: 0 !important; padding: 0 !important; text-align: center !important; } .community-page-venue section[data-section-id="128495000004967013"] .li-title, .community-page-venue section[data-section-id="128495000004967013"] .li-title div, .community-page-venue section[data-section-id="128495000004967013"] .li-subtitle, .community-page-venue section[data-section-id="128495000004967013"] .li-subtitle div { margin: 0 !important; padding: 0 !important; font-size: 11px !important; line-height: 1.2 !important; color: #444 !important; text-align: center !important; } body.community-page-venue { padding-bottom: 90px !important; } } /* ========================================================= 8. TAP HIGHLIGHT REMOVAL ========================================================= */ .community-page-venue section[data-section-id="128495000004967013"] .li-item, .community-page-venue section[data-section-id="128495000004967013"] .list-image, .community-page-venue section[data-section-id="128495000004967013"] .bs-media-wgt, .community-page-venue section[data-section-id="128495000004967013"] .media-element, .community-page-venue section[data-section-id="128495000004967013"] .media-image, .community-page-venue section[data-section-id="128495000004967013"] .media-image.pointer, .community-page-venue section[data-section-id="128495000004967013"] .fluid-image, .community-page-venue section[data-section-id="128495000004967013"] img { -webkit-tap-highlight-color: transparent !important; } .community-page-venue section[data-section-id="128495000004967013"] .li-item:focus, .community-page-venue section[data-section-id="128495000004967013"] .list-image:focus, .community-page-venue section[data-section-id="128495000004967013"] .media-image:focus, .community-page-venue section[data-section-id="128495000004967013"] .fluid-image:focus, .community-page-venue section[data-section-id="128495000004967013"] img:focus { outline: none !important; } /* ========================================================= Speaker Filter Section ========================================================= */ /*.speaker-toolbar { margin: 0 0 24px 0; } .speaker-tabs { display: flex; align-items: center; gap: 28px; border-bottom: 1px solid #d9d9d9; margin-bottom: 20px; } .speaker-tab { position: relative; background: none; border: 0; padding: 12px 0 16px; font-size: 18px; font-weight: 500; color: #111111; cursor: pointer; } .speaker-tab.active { color: #0b54a3; } .speaker-tab.active::after { content: ""; position: absolute; left: 0; bottom: -1px; width: 32px; height: 3px; border-radius: 999px; background: #0b54a3; } .speaker-search-row { display: grid; grid-template-columns: 1fr 56px; gap: 12px; margin-bottom: 24px; } .speaker-search-box { display: flex; align-items: center; gap: 10px; height: 56px; padding: 0 18px; border: 1px solid #d9d9d9; border-radius: 999px; background: #ffffff; } .speaker-search-icon { font-size: 28px; line-height: 1; color: #111111; flex: 0 0 auto; } .speaker-search-box input { width: 100%; border: 0; background: transparent; outline: none; font-size: 18px; color: #111111; } .speaker-search-box input::placeholder { color: #666666; } .speaker-filter-btn { height: 56px; width: 56px; border: 1px solid #d9d9d9; border-radius: 50%; background: #ffffff; font-size: 18px; color: #111111; cursor: pointer; } .speaker-toolbar-bottom { display: flex; align-items: center; justify-content: space-between; } .speaker-result-title { margin: 0; font-size: 28px; line-height: 1.2; font-weight: 700; color: #111111; } @media only screen and (max-width: 767px) { .speaker-tabs { gap: 22px; margin-bottom: 16px; } .speaker-tab { font-size: 16px; padding: 10px 0 14px; } .speaker-search-row { grid-template-columns: 1fr 52px; gap: 10px; margin-bottom: 18px; } .speaker-search-box { height: 52px; padding: 0 16px; } .speaker-search-box input { font-size: 16px; } .speaker-filter-btn { width: 52px; height: 52px; font-size: 16px; } .speaker-result-title { font-size: 24px; } } .speaker-tabs { display: flex; align-items: center; gap: 24px; border-bottom: 1px solid #d9d9d9; margin-bottom: 20px; flex-wrap: wrap; } @media only screen and (max-width: 767px) { .speaker-toolbar { position: sticky; top: 70px; z-index: 99; background: #ffffff; padding: 12px 0; } } @media only screen and (min-width: 768px) and (max-width: 1024px) { .speaker-toolbar { position: sticky; top: 70px; z-index: 99; background: #f5f5f5; padding: 12px 0; } } */ /* ========================================================= 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: 999 !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: #0b54a3 !important; color: #0b54a3 !important; background: #f8fbff !important; } .speaker-tab.active { color: #0b54a3 !important; border-color: #0b54a3 !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: #0b54a3 !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: #0b54a3 !important; color: #0b54a3 !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: 80px !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; } } /* ========================================================= Sponsor Filter Section ========================================================= */ /*@media only screen and (max-width: 767px) { .sponsor-toolbar { position: sticky; top: 90px; z-index: 999; background: #ffffff; padding-top: 10px; padding-bottom: 10px; } } @media only screen and (min-width: 768px) and (max-width: 1024px) { .sponsor-toolbar { position: sticky; top: 90px; z-index: 999; background: #ffffff; padding-top: 10px; padding-bottom: 10px; } } @media only screen and (max-width: 767px) { .sponsor-toolbar { margin: 0 0 20px 0 !important; } .sponsor-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; } .sponsor-tabs::-webkit-scrollbar { display: none !important; } .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; } .sponsor-tab.active { color: #0b54a3 !important; border-color: #0b54a3 !important; background: #f7f7ff !important; } .sponsor-tab.active::after { display: none !important; } .sponsor-search-row { display: grid !important; grid-template-columns: 1fr 68px !important; gap: 10px !important; align-items: center !important; margin-bottom: 16px !important; } .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; } .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; height: auto !important; border: 0 !important; outline: none !important; box-shadow: none !important; background: transparent !important; color: #111111 !important; font-size: 14px !important; padding: 0 !important; margin: 0 !important; } .sponsor-search-box input::placeholder { color: #8a8a8a !important; } .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; } .sponsor-toolbar-bottom { display: flex !important; align-items: center !important; justify-content: space-between !important; } .sponsor-result-title { margin: 0 !important; font-size: 22px !important; line-height: 1.2 !important; font-weight: 700 !important; color: #111111 !important; } }*/ /* ========================================================= SPONSOR FILTER SECTION - CLEAN + RESPONSIVE Mobile / 7 inch / 10 inch / iPad / iPad Pro / 13 inch tablet ========================================================= */ /* ------------------------- Sticky Toolbar ------------------------- */ @media only screen and (max-width: 1536px) { .sponsor-toolbar { position: sticky !important; top: 90px !important; z-index: 999 !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: 1536px) { /* 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: #0b54a3 !important; color: #0b54a3 !important; background: #f8fbff !important; } .sponsor-tab.active { color: #0b54a3 !important; border-color: #0b54a3 !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: #0b54a3 !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: #0b54a3 !important; color: #0b54a3 !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 / SMALL TABLET 0px to 767px ========================================================= */ @media only screen and (max-width: 767px) { .sponsor-toolbar { top: 80px !important; padding: 8px 0 10px 0 !important; margin-bottom: 14px !important; } .sponsor-tabs { gap: 8px !important; margin-bottom: 14px !important; } .sponsor-tab { min-height: 38px !important; padding: 0 13px !important; font-size: 13px !important; border-radius: 10px !important; } .sponsor-search-row { grid-template-columns: minmax(0, 1fr) 60px !important; gap: 8px !important; } .sponsor-search-box, .sponsor-filter-btn { height: 44px !important; border-radius: 12px !important; } .sponsor-filter-btn { min-width: 60px !important; font-size: 13px !important; } .sponsor-result-title { font-size: 19px !important; } } /* ========================================================= 10 INCH TABLET / NORMAL iPAD 768px to 1024px ========================================================= */ @media only screen and (min-width: 768px) and (max-width: 1024px) { .sponsor-toolbar { top: 90px !important; } .sponsor-tab { min-height: 42px !important; padding: 0 16px !important; font-size: 14px !important; } .sponsor-result-title { font-size: 22px !important; } } /* ========================================================= iPAD PRO / LARGE TABLET 1025px to 1366px ========================================================= */ @media only screen and (min-width: 1025px) and (max-width: 1366px) { .sponsor-toolbar { top: 95px !important; padding: 12px 0 14px 0 !important; } .sponsor-tabs { gap: 12px !important; } .sponsor-tab { min-height: 44px !important; padding: 0 18px !important; font-size: 15px !important; } .sponsor-search-row { grid-template-columns: minmax(0, 1fr) 76px !important; gap: 12px !important; } .sponsor-search-box, .sponsor-filter-btn { height: 50px !important; } .sponsor-filter-btn { min-width: 76px !important; } .sponsor-result-title { font-size: 24px !important; } } /* ========================================================= 13 INCH TABLET 1367px to 1536px ========================================================= */ @media only screen and (min-width: 1367px) and (max-width: 1536px) { .sponsor-toolbar { top: 100px !important; padding: 14px 0 16px 0 !important; margin-bottom: 22px !important; } .sponsor-tabs { gap: 14px !important; margin-bottom: 18px !important; } .sponsor-tab { min-height: 46px !important; padding: 0 20px !important; font-size: 15px !important; border-radius: 14px !important; } .sponsor-search-row { grid-template-columns: minmax(0, 1fr) 82px !important; gap: 14px !important; margin-bottom: 18px !important; } .sponsor-search-box, .sponsor-filter-btn { height: 52px !important; border-radius: 15px !important; } .sponsor-filter-btn { min-width: 82px !important; font-size: 15px !important; } .sponsor-result-title { font-size: 25px !important; } } /* ------------------------- Extra small mobile ------------------------- */ @media only screen and (max-width: 480px) { .sponsor-toolbar { top: 80px !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; } } /* ========================================================= COMMUNITY PAGE EXHIBITOR DASH BOARD(Custom Page) ========================================================= */ /* ========================================================= 6. BOTTOM FIXED MENU - 128495000004968330 ========================================================= */ @media only screen and (max-width: 767px) { .community-page-customPage section[data-section-id="128495000004968330"] { position: fixed; bottom: 0; left: 0; width: 100%; z-index: 9999; margin: 0 !important; padding: 0 !important; background: transparent !important; } .community-page-customPage section[data-section-id="128495000004968330"] .background-layer { background: transparent !important; } .community-page-customPage section[data-section-id="128495000004968330"] .foreground-layer, .community-page-customPage section[data-section-id="128495000004968330"] .bs-container { background: #fff !important; box-shadow: none !important; border-top: 1px solid #f3f0f0 !important; padding: 15px 12px !important; margin: 0 !important; } .community-page-customPage section[data-section-id="128495000004968330"] .grb-list { display: grid !important; grid-template-columns: repeat(3, minmax(0, 1fr)) !important; gap: 0 !important; width: 100% !important; grid-auto-flow: unset !important; align-items: start !important; } .community-page-customPage section[data-section-id="128495000004968330"] .li-item { width: 100% !important; max-width: 100% !important; display: flex !important; flex-direction: column !important; justify-content: flex-start !important; align-items: center !important; margin: 0 !important; padding: 0 !important; gap: 0 !important; } .community-page-customPage section[data-section-id="128495000004968330"] .list-image, .community-page-customPage section[data-section-id="128495000004968330"] .bs-media-wgt, .community-page-customPage section[data-section-id="128495000004968330"] .media-element, .community-page-customPage section[data-section-id="128495000004968330"] .media-image { width: auto !important; height: auto !important; display: flex !important; justify-content: center !important; align-items: center !important; margin: 0 !important; padding: 0 !important; } .community-page-customPage section[data-section-id="128495000004968330"] .fluid-image, .community-page-customPage section[data-section-id="128495000004968330"] .media-image img { width: 22px !important; height: 22px !important; object-fit: contain !important; display: block !important; margin: 0 auto !important; } .community-page-customPage section[data-section-id="128495000004968330"] .li-content { display: block !important; margin: 0 !important; padding: 0 !important; text-align: center !important; } .community-page-customPage section[data-section-id="128495000004968330"] .li-title, .community-page-customPage section[data-section-id="128495000004968330"] .li-title div, .community-page-customPage section[data-section-id="128495000004968330"] .li-subtitle, .community-page-customPage section[data-section-id="128495000004968330"] .li-subtitle div { margin: 0 !important; padding: 0 !important; line-height: 1.2 !important; font-size: 10px !important; color: #444 !important; text-align: center !important; } } /* ========================================================= 6. BOTTOM FIXED MENU - TABLET FINAL FIX Custom Page 7 inch / 10 inch / iPad / iPad Pro / 13 inch tablet Section ID: 128495000004968330 ========================================================= */ @media only screen and (min-width: 600px) and (max-width: 1536px) { .community-page-customPage section[data-section-id="128495000004968330"] { position: fixed !important; left: 0 !important; right: 0 !important; bottom: 0 !important; top: auto !important; width: 100% !important; z-index: 99999 !important; margin: 0 !important; padding: 0 !important; transform: none !important; background: transparent !important; } .community-page-customPage section[data-section-id="128495000004968330"] .background-layer { display: none !important; } .community-page-customPage section[data-section-id="128495000004968330"] .foreground-layer, .community-page-customPage section[data-section-id="128495000004968330"] .bs-container { position: relative !important; left: auto !important; right: auto !important; bottom: auto !important; width: 100% !important; max-width: 100% !important; margin: 0 !important; padding: 10px 16px !important; min-height: auto !important; height: auto !important; background: #ffffff !important; border-top: 1px solid #f3f0f0 !important; box-shadow: none !important; transform: none !important; } .community-page-customPage section[data-section-id="128495000004968330"] .grb-list { display: grid !important; grid-template-columns: repeat(3, 1fr) !important; justify-items: center !important; align-items: center !important; width: 100% !important; gap: 0 !important; margin: 0 !important; padding: 0 !important; } .community-page-customPage section[data-section-id="128495000004968330"] .li-item { display: flex !important; flex-direction: column !important; justify-content: center !important; align-items: center !important; width: 100% !important; min-height: 58px !important; grid-gap: 0 !important; margin: 0 !important; padding: 0 !important; text-align: center !important; } .community-page-customPage section[data-section-id="128495000004968330"] .list-image, .community-page-customPage section[data-section-id="128495000004968330"] .bs-media-wgt, .community-page-customPage section[data-section-id="128495000004968330"] .media-element, .community-page-customPage section[data-section-id="128495000004968330"] .media-image { display: flex !important; justify-content: center !important; align-items: center !important; width: auto !important; height: auto !important; margin: 0 0 4px !important; padding: 0 !important; } .community-page-customPage section[data-section-id="128495000004968330"] .fluid-image, .community-page-customPage section[data-section-id="128495000004968330"] .media-image img { width: 150px !important; height: 50px !important; display: block !important; object-fit: contain !important; margin: 0 auto !important; } .community-page-customPage section[data-section-id="128495000004968330"] .li-content { display: flex !important; flex-direction: column !important; justify-content: center !important; align-items: center !important; margin: 0 !important; padding: 0 !important; text-align: center !important; } .community-page-customPage section[data-section-id="128495000004968330"] .li-title, .community-page-customPage section[data-section-id="128495000004968330"] .li-title div, .community-page-customPage section[data-section-id="128495000004968330"] .li-subtitle, .community-page-customPage section[data-section-id="128495000004968330"] .li-subtitle div { margin: 0 !important; padding: 0 !important; font-size: 11px !important; line-height: 1.2 !important; color: #444444 !important; text-align: center !important; } body.community-page-customPage { padding-bottom: 90px !important; } } /* ========================================================= 7 INCH TABLET 600px to 767px ========================================================= */ @media only screen and (min-width: 600px) and (max-width: 767px) { .community-page-customPage section[data-section-id="128495000004968330"] .foreground-layer, .community-page-customPage section[data-section-id="128495000004968330"] .bs-container { padding: 8px 10px !important; } .community-page-customPage section[data-section-id="128495000004968330"] .li-item { min-height: 54px !important; } .community-page-customPage section[data-section-id="128495000004968330"] .fluid-image, .community-page-customPage section[data-section-id="128495000004968330"] .media-image img { width: 120px !important; height: 42px !important; } .community-page-customPage section[data-section-id="128495000004968330"] .li-title, .community-page-customPage section[data-section-id="128495000004968330"] .li-title div, .community-page-customPage section[data-section-id="128495000004968330"] .li-subtitle, .community-page-customPage section[data-section-id="128495000004968330"] .li-subtitle div { font-size: 10px !important; } body.community-page-customPage { padding-bottom: 82px !important; } } /* ========================================================= 10 INCH TABLET / NORMAL iPAD 768px to 1024px ========================================================= */ @media only screen and (min-width: 768px) and (max-width: 1024px) { .community-page-customPage section[data-section-id="128495000004968330"] .foreground-layer, .community-page-customPage section[data-section-id="128495000004968330"] .bs-container { padding: 10px 16px !important; } .community-page-customPage section[data-section-id="128495000004968330"] .fluid-image, .community-page-customPage section[data-section-id="128495000004968330"] .media-image img { width: 150px !important; height: 50px !important; } body.community-page-customPage { padding-bottom: 90px !important; } } /* ========================================================= iPAD PRO / LARGE TABLET 1025px to 1366px ========================================================= */ @media only screen and (min-width: 1025px) and (max-width: 1366px) { .community-page-customPage section[data-section-id="128495000004968330"] .foreground-layer, .community-page-customPage section[data-section-id="128495000004968330"] .bs-container { padding: 11px 20px !important; } .community-page-customPage section[data-section-id="128495000004968330"] .li-item { min-height: 62px !important; } .community-page-customPage section[data-section-id="128495000004968330"] .fluid-image, .community-page-customPage section[data-section-id="128495000004968330"] .media-image img { width: 155px !important; height: 52px !important; } body.community-page-customPage { padding-bottom: 95px !important; } } /* ========================================================= 13 INCH TABLET 1367px to 1536px ========================================================= */ @media only screen and (min-width: 1367px) and (max-width: 1536px) { .community-page-customPage section[data-section-id="128495000004968330"] .foreground-layer, .community-page-customPage section[data-section-id="128495000004968330"] .bs-container { padding: 12px 24px !important; } .community-page-customPage section[data-section-id="128495000004968330"] .li-item { min-height: 64px !important; } .community-page-customPage section[data-section-id="128495000004968330"] .fluid-image, .community-page-customPage section[data-section-id="128495000004968330"] .media-image img { width: 160px !important; height: 54px !important; } .community-page-customPage section[data-section-id="128495000004968330"] .li-title, .community-page-customPage section[data-section-id="128495000004968330"] .li-title div, .community-page-customPage section[data-section-id="128495000004968330"] .li-subtitle, .community-page-customPage section[data-section-id="128495000004968330"] .li-subtitle div { font-size: 12px !important; } body.community-page-customPage { padding-bottom: 100px !important; } } /* ========================================================= 8. TAP HIGHLIGHT REMOVAL ========================================================= */ .community-page-customPage section[data-section-id="128495000004968330"] .li-item, .community-page-customPage section[data-section-id="128495000004968330"] .list-image, .community-page-customPage section[data-section-id="128495000004968330"] .bs-media-wgt, .community-page-customPage section[data-section-id="128495000004968330"] .media-element, .community-page-customPage section[data-section-id="128495000004968330"] .media-image, .community-page-customPage section[data-section-id="128495000004968330"] .media-image.pointer, .community-page-customPage section[data-section-id="128495000004968330"] .fluid-image, .community-page-customPage section[data-section-id="128495000004968330"] img { -webkit-tap-highlight-color: transparent !important; } .community-page-customPage section[data-section-id="128495000004968330"] .li-item:focus, .community-page-customPage section[data-section-id="128495000004968330"] .list-image:focus, .community-page-customPage section[data-section-id="128495000004968330"] .media-image:focus, .community-page-customPage section[data-section-id="128495000004968330"] .fluid-image:focus, .community-page-customPage section[data-section-id="128495000004968330"] img:focus { outline: none !important; } @media only screen and (max-width: 767px) { .community-page-customPage section div[data-element-id="128495000004992048"] .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="128495000004992048"] .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: #0b54a34e !important; border-radius: 22px !important; box-sizing: border-box !important; float: none !important; } .community-page-customPage section div[data-element-id="128495000004992048"] .bs-mtList-wgt .list-image, .community-page-customPage section div[data-element-id="128495000004992048"] .bs-mtList-wgt .bs-media-wgt, .community-page-customPage section div[data-element-id="128495000004992048"] .bs-mtList-wgt .media-element, .community-page-customPage section div[data-element-id="128495000004992048"] .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="128495000004992048"] .bs-mtList-wgt img, .community-page-customPage section div[data-element-id="128495000004992048"] .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="128495000004992048"] .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="128495000004992048"] .bs-mtList-wgt .li-title, .community-page-customPage section div[data-element-id="128495000004992048"] .bs-mtList-wgt .li-title *, .community-page-customPage section div[data-element-id="128495000004992048"] .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="128495000004992048"] .bs-mtList-wgt .li-title p { margin: 0 !important; } } /* ========================================================= CUSTOM PAGE ICON GRID - TABLET FIX 7 inch / 10 inch / iPad / iPad Pro / 13 inch tablet Element ID: 128495000004992048 ========================================================= */ @media only screen and (min-width: 600px) and (max-width: 1536px) { .community-page-customPage section div[data-element-id="128495000004992048"] .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="128495000004992048"] .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: #0b54a34e !important; border-radius: 22px !important; box-sizing: border-box !important; float: none !important; } .community-page-customPage section div[data-element-id="128495000004992048"] .bs-mtList-wgt .list-image, .community-page-customPage section div[data-element-id="128495000004992048"] .bs-mtList-wgt .bs-media-wgt, .community-page-customPage section div[data-element-id="128495000004992048"] .bs-mtList-wgt .media-element, .community-page-customPage section div[data-element-id="128495000004992048"] .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="128495000004992048"] .bs-mtList-wgt img, .community-page-customPage section div[data-element-id="128495000004992048"] .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: contain !important; border-radius: 0 !important; } .community-page-customPage section div[data-element-id="128495000004992048"] .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="128495000004992048"] .bs-mtList-wgt .li-title, .community-page-customPage section div[data-element-id="128495000004992048"] .bs-mtList-wgt .li-title *, .community-page-customPage section div[data-element-id="128495000004992048"] .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="128495000004992048"] .bs-mtList-wgt .li-title p { margin: 0 !important; } } /* ========================================================= 7 INCH TABLET 600px to 767px ========================================================= */ @media only screen and (min-width: 600px) and (max-width: 767px) { .community-page-customPage section div[data-element-id="128495000004992048"] .bs-mtList-wgt { grid-template-columns: repeat(2, minmax(0, 1fr)) !important; column-gap: 12px !important; row-gap: 14px !important; } .community-page-customPage section div[data-element-id="128495000004992048"] .bs-mtList-wgt .li-item { padding: 12px 10px !important; gap: 10px !important; border-radius: 18px !important; } .community-page-customPage section div[data-element-id="128495000004992048"] .bs-mtList-wgt .list-image, .community-page-customPage section div[data-element-id="128495000004992048"] .bs-mtList-wgt .bs-media-wgt, .community-page-customPage section div[data-element-id="128495000004992048"] .bs-mtList-wgt .media-element, .community-page-customPage section div[data-element-id="128495000004992048"] .bs-mtList-wgt .media-image { width: 72px !important; height: 72px !important; min-width: 72px !important; max-width: 72px !important; } .community-page-customPage section div[data-element-id="128495000004992048"] .bs-mtList-wgt img, .community-page-customPage section div[data-element-id="128495000004992048"] .bs-mtList-wgt img.fluid-image { width: 46px !important; height: 46px !important; max-width: 46px !important; max-height: 46px !important; } .community-page-customPage section div[data-element-id="128495000004992048"] .bs-mtList-wgt .li-title, .community-page-customPage section div[data-element-id="128495000004992048"] .bs-mtList-wgt .li-title *, .community-page-customPage section div[data-element-id="128495000004992048"] .bs-mtList-wgt .li-content * { font-size: 12px !important; } } /* ========================================================= 10 INCH TABLET / NORMAL iPAD 768px to 1024px ========================================================= */ @media only screen and (min-width: 768px) and (max-width: 1024px) { .community-page-customPage section div[data-element-id="128495000004992048"] .bs-mtList-wgt { grid-template-columns: repeat(4, minmax(0, 1fr)) !important; column-gap: 16px !important; row-gap: 18px !important; } } /* ========================================================= iPAD PRO / LARGE TABLET 1025px to 1366px ========================================================= */ @media only screen and (min-width: 1025px) and (max-width: 1366px) { .community-page-customPage section div[data-element-id="128495000004992048"] .bs-mtList-wgt { grid-template-columns: repeat(4, minmax(0, 1fr)) !important; column-gap: 18px !important; row-gap: 20px !important; } .community-page-customPage section div[data-element-id="128495000004992048"] .bs-mtList-wgt .li-item { padding: 16px 14px !important; } } /* ========================================================= 13 INCH TABLET 1367px to 1536px ========================================================= */ @media only screen and (min-width: 1367px) and (max-width: 1536px) { .community-page-customPage section div[data-element-id="128495000004992048"] .bs-mtList-wgt { grid-template-columns: repeat(5, minmax(0, 1fr)) !important; column-gap: 20px !important; row-gap: 22px !important; } .community-page-customPage section div[data-element-id="128495000004992048"] .bs-mtList-wgt .li-item { padding: 18px 14px !important; gap: 14px !important; border-radius: 24px !important; } .community-page-customPage section div[data-element-id="128495000004992048"] .bs-mtList-wgt .list-image, .community-page-customPage section div[data-element-id="128495000004992048"] .bs-mtList-wgt .bs-media-wgt, .community-page-customPage section div[data-element-id="128495000004992048"] .bs-mtList-wgt .media-element, .community-page-customPage section div[data-element-id="128495000004992048"] .bs-mtList-wgt .media-image { width: 96px !important; height: 96px !important; min-width: 96px !important; max-width: 96px !important; } .community-page-customPage section div[data-element-id="128495000004992048"] .bs-mtList-wgt img, .community-page-customPage section div[data-element-id="128495000004992048"] .bs-mtList-wgt img.fluid-image { width: 60px !important; height: 60px !important; max-width: 60px !important; max-height: 60px !important; } .community-page-customPage section div[data-element-id="128495000004992048"] .bs-mtList-wgt .li-title, .community-page-customPage section div[data-element-id="128495000004992048"] .bs-mtList-wgt .li-title *, .community-page-customPage section div[data-element-id="128495000004992048"] .bs-mtList-wgt .li-content * { font-size: 14px !important; } } @media only screen and (max-width: 767px) { .community-page-customPage section[data-section-id="128495000004992043"] { flex: 1 !important; padding-bottom: 100px !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: 88px !important; z-index: 999 !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: 70px !important; z-index: 999 !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: #0b54a3 !important; color: #0b54a3 !important; background: #f7f7ff !important; } .community-page-gallery .committee-tab.active { color: #0b54a3 !important; border-color: #0b54a3 !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: 68px !important; z-index: 999 !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: #0b54a3 !important; color: #0b54a3 !important; background: #f7f7ff !important; } .community-page-gallery .committee-tab.active { color: #0b54a3 !important; border-color: #0b54a3 !important; background: #f7f7ff !important; font-weight: 600 !important; } } /* ------------------------- Sticky helper ------------------------- */ .community-page-gallery, .community-page-gallery section[data-section-id="128495000003042290"], .community-page-gallery section[data-section-id="128495000004945190"], .community-page-gallery section[data-section-id="128495000004945382"] { overflow: visible !important; }