
.card {

	border-radius: 3px;
	padding-bottom: 0;

	.tile {

		.title {
			padding-bottom: 0;
		}

		&.top {

			border-top-left-radius: 3px;
			border-top-right-radius: 3px;

		}

	}

	.title {

		font-weight: medium !important;
		padding: 9px 0 24px 0;
		font-size: 2em;
		line-height: 1em;

		small {

			color: get-color(grey, 500);
			font-size: 0.6em;

		}

		img {
			margin-right: 15px;
		}

	}


	.media {

		margin-top: -15px;
		margin-left: -15px;
		margin-right: -15px;
		position: relative;

		.title {

			background-color: rgba(0,0,0,0.5);
			color: #FFF;
			font-weight: medium;
			position: absolute;
			bottom: 0;
			padding: 15px;
			display: inline-block;

		}

	}

	.content {

 		padding-top: 15px;
 		padding-bottom: 15px;

	}

	.action-area {

		padding: 8px 5px;
		margin-left: -15px;
		margin-right: -15px;
		margin-top: 0;

		a {
			text-transform: uppercase;
			margin-right: 5px;
		}

		.btn-icon {

			height: 32px;
			margin-right: 5px;
			padding: 4px;

			.icon {

				font-size: 24px;
				padding: 0;
				text-align: center;

			}

		}

	}

}
