/* CSS stylesheet for events.php */

form.event 
{ 
  background: #eee; 
  margin: 2px; 
  padding: 2px; 
  font-family: sans-serif;
}
div.form_input_pair 
{
  display: grid; 
  grid-template-columns: 1fr 5fr;
  margin: 20px 0;
}

/*div.form_input_pair div.input { width: 98%; }*/
div.form_input_pair div.input input,
div.form_input_pair div.input textarea { width: 98% }
div.form_input_pair div.info
{
  background: white;
  color: green;
  grid-column-start: 2;
  grid-column-end: 3;
}

@media (max-width: 500px)
{
  div.form_input_pair 
  { 
    display: block;
    margin: 10px 0;
  }
}

div.pastevent
{
  background: #eee;
  color: #888;
  font-size: 90%;
  line-height: 1.2;
}

span.evdate
{
  display: inline-block;
  margin-right: 30px;
  font-weight: bold;
}

span.evtime 
{ 
  display: inline-block;
  font-weight: bold;
}

p.details { margin-top: 5px;}