// Card

.card {
  border: 0;
  box-shadow: $box-shadow-4;

  .bg-image {
    border-top-left-radius: $card-border-radius;
    border-top-right-radius: $card-border-radius;
  }

  &[class*='bg-'] {
    .card-header {
      border-bottom-color: $card-border-color;
    }
    .card-footer {
      border-top-color: $card-border-color;
    }
  }
}

.card-header {
  background-color: $card-header-background-color;
  border-bottom: $card-header-border-width solid $card-header-border-color;
}

.card-body {
  &[class*='bg-'] {
    border-bottom-left-radius: $card-border-radius;
    border-bottom-right-radius: $card-border-radius;
  }
}

.card-footer {
  background-color: $card-footer-background-color;
  border-top: $card-header-border-width solid $card-header-border-color;
}

.card-img-left {
  border-top-left-radius: $card-border-radius;
  border-bottom-left-radius: $card-border-radius;
}