/*
 * Indico Custom Theme
 * -----------------------------------------------
 * Upload via: Event Management → Layout → Theme → Custom CSS
 *
 * - Parallax background image
 * - Banner and side menu: #002D74 with white text
 * - Main content area: solid white, fully opaque
 * - All other Indico defaults unchanged
 *
 * HOW TO USE YOUR OWN IMAGE:
 *   Replace the URL in --parallax-image-url:
 *
 *   Option A — Indico custom static folder (recommended):
 *     Place image in <CUSTOMIZATION_DIR>/static/
 *     e.g. /opt/indico/custom/static/hero.jpg
 *     Set: url('/static/custom/hero.jpg')
 *
 *   Option B — External URL:
 *     Any publicly reachable https:// image URL.
 *
 *   Option C — Indico event attachment:
 *     Upload as an attachment and use its direct /event/... URL.
 */

:root {
  --parallax-image-url:  url('https://indico.cern.ch/event/1691653/images/50839-UL_pic.jpg');
  --parallax-min-height: 300px;

  /* Side menu colours */
  --conf-theme-menu-bg:              #002D74;
  --conf-theme-menu-border:          #001a4a;
  --conf-theme-menu-link:            #ffffff;
  --conf-theme-hover-bg:             rgba(255, 255, 255, 0.12);
  --conf-theme-hover-color:          #ffffff;
  --conf-theme-menu-selected:        #ffffff;
  --conf-theme-menu-selected-bg:     rgba(255, 255, 255, 0.18);
  --conf-theme-menu-selected-border: rgba(255, 255, 255, 0.4);
}

/* ── Full-page parallax background ────────────────────────── */

body {
  background-image: var(--parallax-image-url);
  background-attachment: fixed;
  background-size: cover;
  background-position: center center;
  background-repeat: no-repeat;
}

/* iOS Safari fallback */
@supports (-webkit-touch-callout: none) {
  body {
    background-attachment: scroll;
  }
}

/* ── Banner: #002D74 with white text ──────────────────────── */

.confheader {
  background: #002D74 !important;
  position: relative;
}

.confTitleBox {
  background: #002D74 !important;
  border-bottom: 1px solid #001a4a !important;
  min-height: var(--parallax-min-height);
}

/* ── Side menu section headings (not covered by variables) ── */

.menuConfTitle {
  color: rgba(255, 255, 255, 0.55) !important;
}

/* ── Main content area: solid opaque white ────────────────── */

#confSectionsBox,
.confBodyBox,
.mainContent,
.col2,






/* CHANGES */
.confBodyBox {
  padding-right: 38px !important;
}



.confTitleBox {
  min-height: 0 !important;
  padding: 12px 0 !important;
}
/*
.confBodyBox {
  background: rgba(255, 255, 255, 0.80) !important;
}

.conferenceDetails .description {
  background: rgba(255, 255, 255, 0.0) !important;
}

.conf_leftMenu {
  background: rgba(255, 255, 255, 0.80) !important;
}
*/

#contentWrapper,
#pageContent,
.confContent,
#confSectionsBox {
  background: rgba(255, 255, 255, 0.92) !important;
}