.post-page .post-content{margin:24px auto 0;}
.post-page .post-content:first-child{margin-top:0;}
.post-page .post-picture img{border-radius:8px;overflow:hidden;}
.post-page .post-details{margin:-2px 0;padding:0 0 16px;display:flex;flex-wrap:wrap;color:#8d8d8d;border-bottom:1px solid #dcdcdc;}
.post-page .post-details .item{padding:2px 24px 2px 0;font-size:1.3rem;font-weight:500;}
.post-page .post-details .item.date::before{content:"\f017";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-weight:400;line-height:1;margin:0 4px 0 0;}
.post-page .post-details .item.comments::before{content:"\f4b0";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-weight:400;line-height:1;margin:0 4px 0 0;}
.post-page .post-gallery{margin:48px 0 0;}
.post-page .post-gallery:first-child{margin-top:0;}
.post-page .post-gallery .images{margin:-8px;display:flex;flex-wrap:wrap;}
.post-page .post-gallery .images .image{width:25%;padding:8px;box-sizing:border-box;-moz-box-sizing:border-box;-webkit-box-sizing:border-box;}
.post-page .post-gallery .images .image img{width:100%;border-radius:8px;cursor:pointer;transition:300ms opacity ease;-webkit-transition:300ms opacity ease;}
.post-page .post-gallery .images .image img:hover{opacity:0.7;}
.post-page .post-tags{margin:32px 0 0;}
.post-page .post-tags:first-child{margin-top:0;}
.post-page .post-tags .label{display:inline-flex;margin:0 4px 0 0;font-weight:700;}
.post-page .post-tags .tags{margin:-2px;display:inline-flex;flex-wrap:wrap;}
.post-page .post-tags .tags .tag{display:block;margin:2px;padding:7px;font-size:1.1rem;font-weight:600;line-height:1;white-space:nowrap;color:#fff;background-color:#984f72;border-radius:4px;box-sizing:border-box;-moz-box-sizing:border-box;-webkit-box-sizing:border-box;}
.post-page .post-back{margin:48px 0 0;display:flex;justify-content:center;}
.post-page .post-back:first-child{margin-top:0;}
.post-comments{margin:48px 0 0;}
.post-comments:first-child{margin-top:0;}
.post-comments .comment-form{position:relative;}
.post-comments .comment-form .add-comment{margin:0 0 15px;}
.post-comments .comment-form .comment-form-form{display:none;margin:0 0 15px;}
.post-comments .comment-form .comment-form-form input,.post-comments .comment-form .comment-form-form textarea{padding:15px;}
.post-comments .comment-form.loading:before{content:'';position:absolute;left:0;right:0;top:0;bottom:0;z-index:100;background:rgba(255,255,255,0.6);}
.post-comments .comments-list{position:relative;min-height:50px;border-top:1px dotted #dcdcdc;}
.post-comments .comments-list.loading:before{content:'';position:absolute;left:0;right:0;top:0;bottom:0;z-index:100;background:rgba(255,255,255,0.6);}
.post-comments .comments-list .comment .comment-content{display:flex;padding:15px 0;border-bottom:1px dotted #dcdcdc;}
.post-comments .comments-list .comment .comment-content .avatar{width:90px;height:90px;flex-shrink:0;margin-right:15px;background:#f5f5f5;}
.post-comments .comments-list .comment .comment-content .avatar.noimg{background:#f5f5f5 url(/i/common/noimage.png) no-repeat center;background-size:80%;}
.post-comments .comments-list .comment .comment-content .info{flex-grow:1;}
.post-comments .comments-list .comment .comment-content .info .nick{font-weight:bold;display:flex;align-items:center;}
.post-comments .comments-list .comment .comment-content .info .date{font-size:11px;color:#8d8d8d;font-weight:normal;margin:0;}
.post-comments .comments-list .comment .comment-content .info .comm{padding:10px 0 0;}
.post-comments .comments-list .comment .comment-content .details{text-align:right;margin-left:15px;flex-shrink:0;display:flex;flex-direction:column;}
.post-comments .comments-list .comment .comment-content .details .vote{margin:0 0 5px;}
.post-comments .comments-list .comment .comment-content .details .vote .none{color:#8d8d8d;}
.post-comments .comments-list .comment .comment-content .details .vcm{font-size:0.8em;position:relative;margin:0 0 5px;display:flex;align-items:center;justify-content:right;}
.post-comments .comments-list .comment .comment-content .details .vcm span{height:16px;line-height:16px;margin:0 0 0 10px;display:inline-block;}
.post-comments .comments-list .comment .comment-content .details .vcm span:hover{opacity:0.8;cursor:pointer;}
.post-comments .comments-list .comment .comment-content .details .vcm.loading span:hover{opacity:1;cursor:default;}
.post-comments .comments-list .comment .comment-content .details .vcm span.loading{overflow:hidden;text-indent:100px;background:url(/i/common/ajax-loader.svg) no-repeat center !important;background-size:16px !important;}
.post-comments .comments-list .comment .comment-content .details .vcm span.vp:before{content:'\f164';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:12px;margin-right:3px;}
.post-comments .comments-list .comment .comment-content .details .vcm span.vp.set{color:#1e9c76;}
.post-comments .comments-list .comment .comment-content .details .vcm span.vm:before{content:'\f165';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:12px;margin-right:3px;}
.post-comments .comments-list .comment .comment-content .details .vcm span.vm.set{color:#c41a2e;}
.post-comments .comments-list .comment .comment-content .details .vcm .vmsg{white-space:nowrap;}
.post-comments .comments-list .comment .comment-content .details .reply{margin-top:auto;font-size:0.8em;color:#8d8d8d;cursor:pointer;}
.post-comments .comments-list .comment .comment-content .details .reply:hover{color:#1885bc;}
.post-comments .comments-list .comment .form-comment-reply{position:relative;}
.post-comments .comments-list .comment .form-comment-reply .reply-form{padding:15px;background:#f5f5f5;}
.post-comments .comments-list .comment .form-comment-reply .reply-form .row-comment{margin:0 0 15px;}
.post-comments .comments-list .comment .form-comment-reply .reply-form .row-comment textarea{width:100%;padding:12px;}
.post-comments .comments-list .comment .form-comment-reply .reply-form .row-items{display:flex;margin:0 -7.5px 15px;}
.post-comments .comments-list .comment .form-comment-reply .reply-form .row-items .row-item{width:50%;padding:0 7.5px;box-sizing:border-box;-moz-box-sizing:border-box;-webkit-box-sizing:border-box;}
.post-comments .comments-list .comment .form-comment-reply .reply-form .row-items .row-item input{width:100%;padding:12px;}
.post-comments .comments-list .comment .form-comment-reply .reply-form .row-submit{text-align:center;}
.post-comments .comments-list .comment .form-comment-reply.loading{min-height:50px;}
.post-comments .comments-list .comment .form-comment-reply.loading:before{content:'';position:absolute;left:0;right:0;top:0;bottom:0;z-index:100;background:rgba(255,255,255,0.6);}
.post-comments .comments-list .comment .answers{padding-left:105px;}
.post-comments .comments-list .comment .answers .comment .comment-content .avatar{width:60px;height:60px;display:flex;align-items:center;}
.post-comments .comments-list .comment .answers .comment .comment-content .avatar img{max-width:100%;}
.post-comments .comments-list .comment .answers .comment .answers{padding-left:75px;}
@media screen and (max-width: 768px){.post-page .post-gallery .images .image{width:33.3333%;}
.post-comments .comments-list .comment .answers .comment .answers{padding-left:0;}
}
@media screen and (max-width: 576px){.post-page .post-picture{margin-left:-16px;margin-right:-16px;}
.post-page .post-picture img{border-radius:0;}
.post-page .post-gallery .images{margin:-4px;}
.post-page .post-gallery .images .image{padding:4px;}
.post-comments .comments-list .comment .answers{padding-left:0;}
.post-comments .comments-list .comment .comment-content{flex-wrap:wrap;}
.post-comments .comments-list .comment .comment-content .details{width:100%;margin:15px 0 0;text-align:left;flex-direction:row;}
.post-comments .comments-list .comment .comment-content .details .vote{margin:0;}
.post-comments .comments-list .comment .comment-content .details .vcm{margin:0;}
.post-comments .comments-list .comment .comment-content .details .reply{margin:0 0 0 auto;}
}
@media screen and (max-width: 400px){.post-page .post-gallery .images .image{width:50%;}
}
