.psc-container{display:flex;flex-direction:column;width:100%}
.psc-container .psc-cols-4, .psc-container .psc-cols-3, .psc-container .psc-cols-2{display:flex;flex-direction:row;flex-wrap:wrap;justify-content:space-between;width:100%;overflow:hidden}
.psc-container .psc-cols-4 .psc-col{flex-basis:24%;overflow:hidden}
.psc-container .psc-cols-3 .psc-col{flex-basis:32%;overflow:hidden}
.psc-container .psc-cols-2 .psc-col{flex-basis:49%;overflow:hidden}
@media(max-width: 575px) {
	.psc-container .psc-cols-4, .psc-container .psc-cols-3, .psc-container .psc-cols-2{flex-direction:column;flex-wrap:nowrap}
	.psc-container .psc-cols-4 .psc-col{flex-basis:100%;overflow:hidden}
	.psc-container .psc-cols-3 .psc-col{flex-basis:100%;overflow:hidden}
	.psc-container .psc-cols-2 .psc-col{flex-basis:100%;overflow:hidden}
}
@media(min-width: 576px) and (max-width: 767.98px) {
	.psc-container .psc-cols-4, .psc-container .psc-cols-3, .psc-container .psc-cols-2{flex-direction:column;flex-wrap:nowrap}
	.psc-container .psc-cols-4 .psc-col{flex-basis:100%;overflow:hidden}
	.psc-container .psc-cols-3 .psc-col{flex-basis:100%;overflow:hidden}
	.psc-container .psc-cols-2 .psc-col{flex-basis:100%;overflow:hidden}
}
@media(min-width: 768px) and (max-width: 1024px) {
	.psc-container .psc-cols-4 .psc-col{flex-basis:49%;overflow:hidden}
	.psc-container .psc-cols-3 .psc-col{flex-basis:49%;overflow:hidden}
}

/*=========== Posts ===========*/
.ps-1 {position:relative;background-color:#fafafa;margin-bottom:40px;border:1px solid #f2f2f2}
.ps-1 .ps-inner{display:flex;flex-direction:row;justify-content:space-between;align-items:center}
.ps-1 .ps-image-wrap{flex-basis:35%;margin-right:15px;overflow:hidden}
.ps-1 .ps-image-wrap img{width:100%;object-fit:cover}
.ps-1 .post-info-wrap{flex-basis:64%}
.ps-1 .post-title{font-size:20px;line-height:1.5;display:block}
.ps-1 a{color:#2c2c2c}
.ps-1 .post-cat{color:var(--accent);font-size:12px;font-weight:bold}
.ps-1 .post-excerpt{color:#868080;font-size:15px;line-height:1.9;margin:0}

@media(max-width:500px){
	.ps-1 .ps-image-wrap{margin-right:10px}
	.ps-1 .ps-image-wrap img{width:100%;height:auto}
	.ps-1 .post-excerpt{display:none}
	.ps-1 .post-title{font-size:16px}
	.ps-1 .post-date{display:none}
	.ps-1 .post-meta{margin-bottom:0}
}

.ps-2{background-color:#fff;margin-bottom:20px;padding: 7px;border: 1px solid #f2f2f2;}
.ps-2 .ps-inner{display:flex;flex-direction:row;justify-content:space-between}

.ps-2 .post-title{font-size:16px;letter-spacing:0.5px;line-height:1.7;font-weight:600;margin-bottom:0;}
.ps-2 .post-title a{display:block}
.ps-2 .ps-image-wrap{flex-basis:35%;margin-right:15px;overflow:hidden;border-radius:5px;}
.ps-2 .ps-image-wrap img{width:100%;object-fit:cover}
.ps-2 .ps-info-wrap{flex-basis:64%}

.ps-3{position:relative;background:#fff;margin-bottom:40px;padding:5px;}
.ps-3 .post-title {font-size:17px;letter-spacing:0.5px;line-height:1.6;font-weight:600;}
.ps-3 .post-image-wrap{overflow:hidden;}
.ps-3 .post-image-wrap img{transition:all 0.3s ease-in-out;-webkit-transition:all 0.3s ease-in-out;-moz-transition:all 0.3s ease-in-out;-o-transition: all 0.3s ease-in-out;object-fit: cover;width: 100%;}
.ps-3 .c-container{padding:2px 10px}
.ps-3 .post-cat{color:var(--accent);font-size:12px;font-weight:bold;z-index:2}
.ps-3:hover .post-image-wrap img{transform: scale(1.1);}
.ps-3 .post-meta{color:#000;width: 35px;position: absolute;top: 10px;left: 20px;font-size: 11px;background-color: #ffdd00;padding: 4px 0;line-height: 17px;z-index: 1;}

.ps-4{border:1px solid #ccc;background:#fff;margin-bottom:40px}
.ps-4 .post-title {font-size:17px !important;letter-spacing:0.5px;line-height:1.6;}
.ps-4 .post-image-wrap{overflow:hidden;}
.ps-4 .post-image-wrap img{transition:all 0.3s ease-in-out;-webkit-transition:all 0.3s ease-in-out;-moz-transition:all 0.3s ease-in-out;-o-transition: all 0.3s ease-in-out;}
.ps-4 p{margin-bottom:10px !important;}
.ps-4:hover .post-image-wrap img{transform: scale(1.1)}

.ps-5{position:relative;margin-bottom:30px;}
.bg-rgb {position: absolute;bottom: 0;left: 0;right: 0;width: 100%;height: 100%;margin: auto;background: rgba(0,0,0,0) linear-gradient(to bottom, transparent 0%,transparent 0%,rgba(0,0,0,0.5) 100%,rgba(0,0,0,0.1) 100%) repeat scroll 0 0;
pointer-events: none;}
.ps-5 .post-content{position: absolute;bottom: 10px;left: 15px;}
.ps-5 .post-cat{position: absolute;top: 0;left: 0;background:var(--accent);padding: 3px 5px;color:var(--accent-fit);
font-size: 10px;font-weight: 300;letter-spacing: 0.7px;}
.ps-5 .post-cat a{color:var(--accent-fit)}
.ps-5 .entry-header {padding-left:10px;}
.ps-5 .entry-title {font-size:25px;line-height:2;display:block;color:#fff;width:90%;}
.ps-5 .entry-title a {display:inline;color:#2c2c2c;background: rgba(255,255,255,0.8);box-decoration-break: clone;-webkit-box-shadow: 10px 0 0 rgba(255,255,255,0.8),-10px 0 0 rgba(255,255,255,0.8);-moz-box-shadow: 10px 0 0 rgba(255,255,255,0.8),-10px 0 0 rgba(255,255,255,0.8);-ms-box-shadow: 10px 0 0 rgba(255,255,255,0.8),-10px 0 0 rgba(255,255,255,0.8);-o-box-shadow: 10px 0 0 rgba(255,255,255,0.8),-10px 0 0 rgba(255,255,255,0.8);box-shadow: 10px 0 0 rgba(255,255,255,0.8),-10px 0 0 rgba(255,255,255,0.8);}
.ps-5 .entry-title a:hover{color:var( --accent)}
.post-image{min-height:350px}

.ps-6{background-color:#fff;margin-bottom:30px;}
.ps-6 .post-image-wrap{position:relative;padding:0;min-height:90px;width:100px}
.ps-6 .post-info-wrap{padding:0 5px 0 10px}
.ps-6 .post-title{font-size:16px;line-height:1.6;font-weight:600;margin-bottom:0}
.ps-6 .figure-post-image{min-height:80px;}
.ps-6 img{position:absolute;top:0;left:0;width:100%;height:100%;}