/* ==========================================================
   ΔΗΜΙΟΥΡΓΟΣ — FINAL CLEAN INDICO THEME
   Replace ALL existing custom CSS with this file.
   ========================================================== */

:root {
  --ink: #231f20;
  --cyan: #008db6;
  --magenta: #b41e8d;
  --amber: #e39e23;
  --paper: #ffffff;
  --mist: #f5f6f7;
  --line: #dfe3e6;
  --muted: #6b7075;
}

/* ==========================================================
   GLOBAL
   ========================================================== */

html,
body {
  background: var(--mist) !important;
  color: var(--ink) !important;
}

body {
  font-family: Arial, Helvetica, sans-serif !important;
}

a {
  color: var(--cyan);
}

a:hover {
  color: var(--magenta);
}

/* ==========================================================
   HEADER
   Clean charcoal base with a soft branded geometric gradient.
   ========================================================== */

.event-header,
.confTitleBox,
#event-header {
  position: relative !important;
  overflow: hidden !important;
  isolation: isolate !important;
  min-height: 500px !important;
  padding: 30px 0 48px !important;

  background:
    radial-gradient(
      circle at 88% 14%,
      rgba(227, 158, 35, 0.34) 0%,
      rgba(227, 158, 35, 0.18) 14%,
      transparent 34%
    ),
    radial-gradient(
      circle at 76% 34%,
      rgba(180, 30, 141, 0.32) 0%,
      rgba(180, 30, 141, 0.16) 18%,
      transparent 40%
    ),
    radial-gradient(
      circle at 64% 12%,
      rgba(0, 141, 182, 0.30) 0%,
      rgba(0, 141, 182, 0.14) 18%,
      transparent 42%
    ),
    linear-gradient(
      135deg,
      #231f20 0%,
      #231f20 58%,
      #202428 100%
    ) !important;

  border: 0 !important;
  border-radius: 0 0 14px 14px !important;
  box-shadow: 0 12px 30px rgba(35, 31, 32, 0.18) !important;
}

/* Subtle geometric accent at the top-right */
.event-header::before,
.confTitleBox::before,
#event-header::before {
  content: "" !important;
  position: absolute !important;
  z-index: 0 !important;
  top: 0 !important;
  right: 0 !important;
  width: 520px !important;
  height: 150px !important;
  pointer-events: none !important;

  background:
    linear-gradient(
      118deg,
      transparent 0 12%,
      rgba(0, 141, 182, 0.92) 12% 28%,
      transparent 28% 33%,
      rgba(180, 30, 141, 0.92) 33% 50%,
      transparent 50% 55%,
      rgba(227, 158, 35, 0.92) 55% 72%,
      transparent 72% 100%
    ) !important;

  opacity: 0.88 !important;
}

/* Soft fade so the accent never competes with the title */
.event-header::after,
.confTitleBox::after,
#event-header::after {
  content: "" !important;
  position: absolute !important;
  z-index: 1 !important;
  inset: 0 !important;
  pointer-events: none !important;

  background:
    linear-gradient(
      90deg,
      rgba(35, 31, 32, 1) 0%,
      rgba(35, 31, 32, 0.98) 42%,
      rgba(35, 31, 32, 0.72) 62%,
      rgba(35, 31, 32, 0.18) 100%
    ) !important;
}

/* Keep header content on top */
.event-header > *,
.confTitleBox > *,
#event-header > * {
  position: relative !important;
  z-index: 3 !important;
}

/* Header image */
.event-header img,
.confTitleBox img,
#event-header img {
  display: block !important;
  max-width: min(1000px, 82vw) !important;
  height: auto !important;
  margin: 10px auto 20px !important;
  border: 0 !important;
  box-shadow: 0 10px 24px rgba(0, 0, 0, 0.18) !important;
}

