/*
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 {	
/*
	padding-bottom: 50px;
    width: 90%;
    max-width: 1366px;
    margin: 0 auto;
    overflow: hidden;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    flex-wrap: wrap;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    background-color: white;
*/




	width: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    flex-wrap: wrap;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    
    
    counter-reset: posts-rank;

}


.wpp-list .rankno:before{
	counter-increment: posts-rank;
	content: counter(posts-rank);
}


	/* LI - Post container styles */
	.wpp-list li {
/*
		width: 18%;
	    margin: 1%;
	    box-sizing: border-box;
	    position: relative;
*/

	}
	
	/* Styles for the popular post in view */
	.wpp-list li.current {
	}
	
		/* Thumbnail styles */
		.wpp-thumbnail {
/*
			display: inline;
			float: left;
			margin: 1%;
			border: none;
			width: 18%;
*/
		}
		
		.wpp-list .cover{
  			
			
		}
		
		
		
		.wpp-list .rankli .cover{
			position: absolute;
		    width: 100%;
		    height: 100%;
		    bottom: 0;
		    background: linear-gradient(to bottom,rgba(0,0,0,0) 0%,rgba(0,0,0,0.62) 78%,rgba(0,0,0,0.62) 80%,rgba(0,0,0,0.62) 100%);
		}
		
		.wpp-list .rankli .conts{
			position: absolute;
		    bottom: 0;
		    padding: 8px;
		    font-size: 12px;
		    font-weight: 600;
		    color: #fff;
		}
		
		
		
		.wpp-list .rankli .rankno{			
			width: 42px;
		    height: 42px;
		    background: #ffe800;
		    position: absolute;
		    left: 0;
		    top: 0;
		    text-align: center;
		    font-size: 18px;
		    font-weight: 700;
		    line-height: 42px;
		}
		
		
		
		.wpp-list li img{
/*
			display: block;
		    width: 100%;
		    position: relative;
		    margin-bottom: 6px;
		    height: 100%;
*/
 
		}
		
		
		
		
		.wpp-list .rankli{
			width: 18%;
		    margin: 1%;
		    box-sizing: border-box;
		    position: relative;
		}
		
		
		.wpp-list .rankli image{
			display: block;
		    width: 100%;
		    position: relative;
		    margin-bottom: 6px;
		}
		
		
		
		
		.wpp-list .rankli .thumb{
/*
			background-size: cover;
		    background-position: center;
		    position: relative;
		    width: 100%;
*/
		}
		
		
		.wpp-list .rankli .wpp-thumbnail {
			display: block;
		    width: 100%;
		    position: relative;
		    margin-bottom: 6px;
		}
		
		
		
		.wpp-list li .rankno{
/*
			width: 42px;
		    height: 42px;
		    background: #ffe800;
		    position: absolute;
		    left: 0;
		    top: 0;
		    text-align: center;
		    font-size: 18px;
		    font-weight: 700;
		    line-height: 42px;
*/
		}
		
		
		
		.wpp-list li .conts{
/*
			position: absolute;
		    bottom: 0px;
		    padding: 8px;
		    font-size: 12px;
		    font-weight: 600;
		    color: #fff;  
*/
		}
		
		.wpp-list .rankli a{
			display: block;
			width: 100%;
			position: relative;
			margin-bottom: 6px;
		}





		/* Title styles */
		.wpp-post-title {
		    font-size: 15px;
		    line-height: 1.4;
		    font-weight: 600;
		    letter-spacing: 1px;

		}
		
		
		
		/* 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 {
		}