/*
 * #Flex Cards
 */

/*
 * Flex Cards container
 */

.flexcards {
	display: -webkit-box;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;

	-ms-flex-wrap: wrap;
	flex-wrap: wrap;

	margin: 0;
	padding: 0;
}

/*
 * Flex Cards item
 */

.flexcard {
	position: relative;

	display: -webkit-box;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;

	-webkit-box-orient: vertical;
	-webkit-box-direction: normal;
	-ms-flex-direction: column;
	flex-direction: column;

	overflow: hidden;
	margin-bottom: 20px;
}

.flexcards.nomb .flexcard {
	margin-bottom: 0;
}

/*
 * Flex Cards item > image
 */

.flexcard__image {
	position: relative;
	overflow: hidden;
	background-position: center center;
	background-repeat: no-repeat;
	background-size: cover;
}

.flexcard__image::before {
	content: "";
	display: block;
	padding-top: 56.25%;
}

/*
 * Flex Cards item > content
 */

.flexcard__content {
	position: relative;
	z-index: 10;

	display: -webkit-box;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;

	-webkit-box-orient: vertical;
	-webkit-box-direction: normal;
	-webkit-flex-direction: column;
	-ms-flex-direction: column;
	flex-direction: column;

	-webkit-box-flex: 1;
	-webkit-flex-grow: 1;
	-ms-flex-positive: 1;
	flex-grow: 1;

	-webkit-box-pack: justify;
	-webkit-justify-content: space-between;
	-ms-flex-pack: justify;
	justify-content: space-between;

	padding: 0;
}

/*
 * Flex Cards item: content > info
 */

.flexcard__info {
	display: -webkit-box;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;

	-webkit-box-orient: vertical;
	-webkit-box-direction: normal;
	-webkit-flex-direction: column;
	-ms-flex-direction: column;
	flex-direction: column;

	-webkit-box-flex: 1;
	-webkit-flex-grow: 1;
	-ms-flex-positive: 1;
	flex-grow: 1;

	-webkit-box-align: center;
	-webkit-align-items: center;
	-ms-flex-align: center;
	align-items: center;
}

/*
 * Flex Cards item > content > info common (including content fix for IE 11 & IE 10)
 */

.flexcard .flexcard__title,
.flexcard .flexcard__caption {
	position: relative;
	display: table;
	overflow: hidden;
	width: 100%;
	table-layout: fixed;
}

/*
 * Flex Cards item: content > info > title
 */

.flexcard .flexcard__title {
	margin: 0 0 10px;
	padding: 0;
	font-weight: normal;
	text-align: center;
}

.flexcard .flexcard__title a {
	display: table-cell;
	color: #000;
	vertical-align: middle;
	white-space: normal;
	text-overflow: ellipsis;
	text-decoration: none;
	line-height: 1.25;
	font-size: 1.25rem;
}

/*
 * Flex Cards item: content > info > caption
 */

.flexcard .flexcard__caption {
	margin: auto 0 10px 0;
	font-size: 1rem;
}

.flexcard .flexcard__caption p {
	margin: 0;
}

/*
 * Flex Cards item > content > button
 */

.flexcard button,
.flexcard a.rwd__btn {
	margin: 0;
}