/* Event title */
.event-header h1,
.event-header .event-title,
.confTitleBox h1,
.confTitleBox .confTitle,
#event-header h1 {
  max-width: 1000px !important;
  margin: 10px auto 0 !important;
  padding: 0 18px !important;

  color: #ffffff !important;
  background: transparent !important;
  font-size: clamp(28px, 2.2vw, 42px) !important;
  font-weight: 800 !important;
  line-height: 1.18 !important;
  text-shadow: 0 2px 8px rgba(0, 0, 0, 0.45) !important;
}

/* ==========================================================
   DATE / SEARCH STRIP
   ========================================================== */

.event-page .event-header + *,
.confSubTitleBox,
.event-subheader,
.event-search-bar {
  background: #f7fafc !important;
  border: 0 !important;
  border-bottom: 1px solid #e4e9ed !important;
}

/* Search field */
input[type="search"],
.search-box input,
.event-search input {
  background: #ffffff !important;
  color: var(--ink) !important;
  border: 1px solid var(--line) !important;
  border-radius: 8px !important;
  box-shadow: none !important;
}

/* ==========================================================
   EVENT MENU
   ========================================================== */

#confSectionsBox,
.conf_leftMenu,
.event-menu,
.conference-menu,
#event-menu {
  overflow: hidden !important;
  background: var(--paper) !important;
  border: 0 !important;
  border-top: 6px solid var(--cyan) !important;
  border-radius: 10px !important;
  box-shadow: 0 8px 22px rgba(35, 31, 32, 0.10) !important;
}

#confSectionsBox ul,
.conf_leftMenu ul,
.event-menu ul,
.conference-menu ul,
#event-menu ul {
  margin: 0 !important;
  padding: 0 !important;
  background: transparent !important;
  border: 0 !important;
}

#confSectionsBox li,
.conf_leftMenu li,
.event-menu li,
.conference-menu li,
#event-menu li {
  margin: 0 !important;
  padding: 0 !important;
  background: transparent !important;
  border: 0 !important;
  border-bottom: 1px solid var(--line) !important;
}

#confSectionsBox li:last-child,
.conf_leftMenu li:last-child,
.event-menu li:last-child,
.conference-menu li:last-child,
#event-menu li:last-child {
  border-bottom: 0 !important;
}

#confSectionsBox a,
#confSectionsBox a span,
.conf_leftMenu a,
.conf_leftMenu a span,
.event-menu a,
.event-menu a span,
.conference-menu a,
.conference-menu a span,
#event-menu a,
#event-menu a span {
  display: block !important;
  box-sizing: border-box !important;
  padding: 15px 16px !important;

  color: var(--ink) !important;
  background: transparent !important;
  border: 0 !important;
  border-radius: 0 !important;
  outline: 0 !important;
  box-shadow: none !important;

  font-weight: 700 !important;
  text-decoration: none !important;
}

#confSectionsBox a:hover,
#confSectionsBox a:hover span,
.conf_leftMenu a:hover,
.conf_leftMenu a:hover span,
.event-menu a:hover,
.event-menu a:hover span,
.conference-menu a:hover,
.conference-menu a:hover span,
#event-menu a:hover,
#event-menu a:hover span {
  color: #ffffff !important;
  background: var(--cyan) !important;
}

/* Current menu item */
#confSectionsBox .selected > a,
#confSectionsBox .selected > a span,
#confSectionsBox .active > a,
#confSectionsBox .active > a span,
.conf_leftMenu .selected > a,
.conf_leftMenu .selected > a span,
.conf_leftMenu .active > a,
.conf_leftMenu .active > a span,
.event-menu .selected > a,
.event-menu .selected > a span,
.event-menu .active > a,
.event-menu .active > a span,
.conference-menu .selected > a,
.conference-menu .selected > a span,
.conference-menu .active > a,
.conference-menu .active > a span,
#event-menu .selected > a,
#event-menu .selected > a span,
#event-menu .active > a,
#event-menu .active > a span {
  color: #ffffff !important;
  background: var(--ink) !important;
  border: 0 !important;
  border-left: 6px solid var(--amber) !important;
  box-shadow: inset 0 -4px 0 var(--magenta) !important;
}

