/*
 * Home Recent Post : Blog Style 5
*/
.recent{list-style:none}
.recent li.primary{width:100%;display:inline-block;margin:0 0 20px;padding:0;position:relative}
.recent img{width:100%}
.recent li.primary .block-a{width:56%;float:left}
.recent li.primary .block-b{width:42%;margin-left:2%;float:left}
.rtl .recent li.primary .block-a{float:right}
.rtl .recent li.primary .block-b{margin-right:2%;margin-left:0;float:right}
.recent li.secondary{width:32%;margin:0 2% 20px 0;position:relative;vertical-align:top;display:inline-block}
.rtl .recent li.secondary{margin:0 0 20px 2%}
.recent li.secondary:nth-child(3n+1){margin:0 0 20px}
.recent li.secondary .block-a,
.recent li.secondary .block-b{width:100%;float:left}
.rtl .recent li.secondary .block-a,
.rtl .recent li.secondary .block-b{float:right}
.recent li .thumbnail{position:relative;width:100%}
.recent li .thumbnail .mplay{position:absolute;left:5px;bottom:5px}
.recent li .thumbnail .mgallery{position:absolute;left:8px;bottom:5px}
.recent li .thumbnail .mduration{position:absolute;right:5px;bottom:5px;padding:5px 10px;color:#fff;border-radius:3px}
.recent li .pub-date{margin-top:10px;margin-bottom:10px;display:inline-block;width:100%;color:#656c7a}
.recent li .pub-date a:hover{text-decoration:underline}
.recent li .pub-date .separator{padding:0 5px;color:#bcc5c5}
.recent li h2{margin:10px 0;display:inline-block;width:100%}
.recent li h2 a:hover{text-decoration:underline}
.recent li p{display:inline-block;width:100%;color:#5d6769}
.dark .ps5{background-color:#1d2327;border-color:#272F34}
.dark .recent .ps5 h2 a{color:#fff!important}
.dark .recent .ps5 .pub-date {color:#bdc1c6}
.dark .recent .ps5 .pub-date .separator{color:#3E4244}
.dark .recent .ps5 p{color:#bdc1c6}
@media only screen and (max-width:850px){
	.recent li.primary .block-b p {display:none;}
}
@media only screen and (max-width:767px){
	.recent li.primary .block-b p {display:inline-block;}
	.recent li.primary .block-a{width:100%}
	.recent li.primary .block-b{width:100%;margin:0}
	.recent li.secondary{width:100%;margin:0 0 20px}
}
