/* :root {
  font-family: sans-serif;
} */

/* div {
  display: inline;
}
*/





/* .event-title {
  display: inline;
} */

/* .event-title {
  width: auto;
} */

/* .container {
  display: block;
  margin-left: auto;
  margin-right: auto;
  width: 90%;
} */

:root {
  li {
    list-style-type: none;
    /* margin: 0.5rem; */
  }

  h1 {
    --pico-h1-color: var(--pico-primary);
  }


}

.event-date,
.event-time,
.event-venue {
  font-weight: bold;
  /* width: 5rem; */
  /* display: inline; */

  font-family: var(--pico-font-family-monospace);

  text-wrap-mode: nowrap;
  /* flex-basis: content; */

}

.event-entry {
  display: flex;
  flex-flow: row nowrap;
  justify-content: flex-start;
  align-items: stretch;
  gap: 0rem 1rem;
  margin: 0 1rem;
  padding: 0.75rem 0;
  border-bottom: var(--pico-border-width) solid;
  border-collapse: collapse;
  border-color: var(--pico-muted-border-color);
}

.event-entry-item {
  flex-basis: content;
}

/* .event-title {
  width: auto;
} */

.event-venue {
  width: 7rem;
  flex-basis: auto;
  flex-shrink: 0;
}

/* .event-date {
  width: 6.5rem;
}

.event-time {
  width: 3.5rem;
} */

section.event-section {
  margin-top: 2rem;
  margin-bottom: 3rem;
}

@media (max-width: 768px) {
  .event-entry {
    flex-flow: row wrap;
    gap: 0.25rem 1rem;
    margin: 0 0;
  }

  .event-title {
    flex-basis: 100%;
  }

  .events-dated .event-date {
    display: none;
  }
}


/* @media (min-width: 576px) {
  .container {
    max-width: 510px;
    padding-right: 0;
    padding-left: 0;
  }
}
@media (min-width: 768px) {
  .container {
    max-width: 700px;
  }
}
@media (min-width: 1024px) {
  .container {
    max-width: 950px;
  }
}
@media (min-width: 1280px) {
  .container {
    max-width: 1200px;
  }
}
@media (min-width: 1536px) {
  .container {
    max-width: 1450px;
  }
} */