/* ==========================================================
   BUTTONS — NO BORDERS
   ========================================================== */

button,
input[type="button"],
input[type="submit"],
input[type="reset"],
.button,
.btn,
.i-button,
.ui.button,
.action-button {
  border: 0 !important;
  outline: 0 !important;
  border-radius: 8px !important;
  box-shadow: none !important;
}

button:hover,
button:active,
button:focus,
input[type="button"]:hover,
input[type="button"]:active,
input[type="button"]:focus,
input[type="submit"]:hover,
input[type="submit"]:active,
input[type="submit"]:focus,
input[type="reset"]:hover,
input[type="reset"]:active,
input[type="reset"]:focus,
.button:hover,
.button:active,
.button:focus,
.btn:hover,
.btn:active,
.btn:focus,
.i-button:hover,
.i-button:active,
.i-button:focus,
.ui.button:hover,
.ui.button:active,
.ui.button:focus,
.action-button:hover,
.action-button:active,
.action-button:focus {
  border: 0 !important;
  outline: 0 !important;
  box-shadow: none !important;
}

/* ==========================================================
   CONTENT CARDS
   ========================================================== */

.event-page .main-content,
.event-page .page-content,
.confBodyBox,
.conference-page .main-content,
.event-page .event-info,
.event-page .material-list {
  background: var(--paper) !important;
  border: 0 !important;
  border-radius: 12px !important;
  box-shadow: 0 8px 24px rgba(35, 31, 32, 0.08) !important;
}

/* Headings */
h1,
h2,
h3,
h4,
h5,
h6 {
  color: var(--ink);
}

/* Icons */
i,
svg {
  color: inherit;
}

/* ==========================================================
   TIMETABLE / INFO ACCENTS
   ========================================================== */

.timetable,
.schedule,
.event-info {
  border-top: 4px solid var(--cyan) !important;
}

.timetable .session,
.schedule .session {
  border-left: 4px solid var(--magenta) !important;
}

/* ==========================================================
   FOOTER
   ========================================================== */

footer,
.page-footer,
#footer {
  background: var(--ink) !important;
  color: #ffffff !important;
  border-top: 5px solid var(--cyan) !important;
}

footer a,
.page-footer a,
#footer a {
  color: #ffffff !important;
}

/* ==========================================================
   RESPONSIVE
   ========================================================== */

@media (max-width: 800px) {
  .event-header,
  .confTitleBox,
  #event-header {
    min-height: 360px !important;
    padding: 20px 0 32px !important;
  }

  .event-header::before,
  .confTitleBox::before,
  #event-header::before {
    width: 300px !important;
    height: 92px !important;
    opacity: 0.72 !important;
  }

  .event-header::after,
  .confTitleBox::after,
  #event-header::after {
    background:
      linear-gradient(
        90deg,
        rgba(35, 31, 32, 1) 0%,
        rgba(35, 31, 32, 0.96) 52%,
        rgba(35, 31, 32, 0.45) 100%
      ) !important;
  }

  .event-header img,
  .confTitleBox img,
  #event-header img {
    max-width: 90vw !important;
  }

  .event-header h1,
  .event-header .event-title,
  .confTitleBox h1,
  .confTitleBox .confTitle,
  #event-header h1 {
    font-size: 28px !important;
  }
}


/* ==========================================================
   FINAL SPACING TWEAKS
   ========================================================== */

.event-page .page-content,
.event-page .main-content,
.confBodyBox,
.event-page .event-info,
.event-page .material-list{
    padding:36px !important;
}

.event-page .page-content .box,
.event-page .main-content .box,
.event-page .event-info .box{
    padding:28px !important;
}

.event-header h1,
.event-header .event-title,
.confTitleBox h1,
.confTitleBox .confTitle,
#event-header h1{
    padding:0 40px 24px 40px !important;
}

