.news-item {
	/*height: 220px;*/
	margin-top: 24px;
	margin-left: 0
}

.news-item img {
	display: block;
	width: 100%
}

@supports ((-o-object-fit:cover) or (object-fit:cover)) {
	.news-item img {
		max-width: none;
		height: 100%;
		-o-object-fit: cover;
		object-fit: cover
	}
}

.news-item--h2 {
	height: 464px
}

.news-item__inner {
	position: relative;
	height: 100%;
	overflow: hidden;
	background: #ecf0f1
}

img.news-item__blur {
	display: none
}

.news-item__details {
	display: flex;
	align-items: baseline;
	justify-content: space-between;
	width: 100%;
	padding: 1em
}

.news-item__description {
	width: 100%;
	padding: 0 2em 1em 1em;
	margin: 0
}

.news-item__title {
	flex-shrink: 0;
	margin-right: 4px
}

.news-item__tags {
	flex-shrink: 1;
	text-align: right;
	margin: 0
}

@media screen and (min-width:768px) {
	.news-item--overlay .news-item__details {
		position: absolute;
		bottom: 0;
		left: 0;
		width: 100%;
		background-color: rgba(0, 0, 0, .6);
		color: #fff;
		overflow: hidden
	}
	.news-item--overlay .news-item__description {
		display: none
	}
	@supports ((-webkit-filter:blur(1px)) or (filter:blur(1px))) and ((-webkit-clip-path:inset(0 0 0 0)) or (clip-path:inset(0 0 0 0))) {
		.news-item--overlay .news-item__blur {
			position: absolute;
			z-index: 1;
			top: 0;
			left: 0;
			display: block;
			-webkit-filter: blur(7px);
			filter: blur(7px);
			-webkit-clip-path: inset(170px 0 0 0);
			clip-path: inset(170px 0 0 0)
		}
		.news-item--overlay .news-item__details {
			background: none
		}
		.news-item--overlay .news-item__tags,
		.news-item--overlay .news-item__title {
			position: relative;
			z-index: 2
		}
	}
}

.my-shuffle-container {
	position: relative;
	overflow: hidden
}

.news-shuffle-sizer-element {
	position: absolute;
	opacity: 0;
	visibility: hidden
}

.shuffle--animatein {
	overflow: visible
}

.shuffle--animatein .news-item__inner {
	opacity: 0;
	transform: translateY(220px)
}

.shuffle--animatein .news-item__inner--transition {
	transition: all .6s ease
}

.shuffle--animatein .news-item.in .news-item__inner {
	opacity: 1;
	transform: translate(0)
}

@media screen and (max-width:767px) {
	.news-item {
		height: auto;
		margin-top: 20px
	}
	.news-item__description,
	.news-item__details {
		font-size: .875em;
		padding: .625em
	}
	.news-item__description {
		padding-right: .875em;
		padding-bottom: 1.25em
	}
	.news-item--h2 {
		height: auto
	}
}