/*
Wordpress Popular Posts plugin stylesheet
Developed by Hector Cabrera
cabrerahector.com | @cabrerahector

Use the following classes to style your popular posts list as you like.
*/

/* Styles the "Sorry, no data so far" message */
.wpp-no-data {
}

/* UL - Popular Posts container styles */
.wpp-list {	
}

	/* LI - Post container styles */
	.wpp-list li {
		overflow: hidden;
		float: none;
		clear: both;
	}
	
	/* Styles for the popular post in view */
	.wpp-list li.current {
	}
	
		/* Thumbnail styles */
		.wpp-thumbnail {
			display: inline;
			float: left;
			margin: 0 5px 0 0;
			border: none;
		}

		/* Title styles */
		.wpp-post-title {
		}
		
		/* Excerpt styles */
		.wpp-excerpt {
		}
		
		/* Stats tag styles */
		.wpp-meta, .post-stats {
			display: block;
			font-size: 0.8em;
			font-weight: bold;
		}
			
			/* Comments count styles */
			.wpp-comments {
			}
			
			/* Views count styles */
			.wpp-views {
			}
			
			/* Author styles */
			.wpp-author {
			}
			
			/* Post date styles */
			.wpp-date {
			}
			
			/* Post category styles */
			.wpp-category {
			}
		
		/* WP-PostRatings styles */
		.wpp-rating {
		}
.parsely-recommended-widget,
.parsely-recommended-widget * {
	box-sizing: border-box;
}

.parsely-recommended-widget {
	display: block;
	width: 100%;
}

.parsely-recommendation-widget li img {
	float: left;
	margin-right: 15px;
}

.parsely-recommendation-widget li a {
	padding: 0;
}

.parsely-recommendation-widget li:after {
	content: "";
	display: table;
	clear: both;
}

.parsely-author {
	display: block;
	margin-top: 5px;
}


@supports(display: grid){

	.parsely-recommended-widget {
		display: grid;
		grid-template-rows: auto;
	}

	.parsely-recommendation-widget {
		grid-column: 1 / 3;
	}

	.parsely-recommendation-widget li {
		margin-bottom: 15px;
	}

	.parsely-recommendation-widget.display-thumbnail li {
		display: grid;
		grid-template-columns: 1fr 2fr;
		grid-column-gap: 15px;
	}

	.parsely-recommendation-widget li img {
		grid-column: 1 / 2;
		float: none;
		margin-right: 0;
	}

	.parsely-recommendation-widget .parsely-title-author-wrapper {
		grid-column: 2 / 3;
	}
}