.event-header img,
.confTitleBox img,
#event-header img{
    margin:18px auto 28px !important;
}

.event-page p,
.confBodyBox p{
    line-height:1.75 !important;
    margin-bottom:1.1em !important;
}


/* ==========================================================
   SECOND-LEVEL EVENT MENU FIX
   Clean nested navigation without doubled padding/backgrounds.
   ========================================================== */

/* Top-level links: padding only on the anchor, never again on its span */
#confSectionsBox > ul > li > a,
.conf_leftMenu > ul > li > a,
.event-menu > ul > li > a,
.conference-menu > ul > li > a,
#event-menu > ul > li > a {
  padding: 15px 16px !important;
}

#confSectionsBox a > span,
.conf_leftMenu a > span,
.event-menu a > span,
.conference-menu a > span,
#event-menu a > span {
  display: inline !important;
  padding: 0 !important;
  margin: 0 !important;
  color: inherit !important;
  background: transparent !important;
  border: 0 !important;
  box-shadow: none !important;
}

/* Nested list container */
#confSectionsBox li ul,
.conf_leftMenu li ul,
.event-menu li ul,
.conference-menu li ul,
#event-menu li ul {
  margin: 0 !important;
  padding: 6px 0 8px !important;
  background: #f4f6f7 !important;
  border: 0 !important;
  border-top: 1px solid #e3e7e9 !important;
  box-shadow: inset 4px 0 0 rgba(0, 141, 182, 0.18) !important;
}

/* Nested items: no heavy separators */
#confSectionsBox li ul li,
.conf_leftMenu li ul li,
.event-menu li ul li,
.conference-menu li ul li,
#event-menu li ul li {
  margin: 0 !important;
  padding: 0 !important;
  background: transparent !important;
  border: 0 !important;
}

/* Nested links */
#confSectionsBox li ul li a,
.conf_leftMenu li ul li a,
.event-menu li ul li a,
.conference-menu li ul li a,
#event-menu li ul li a {
  position: relative !important;
  display: block !important;
  padding: 10px 16px 10px 32px !important;
  color: #4f5559 !important;
  background: transparent !important;
  border: 0 !important;
  border-radius: 0 !important;
  box-shadow: none !important;
  font-size: 0.94em !important;
  font-weight: 600 !important;
  line-height: 1.35 !important;
}

/* Small accent dot */
#confSectionsBox li ul li a::before,
.conf_leftMenu li ul li a::before,
.event-menu li ul li a::before,
.conference-menu li ul li a::before,
#event-menu li ul li a::before {
  content: "" !important;
  position: absolute !important;
  left: 17px !important;
  top: 50% !important;
  width: 5px !important;
  height: 5px !important;
  background: #008db6 !important;
  border-radius: 50% !important;
  transform: translateY(-50%) !important;
}

/* Nested hover */
#confSectionsBox li ul li a:hover,
.conf_leftMenu li ul li a:hover,
.event-menu li ul li a:hover,
.conference-menu li ul li a:hover,
#event-menu li ul li a:hover {
  color: #231f20 !important;
  background: rgba(0, 141, 182, 0.10) !important;
}

#confSectionsBox li ul li a:hover::before,
.conf_leftMenu li ul li a:hover::before,
.event-menu li ul li a:hover::before,
.conference-menu li ul li a:hover::before,
#event-menu li ul li a:hover::before {
  background: #b41e8d !important;
}

/* Selected nested item */
#confSectionsBox li ul li.selected > a,
#confSectionsBox li ul li.active > a,
.conf_leftMenu li ul li.selected > a,
.conf_leftMenu li ul li.active > a,
.event-menu li ul li.selected > a,
.event-menu li ul li.active > a,
.conference-menu li ul li.selected > a,
.conference-menu li ul li.active > a,
#event-menu li ul li.selected > a,
#event-menu li ul li.active > a {
  color: #ffffff !important;
  background: #008db6 !important;
  border: 0 !important;
  border-left: 4px solid #e39e23 !important;
  box-shadow: none !important;
}

