.card {
  .list-group {
    .list-group-item {
      margin-bottom: 0;
    }
  }
}

.mmui-card {
  min-height: 22rem; //so that when the content wraps in responsive mode, the content doesn't overflow
  box-shadow: $mm-boxshadow;
  margin-bottom: 2rem;
  .card-body {
    padding: 2rem;
  }
}

.card-deck {
  display: flex;
  flex-direction: column;

  .card {
    margin-bottom: $card-deck-margin;
  }

  @include media-breakpoint-up(lg) {
    //all this does is change bootstrap's media breakpoint of sm to lg by repeating the code.
    flex-flow: row wrap;
    margin-right: -$card-deck-margin;
    margin-left: -$card-deck-margin;

    .card.mmui-card {
      //but making sure the style applies to our mmui-cards
      display: flex;
      // Flexbugs #4: https://github.com/philipwalton/flexbugs#flexbug-4
      flex: 1 0 0%;
      flex-direction: column;
      margin-right: $card-deck-margin;
      margin-bottom: 0; // Override the default
      margin-left: $card-deck-margin;
    }
  }
}

.mmui-card-corners {
  border-radius: 10px;
  .card-footer {
    border-radius: 0px 0px 10px 10px  !important;
  }
}

.mmui-news-card {

  padding: 1rem;

  .card-footer {
    display: flex;
    border-top: none;
    background-color: $mm-neutral-white;
    i {
      font-size: 35px;
      padding: 0 10px 0 0;
    }
    .img {
      height: 3.5rem; width: auto;
    }
  }
}

.mmui-link-card {
  display: flex;
  padding: 1.5rem 1rem;

  .card-body {

    i {
      font-size: 5rem;
    }
    .img {
      height: 5rem; width: auto;
    }
    .mmui-link-card-cta {
      font-size: 1.8rem;
      font-weight: 600;
      line-height: 2rem;
      display: flex;
      justify-content: center;
      align-items: center;
    }
  }
}