
.card-horizontal {
  flex-flow: row wrap;
}

a.card {
  transition: $transition-base;
  flex-grow: 0;

  &:hover, &:focus {
    box-shadow: $box-shadow;
    text-decoration: none;
    transform: translateY(-2px);
  }

}


.card-img-top, .card-img {
  overflow: hidden;

  img {
    width: 100%;
    height: auto;
  }
}


.card-title {
  color: $card-cap-color;
  margin-bottom: .5em;
}


.card-body {
  padding: $card-spacer-y $card-spacer-x 0 $card-spacer-x;
}


.card-footer {
  color: $card-cap-color;
  padding: 1em $card-spacer-x $card-spacer-y $card-spacer-x;
}


.card-link {
  position: relative;
  display: inline-block;
  font-weight: $font-weight-bolder;

  &::before {
    content: '→ ';
  }

}


// PAGE TEASER CONTENT ELEMENT
.card-pageteaser {

  .card-deck & {
    flex-grow: 0;
    flex-basis: 100%;
    margin-top: $card-deck-margin;
    margin-bottom: $card-deck-margin;
    @include media-breakpoint-up(md) {
      flex-basis: calc(50% - #{$card-deck-margin*2});
    }
  }

  .card-deck[data-modulo='odd'] & {
    @include media-breakpoint-up(md) {
      flex-basis: calc(33% - #{$card-deck-margin*2});
    }
  }
}