#confSectionsBox li ul li.selected > a::before,
#confSectionsBox li ul li.active > a::before,
.conf_leftMenu li ul li.selected > a::before,
.conf_leftMenu li ul li.active > a::before,
.event-menu li ul li.selected > a::before,
.event-menu li ul li.active > a::before,
.conference-menu li ul li.selected > a::before,
.conference-menu li ul li.active > a::before,
#event-menu li ul li.selected > a::before,
#event-menu li ul li.active > a::before {
  background: #ffffff !important;
}

/* Do not let generic active rules paint the entire parent submenu */
#confSectionsBox li:has(ul).active > a,
.conf_leftMenu li:has(ul).active > a,
.event-menu li:has(ul).active > a,
.conference-menu li:has(ul).active > a,
#event-menu li:has(ul).active > a {
  color: #231f20 !important;
  background: #ffffff !important;
  border-left: 0 !important;
  box-shadow: none !important;
}


/* ==========================================================
   TYPOGRAPHY POLISH
   ========================================================== */

/* Global */
body{
  font-family: Inter, system-ui, -apple-system, BlinkMacSystemFont,
               "Segoe UI", Arial, sans-serif !important;
  -webkit-font-smoothing: antialiased;
  text-rendering: optimizeLegibility;
}

/* Main menu */
#confSectionsBox a,
.conf_leftMenu a,
.event-menu a,
.conference-menu a,
#event-menu a{
  font-size:15px !important;
  font-weight:600 !important;
  letter-spacing:.15px !important;
  line-height:1.45 !important;
}

/* Submenu */
#confSectionsBox li ul li a,
.conf_leftMenu li ul li a,
.event-menu li ul li a,
.conference-menu li ul li a,
#event-menu li ul li a{
  font-size:14px !important;
  font-weight:500 !important;
  line-height:1.55 !important;
  color:#5d6368 !important;
}

/* Active entries stand out */
#confSectionsBox .active>a,
#confSectionsBox .selected>a,
.conf_leftMenu .active>a,
.conf_leftMenu .selected>a,
.event-menu .active>a,
.event-menu .selected>a,
.conference-menu .active>a,
.conference-menu .selected>a,
#event-menu .active>a,
#event-menu .selected>a,
#confSectionsBox li ul li.active>a,
#confSectionsBox li ul li.selected>a,
.conf_leftMenu li ul li.active>a,
.conf_leftMenu li ul li.selected>a,
.event-menu li ul li.active>a,
.event-menu li ul li.selected>a,
.conference-menu li ul li.active>a,
.conference-menu li ul li.selected>a,
#event-menu li ul li.active>a,
#event-menu li ul li.selected>a{
  font-weight:700 !important;
}


/* ==========================================================
   COLLAPSIBLE SECOND-LEVEL MENU + SMALLER TYPOGRAPHY
   ========================================================== */

/* Hide every submenu by default */
#confSectionsBox li > ul,
.conf_leftMenu li > ul,
.event-menu li > ul,
.conference-menu li > ul,
#event-menu li > ul {
  display: none !important;
}

/* Open only the submenu belonging to the active/selected/expanded parent */
#confSectionsBox li.active > ul,
#confSectionsBox li.selected > ul,
#confSectionsBox li.open > ul,
#confSectionsBox li.expanded > ul,
#confSectionsBox li:has(> a[aria-expanded="true"]) > ul,

.conf_leftMenu li.active > ul,
.conf_leftMenu li.selected > ul,
.conf_leftMenu li.open > ul,
.conf_leftMenu li.expanded > ul,
.conf_leftMenu li:has(> a[aria-expanded="true"]) > ul,

.event-menu li.active > ul,
.event-menu li.selected > ul,
.event-menu li.open > ul,
.event-menu li.expanded > ul,
.event-menu li:has(> a[aria-expanded="true"]) > ul,

