/* =========================================================
   Indico v3.3.8 (ESS) – Full-width banner, hide duplicate text
   Based on your actual HTML:
   - header: .page-header.page-header-dark.event-page-header
   - banner image: .confLogoBannerBox > img.confLogo
   - title text: span[itemprop="title"]
   ========================================================= */

/* 1) Make header backgrounds white (remove blue bars) */
.page-header,
.page-header-dark,
.event-page-header,
.header {
  background: #ffffff !important;
}

/* Keep conference header container visible (it contains the banner) */
.confheader,
.confTitleBox,
.confSubTitleBox,
.confTitle,
.confSubTitle {
  background: transparent !important;
}

/* Page background */
body {
  background: #ffffff !important;
}

/* 2) Break header areas out to full viewport width */
.page-header.event-page-header,
.confheader {
  width: 100vw !important;
  max-width: 100vw !important;
  margin-left: calc(-50vw + 50%) !important;
  margin-right: calc(-50vw + 50%) !important;
  padding-left: 0 !important;
  padding-right: 0 !important;
}

/* 3) Full-width hero banner (from the event logo area) */
.confLogoBannerBox {
  width: 100vw !important;
  max-width: 100vw !important;
  margin-left: calc(-50vw + 50%) !important;
  margin-right: calc(-50vw + 50%) !important;
  padding: 0 !important;
}

.confLogoBannerBox img.confLogo {
  width: 100% !important;
  max-width: 100% !important;
  height: auto !important;
  display: block !important;
}

/* 4) Hide ONLY the text below the banner (but keep the banner itself) */

/* Hide the event title text (this is the “Joint ESS ILL User Meeting” part) */
.conference-title-link span[itemprop="title"] {
  display: none !important;
}

/* Hide the subtitle block (date/place/timezone) and the search box */
.confSubTitleBox,
#event-search-box {
  display: none !important;
}

/* 5) Remove the extra vertical space left by the hidden text */
.confTitleBox {
  padding-bottom: 0 !important;
  margin-bottom: 0 !important;
}

/* Optional: if you still see a gap under the banner, uncomment this */
/*
.confheader {
  padding-bottom: 0 !important;
  margin-bottom: 0 !important;
}
*/

/* 6) Prevent horizontal scrollbars */
html,
body {
  overflow-x: hidden !important;
}
/* 7) Page entry titles colour */
.conference-page header h2,
.conference-page header h3 {
  color: #087cac !important;
}
/* === Force plenary speaker images to be round + consistent (URL-targeted) === */
img[src*="/attachments/17466/34688/"],
img[src*="/attachments/17466/34689/"],
img[src*="/attachments/17466/34690/"],
img[src*="/attachments/17468/34734/"] {
  width: 120px !important;
  height: 120px !important;
  object-fit: cover !important;
  border-radius: 50% !important;
  filter: grayscale(100%) !important;
  display: block !important;
  margin: 0 auto !important;
}