:root {
  --md-primary-fg-color:        #00883A;
}

/*Overview pages*/

div.grid.cards {
  display: grid;
  grid-gap: 1rem;
  grid-template-columns: repeat(auto-fit,minmax(16rem,1fr));
}

div.grid.cards ul{
  display: contents;
  list-style-type: none;
  margin: 0;
}

div.grid.cards > ul >li {
    border: none;
    border-radius: 0.2rem;
    box-shadow: 0 0 .2rem #0000001a, 0 .2rem .4rem #0003;
    display: block;
    margin: 0;
    overflow: hidden;
    padding: 0;
    box-sizing: border-box;
    transition: box-shadow 0.2s ease-in-out;
}

div.grid.cards > ul >li:hover {
    box-shadow: 0 0 .2rem #0000003a, 0 .2rem .4rem #0005;
 }

div.grid.cards > ul >li >a >h3 {
  background-color: var(--md-primary-fg-color);
  color: white;
  margin: 0;
  padding: 0.4rem;
  text-align: center;
}
div.grid.cards > ul >li >a >p {
  color: var(--md-typeset-color);
  margin: 0;
  padding: 0.8rem 1.2rem;
  text-align: left;
}

div.grid.cards a {
     text-decoration: none;
     display: block;
     padding:0;
}