/*
Stylesheet for setting up a CSS grid layout for the 
Participants Database responsive list display
*/
/* sets up the grid container */
.pdb-list-grid .list-container {
  display: grid;
  /* sets up the columns: here we set up 3 equal columns */
  grid-template-columns: 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr
  /* this defines the amount of space between the elements */
  grid-gap: 2.5em 5%;
}
/* this styles each record section */
.pdb-list-grid section {
  /* don't need margins, the grid does this for us */
  margin: 0;
}
/* this makes the 8th field start on a new line */
.pdb-list-grid .pdb-field:nth-child(8) {
  clear: left;
}

1. Organization/Church
2. Address
3. Phone Number
4. Category
5. How Often
6. Appointment
7. DayOfWeek
8. Time Frame
9. Service Provided