//
//.card {
//
//  /***** Make height equal to width (http://stackoverflow.com/a/6615994) ****/
//
//  display: inline-block;
//  position: relative;
//  width: 100%;
//  .card-height-indicator {
//    margin-top: 100%;
//  }
//  .card-content {
//    position: absolute;
//    top: 0;
//    bottom: 0;
//    left: 0;
//    right: 0;
//  }
//
//  /**************************************************************************/
//
//  border-radius: $border-radius-base;
//  color: $mdb-card-body-text;
//  background: $mdb-card-body-background;
//
//  @include shadow-z-2();
//
//  .card-image {
//    height: 60%;
//    position: relative;
//    overflow: hidden;
//    img {
//      width: 100%;
//      height: 100%;
//      border-top-left-radius: 2px;
//      border-top-right-radius: 2px;
//      pointer-events: none;
//    }
//    .card-image-headline {
//      position: absolute;
//      bottom: 16px;
//      left: 18px;
//      font-size: 2em;
//      color: $mdb-card-image-headline;
//    }
//  }
//
//  .card-body {
//    height: 30%;
//    padding: 18px;
//  }
//
//  .card-footer {
//    height: 10%;
//    padding: 18px;
//    button {
//      position: relative;
//      bottom: 25px;
//      width: auto;
//      margin: 0 !important;
//      &:first-child {
//        left: -15px;
//      }
//    }
//  }
//}