/* *****************************************************************************
*
*  CARD
*
* ***************************************************************************** */
.card {
  @include transitions(border);

  .card-header {
    padding: $card-header-padding-y $card-header-padding-x;
    border-bottom: none;
  }

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

  .card-footer {
    padding: $card-footer-padding-y $card-footer-padding-x;
  }

  .card-header,
  .card-body,
  .card-footer {
    &--condensed {
      padding-top: 1rem !important;
      padding-bottom: 1rem !important;
    }

    @include media-breakpoint-down(sm){
      padding-left: 1.2rem;
      padding-right: 1.2rem;
    }
  }

  .card-link {
    .icon {
      @include arrow-setup(-45deg);
      border-color: $body-color;
      margin-left: $spacer;
    }
  }

  &-rounded {
    @extend .card-rounded-top;
    @extend .card-rounded-bottom;
  }
  &-rounded-top {
    border-top-left-radius: .5rem;
    border-top-right-radius: .5rem;
  }
  &-rounded-bottom {
    border-bottom-left-radius: .5rem;
    border-bottom-right-radius: .5rem;
  }

  &--box-shadow {
    box-shadow: 0 0 10px rgba(0, 0, 0, 0.08);
  }

  &.active {
    &:before{
      border: 4px solid $primary;
    }
  }

  &--current-plan {
    background-color: $gray-100!important;
    position: relative;

    .card--current-plan__tag {
      display: block !important;
    }
  }

}