/* Limit image in the card title*/
.card-img-top {
  max-width: 4rem;
  height: 4rem;
  padding-top: 5px;
}

/* decorate links in card */
.card a {
  text-decoration: none;
}
.card li:hover {
  background: lightgray;
}
.card-title {
  font-weight: unset;
}

/* Special boxes for cards */ 
.card {
  box-shadow: 0px 2px 10px 1px rgba(0,0,0,0.2);
  transition: transform .2s;
}

.card:hover {
  box-shadow: 0px 2px 15px 1px rgba(0,0,0,0.3);
}

/* on large screen we want card to be approx of the same size */
@media (min-width:768px) {
  .navigator-container .card {
    min-height: 300px;
  }
  /* disable push to bottom on the card */
  .navigator-container .card .card-body {
    flex: unset;
  }

}

/* limit icon size in the card li */
.navigator-container .card > ul > li > a > div > div > img {
    max-height: 20px;
    max-width: 20px;
}

.navigator-container .card li {
  padding: 0.2rem 1rem;
}