.conference-menu li.active > ul,
.conference-menu li.selected > ul,
.conference-menu li.open > ul,
.conference-menu li.expanded > ul,
.conference-menu li:has(> a[aria-expanded="true"]) > ul,

#event-menu li.active > ul,
#event-menu li.selected > ul,
#event-menu li.open > ul,
#event-menu li.expanded > ul,
#event-menu li:has(> a[aria-expanded="true"]) > ul {
  display: block !important;
}

/* Also allow keyboard interaction while the parent has focus */
#confSectionsBox li:focus-within > ul,
.conf_leftMenu li:focus-within > ul,
.event-menu li:focus-within > ul,
.conference-menu li:focus-within > ul,
#event-menu li:focus-within > ul {
  display: block !important;
}

/* Smaller and lighter second-level typography */
#confSectionsBox li ul li a,
.conf_leftMenu li ul li a,
.event-menu li ul li a,
.conference-menu li ul li a,
#event-menu li ul li a {
  font-size: 12.5px !important;
  font-weight: 450 !important;
  line-height: 1.45 !important;
  letter-spacing: 0.05px !important;
  padding: 8px 14px 8px 30px !important;
}

/* Keep only the selected submenu entry slightly stronger */
#confSectionsBox li ul li.active > a,
#confSectionsBox li ul li.selected > a,
.conf_leftMenu li ul li.active > a,
.conf_leftMenu li ul li.selected > a,
.event-menu li ul li.active > a,
.event-menu li ul li.selected > a,
.conference-menu li ul li.active > a,
.conference-menu li ul li.selected > a,
#event-menu li ul li.active > a,
#event-menu li ul li.selected > a {
  font-weight: 600 !important;
}


/* ==========================================================
   FINAL UOA INDICO HEADER FIX
   Based on actual DOM:
   .confTitleBox > .confTitle > h1 > a > span.conference-title-link
   > .confLogoBox > img.confLogo
   ========================================================== */

/* Remove old decorative header background */
.confTitleBox {
    background: transparent !important;
    background-image: none !important;
    border: 0 !important;
    box-shadow: none !important;
    padding: 0 !important;
    margin: 0 !important;
    min-height: 0 !important;
    height: auto !important;
    overflow: visible !important;
}

/* Remove any CSS-generated decoration */
.confTitleBox::before,
.confTitleBox::after {
    display: none !important;
    content: none !important;
    background: none !important;
}

/* Allow the header wrapper to use full available width */
.confTitle {
    display: block !important;
    width: 100% !important;
    max-width: none !important;
    margin: 0 !important;
    padding: 0 !important;
    background: transparent !important;
    border: 0 !important;
    box-shadow: none !important;
}

/* Remove spacing and shadow from the H1 wrapper */
.confTitle h1 {
    margin: 0 !important;
    padding: 0 !important;
    max-width: none !important;
    width: 100% !important;
    background: transparent !important;
    text-shadow: none !important;
    box-shadow: none !important;
    line-height: 0 !important;
}

/* Keep the clickable title wrapper visible because it contains the logo */
.confTitle h1 > a,
.confTitle .conference-title-link {
    display: block !important;
    width: 100% !important;
    max-width: none !important;
    margin: 0 !important;
    padding: 0 !important;
    background: transparent !important;
    text-decoration: none !important;
    text-shadow: none !important;
    box-shadow: none !important;
    line-height: 0 !important;
}

/* Full-width logo/banner container */
.confLogoBox {
    display: block !important;
    float: none !important;
    width: 100% !important;
    max-width: none !important;
    margin: 0 !important;
    padding: 0 !important;
    background: transparent !important;
    border: 0 !important;
    box-shadow: none !important;
    line-height: 0 !important;
}

