/*
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 {				display: flex;    flex-wrap: wrap;    justify-content: space-between;    padding: 0;    list-style-type: none; /* Removes default list bullets */    margin: 0; 	
}				















.wpp-item {    

	display: flex;  
	flex-direction: column;    
	margin-bottom: 20px;    
	width: calc(33.33% - 40px); 
	box-sizing: border-box; 
	
	border-radius: 40px;
	padding:23px;
	transition: all 0.5s ease;
	 background-color: #fdfcf9;

}

.wpp-item:hover {
	
	transform: scale(1.02);
	
}

	


/* Include padding and border in element's total width and height */}.wpp-title, .wpp-title:visited, .wpp-title:hover, .wpp-title:active {    font-size: 21px; /* Makes the post titles larger */    font-weight: bold; /* Makes the post titles bold */    color: #12223a;	text-decoration: none;}.wpp-comments {    color: #89919d; /* Makes the stats text a light grey */}.wpp-excerpt {    color: #12223a;	font-size: 15px;			/* Makes the post excerpts a medium grey */}/* To clear styles for smaller screens */@media screen and (max-width: 600px) {    .wpp-item {        width: 100%;    }}	.wpp-taxonomy, .wpp-taxonomy:visited, .wpp-taxonomy:hover, .wpp-taxonomy:active {			    color: #89919d;			text-decoration: none;}	
    /* LI - Post container styles */
    .wpp-list li {
        									
    }

    .wpp-list li:last-of-type {
        margin-bottom: 0;
    }

    /* Styles for the popular post in view */
    .wpp-list li.current {
    }

        /* Thumbnail styles */
        .wpp-thumbnail {
            display: inline;
            float: left;
            margin: 0 1rem 0 0;
            border: none;
        }

        /* Title styles */
.wpp-post-title, .wpp-post-title:visited, .wpp-post-title:hover, .wpp-post-title:active {						 			 font-size: 18px; /* Makes the post titles larger */			font-weight: bold; /* Makes the post titles bold */			color: #12223a;			text-decoration: none;																		
        }
        /* Excerpt styles */
        .wpp-excerpt {
        }

        /* Stats tag styles */
        .wpp-meta, .post-stats {
            display: block;
            font-size: 0.8em;
        }		

        .wpp-meta:empty, .post-stats:empty {
            display: none;
        }

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