/*specific pages container*/
.home-custom-css{}
.community-custom-css{}
.agenda-custom-css{}
.speakers-custom-css{}

/*main container of each section*/
.main-app-container {}

/*
call-to-action buttons e.g:
Register, Join The Community etc
*/
.btn-register {}

/*Top navigation bar container*/
.template-nav {}

/*Top navigation bar items container*/
#bs-example-navbar-collapse-1 {}

/*social share buttons container*/
.social-share-button {}

/*social share buttons per social network*/
.social-share-button.facebook {}
.social-share-button.twitter {}
.social-share-button.linkedin {}
.social-share-button.google {}

/*Hide speaker on Agenda Session description*/ .agenda-view .session-list-container .session-day-container .time-row .session-elem .session-container .speakers-container.has-speakers { display: none; }

/* ===== START Pipeline agenda restyle (added Oct 2, 2026 by Sam / Claude). Delete through END to undo. ===== */
/* Pipeline 2026 agenda restyle: look only, no behavior.
   Matches the homepage schedule section (paper background, white cards, green times, Space Grotesk, pill buttons).
   Every rule is scoped to Bizzabo's agenda view (.agenda-view, present only on /agenda pages); html:not(#pa-0) adds
   one id of specificity so these win over Bizzabo's long selectors without touching its markup or scripts.
   Stars, filters, search, day tabs, My Interests, log-in and session links keep working: nothing is hidden, moved or
   re-wired. To undo: delete everything from START to END. */
