/*
 * CSS : flatline. Blog Additional
*/
.mk-blog-breadcrumb{position:relative;z-index:1;min-height:144px}
.mk-blog-breadcrumb .banner-overlay{height:unset;min-height:144px}
.mk-blog-breadcrumb .breadcrumb2{position:absolute;z-index:1;right:0;bottom:0;left:0;padding:32px 0 89px;background-color:rgba(0,0,0,.0)}
.mk-blog-breadcrumb .breadcrumb{margin:0}
.mk-blog-left{float:left;width:70%;margin-top:-60px}
.mk-blog-right{float:right;width:30%;padding-top:24px;padding-bottom:24px;padding-left:24px}
.mk-blog-left .pager li a{padding:10px 12px;border-color:#cfd8dc;border-radius:12px;background-color:#fff;box-shadow:0 2px 15px -2px rgba(0,0,0,.1)}
.blog-post .panel .panel-body{padding:24px}
.blog-post .panel .blog-img-container{overflow:hidden;height:200px;border-radius:5px;margin-bottom:16px}
.blog-post .panel .blog-img-container img{width:100%;height:100%;object-position:center;object-fit:cover}
.blog-post .panel .blog-post-content h2{font-size:16px;line-height:1.2;padding:0 0 16px}
.blog-post .panel .blog-post-content p{padding-top:20px;border-top:1px dashed #cfd8dc}
.blog-post .panel .blog-post-content p b{font-size:12px;float:right;font-weight:normal}
.blog-post .panel .blog-post-content p span{font-size:12px;padding:0;display:block;float:left;border-radius:60px;overflow:hidden}
.blog-post .panel .blog-post-content p span a{display:block;padding:5px 10px;color:#fff}
.mk-blog-view{padding-top:400px}
.mk-blog-view .banner-overlay{overflow:hidden;height:400px;background-color:#000!important}
.mk-blog-view .banner-overlay img{width:100%;height:100%;opacity:.7;object-fit:cover;object-position:center}
.mk-blog-view .breadcrumb2{background-color:rgba(0,0,0,.5)}
.sidebar-module{margin-top:24px}
.sidebar-module .panel{margin:0!important;background-color:transparent;box-shadow:unset}
.sidebar-module .list-group,.sidebar-module .list-group-item{background-color:transparent}
.sidebar-module:nth-child(1){margin-top:0}
.sidebar-module h4{margin-bottom:12px!important;padding-bottom:8px;border-bottom:2px solid #cfd8dc}
.mk-blog-list .list-group-item{padding:10px 0 10px;border:1px solid #cfd8dc}
.mk-blog-list .list-group-item .fa{display:none}
.mk-blog-list .list-group-item a{font-weight:500}
.mk-blog-list .list-group-item span{font-size:12px;display:block;margin:4px 0 8px}
.mk-blog-list .list-group-item:nth-child(1){padding-top:0;border:0}
.mk-blog-list .list-group-item:last-child{padding-bottom:0}
.mk-blog-kat li{position:relative;margin-top:6px}
.mk-blog-kat li:nth-child(){margin-top:0}
.mk-blog-kat li a{font-size:12px;font-weight:normal;line-height:1;display:block!important;padding:8px;text-align:left;color:#fff!important}
.mk-blog-kat li span{font-size:11px;position:absolute;top:50%;right:8px;transform:translateY(-50%);color:#fff}
.mk-blog-recpos .media{position:relative;overflow:unset;min-height:40px;margin:0;margin-top:12px;padding:0;padding-left:52px}
.mk-blog-recpos .media-left{position:absolute;top:0;left:0;height:unset!important;padding:0}
.mk-blog-recpos .media-left a{display:block;overflow:hidden;width:40px;height:40px;border-radius:12px;background-color:red}
.mk-blog-recpos .media-left img{width:100%;height:100%;object-fit:cover;object-position:center}
.mk-blog-recpos .media-body h5{font-size:14px!important;padding-top:3px}
.mk-blog-recpos .media-body span{font-size:12px!important}
.mk-blog-form .btn{height:44px}
.mk-blog-page img{margin:16px 0;border-radius:6px}
.mk-blog-page .mk-page-title{margin-bottom:24px;padding-bottom:24px;border-bottom:1px dashed #cfd8dc}
.mk-blog-page .mk-page-title h2{font-size:22px;margin-bottom:8px}
.mk-blog-page .mk-page-title p{font-size:12px}
.mk-write-comment form textarea.form-control{height:200px!important;resize:unset}
.mk-add-comment{position:relative;padding:10px 20px 12px;border-radius:0 0 6px 6px;background-color:#e7e7e7}
.mk-add-comment::after{display:block;clear:both;content:' '}
.mk-add-comment .btn{font-size:14px;line-height:28px;float:right;height:28px;padding:0 20px;border-radius:20px}
.mk-add-comment input,.mk-add-comment input:disabled,.mk-add-comment input:read-only{font-size:14px;float:left;width:200px;height:28px;margin-right:6px;padding:0 8px;transition:.25s ease;color:#555!important;color:#333;border:0;background:transparent;background:rgba(0,0,0,.075);box-shadow:unset}
.mk-add-comment input:focus{background:#fff}
.mk-add-comment input:read-only{background:rgba(0,0,0,.075)}
.mk-add-comment span{display:block;float:left;overflow:hidden;height:28px;margin-right:6px;margin-left:22px;border-radius:4px;background:rgba(0,0,0,.075)}
.mk-add-comment span img{width:auto;height:28px}
.mk-add-comment .btn:disabled{cursor:default;opacity:1;color:#444!important;background-color:#fff!important}
.mk-add-comment .btn:disabled:hover{box-shadow:unset}
.mk-blog-post-edit{position:absolute;z-index:2;top:-52px;right:40px;width:40px;height:40px;padding:0;text-align:center;border:1px solid rgba(0,0,0,.1);border-radius:12px;background-color:#fff;box-shadow:0 2px 15px -2px rgba(0,0,0,.5)}
.mk-blog-content ol{padding-left:24px}
.mk-blog-content ol li{margin-top:4px}
.mk-blog-content ol li:nth-child(1){margin-top:0}
.blog-comments{display:block!important}

/* Share Post */
.mk-share-copy{position:relative;z-index:1}
.mk-share-item:after{display:block;clear:both;content:' '}
.mk-share-item ul{padding:0}
.mk-share-item ul li:before{display:none}
.mk-share-item li{float:left;overflow:hidden;margin:0 10px 2px 0;list-style:none;box-shadow:0 1px 10px -4px rgba(0,0,0,.15)}
.mk-share-item li a{line-height:45px;position:relative;display:block;overflow:hidden!important;width:68px;height:44px;transition:.5s ease;text-align:center;color:#fff;border-radius:6px!important}
.mk-share-item li a:hover{box-shadow:inset 0 0 500px rgba(0,0,0,.15)}
.mk-share-item li a md-icon{color:#fff;margin-top:-1px}
.mk-share-item li.facebook a{background-color:#1874ec}
.mk-share-item li.fb-messenger a{background-color:#0084ff}
.mk-share-item li.whatsapp a{background-color:#25d366}
.mk-share-item li.telegram a{background-color:#08c}
.mk-share-item li.twitter a{background-color:#1da1f2}
.mk-share-item li.copyurl{float:right;margin-right:0}

@media (max-width:860px){
  .pager{margin-bottom:24px;padding-bottom:20px;border-bottom:1px dashed #cfd8dc}
  .mk-blog-post-edit{right:20px}
  .mk-blog-left{float:none;width:auto;margin-top:-60px}
  .mk-blog-right{float:none;width:auto;padding-top:0;padding-bottom:24px;padding-left:0}
  .blog-comments{display:none!important}
  .blog-comments.open{display:block!important}
  .blog-feed .mk-section-title h4::after{content:' (Show Comment)'}
}
@media (max-width:640px){
  .mk-blog-breadcrumb{min-height:114px}
  .mk-blog-breadcrumb .banner-overlay{min-height:120px}
  .mk-blog-breadcrumb .breadcrumb2{padding:20px 0 78px}
  .mk-share-item li{margin:0;width:20%;}
  .mk-share-item li a{width:unset;border-radius:0!important}
  .mk-share-item li:first-child a{border-radius:6px 0 0 6px!important}
  .mk-share-item li:last-child a{border-radius:0 6px 6px 0!important}
}