//
// Base styles
//

.card {
  position: relative;
  margin-bottom: @form-group-margin-bottom;
  border: @card-border-width solid @card-border-color;
  .border-radius(@card-border-radius);
}

.card-block {
  padding: @card-spacer-x;
}

.card-title {
  margin-top: 0;
  margin-bottom: @card-spacer-y;
}

.card-subtitle {
  margin-top: -(@card-spacer-y / 2);
  margin-bottom: 0;
}

.card-text:last-child {
  margin-bottom: 0;
}

// .card-actions {
//   padding: $card-spacer-y $card-spacer-x;

//   .card-link + .card-link {
//     margin-left: $card-spacer-x;
//   }
// }

.card-link {
  &:hover {
	text-decoration: none;
  }

  + .card-link {
	margin-left: @card-spacer-x;
  }
}

 .card {
   > .list-group:first-child {
	 .list-group-item:first-child {
	   border-radius: @card-border-radius @card-border-radius 0 0;
	 }
   }

   > .list-group:last-child {
	 .list-group-item:last-child {
	   border-radius: 0 0 @card-border-radius @card-border-radius;
	 }
   }
 }

//
// Optional textual caps
//

.card-header {
  padding: @card-spacer-y @card-spacer-x;
  background-color: @card-cap-bg;
  border-bottom: @card-border-width solid @card-border-color;

  &:first-child {
	.border-radius(@card-border-radius-inner @card-border-radius-inner 0 0);
  }
}

.card-footer {
  padding: @card-spacer-y @card-spacer-x;
  background-color: @card-cap-bg;
  border-top: @card-border-width solid @card-border-color;

  &:last-child {
  	.border-radius(0 0 @card-border-radius-inner @card-border-radius-inner);
  }
}


//
// Background variations
//

.card-primary {
  background-color: @brand-primary;
  border-color: @brand-primary;
}
.card-success {
  background-color: @brand-success;
  border-color: @brand-success;
}
.card-info {
  background-color: @brand-info;
  border-color: @brand-info;
}
.card-warning {
  background-color: @brand-warning;
  border-color: @brand-warning;
}
.card-danger {
  background-color: @brand-danger;
  border-color: @brand-danger;
}


//
// Inverse text within a card for use with dark backgrounds
//

.card-inverse {
  .card-header,
  .card-footer {
	border-bottom: @card-border-width solid rgba(255,255,255,.2);
  }
  .card-header,
  .card-footer,
  .card-title,
  .card-blockquote {
	color: #fff;
  }
  .card-link,
  .card-text,
  .card-blockquote > footer {
	color: rgba(255,255,255,.65);
  }
  .card-link {
	&:hover,
	&:focus {
	  color: #fff;
	}
  }
}


//
// Blockquote
//

.card-blockquote {
  padding: 0;
  margin-bottom: 0;
  border-left: 0;
}

// Card image
.card-img {
  // margin: -1.325rem;
	.border-radius(@card-border-radius);
}
.card-img-overlay {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  padding: @card-spacer-x;
}



// Card image caps
.card-img-top {
	.border-radius(@card-border-radius @card-border-radius 0 0);
}
.card-img-bottom {
	.border-radius(0 0 @card-border-radius @card-border-radius);
}


//
// Card set
//

.card-flex-table(flex); // o .card-flex-table(table);

//
// Card
//

.card-columns {
  column-count: 3;
  column-gap: @card-spacer-x;

  .card {
	display: inline-block;
	width: 100%; // Don't let them exceed the column width
  }
}