/* events.css - stylesheet for events.php */

main { padding: 0 }

table.eventslist
{
  margin: 10px 0;
  background: #def;
}
table.eventslist tr td,
table.eventslist tr th
{
  vertical-align: top;
  border-bottom: 1px solid #999;
  padding: 10px;
  line-height: 1.2;
}
table.eventslist tr td.date 
{ 
  width: 70px;
}
table.eventslist tr td.date span.md
{
  font-weight: bold;
}

@media (max-width: 600px)
{
  table.eventslist tr { display: block; margin-top: 5px; }
  table.eventslist tr td { display: block; font-size: 90%; border: none }
  table.eventslist tr td.date 
  { 
    font-size: 100%;
    width: auto; 
    padding: 10px 5px 0;
    border-top: 1px solid #99c;
  } 
}

table.eventslist tr td.day
{
  text-align: right;
  padding-left: 0;
}


table.eventslist tr td.venuedescription { font-size: 80% }

fieldset.upload_dialog {  max-width: 500px; background: white }
textarea { max-width: 95% }

/* events listing page */
div.dow {display:inline-block; width: 30px; vertical-align: top}

div.evt
{
  display: flex;
  flex-wrap: wrap;
  gap: 0 5px;
  margin-top: 2px;
  background: white;
  padding: 0 0 2px 2px;
}

@media (max-width: 350px)
{
  td.evtinfo a 
  { 
    display: block;
  }
}

div.search
{
  max-width: 600px;
  margin: 20px 0 20px;
}