//----------------------------------------------------------------------------------------------------------------------
// CARDS
//----------------------------------------------------------------------------------------------------------------------

// Card container
.card {
	overflow: hidden;

	> * {
		padding: rhythm(.5);
	}
}

// Card elements
.card-header, .card-image, .card-body, .card-footer {
	width: 100%;
}

// Card header (may be placed above or below image)
.card-header {
	& + .card-body {
		padding-top: 0;
	}
}

// Card image
.card-image {
	padding: 0;
	display: block;
}

// Card main content
.card-body {
	// Empty
}

// Card footer
.card-footer {
	// Empty
}