div.card-list {}

div.card-list .card {
	width:100%;
}

div.card-list .card .title {
	margin:5% 0;
	font-size:4vw;
}

div.card-list .card .media-type {
	padding:4px 6px;
	background:rgba(0,0,0,0.1);
	border-radius:6px;
	font-size:3vw;
	text-transform:uppercase;
}

div.card-list .card .date-published {
	font-size:3vw;
	text-transform:uppercase;
}

div.card-list .card.type-static, div.card-list .card.type-static * {
	width:100%;
	overflow:hidden;
	display:block;
}

div.card-list .card.type-static img {
	height:auto;
}

div.card-list .card.type-a1 {
	
}

div.card-list .card.type-a1 .date-published {
	width:50%;
}

div.card-list .card.type-a1 .sponsor {
	width:50%;
	text-align:right
}

div.card-list .card.type-a1 img.thumbnail {
	width:100%;
	height:auto;
	display:block;
}

div.card-list .card.type-a1 .content {
	width:100%;
	padding:2% 5%;
	background:#FFF;
	display:flex;
	flex-wrap:wrap;
	justify-content:space-between;
	align-items:center;
}

div.card-list .card.type-a1 .title {
	width:100%;
}

div.card-list .card.type-a1 .media-type {
	/*width:100%;*/
}

/*START A4*/
div.card-list .card.type-a4 {
	background:#FFF;
	border-radius:12px;
	position:relative;
}

div.card-list .card.type-a4 img.thumbnail {
	width:90%;
	height:auto;
	margin:0 auto;
	border-radius:12px;
	transform:translateY(-48px);
	display:block;
}

div.card-list .card.type-a4 .content {
	width:100%;
	padding:2% 5%;
	display:flex;
	flex-wrap:wrap;
	justify-content:space-between;
	align-items:center;
	transform:translateY(-48px);
}

div.card-list .card.type-a4 .title {
	width:100%;
}

div.card-list .card.type-a4 .media-type {
	/*width:50%;*/
}
div.card-list .card.type-a4 .date-published {
	width:50%;
}
/*END A4*/

/*START B6*/
div.card-list .card.type-b6 {
	width:100%;
}

div.card-list .card.type-b6 > a {
	width:100%;
	padding:3%;
	border-radius:12px;
	display:flex;
	justify-content:space-between;
	align-items:center;
}

div.card-list .card.type-b6 img.thumbnail {
	width:40%;
	height:auto;
	border-radius:8px;
}

div.card-list .card.type-b6 .content {
	width:55%;
	display:flex;
	flex-wrap:wrap;
	justify-content:space-between;
	align-items:center;
}

div.card-list .card.type-b6 .title {
	width:100%;
	font-size:3.5vw;
}

div.card-list .card.type-b6 .media-type {
	/*width:50%;*/
	font-size:2vw;
}
div.card-list .card.type-b6 .date-published {
	width:50%;
	font-size:2.4vw;
}
/*END B6*/

/*START B7*/
div.card-list .card.type-b7 {
	width:45%;
}

div.card-list .card.type-b7 > a {
	width:100%;
	display:flex;
	flex-wrap:wrap;
	justify-content:space-between;
	align-items:center;
}

div.card-list .card.type-b7 img.thumbnail {
	width:100%;
	height:auto;
	border-radius:0;
}

div.card-list .card.type-b7 .content {
	width:100%;
	padding:3%;
	display:flex;
	flex-wrap:wrap;
	justify-content:space-between;
	align-items:center;
}

div.card-list .card.type-b7 .date-published {
	width:100%;
	margin:3px 0;
	font-size:2.7vw;
}

div.card-list .card.type-b7 .title {
	width:100%;
	font-size:3.5vw;
}

/*END B7*/

/*START B9*/
div.card-list .card.type-b9 {
	width:100%;
	background:#FFF;
	border-radius:12px;
	display:flex;
	flex-wrap:wrap;
	justify-content:space-between;
	align-items:center;
	position:relative;
	overflow:hidden;
}

div.card-list .card.type-b9 img.thumbnail {
	width:100%;
	height:auto;
}

div.card-list .card.type-b9:after {
	width:40px;
	height:40px;
	background-image:url('../images/play_b9.svg');
	background-repeat:no-repeat;
	background-size:contain;
	position:absolute;
	left:43%;
	top:33%;
	z-index:2;
	display:block;
	content:"";
}

div.card-list .card.type-b9 .content {
	width:100%;
	display:flex;
	flex-wrap:wrap;
	justify-content:space-between;
	align-items:center;
}

div.card-list .card.type-b9 .title {
	width:100%;
	padding:0 3%;
	font-size:3.5vw;
}
/*END B9*/

/*START B10*/
div.card-list .card.type-b10 {
	width:100%;
	padding:0 4%;
	background:#FFF;
	border-radius:12px;
	display:flex;
	flex-wrap:wrap;
	justify-content:space-between;
	align-items:center;
	position:relative;
	overflow:hidden;
}

div.card-list .card.type-b10 img.thumbnail {
	width:100%;
	height:auto;
	display:none !important;
}

div.card-list .card.type-b10 .media-type {
	padding:0 3%;
	background:none;
}

div.card-list .card.type-b10 .date-published {
	padding:0 3%;
	color:#979797;
	font-weight:bold;
}

div.card-list .card.type-b10 .content {
	width:100%;
	padding:3% 0;
	display:flex;
	flex-wrap:wrap;
	justify-content:space-between;
	align-items:center;
}

div.card-list .card.type-b10 .title {
	width:100%;
	padding:0 3%;
	font-size:3.5vw;
	font-weight:400;
}

div.card-list .card.type-b10:before {
	width:5px;
	height:100%;
	background:transparent;
	position:absolute;
	top:0;
	left:0;
	content:"";
}
/*END B10*/

/*START C4*/
div.card-list .card.type-c4 {
	width:100%;
	position:relative;
}

div.card-list .card.type-c4 img.thumbnail {
	width:100%;
	height:auto;
}

div.card-list .card.type-c4 .content {
	width:100%;
	padding:5%;
	background:linear-gradient(transparent,#000);
	position:absolute;
	bottom:0;
	left:0;
	z-index:2;
}

div.card-list .card.type-c4 .title {
	width:100%;
	color:#FFF;
	font-size:5vw;
	display:block;
}

div.card-list .card.type-c4 .date-published {
	width:100%;
	margin:10px 0;
	color:#FFF;
	font-size:3.4vw;
	display:block;
}
/*END C4*/