/*
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;
        margin-bottom: 3rem;
    }

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

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

        /* Thumbnail styles */
        .wpp-thumbnail {
           
          
          
            border: none;
			border-radius:10px;
        }

.wpp {    display: flex;
         flex-direction: row;}

.wpp-up{    display: flex;
         flex-direction: row;}

.telo-wpp {width:60%;padding: 13px 20px 0 0;}

.teloup-wpp{width:74%;padding: 13px 25px 0 0;}


.down-wpp {
          
        }
        /* Title styles */
        .wpp-post-title {
			font-size:20px;
			color:#000;
			
        }

    .wpp-post-title a {
			font-size:21px;
			color:#000;
			font-weight: bold;
        }
        /* Excerpt styles */
        .wpp-excerpt {
			margin-top: 11px;
			font-size: 19px;
        }

        /* 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 {
        }
@media (min-width: 1550px ) and ( max-width: 1750px){
	
	.wpp-up{
	display: flex;
    flex-direction: column-reverse;
    flex-wrap: wrap;
	}
	.teloup-wpp{width:95%;}

	
	
	
	
}





@media ( max-width: 800px ){
	
	 .wpp-post-title a {
			font-size:26px;
			
        }
	
	 .wpp-excerpt {
			margin-top: 9px;
			font-size: 20px;
        }
	
}
@media ( max-width: 600px ){
	
	
	.wpp{
	display: flex;
    flex-direction: column-reverse;
    flex-wrap: wrap;
	}
	.telo-wpp{width:95%;}
}
@media ( max-width: 500px ){
	
	
	.wpp-up{
	display: flex;
    flex-direction: column-reverse;
    flex-wrap: wrap;
	}
	.teloup-wpp{width:95%;}

	
	
	
	.wpp-list {
	margin-left:10px;
}
	
	
}