/*
 * List Posts
 *
 * Style 1
 *
*/
.list-posts {list-style:none}
.list-posts .s1 {width:49.5%;margin:0 1% 10px 0;padding:0 0 10px;position:relative;background-color:#fff;display:inline-block;vertical-align:top}
.dark .list-posts .s1 {background-color:transparent}
.list-posts .s1:nth-child(2n) {margin:0 0 10px}
.list-posts .s1 .thumbnail {height:0;overflow:hidden;position:relative;width:100%;margin-bottom:5px;padding-bottom:56.25%}
.list-posts .s1 .thumbnail img{height:100%!important;right:0;position:absolute;top:0;width:100%!important}
.list-posts .s1 .thumbnail .mplay {position:absolute;left:5px;bottom:5px;}
.list-posts .s1 .thumbnail .mplay svg{display:block;fill:#fff;width:48px;height:48px}
.list-posts .s1 .thumbnail .mgallery {display:block;position:absolute;left:5px;bottom:5px;padding:3px 6px 1px;border-radius:5px}
.list-posts .s1 .thumbnail .mgallery svg{display:block;fill:#fff;width:28px;height:28px}
.list-posts .s1 .thumbnail .mduration {position:absolute;right:5px;bottom:5px;padding:5px 10px;color:#fff;border-radius:3px}
.list-posts .s1 h2 {margin:10px 0 5px;display:inline-block;width:100%;}
.list-posts .s1 h2  a:hover {text-decoration:underline}
.list-posts .s1 .category {margin:10px 0;display:inline-block;width:100%;color:#656c7a}
.list-posts .s1 .category a:hover {text-decoration:underline}
.list-posts .s1 .category .separator {padding:0 5px;color:#bcc5c5}
.list-posts .s1 p {display:inline-block;width:100%;color:#5d6769}
.dark .list-posts .s1 p {color:#ccc}
.rtl .list-posts .s1 {margin:0 0 10px 1%;}
.rtl .list-posts .s1:nth-child(2n) {margin:0 0 10px}
/*
 * List Posts
 *
 * Style 2
 *
*/
.list-posts .s2{width:100%;border-bottom:1px solid #e9edf0;margin:0 0 10px;padding:0 0 10px;position:relative;background-color:#fff;display:inline-block;vertical-align:top}
.dark .list-posts .s2{border-bottom:1px solid #2c3338;background-color:transparent}
.list-posts .s2:last-child{border-bottom:none;margin:0}
.list-posts .s2 .thumbnail{float:left;width:36%;position:relative;}
.list-posts .s2 .thumbnail img{width:100%;min-height:85px}
.list-posts .s2 .book{height:0;overflow:hidden;padding-bottom:45.25%}
.list-posts .s2 .book img{height:100%!important;right:0;position:absolute;top:0;width:100%!important}
.list-posts .s2 .author{height:0;overflow:hidden;padding-bottom:40.25%}
.list-posts .s2 .author img{height:100%!important;right:0;position:absolute;top:0;width:100%!important}
.list-posts .s2 .thumbnail .crop {height:0;overflow:hidden;position:relative;width:100%;padding-bottom:56.25%}
.list-posts .s2 .thumbnail .crop img{height:100%!important;right:0;position:absolute;top:0;width:100%!important}
.list-posts .s2 .thumbnail .mplay {position:absolute;left:0;bottom:0;border-radius:0;color:#fff;padding:4px 8px 4px 12px;font-size:15px;line-height:19px}
.list-posts .s2 .thumbnail .mgallery {display:block;position:absolute;left:5px;bottom:5px;padding:3px 6px 1px;border-radius:5px}
.list-posts .s2 .thumbnail .mgallery svg{display:block;fill:#fff;width:24px;height:24px}
.list-posts .s2 .thumbnail .mduration {position:absolute;right:5px;bottom:5px;padding:5px 10px;color:#fff;border-radius:3px}
.list-posts .s2 .category {float:left;margin-left:2%;margin-bottom:10px;display:inline-block;width:61%;color:#fff}
.list-posts .s2 .category .cat{display:inline-block;padding:3px 10px;border-radius:2px;margin-right:5px}
.list-posts .s2 .category .time{display:inline-block;color:#656c7a}
.list-posts .s2 .separator {padding:0 5px}
.list-posts .s2 h2{float:left;width:61%;margin-left:2%}
.rtl .list-posts .s2 .thumbnail{float:right}
.rtl .list-posts .s2 .category,
.rtl .list-posts .s2 h2{float:right;margin-left:0;margin-right:2%}
.rtl .list-posts .s2 .category .cat{margin-right:0;margin-left:5px}
/*
 * List Posts
 *
 * Style 3
 *
*/
.list-posts .s3 {width:49.5%;margin-right:1%;margin-bottom:1%;padding:0;display:inline-block;vertical-align:top}
.list-posts .s3:nth-child(2n) {margin-right:0}
.list-posts .s3 .thumbnail {height:0;overflow:hidden;position:relative;width:100%;padding-bottom:60.25%}
.list-posts .s3 .thumbnail img {height:100%!important;right:0;position:absolute;top:0;width:100%!important}
.list-posts .s3 .thumbnail .ps-3i {position:absolute;bottom:0;right:0;padding:30px 10px 5px;width:100%;background:rgba(0, 0, 0, 0) linear-gradient(to bottom, rgba(0, 0, 0, 0) 0px, rgba(0, 0, 0, 0.99) 100%) repeat scroll 0 0}
.list-posts .s3 .thumbnail .ps-3i h2 {display:inline-block;margin:0 0 5px;color:#fff;text-shadow:0 1px 0 #000;}
.list-posts .s3 .thumbnail .ps-3i a {color:#fff !important;}
.list-posts .s3 .thumbnail .category {display:inline-block;position:absolute;top:5px;left:5px;color:#fff;border-radius:3px;-webkit-border-radius:3px;-moz-border-radius:3px;word-break:break-all;white-space:nowrap;display:table;overflow:hidden;padding:4px 10px}
.list-posts .s3 .meta {display:inline-block;color:#fff;margin:0 0 5px;width:100%}
.list-posts .s3 .meta span {margin-right:5px;display:inline-block}
.list-posts .s3 .meta span:last-child {margin-right:0}
.list-posts .s3 .meta span:after {content:"/";font-size:80%;padding:0 0 0 5px}
.list-posts .s3 .meta span:last-child:after {content:"";font-size:80%;padding:0}
.rtl .list-posts .s3 {margin-right:0;margin-left:1%;}
.rtl .list-posts .s3:nth-child(2n) {margin-right:0;margin-left:0}
.rtl .list-posts .s3 .thumbnail .ps-5i {right:0;left:auto;}
.rtl .list-posts .s3 .thumbnail .category {left:auto;right:5px;}
.rtl .list-posts .s3 .meta span {margin-left:5px;margin-right:0}
.rtl .list-posts .s3 .meta span:last-child {margin-left:0;margin-right:0}
.rtl .list-posts .s3 .meta span:after {padding:0 5px 0 0}
.rtl .list-posts .s3 .meta span:last-child:after {padding:0}
@media only screen and (max-width: 768px) and (min-width:560px){
	.list-posts .s1 {width:100% !important;margin:0 0 10px !important}
	.list-posts .s3 {width:100%;margin:0 0 10px}
}
@media only screen and (max-width: 559px){
	.list-posts .s1,
	.rtl .list-posts .s1 {width:100%;margin:0 0 10px}
	.list-posts .s1:nth-child(2n),
	.rtl .list-posts .s1:nth-child(2n),
	.list-posts .s1:last-child,
	.rtl .list-posts .s1:last-child {margin:0}
	.list-posts .s3 {width:100%;margin:0 0 10px}
}