/*
Wordpress Popular Posts plugin stylesheet
Developed by Hector Cabrera

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

.wpp-list { /* UL element */
	
}

	.wpp-list li { /* LI - post container */
		/*display:inline-block;*/ /* <-- uncommenting this line is recommended when using post thumbnails */
		float:none;
		clear:left;
	}

		/* title styles */
		.wpp-post-title {
		}
		
		/* thumbnail styles */
		.wpp-thumbnail {
			display:inline;
			float:left;
			margin:0 5px 0 0;
			border:none;
		}
		
		/* excerpt styles */
		.wpp-excerpt {
		}
		
		/* Stats tag styles */
		.post-stats {
			display:block;
			font-size:9px;
			font-weight:bold;
		}
			
			.wpp-comments {
			}
			
			.wpp-views {
			}
			
			.wpp-author {
			}
			
			.wpp-date {
			}
		
		/* WP-PostRatings styles */
		.wpp-rating {
		}
/* Pureinfotech custom */
ul.wpp-list {
	margin: 0;
}
ul.wpp-list:after {
	clear: both;
	content: "";
	position: relative;
	width: 100%;
	display: block;
}
.wpp-list .meta-badge {
	color: #fff;
	background: rgba(63, 81, 181, .8);
  padding: .5% 1%;
	display: inline-block;
  font-weight: 300;
	margin-bottom: 1rem;
}
.wpp-list li img {
/* 	width: 100%; */
	max-width: none!important;
}
.wpp-list .header-popular {
	position: absolute;
	left: 0;
	right: 0;
	bottom: 0;
	margin: 5%;
	line-height: 1.2;
	color: #fff;
	z-index: 7777;
	text-decoration: none;
/* 	font-weight: 100; */
	font-weight: 300;
}

.wpp-list li a:before {
	content: "";
	position: absolute;
	display: block;
	height: 100%;
	width: 100%;
	bottom: 0;
	right: 0;
  left: 0;
  top: 0; 
	z-index: 1;
	-webkit-transition: opacity .2s;
	-moz-transition: opacity .2s;
	-o-transition: opacity .2s;
	transition: opacity .2s;
    background-image: -webkit-gradient(linear, to bottom right, to top left, color-stop(0%, rgba(18,30,72,0.6)), color-stop(100%, rgba(72,16,62,0.6)));
    background-image: -webkit-linear-gradient(to bottom right, rgba(18,30,72,0.6),rgba(72,16,62,0.6));
    background-image: -moz-linear-gradient(to bottom right, rgba(18,30,72,0.6),rgba(72,16,62,0.6));
    background-image: -o-linear-gradient(to bottom right, rgba(18,30,72,0.6),rgba(72,16,62,0.6));
    background-image: linear-gradient(to bottom right, rgba(18,30,72,0.6),rgba(72,16,62,0.6));
}
/* .wpp-list li:hover a:before {
	content: "";
	position: absolute;
	display: block;
	height: 100%;
	width: 100%;
	bottom: 0;
	z-index: 1;
	background: -moz-linear-gradient(top,  rgba(0,0,0,0.3) 0%, rgba(0,0,0,0.8) 100%); 
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(0,0,0,0.3)), color-stop(100%,rgba(0,0,0,0.8)));
	background: -webkit-linear-gradient(top,  rgba(0,0,0,0.3) 0%,rgba(0,0,0,0.8) 100%); 
	background: -o-linear-gradient(top,  rgba(0,0,0,0.3) 0%,rgba(0,0,0,0.8) 100%); 
	background: -ms-linear-gradient(top,  rgba(0,0,0,0.3) 0%,rgba(0,0,0,0.8) 100%); 
	background: linear-gradient(to bottom,  rgba(0,0,0,0.3) 0%,rgba(0,0,0,0.8) 100%); 
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#4d000000', endColorstr='#cc000000',GradientType=0 ); 5 titles*/
} */
.category-windows .wpp-list li,
.tag-windows-10 .wpp-list li {
	display: block;
	width: 50%;
	float: left;
	height: 320px;
	clear: none;
	overflow: hidden;
	position: relative;
}
.category-windows .wpp-list li a,
.tag-windows-10 .wpp-list li a {
	display: inline-block;
	width: 125%;
}
#top-popular {
	position: relative;
}
.gradient-overlay {

	position: absolute;
	height: 100%;
	width: 100%;
	z-index: 1;
}
.home .wpp-list a {
	  display: flex;
    justify-content: center;
    align-items: center;
    overflow: hidden;
}
.home .wpp-list figure {
	  flex-shrink: 0;
    min-width: 100%;
    min-height: 100%;
}
@media (min-width:300px) {
	.home .wpp-list li:first-child,
	.home .wpp-list li {
		display: block;
		width: 100%;
		float: left;
		height: 210px;
		clear: none;
		overflow: hidden;
		position: relative;
	}
}
@media (min-width:800px) {
.home .wpp-list li {
	display: block;
	width: 35%;
	float: left;
	height: 420px;
/* 	height: 210px; */
	clear: none;
	overflow: hidden;
	position: relative;
}
.home .wpp-list li:first-child a:first-child {
/* 	display: inline-block;
	width: 245%; */
}
.home .wpp-list li a:first-child {
/* 	display: inline-block;

	width: 297%; */
	/* 	width: 140%; 5 tiles */
}
.home .wpp-list li:first-child {
	height: 420px;
	background: #CCC;
	width: 30%;
}
.wpp-list h2 {
	font-size: 1.3rem;
	letter-spacing: -1px;
  word-spacing: 2px;
}
}
@media (min-width:1025px) {
	.home .wpp-list li a:first-child {
/* 	display: inline-block;
	width: 170%; */
		/* 	width: 140%; 5 tiles */
}
	.home .wpp-list li {
	display: block;
	width: 25%;
	float: left;
	height: 450px;
/* 	height: 262px; 5 title */
	clear: none;
	overflow: hidden;
	position: relative;
}
.home .wpp-list li:first-child a:first-child {
/* 	display: inline-block;
	width: 160%; */
}
/* .home .wpp-list li:first-child h2:nth-child(2) 5tiles */
.home .wpp-list li:first-child h2:nth-child(2) {
	font-size: 3rem;
	margin-left: 0;
	font-weight: 300;
}
.category .wpp-list li h2,
.tag .wpp-list li h2 {
	font-size: 2rem;
}
.home .wpp-list li:first-child {
/* 	height: 524px; 5 tiles*/
	height: 450px;
	background: #CCC;
	width: 50%;
}
.wpp-list h2 {
/* 	font-size: 1.5rem; 5tiles*/
	font-size: 2rem;
}
}