/* CSS stylesheet for What's on page */
span.suspended { color: red; }

div.sched
{
  display: grid;
  gap: 20px 5px;
  grid-template-columns: 0.5fr 2fr 6fr;
  background: #f8f4c8;
  margin: 20px 0;
  padding: 0 5px;
}

div.sched div { padding: 2px;}

div.day.doublecol
{
  grid-column-start: 1;
  grid-column-end: 3;
}


@media (max-width: 500px)
{
  div.sched 
  { 
    grid-template-columns: 1fr 5fr; 
    gap: 5px 0;
  }
  div.event 
  { 
    grid-column-start: 1;
    grid-column-end: 3;
    margin-bottom: 10px;
  }
  div.day, div.time
  {
    /* border-top: 1px solid #999; */
    background: rgba(0,0,0,0.05);
    font-weight: bold;
  }

}