
a.card {
  transition: $transition-base;

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

}


.card-img-top {
  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: '→ ';
  }

}


// PAG TEASER CONTNET ELEMENENT
.card-pageteaser {
  .card-deck > & {
    flex-basis: 100%;
    @include media-breakpoint-up(md) {
      flex-basis: calc(50% - #{$card-deck-margin*2});
    }
    margin-top: $card-deck-margin;
    margin-bottom: $card-deck-margin;
  }

}



