/*--------------------------------------------------------------
# Cards
--------------------------------------------------------------*/
//or remove this completely to design your own cards
.type-post.card,
.type-page.card {
	box-shadow: 0 1px 12px rgba(black, 0.3);
	border-radius: 5px;
	position: relative;
	display: flex;
	flex-direction: column;

	> * {
		padding: 0 var(--gutters);
	}

	h2 {
		margin-top: 0;
	}

	/*------- Card Header --------*/
	.cover-image {
		padding: 0;
		img {
			height: 150px;
		}
	}

	.card-title {
		font-size: 2.6rem;
		margin-bottom: var(--gutters);
	}

	a.term-link {
		font-size: 1.2rem;
		letter-spacing: 0.5px;
		text-transform: uppercase;
		font-weight: bold;
	}

	.more-link {
		@extend .button;
	}

	.card-content {
		flex: 1 0 auto;
		font-size: 1.6rem;
	}

	.card-meta {
		display: flex;
		padding-bottom: 5px;
	}

	.posted-on {
		margin-right: 10px;
	}
} //end cards styling