@font-face { font-family: "Space Grotesk"; font-style: normal; font-weight: 300 700; font-display: swap;
  src: url(https://fonts.gstatic.com/s/spacegrotesk/v22/V8mDoQDjQSkFtoMM3T6r8E7mPbF4C_k3HqU.woff2) format("woff2"); }

html:not(#pa-0) body:has(.agenda-view) {
  --pa-paper: #f3f4ee; --pa-line: #cfd7cc; --pa-line-2: #e3e8e0; --pa-ink: #0c120f; --pa-text: #111a15;
  --pa-muted: #4a5950; --pa-green: #0d7347; --pa-mint: #3cf2a0; --pa-mint-ink: #06291a; --pa-radius: 12px;
  --pa-sans: "Space Grotesk", "Helvetica Neue", Arial, sans-serif;
  background: var(--pa-paper);
}
html:not(#pa-0) body:has(.agenda-view) :is(.main-app-container, .react-main, .agenda-view, .session-list-container, .session-day-container) {
  background-color: transparent;
}
html:not(#pa-0) .agenda-view, html:not(#pa-0) .agenda-view :is(button, input, a, span, div, time) { font-family: var(--pa-sans); }

/* sticky search / day bar */
html:not(#pa-0) .agenda-view.agenda-day-selector, html:not(#pa-0) .agenda-view .agenda-search-container { background: var(--pa-paper); }
html:not(#pa-0) .agenda-view .react-autosuggest__input {
  border: 1px solid var(--pa-line); border-radius: 999px; background: #fff; color: var(--pa-text);
  font-size: 15px; box-shadow: none;
}
html:not(#pa-0) .agenda-view .react-autosuggest__input:focus { border-color: var(--pa-green); box-shadow: 0 0 0 3px rgba(13, 115, 71, .15); }
html:not(#pa-0) .agenda-view #sessions-filter {
  border: 2px solid var(--pa-muted); border-radius: 999px; background: transparent; color: var(--pa-text);
  font-weight: 700; font-size: 14px; box-shadow: none;
}
html:not(#pa-0) .agenda-view #sessions-filter:hover { border-color: var(--pa-text); }
html:not(#pa-0) .agenda-view #sessions-filter i { color: var(--pa-green) !important; }
html:not(#pa-0) .agenda-view .dropdown-menu { border: 1px solid var(--pa-line); border-radius: var(--pa-radius); box-shadow: 0 12px 32px rgba(12, 18, 15, .12); }
html:not(#pa-0) .agenda-view .dropdown-menu a { color: var(--pa-text); font-weight: 500; }
html:not(#pa-0) .agenda-view .login-buttons-container .cta-button {
  background: var(--pa-mint) !important; color: var(--pa-mint-ink) !important; border: 2px solid var(--pa-mint);
  border-radius: 999px; font-weight: 700; letter-spacing: 0; text-transform: none; padding: 0 24px;
  display: inline-flex; align-items: center; justify-content: center; min-height: 40px;
}
html:not(#pa-0) .agenda-view .login-buttons-container .cta-button:hover { background: #8ff9c8 !important; border-color: #8ff9c8; opacity: 1; }

/* Bizzabo's top menu on agenda pages: the current page (AGENDA) was dark grey on black */
html:not(#pa-0) body:has(.agenda-view) .nav-menu-btn { font-family: var(--pa-sans); }
html:not(#pa-0) body:has(.agenda-view) .nav-menu-btn.selected { color: var(--pa-mint) !important; border-color: var(--pa-mint) !important; }
html:not(#pa-0) body:has(.agenda-view) .nav-menu-btn:hover { color: var(--pa-mint) !important; }

/* day tabs and All Sessions / My Interests */
html:not(#pa-0) .agenda-view .day-elems { color: var(--pa-muted); font-weight: 600; font-size: 15px; background: transparent; }
html:not(#pa-0) .agenda-view .day-elems.selected { color: var(--pa-text) !important; }
html:not(#pa-0) .agenda-view .day-elem-border.selected { background-color: var(--pa-green) !important; height: 3px; border-radius: 3px; }
html:not(#pa-0) .agenda-view .agenda-separator { border-color: var(--pa-line); background: var(--pa-line); }
html:not(#pa-0) .agenda-view .tab-button { color: var(--pa-text); font-weight: 600; background: transparent; }
html:not(#pa-0) .agenda-view .tab-button i { color: var(--pa-green) !important; }
html:not(#pa-0) .agenda-view .tab-button-border.color-1-background { background-color: var(--pa-green) !important; }  /* the active tab only */

/* day headings: "WED Oct 21" like the homepage day cards */
html:not(#pa-0) .agenda-view .day-title { font: 700 26px/1.2 var(--pa-sans); color: var(--pa-text); letter-spacing: -.01em; }
html:not(#pa-0) .agenda-view .day-title .week { color: var(--pa-green); text-transform: uppercase; font-size: .62em; letter-spacing: .06em; vertical-align: .2em; margin-right: 4px; }

/* time label: ink pill with mint time */
html:not(#pa-0) .agenda-view .time-elem > div {
  background-color: var(--pa-ink) !important; color: var(--pa-mint) !important; border-radius: 8px;
  font-family: var(--pa-sans); font-weight: 700; font-variant-numeric: tabular-nums;
}

/* session card */
html:not(#pa-0) .agenda-view .session-elem .session-container {
  background: #fff; border: 1px solid var(--pa-line); border-radius: var(--pa-radius); box-shadow: none;
  transition: border-color .15s ease, box-shadow .15s ease;
}
html:not(#pa-0) .agenda-view .session-elem .session-container:hover { border-color: var(--pa-green); box-shadow: 0 6px 20px rgba(12, 18, 15, .06); }
html:not(#pa-0) .agenda-view .session-info-text time, html:not(#pa-0) .agenda-view .session-info-text .text-uppercase { text-transform: none; }
html:not(#pa-0) .agenda-view .session-info-text .session-time { color: var(--pa-green); font-weight: 700; font-size: 14px; font-variant-numeric: tabular-nums; }
html:not(#pa-0) .agenda-view .session-info-text .session-info-text-light { color: var(--pa-muted); font-weight: 500; font-size: 13px; }
html:not(#pa-0) .agenda-view .session-name a.session-title, html:not(#pa-0) .agenda-view .session-name span {
  color: var(--pa-text); font: 700 18px/1.3 var(--pa-sans); letter-spacing: -.005em;
}
html:not(#pa-0) .agenda-view .session-name a.session-title:hover { color: var(--pa-green); text-decoration: underline; text-underline-offset: 3px; }
html:not(#pa-0) .agenda-view .session-location { color: var(--pa-muted); font-size: 14px; font-weight: 500; text-transform: none; }
html:not(#pa-0) .agenda-view .session-location .location-icon { color: var(--pa-green) !important; }

/* star (My Interests): same control, brand colors */
html:not(#pa-0) .agenda-view .session-actions-container { border-color: var(--pa-line); background: #fff; border-radius: 8px; }
html:not(#pa-0) .agenda-view .session-actions-container i { color: var(--pa-green) !important; }

/* speakers (shown only if the site CSS stops hiding them) */
html:not(#pa-0) .agenda-view .speaker-slide .speaker-name { color: var(--pa-text); font-weight: 700; }
html:not(#pa-0) .agenda-view .speaker-slide :is(.speaker-title, .speaker-company) { color: var(--pa-muted); }

/* Bizzabo's log-in pop-up on the agenda: same content and buttons, brand look */
html:not(#pa-0) body:has(.agenda-view) .modal-content { border-radius: 16px; border: 0; font-family: var(--pa-sans); }
html:not(#pa-0) body:has(.agenda-view) .modal-content :is(h1, h2, h3, h4, p, span, div, button) { font-family: var(--pa-sans); }

/* a session's own page (/agenda/session/...): same look */
html:not(#pa-0) .agenda-view .session-page.session-page-element { background: #fff !important; border: 1px solid var(--pa-line); border-radius: var(--pa-radius); }
html:not(#pa-0) .agenda-view .session-page .session-title { color: var(--pa-text); font-family: var(--pa-sans); font-weight: 700; }
html:not(#pa-0) .agenda-view .session-page .session-dates .session-time { color: var(--pa-green); }
html:not(#pa-0) .agenda-view .back-to-agenda { background-color: var(--pa-ink) !important; color: var(--pa-mint) !important; border-radius: 999px; font-family: var(--pa-sans); font-weight: 700; letter-spacing: .04em; box-shadow: none; }
html:not(#pa-0) .agenda-view .session-page .title-indicator { background-color: var(--pa-green) !important; }
html:not(#pa-0) .agenda-view .session-page .tag-box { border-color: var(--pa-line); color: var(--pa-muted); border-radius: 999px; }
html:not(#pa-0) .agenda-view .session-page .speaker-title { white-space: normal; }
html:not(#pa-0) .agenda-view .session-page .starIcon { color: var(--pa-green) !important; }

/* phones */
@media (max-width: 767px) {
  /* phones: Bizzabo joins search + filter into one bar, so keep them joined as one pill */
  html:not(#pa-0) .agenda-view .react-autosuggest__input { border-radius: 999px 0 0 999px; }
  html:not(#pa-0) .agenda-view #sessions-filter { border: 1px solid var(--pa-line); border-left: 0; border-radius: 0 999px 999px 0; background: #fff; padding-left: 12px; padding-right: 14px; }
  html:not(#pa-0) .agenda-view .day-title { font-size: 22px; }
  html:not(#pa-0) .agenda-view .session-name a.session-title { font-size: 17px; }
}
/* ===== END Pipeline agenda restyle ===== */