.hero--big-banner{
    height: 40vh;
}
.hero__stage-foreground, .hero__stage{
    min-height:600px;
}
.inner-content{
    width:87%;
    margin: 0 auto 5rem auto;
    min-height: 50vh;
}
.content{
    margin-top:1rem;
}
.header--container{
    width:auto;
    height:auto;
    position:absolute;
    background-color:var(--color-primary-signature);
    color:white;
    border-radius: 0px 20px 0px 0px;
    padding-bottom: 0.5rem;
}
.header--container h1{
    margin:0px 20px;
}
.hero__stage--header{
    width:100%;
    height:100%;
    display:flex;
    flex-direction:column-reverse;
}
.list--date{
    border: 2px solid #ededed;
    border-radius: 3px;
    padding: 1.25rem;
    margin: 0 1.25rem;
    color: #134c8f;
    font-size: 1.125rem;
    font-weight: bold;
}
.list--date-container{
    display:flex;
}
.list--date-separator{
    margin: 0.75rem;
    color: #134c8f;
    font-size: 1.125rem;
    font-weight: bold;  
    align-self:center;
}
/* List and pagination */
.items {
  list-style: none;
  padding: 0;
  margin: 0;
}
.items li {
  padding: 8px;
  border-bottom: 1px solid #eee;
}
.pagination {
  display: flex;
  justify-content: center;
  align-items: center;
  margin-top: 16px;
}
.pagination button {
  padding: 6px 12px;
  margin: 0 8px;
  border: 1px solid var(--color-dacc-blue);
  background-color: #fff;
  color: var(--color-dacc-blue);
  cursor: pointer;
  transition: background-color 0.2s;
}
.pagination button:disabled {
  opacity: 0.5;
  cursor: default;
}
.pagination .page-info {
  font-size: 0.9rem;
}
.dacc-event-listing {
  padding-block: clamp(2rem, 5vw, 4rem);
  background: #f6f7f8;
}

.dacc-event-listing > .container {
  width: min(100%, 1440px);
  margin-inline: auto;
  padding-inline: clamp(1rem, 4vw, 3rem);
  box-sizing: border-box;
}

.dacc-event-listing__intro { max-width: 760px; margin-bottom: 2rem; }
.dacc-event-listing__intro h2 { margin: 0 0 .4rem; color: #222; font-size: clamp(1.75rem, 3vw, 2.4rem); }
.dacc-event-listing__intro p { margin: 0; color: #555; }

.dacc-event-grid {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 1.5rem;
}

.dacc-event-card {
  display: grid;
  grid-template-columns: minmax(180px, 36%) 1fr;
  min-width: 0;
  overflow: hidden;
  background: #fff;
  border: 1px solid #dde1e5;
  border-radius: .65rem;
  box-shadow: 0 3px 14px rgba(0,0,0,.07);
  transition: transform 160ms ease, box-shadow 160ms ease;
}

.dacc-event-card:hover { transform: translateY(-2px); box-shadow: 0 8px 24px rgba(0,0,0,.11); }
.dacc-event-card--no-image { grid-template-columns: 1fr; }
.dacc-event-card__image-link { display: block; min-height: 100%; background: #e9ecef; }
.dacc-event-card__image { display: block; width: 100%; height: 100%; min-height: 260px; object-fit: cover; object-position: center; }
.dacc-event-card__body { display: flex; flex-direction: column; min-width: 0; padding: 1.35rem; }
.dacc-event-card__date { margin-bottom: .45rem; color: #721c3b; font-size: .9rem; font-weight: 700; }
.dacc-event-card__title { margin: 0 0 .6rem; font-size: clamp(1.2rem, 2vw, 1.5rem); line-height: 1.25; }
.dacc-event-card__title a { color: #222; text-decoration: none; }
.dacc-event-card__title a:hover, .dacc-event-card__title a:focus { color: #721c3b; text-decoration: underline; }
.dacc-event-card__location { margin: 0 0 .75rem; color: #555; font-weight: 700; }
.dacc-event-card__content { margin: 0 0 1rem; color: #3f454a; line-height: 1.55; }
.dacc-event-card__content > :first-child { margin-top: 0; }
.dacc-event-card__content > :last-child { margin-bottom: 0; }
.dacc-event-card__content img, .dacc-event-card__content video, .dacc-event-card__content iframe { max-width: 100%; height: auto; }
.dacc-event-card__more { align-self: flex-start; margin-top: auto; color: #721c3b; font-weight: 700; text-decoration: none; }
.dacc-event-card__more:hover, .dacc-event-card__more:focus { text-decoration: underline; }

.dacc-event-pagination { display: flex; align-items: center; justify-content: center; gap: 1rem; margin-top: 2rem; }
.dacc-event-pagination button { min-width: 7rem; padding: .65rem 1rem; color: #fff; background: #721c3b; border: 2px solid #721c3b; border-radius: .3rem; font-weight: 700; cursor: pointer; }
.dacc-event-pagination button:hover, .dacc-event-pagination button:focus { background: #54142c; border-color: #54142c; }
.dacc-event-pagination button:disabled { opacity: .45; cursor: not-allowed; }
.dacc-event-pagination [data-event-page-info] { min-width: 7rem; text-align: center; font-weight: 700; }
.dacc-event-card[hidden], .dacc-event-pagination[hidden] { display: none !important; }

@media (max-width: 1000px) { .dacc-event-grid { grid-template-columns: 1fr; } }
@media (max-width: 600px) {
  .dacc-event-listing > .container { padding-inline: 1rem; }
  .dacc-event-card { grid-template-columns: 1fr; }
  .dacc-event-card__image { height: 220px; min-height: 0; }
  .dacc-event-pagination { gap: .55rem; }
  .dacc-event-pagination button { min-width: 0; }
}
@media (prefers-reduced-motion: reduce) { .dacc-event-card { transition: none; } }