/* Flip cards */

/* Basics */
.flip-cards {
	margin: 0px;
	padding: 0px;
}

.flip-cards .header {
	margin: 0px;
	padding: 20px 0px 0px 0px;
}

.flip-cards .cards {
	display: flex;
	flex-direction: row;
	flex-wrap: wrap;
	justify-content: space-between;
	align-items: stretch;
	align-content: stretch;
	margin: 0px;
	padding: 20px 0px;
}

.flip-cards .cards .card {
	position: relative;
	display: block;
	padding: 10px;
	box-sizing: border-box;
	perspective: 1000px;
}

.flip-cards .cards .card .card-content {
	display: block;
	padding: 0px;
	height: 100%;
	border: 1px solid #ddd;
	box-sizing: border-box;
}

.flip-cards .cards .card.animation {
	z-index: 10;
}

.flip-cards .cards .card.animation .card-content {
	transform-style: preserve-3d;
	transition: transform 0.3s ease-in-out;
}

.flip-cards .cards .card.opening .card-content {
	transform: rotateY(-180deg);
}

.flip-cards .cards .card.closing .card-content {
	transform: rotateY(180deg);
}

.flip-cards .cards .card.clickable .card-content {
	cursor: pointer;
}

.flip-cards .cards .card.clickable .card-content::after {
	content: "";
	position: absolute;
	display: none;
	top: 0px;
	right: 0px;
	padding: 10px;
	width: 40px;
	height: 40px;
	font-size: 20px;
	font-weight: bold;
	line-height: 20px;
	text-align: center;
	color: #fff;
	background: #e0301e;
	border-radius: 100%;
	box-sizing: border-box;
}

.flip-cards .cards .card.clickable:not(.opening):not(.closing):not(.open) .card-content::after {
	content: "+";
	display: block;
}

.flip-cards .cards .card.clickable.open:not(.opening):not(.closing) .card-content::after {
	content: "<";
	display: block;
}

.flip-cards .cards .card .front {
	display: block;
	padding: 20px;
	height: 100%;
	min-height: 200px;
	text-align: center;
	background: #fff;
	box-sizing: border-box;
}

.flip-cards .cards .card .back {
	display: none;
	padding: 20px;
	height: 100%;
	min-height: 200px;
	color: #fff;
	background: #444;
	box-sizing: border-box;
}

.flip-cards .cards .card.opening .back {
	transform: rotateY(-180deg);
}

.flip-cards .cards .card.show-back .front {
	display: none;
}

.flip-cards .cards .card.closing .front {
	transform: rotateY(-180deg);
}

.flip-cards .cards .card.show-back .back {
	display: block;
}

.flip-cards .cards .card .front img {
	display: block;
	margin: 0px auto;
	max-width: 100%;
}

.flip-cards .cards .card .back h3 {
	margin: 0px;
}

.flip-cards .cards .card .back a {
	display: inline-block;
	padding: 5px 0px;
	text-decoration: none;
	color: inherit;
}

.flip-cards .cards .card .back a:hover {
	text-decoration: underline;
}

.flip-cards .cards .card .back a.video-link::before {
	content: "";
	display: inline;
	margin-right: 12px;
	padding: 12px;
	background: transparent url('data:image/png;base64,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') no-repeat center center;
	background-size: contain;
}

.flip-cards .modal .video-asset {
	display: block;
	margin: 0px auto;
	width: 640px;
	max-width: 100%;
	max-height: 100%;
	clear: both;
}

/* Types */

.flip-cards .cards .card.icon .front .image-wrapper img {
	width: 120px;
	max-width: 40%;
}

.flip-cards .cards .card.image .front {
	padding: 0px;
}

.flip-cards .cards .card.image .front h3 {
	padding: 20px;
	font-weight: normal;
}

.flip-cards .cards .card.image .front .image-wrapper {
	position: relative;
	padding-bottom: 56.25%;
	width: 100%;
	background: #444;
	overflow: hidden;
}

.flip-cards .cards .card.image .front .image-wrapper img {
	position: absolute;
	top: 0px;
	right: 0px;
	bottom: 0px;
	left: 0px;
	margin: auto;
	min-width: 100%;
	min-height: 100%;
}

/* Screen specifics */
@media screen and (max-width: 479px) {
    .flip-cards .cards .card {
		width: 100%;
	}
}

@media screen and (min-width: 480px) and (max-width: 959px) {
    .flip-cards .cards .card {
		width: 50%;
	}
}

@media screen and (min-width: 960px) {
    .flip-cards .cards .card {
		width: 33.3%;
	}
}