/* CSS stylesheet for venues.php */

h3 { margin: 20px 0 10px }

table.venuelist { border-bottom: 1px solid #999; }
table.venuelist tr td
{
  vertical-align: top;
  border-top: 1px solid #eee;
  padding: 5px 2px 5px 0;

}

table.venuedates tr td
{
  border-top: 1px solid #bbb;

  padding: 2px 5px 10px;
  vertical-align: top;
}
table.venuedates tr td:first-child
{
  white-space: nowrap;
}

@media (max-width: 500px)
{
  table.venuedates { font-size: 90% }
}

form.venuesearch
{
  width: 90%;
  max-width: 800px;
  background: #b8d0ee;
  padding: 5px;
  display: grid;
  grid-template-columns: 4fr 1fr;
  align-items: start;
}
form.venuesearch div.form_input_pair
{
  display: grid;
  grid-template-columns: 1.5fr 1fr;
  gap: 10px;
  align-items: start;
}
form.venuesearch input[type=submit] 
{ 
  width: max-content;
  margin: 5px 10px;
}
@media (max-width: 600px)
{
  form.venuesearch { display: block; }
  form.venuesearch div.form_input_pair { display: block; }
  form.venuesearch input[type=submit] { margin: 0 }
}

table.venuelist tr td.vname { max-width: 200px }
table.venuelist tr td.desc { max-width: 500px }

table.venueshortlist tr td, table.venueshortlist tr th
{
  border: 1px solid #999;
  padding: 1px 10px;
}

div.venuelistcontainer
{
  display: grid;
  gap: 20px;
  grid-template-columns: 1fr 1fr;
}
@media (max-width: 600px)
{
  div.venuelistcontainer { grid-template-columns: 1fr }
}


div.venuecol
{
  max-width: 600px;
}

@media (max-width: 500px)
{
  div.venuelist
  {
    margin: 5px;
    padding: 5px;
    font-size: 95%;
  }
}

form.daysearch
{
  display: grid;
  grid-template-columns: 1fr 1fr 1fr;
  background: #b8d0ee;
  margin: 10px 0;
  padding: 10px;
}

form.daysearch input[type=submit] { width: max-content }