/* =============================================
   IRB Submission — Indico Custom CSS (v3)
   Verified class names from live page inspection
   ============================================= */

/* ── Top toolbar (icons bar) ── */
.page-header.page-header-dark.event-page-header {
  background: #1a3a52 !important;
  border-bottom: none !important;
  padding: 6px 24px !important;
}
.page-header.page-header-dark.event-page-header a,
.page-header.page-header-dark.event-page-header span {
  color: rgba(255,255,255,0.85) !important;
}

/* ── Conference header (blue title block) ── */
.confheader {
  background: #1a5e8a !important;
  padding: 28px 40px 24px !important;
}
.confTitleBox {
  background: transparent !important;
}
.confTitle h1,
.confTitle h1 a,
.conference-title-link,
.conference-title-link span {
  color: #ffffff !important;
  font-size: 28px !important;
  font-weight: 600 !important;
  text-decoration: none !important;
  letter-spacing: -0.3px !important;
}

/* ── Subtitle / dates bar ── */
.confSubTitleBox {
  background: #154e73 !important;
  border-top: 1px solid rgba(255,255,255,0.12) !important;
  padding: 10px 40px !important;
}
.confSubTitleContent {
  align-items: center !important;
}
.confSubTitle .date,
.confSubTitle .place,
.confSubTitle .datePlace,
.confSubTitle * {
  color: rgba(255,255,255,0.80) !important;
  font-size: 13px !important;
}

/* ── Search bar ── */
.search-box {
  background: rgba(255,255,255,0.15) !important;
  border: 1px solid rgba(255,255,255,0.25) !important;
  border-radius: 6px !important;
}
.search-box input {
  background: transparent !important;
  color: #ffffff !important;
}
.search-box input::placeholder {
  color: rgba(255,255,255,0.6) !important;
}
.search-box .icon-search {
  color: rgba(255,255,255,0.7) !important;
}

/* ── Outer body / page background ── */
body,
.confBodyBox {
  background: #f4f7fa !important;
}

/* ── Main layout wrapper ── */
.confBodyBox.clearfix {
  padding: 28px 40px !important;
  max-width: 1200px !important;
  margin: 0 auto !important;
}

/* ── Left navigation menu ── */
.conf_leftMenu {
  background: #ffffff !important;
  border: 1px solid #dde6ef !important;
  border-radius: 10px !important;
  overflow: hidden !important;
  box-shadow: 0 1px 4px rgba(0,0,0,0.06) !important;
  padding: 8px 0 !important;
  min-width: 180px !important;
}
.menuConfTitle {
  display: block !important;
  font-size: 13px !important;
  color: #445566 !important;
  padding: 9px 18px !important;
  border-left: 3px solid transparent !important;
  text-decoration: none !important;
  transition: all 0.15s !important;
  font-weight: 500 !important;
}
.menuConfTitle:hover {
  background: #f0f7ff !important;
  color: #1a5e8a !important;
  border-left-color: #b5d4f4 !important;
  text-decoration: none !important;
}
.menuConfSelected .menuConfTitle,
li.menuConfSelected > a.menuConfTitle {
  background: #f0f7ff !important;
  color: #1a5e8a !important;
  border-left-color: #1a5e8a !important;
  font-weight: 700 !important;
}
/* Sub-menu items */
.conf_leftMenu ul li a.menuConfTitle {
  padding-left: 30px !important;
  font-size: 12px !important;
  color: #667788 !important;
}

/* ── Main content area ── */
.mainContent {
  background: #ffffff !important;
  border: 1px solid #dde6ef !important;
  border-radius: 10px !important;
  padding: 24px 28px !important;
  box-shadow: 0 1px 4px rgba(0,0,0,0.06) !important;
  min-height: 300px !important;
}

/* ── Info grid (dates/timezone block) ── */
.infogrid {
  background: #f0f7ff !important;
  border: 1px solid #b5d4f4 !important;
  border-radius: 8px !important;
  padding: 14px 18px !important;
  margin-bottom: 16px !important;
}
.infoline {
  font-size: 13px !important;
  color: #185fa5 !important;
  padding: 4px 0 !important;
}
.infoline .label {
  color: #0c447c !important;
  font-weight: 600 !important;
  margin-right: 6px !important;
}

/* ── Materials / attachments block ── */
.attachments,
.material-list,
[class*="material"] {
  background: #f7f9fb !important;
  border: 1px solid #dde6ef !important;
  border-radius: 8px !important;
  padding: 14px 18px !important;
  margin-top: 16px !important;
  font-size: 13px !important;
  color: #888 !important;
}

/* ── Action bar ── */
.main-action-bar {
  background: transparent !important;
  border: none !important;
  padding: 0 0 16px 0 !important;
}

/* ── General links ── */
.mainContent a {
  color: #185fa5 !important;
}
.mainContent a:hover {
  color: #0c447c !important;
  text-decoration: underline !important;
}

/* ── Footer ── */
#footer,
.footer {
  background: #f4f7fa !important;
  border-top: 1px solid #dde6ef !important;
  color: #888 !important;
  font-size: 12px !important;
  padding: 16px 40px !important;
  margin-top: 24px !important;
}
#footer a,
.footer a {
  color: #185fa5 !important;
}

/* ── Buttons ── */
.i-button,
input[type="submit"],
button.i-button {
  background: #1a5e8a !important;
  color: #ffffff !important;
  border: none !important;
  border-radius: 6px !important;
  font-weight: 600 !important;
  padding: 8px 18px !important;
}
.i-button:hover {
  background: #154e73 !important;
}