


.tile-list {
	display: flex;
	flex-direction: row;
	flex-wrap: wrap;
	/* align-items: baseline; */
	max-width: 1200px;
  width: 100%;
}

.tile {
  display: flex;
  justify-content: center;
  align-items: center;
  margin: 0;
  padding: 10px;
}

.tile > a img,
.tile > a > div:not(div:has(>i)) {
  display: block;
  margin: auto;
  width: 188px;
  max-width: none;
}

.tile > a > div:last-child {
  white-space: normal;
  text-align: center;
  width: 188px;
  height: 52px;
  display: table-cell;
  vertical-align: bottom;
}

.tile a {
  padding: 1px;
  border: 1px solid #d9e4ef;
  transition: box-shadow .5s;
  text-align: center;
}

.tile-list.events time {
  display: block;
  font-size: 15px;
}

/*
.tile-list.events .tile div:last-child {
  height: 78px;
}
*/

@media screen and (hover:hover) {

  .tile a:hover {
    box-shadow: 4px 4px 8px rgba(0,0,0,0.69);
  }
}

/*
#                                                       ((`\
#                                                   ___ \\ '--._
#                                                 .'`   `'    o  )
#                                               /    \   '. __.'
#                                              _|    /_  \ \_\_
#                                            {_\______\-'\__\_\
*/