/* --------- Global Page --------- */
body, .conference-page {
  background: #F8F6F2 !important;
  color: #1E2A38 !important;
  font-family: Arial, Helvetica, sans-serif !important;
}

/* --------- TOP BANNER (Light + Clean) --------- */
.topBanner {
  background: #D64541 !important;
  color: #EFE6DA !important;
  text-align: center !important;
  padding: 12px 0 !important;
  font-size: 18pt !important;
  font-weight: bold !important;
  border-bottom: 2px solid #1E2A38 !important;
}

/* --------- Header Container (reorder elements) --------- */
.confheader {
  display: flex !important;
  flex-direction: column !important;
  align-items: center !important;
}

/* --------- MULTIPLE LOGOS CENTERED --------- */
.confLogoBox {
  float: none !important;
  text-align: center !important;
  margin-bottom: 15px !important;
  padding-top: 20px !important;
  order: 1 !important;  /* Logos appear first */
}

.confLogoBox img {
  max-height: 120px !important;  /* Increased logo size */
  width: auto !important;
  margin: 0 12px !important;
  vertical-align: middle !important;
}

/* --------- TITLE SECTION SECOND (Below Logos) --------- */
.confTitleBox {
  text-align: center !important;
  padding: 10px 20px !important;
  margin-top: 0 !important;
  background: #EFE6DA !important;
  order: 2 !important;  /* Title appears second, below logos */
  width: 100% !important;
}

/* Remove the ::before pseudo-element */
.confTitleBox::before {
  content: none !important;
}

/* Title text */
.conference-title-link {
  color: #1E2A38 !important;
  font-size: 30pt !important;
  font-weight: 700 !important;
  letter-spacing: 1px !important;
  text-transform: uppercase !important;
  line-height: 1.2 !important;
  padding: 5px 0 !important;
  display: inline-block !important;
  margin: 0 !important;
  border-bottom: 3px solid #E76F00 !important;
  text-shadow: 2px 2px 6px rgba(0, 0, 0, 0.2) !important;
}

/* --------- Sub Header --------- */
.confSubTitleBox {
  background: #EFE6DA !important;
  border-top: 1px solid #C9BCAD !important;
  border-bottom: 1px solid #C9BCAD !important;
  padding: 6px 0 !important;
  order: 3 !important;  /* Subtitle appears third */
}

.confSubTitleContent {
  color: #1E2A38 !important;
  font-size: 12pt !important;
}

/* --------- Announcement (Full-Width Scrolling Red Bar) --------- */
.simpleTextAnnouncement {
  width: 100% !important;
  overflow: hidden !important;           /* hides overflowing text */
  background: #D64541 !important;
  color: #FFFFFF !important;
  font-weight: bold !important;
  font-size: 14pt !important;
  border-top: 2px solid #B11F1F !important;
  border-bottom: 2px solid #B11F1F !important;
  padding: 14px 0 !important;
  margin: 0 !important;

  order: unset !important;
  align-self: stretch !important;

  /* Soft glow */
  box-shadow: 0 0 12px rgba(214, 69, 65, 0.6) !important;
  position: relative !important;
}

/* Scrolling text container */
.simpleTextAnnouncement span {
  display: inline-block !important;
  white-space: nowrap !important;
  padding-left: 100% !important;          /* start outside the left edge */
  animation: scrollText 12s linear infinite !important;
}

/* Add icon */
.simpleTextAnnouncement span::before {
  content: "📢  " !important;
  font-size: 18pt !important;
}

/* Keyframes for left → right scrolling */
@keyframes scrollText {
  0% {
    transform: translateX(0%);
  }
  100% {
    transform: translateX(-100%);
  }
}



/* --------- Menu --------- */
#outer {
  border: 1px solid #D1CBC4 !important;
  background: #EFE6DA !important;
}

.menuConfTitle a {
  color: #1E2A38 !important;
  padding: 8px 12px !important;
  font-size: 11pt !important;
}

#outer li a:hover {
  background: #E1D8CD !important;
}

.menuConfTitle.selected > a,
.menuConfMiddleCell.selected > a {
  background: #D64541 !important;
  color: white !important;
}

/* --------- Content --------- */
.confBodyBox {
  margin-left: 230px !important;
  background: #F8F6F2 !important;
  color: #1E2A38 !important;
}

/* --------- Buttons --------- */
.btn, button {
  background: #D64541 !important;
  color: #FFFFFF !important;
  border: none !important;
  font-weight: bold !important;
}

.btn:hover, button:hover {
  background: #B11F1F !important;
}


/* --------- UNIFORM BODY TEXT SIZE --------- */
body, .conference-page, .confBodyBox,
.confBodyBox p,
.confBodyBox td,
.confBodyBox th,
.confBodyBox li,
.confBodyBox div,
.confBodyBox span {
  font-size: 12pt !important;      /* Change this number to adjust size */
  line-height: 1.6 !important;
  color: #1E2A38 !important;
  font-family: Arial, Helvetica, sans-serif !important;
}


/* --------- Footer --------- */
footer, .footer {
  background: #1E2A38 !important;
  color: #F8F6F2 !important;
  text-align: center !important;
  padding: 12px !important;
  font-size: 10pt !important;
}