/* The uploaded image fills the complete header width */
.confLogo {
    display: block !important;
    width: 100% !important;
    max-width: none !important;
    height: auto !important;
    margin: 0 !important;
    padding: 0 !important;
    border: 0 !important;
    border-radius: 0 !important;
    box-shadow: none !important;
    object-fit: cover !important;
    object-position: center center !important;
}

/* Hide only the plain text title that Indico adds after the logo */
.conference-title-link > span[itemprop="title"] {
    display: none !important;
}

/* Safety: no title shadows anywhere in this header */
.confTitleBox *,
.confTitle * {
    text-shadow: none !important;
}

/* Keep the strip below the header normal */
.confSubTitleBox {
    margin-top: 0 !important;
}

/* Mobile */
@media (max-width: 800px) {
    .confTitleBox,
    .confTitle,
    .confTitle h1,
    .confTitle h1 > a,
    .conference-title-link,
    .confLogoBox,
    .confLogo {
        width: 100% !important;
        max-width: none !important;
        margin: 0 !important;
        padding: 0 !important;
    }
}


/* ==========================================================
   TRUE FINAL TOP-GAP FIX
   Remove the empty global Indico header above the conference.
   ========================================================== */

body > div.header {
    height: 0 !important;
    min-height: 0 !important;
    max-height: 0 !important;
    margin: 0 !important;
    padding: 0 !important;
    border: 0 !important;
    overflow: hidden !important;
    line-height: 0 !important;
}

/* Make sure main starts immediately at the top */
body > main.main {
    margin-top: 0 !important;
    padding-top: 0 !important;
}

/* No extra gap before the conference container */
body > main.main > div,
body > main.main .conf,
body > main.main .confheader {
    margin-top: 0 !important;
    padding-top: 0 !important;
}

/* Keep the actual conference header matching the artwork */
.confheader,
.confTitleBox,
.confTitle,
.confTitle h1,
.confTitle h1 > a,
.confTitle .conference-title-link,
.confLogoBox {
    background-color: #231F20 !important;
}

/* Banner remains edge-to-edge */
.confLogo {
    display: block !important;
    width: 100% !important;
    max-width: none !important;
    height: auto !important;
    margin: 0 !important;
    padding: 0 !important;
    border: 0 !important;
    box-shadow: none !important;
}


/* ==========================================================
   FINAL BANNER VERTICAL CENTERING
   Equal charcoal breathing room above and below the image.
   ========================================================== */

/* Keep the empty global top header removed */
body > div.header {
    height: 0 !important;
    min-height: 0 !important;
    max-height: 0 !important;
    margin: 0 !important;
    padding: 0 !important;
    border: 0 !important;
    overflow: hidden !important;
}

/* The actual banner area gets equal space above and below */
.confTitleBox {
    box-sizing: border-box !important;
    background: #231F20 !important;
    background-color: #231F20 !important;
    padding: 24px 0 !important;
    margin: 0 !important;
}

/* Inner wrappers do not add their own spacing */
.confTitle,
.confTitle h1,
.confTitle h1 > a,
.confTitle .conference-title-link,
.confLogoBox {
    margin: 0 !important;
    padding: 0 !important;
    background: #231F20 !important;
    background-color: #231F20 !important;
}

/* Keep the artwork full width and vertically centered by the parent padding */
.confLogo {
    display: block !important;
    width: 100% !important;
    max-width: none !important;
    height: auto !important;
    margin: 0 auto !important;
    padding: 0 !important;
    border: 0 !important;
    box-shadow: none !important;
}

/* Mobile: slightly less breathing room */
@media (max-width: 800px) {
    .confTitleBox {
        padding: 14px 0 !important;
    }
}


/* ==========================================================
   REMOVE ALL BANNER IMAGE SHADOWS
   ========================================================== */

.confLogo,
.confLogoBox,
.confLogoBox img,
.confTitle .confLogo,
.confTitleBox .confLogo {
    box-shadow: none !important;
    filter: none !important;
    text-shadow: none !important;
}