/*
|--------------------------------------------------------------------------
| Pedra Papel Pixel - Popular Posts
|--------------------------------------------------------------------------
*/


.ppp-popular-posts {

	display: flex;
	flex-direction: column;
	gap: 18px;

}


.ppp-popular-post {

	position: relative;
	display: block;
	overflow: hidden;

	text-decoration: none;

	border-radius: 6px;

}


.ppp-popular-post img {

	width: 100%;
	height: auto;

	display: block;

	transition: transform .3s ease;

}


.ppp-popular-post:hover img {

	transform: scale(1.04);

}


.ppp-overlay {

	position: absolute;

	left: 0;
	right: 0;
	bottom: 0;

	padding: 12px 12px 10px;

	background: rgba(0, 0, 0, 0.65);

}


.ppp-title {

	color: #fff;

	font-size: 15px;
	line-height: 1.3;

	font-weight: 600;

	display: -webkit-box;
	-webkit-line-clamp: 2;
	-webkit-box-orient: vertical;

	overflow: hidden;

	text-shadow: 0 1px 3px rgba(0,0,0,.8);

}


.ppp-popular-post:hover .ppp-title {

	color: #fff;

}