.posts-list .post{display:flex;margin:15px 0 0;padding:0 0 15px;border-bottom:1px solid #222f40;}
.posts-list .post:last-child{border:none;padding:0;}
.posts-list .post .picture{display:block;flex-shrink:0;align-self:flex-start;width:270px;max-width:30%;margin-right:20px;border-radius:2px;overflow:hidden;}
.posts-list .post .picture img{width:100%;transition:300ms all ease;-webkit-transition:300ms all ease;}
.posts-list .post .picture a:hover img{filter:blur(3px);}
.posts-list .post .info{flex-grow:1;}
.posts-list .post .info .title{margin:0;}
.posts-list .post .info .details{margin:4px 0 16px;}
.posts-list .post .info .details .item{display:inline-block;margin-right:25px;font-size:12px;font-weight:600;color:rgba(20,20,44,0.5);}
.posts-list .post .info .details .item:last-child{margin-right:0;}
.posts-list .post .info .details .item:before{display:inline-block;vertical-align:top;font-family:"Font Awesome 5 Pro";font-style:normal;font-variant:normal;text-rendering:auto;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-size:11px;font-weight:400;margin-right:7px;}
.posts-list .post .info .details .item.date:before{content:"\f133";}
.posts-list .post .info .details .item.author:before{content:"\f007";font-size:12px;}
.posts-list .post .info .details .item.comments:before{content:"\f086";font-size:12px;}
.posts-list .post .info .details .item.post-tags:before{content:"\f02c";margin-right:4px;}
.posts-list .post .info .details .item.post-tags a{color:inherit;transition:300ms all ease;-webkit-transition:300ms all ease;}
.posts-list .post .info .details .item.post-tags a:hover{color:#001024;text-decoration:none;}
.posts-list .post .info .desc{margin:0 0 10px;}
.posts-list .post .info .button{float:right;}
.posts-tile{margin:0 -12px -24px;display:flex;flex-wrap:wrap;}
.posts-tile .post-tile{width:50%;padding:0 12px 24px;box-sizing:border-box;-moz-box-sizing:border-box;-webkit-box-sizing:border-box;}
.posts-tile .post-tile .picture{position:relative;padding-bottom:51.7%;border-radius:2px;overflow:hidden;}
.posts-tile .post-tile .picture img{width:100%;position:absolute;left:0;top:0;transition:300ms all ease;-webkit-transition:300ms all ease;}
.posts-tile .post-tile .picture a:hover img{filter:blur(3px);}
.posts-tile .post-tile .picture.noimg{background:#e5f2f9;position:relative;}
.posts-tile .post-tile .picture.noimg:before{content:'\f03e';font-family:"Font Awesome 5 Pro";font-style:normal;font-variant:normal;text-rendering:auto;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;color:#000;font-size:4em;opacity:0.1;position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);}
.posts-tile .post-tile .picture .post-tags{font-size:0;position:absolute;left:10px;top:10px;z-index:3;}
.posts-tile .post-tile .picture .post-tags a{display:inline-block;margin-right:4px;padding:5px 7px;font-size:1rem;font-weight:700;text-transform:uppercase;line-height:1;color:#fff;background:#001024;border-radius:2px;}
.posts-tile .post-tile .picture .post-tags a:last-child{margin-right:0;}
.posts-tile .post-tile .info{padding:0 8px;}
.posts-tile .post-tile .info .details{margin:6px 0 8px;}
.posts-tile .post-tile .info .details .item{display:inline-block;margin-right:25px;font-size:12px;font-weight:600;color:rgba(20,20,44,0.5);}
.posts-tile .post-tile .info .details .item:last-child{margin-right:0;}
.posts-tile .post-tile .info .details .item:before{display:inline-block;vertical-align:top;font-family:"Font Awesome 5 Pro";font-style:normal;font-variant:normal;text-rendering:auto;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-size:11px;font-weight:400;margin-right:7px;}
.posts-tile .post-tile .info .details .item.date:before{content:"\f133";}
.posts-tile .post-tile .info .details .item.author:before{content:"\f007";font-size:12px;}
.posts-tile .post-tile .info .details .item.comments:before{content:"\f086";font-size:12px;}
.posts-tile .post-tile .info .title{margin-top:0;}
.posts-tile .post-tile .info .desc{margin:0 0 10px;}
.posts-tile .post-tile .info .button{float:right;}
.box-tags .tag{float:left;margin:3px 6px 3px 0;padding:6px 8px;font-size:0.8em;font-weight:bold;line-height:1;text-transform:uppercase;background:#001024;color:#fff;border-radius:2px;}
.box-tags .tag:last-child{margin-right:0;}
@media screen and (max-width: 540px){.posts-tile .post-tile{width:100%;}
.posts-list{display:flex;margin:0 -8px;flex-wrap:wrap;}
.posts-list .post{display:block;padding:0 8px 16px;border:none;box-sizing:border-box;-moz-box-sizing:border-box;-webkit-box-sizing:border-box;}
.posts-list .post .picture{width:auto;max-width:unset;margin:0 0 10px;}
}