/* Background image instead of sunburst */
#igs-banner {
  position: relative;
  width: 100%;
  aspect-ratio: 750/450;
  overflow: hidden;
  color: #fff;
  font-family: 'Open Sans', sans-serif;

  background: url("../images/NAM-BG.jpg") center/cover no-repeat;
}

/* Wrap container (unchanged) */
#igs-banner .grant-proposal-wrap {
  position: relative; z-index: 1;
  height: 100%;
  display: grid;
  grid-template-rows: auto 1fr auto;
  padding: 2vw 3vw;
  box-sizing: border-box;
}


/* ─────────────────────────────────────────────── */
/* TOP AREA */
/* ─────────────────────────────────────────────── */

.symposium-header {
    display: flex;
    flex-direction: column;
    justify-content: center;
}

.symposium-top {
  display: flex;
  justify-content: center; 
  gap: 2rem; 
  align-items: flex-start;
}

.symposium-logo {
  width: clamp(200px, 14%, 180px);
}

.symposium-sponsor {
  font-size: clamp(10px, 1.6vw, 13px) !important;
  font-family: 'Open Sans', sans-serif !important;
  color: white !important;
  text-align: center !important;
  line-height: 1.3;
  margin: 0 !important;
  padding: 0 !important; 
}


/* ─────────────────────────────────────────────── */
/* TITLE + SUBTITLE */
/* ─────────────────────────────────────────────── */

.symposium-title {
  /* EXACT match to .grant-proposal-title */
  font-size: clamp(18px, 4vw, 32px);
  font-family: 'Candal', sans-serif;
  margin-bottom: 0.3em;
  line-height: 1.1;
  text-align: center; 
}

.symposium-subtitle-override {
  /* EXACT match to your .grant-proposal-subtitle size */
  font-size: clamp(13px, 1.8vw, 18px);
  max-width: 900px;
  margin: 0 auto;
  line-height: 1.4;
  color: #d8e1f4;
  text-align: center;
  font-family: 'Open Sans', sans-serif !important;
}


/* ─────────────────────────────────────────────── */
/* DETAILS SECTION */
/* ─────────────────────────────────────────────── */

.symposium-bottom {
        display: flex;
    justify-content: center; 
    align-items: center; 

}

.symposium-details {
  max-width: 760px;
}

.symposium-details p {
  /* Same scale as list items */
  font-size: clamp(13px, 1.8vw, 18px);
  margin: 0.1em 0;
  color: white !important; 
  font-weight: bold !important; 
  font-family: 'Open Sans', sans-serif !important;
}

.symposium-details i {
  color: #ffd400;
  margin-right: 0.6em;
}

.symposium-details strong {
  font-weight: 700;
}

.symposium-location-subtext {
  margin-top: 0.5rem;
  color: white; 
  font-size: clamp(10px, 1.5vw, 13px);
  font-weight: normal; 
}


/* ─────────────────────────────────────────────── */
/* REGISTRATION TEXT */
/* ─────────────────────────────────────────────── */

.deadline-section {
    display: flex;
    justify-content: center;
    align-items: center; ;
}


.symposium-register {
  /* EXACT match to .grant-proposal-deadline font size */
  font-size: clamp(20px, 1.2vw, 40px);
  margin-top: 0.25em !important; 
  padding: 0 !important; 
  font-family: 'Open sans', sans-serif !important; 
  font-weight: bold !important; 
}

.symposium-register a {
  color:#90b3ff !important; 
  text-decoration: none;

}

.symposium-register:hover {
    animation: pop-wiggle 0.4s ease-in-out;
    transform: scale(1.03);
}

@keyframes pop-wiggle {
    0%   { transform: scale(1.01)  }
    100%  { transform: scale(1.02)  }
}


/* ─────────────────────────────────────────────── */
/* RESPONSIVE MOBILE */
/* ─────────────────────────────────────────────── */

@media (max-width: 700px) {

  .symposium-top {
flex-direction: row;
        align-items: center;
        gap: 1em;
  }

  .symposium-sponsor {
    text-align: left;
  }

  .symposium-details {
    text-align: left;
  }

  .symposium-details p {
    padding: 0 !important; 
  }
}