.jt-post{

    border: 1px solid rgba(0, 0, 0, .05);
    margin-bottom: 30px;
    padding-top: 5px;
    padding-bottom: 10px;
    border-radius: 5px;
    background-color: #fbf9f7;
}
.jt-post a{
    text-decoration: none;
}
.jt-post-info{
    padding: 0 12px;
    margin-left: 16px;
    margin-top: -10px;
}
.jt-post-info .post-engagement{

}
.jt-post-info .post-engagement a,.jt-post-info .post-engagement button{
    padding: 0;
    background-color: transparent;
    margin: 0;
    margin-right: 15px;
}
.jt-post-author{
    display: flex;
    margin-left: -16px;
}
.jt-post-author .author-photo{
    width: 32px;
}
.jt-post-author .author-photo img{
    width: 32px;
    height: 32px;
    border-radius: 50%;
    border: 3px solid rgba(0, 0, 0, .1);
}
.jt-post-author .author-name{
    width: calc(100% - 32px);
    padding: 0 12px;
}

.jt-post-author .author-name .post-timestamp{
    padding-left: 30px;
    color: brown;
    font-style: italic;
    font-size: 80%;
}

/*------------------------------------------------------------------------------*/
/*  Classic_Blog
/*------------------------------------------------------------------------------*/
article.ttm-blog-classic {
    font-size: 100%;
    line-height: 26px;
    margin-bottom: 50px;
    padding-bottom: 0;
    position: relative;
}
article.ttm-blog-classic .entry-header {

}
article.ttm-blog-classic .entry-header .header-bottom{
    display: flex;
    opacity: .5;
    line-height: 18px;
    font-size: 14px;
}
article.ttm-blog-classic .entry-header .header-bottom .blog-author{
    width: 60%;
    font-weight: 600;
}
article.ttm-blog-classic .entry-header .header-bottom .blog-timestamp{
    width: 40%;
    font-style: italic;
    color: maroon;
    text-align: right;
}

article.ttm-blog-classic:last-child {
    margin-bottom: 10px;
}
article.ttm-blog-classic .post-featured-wrapper, .ttm-post-featured{ 
    position: relative; 
    overflow: hidden;
}
article.ttm-blog-classic .ttm-post-featured:before{
    position: absolute;
    content: "";
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    opacity: 0;
    visibility: hidden;
    background: -webkit-linear-gradient(left, rgba(0, 0, 0,0.2), rgba(255, 210, 0,0.1), rgba(0, 0, 0,0.2), rgba(255, 210, 0,0.1), rgba(0, 0, 0,0.2));
    -webkit-transform: translate3d(0,-50%,0) matrix(1, 0, -0.1, 1, 0, 0);
    -moz-transform: translate3d(0,-50%,0) matrix(1, 0, -0.1, 1, 0, 0);
    -ms-transform: translate3d(0,-50%,0) matrix(1, 0, -0.1, 1, 0, 0);
    -o-transform: translate3d(0,-50%,0) matrix(1, 0, -0.1, 1, 0, 0);
    transform: translate3d(0,-50%,0) matrix(1, 0, -0.1, 1, 0, 0);
    -webkit-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    -ms-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    transition: all 0.3s ease;
}
article.ttm-blog-classic:hover .ttm-post-featured:before{
    -webkit-transform: translate3d(0,0,0);
    -moz-transform: translate3d(0,0,0);
    -ms-transform: translate3d(0,0,0);
    -o-transform: translate3d(0,0,0);
    transform: translate3d(0,0,0);
    opacity: 1;
    height: 100%;
    visibility: visible;
}
article.ttm-blog-classic .ttm-box-post-icon,
article.ttm-blog-single .ttm-box-post-icon {
    height: 50px;
    width: 50px;
    line-height: 50px;
    display: block;
    position: absolute;
    top: 30px;
    left: 30px;
    z-index: 1;
    color: #fff;
    text-align: center;
}
article.ttm-blog-classic .ttm-box-post-icon i,
article.ttm-blog-single .ttm-box-post-icon i{
    font-size: 22px;
    line-height: 22px;
    vertical-align: middle;
}
article.ttm-blog-classic .ttm-blog-classic-content {
    background: #fff;
    padding: 30px 30px 30px 30px;
    z-index: 1;
    position: relative;
    display: block;
    margin: 0 30px;
    margin-top: -50px;
    box-shadow: 0 0 12px 0 rgba(0,0,0,0.08);
}
article .ttm-post-entry-header div{ 
    margin-right: 15px;
    display: inline-block;
}
article.ttm-blog-classic .post-category a{ margin-bottom: 10px; }
article.ttm-blog-classic .entry-header .entry-title {
    font-size: 28px;
    line-height: 32px;
    font-weight: 600;
    margin-bottom: 0px;
}
article.ttm-blog-classic .ttm-post-entry-header {
    margin-bottom: 15px;
    margin-top: -5px;
}
article.ttm-blog-classic blockquote {
    display: block;
    background: #f6f9ff;
    padding: 27px 120px 27px 35px;
    position: relative;
    border: none;
    font-style: italic;
    font-weight: 400;
    margin: 35px 0 35px 0;
    font-size: 17px;
    line-height: 28px;
}
article.ttm-blog-classic blockquote:before {
    content: '';
    position: absolute;
    left: 0;
    top: 0;
    width: 5px;
    height: 100%;
    display: block;
    background: #2457aa;
}
article.ttm-blog-classic blockquote:after {
    content: '"';
    font-family: 'Poppins', sans-serif;
    font-size: 120px;
    line-height: 80px;
    font-weight: 400;
    color: #2457aa;
    position: absolute;
    right: 15%;
    top: 0;
    font-style: normal;
    display: block;
}
.ttm-blog-classic .ttm-blogbox-desc-footer {
    padding: 0;
    margin-top: 25px;
    margin-bottom: 0;
    clear: both;
    overflow: hidden;
}

.ttm-blog-classic .ttm-blogbox-desc-footer.add-share-actions {
    display: flex;
}

.ttm-blog-classic .ttm-blogbox-desc-footer.add-share-actions .ttm-blogbox-footer-readmore {
    width: 40%;

}
.ttm-blog-classic .ttm-blogbox-desc-footer.add-share-actions .share-section {
    width: 60%;
}

.ttm-blog-classic .ttm-blogbox-footer-left ,
.ttm-blog-classic .ttm-social-share-wrapper .social-icons,
.ttm-blog-classic .ttm-social-share-wrapper .ttm-social-share-title{ 
    float: left; 
}
.ttm-blog-classic .ttm-social-share-wrapper { float: right; }
.ttm-blog-classic .ttm-social-share-wrapper .ttm-social-share-title{
    font-size: 16px;
    color: #000b1c;
    margin-top: 10px;
    margin-right: 3px;
    padding-right: 10px;
    position: relative;
    font-weight: 500;
    display: inline-block;
}

.post-meta{
    padding: 0;
    margin: 0;
}
.post-meta li{
    list-style: none;
    display: inline-block;
    margin-right: 10px;
    white-space: nowrap;
}

.post-meta li:last-child{
    margin-right: 0;
}

.post-meta li i{
    margin-right: 5px;
}

/*blog-comment*/
.comments-area {
    margin-top: 50px;
    margin-bottom: 0;
}
.comments-area h2{
    font-size: 29px;
    line-height: 30px;
    margin-bottom: 15px;
}
.comment-list li { position: relative; margin-top: 30px; }
.comment-list .children { margin-left: 35px; }
.comment-list, .comment-list .children { 
  list-style-type: none;
  padding: 0; 
}
.single-post .comments-area { margin-top: 50px; margin-bottom: 0; }
.single-post .comments-area .comments-title { font-size: 33px; font-weight: 600; }
.comment-body {
    margin-left: 110px;
    padding: 20px 25px;
    position: relative;
    background-color: #f6f9ff;
    border: 1px solid #e9eef6;
    position: relative;
}
.comment-body:after{
    content: "";
    position: absolute;
    top: 25px;
    left: -18px;
    width: 0;
    height: 0;
    border-top: 18px solid transparent;
    border-bottom: 18px solid transparent;
    border-right: 18px solid #f6f9ff;
}
.comment-author {
    float: left;
    text-align: center;
    width: 81px;
    height: 81px;
    display: block;
    overflow: hidden;
    margin-left: -135px;
    margin-top: -20px;
}
.comment-author img { max-width: 100%; height: auto; }
.comment-reply-title {
    font-weight: 600;
    font-size: 24px;
    line-height: 28px;
    margin-bottom: 10px;
}
.comment-notes{ 
    font-size: 15px;
    font-style: italic;
}
.comment-meta, .reply {
    display: inline-block;
    vertical-align: middle;
    margin-bottom: 15px;
}
.comment-body .author-content-wrap p{ margin-bottom: 0; }
.reply{ float: right; }
.comment-meta, .comment-meta span{ font-size: 12px; line-height: 19px; }
.comment-meta .ttm-comment-owner h5, .ttm-comment-owner {
   display: block;
    font-size: 16px;
    line-height: 18px;
    font-weight: 400;
    color: #000b1c;
    font-style: normal;
}
.single article.post .comment-body p { margin-top: 10px; }
.comment-list a.comment-reply-link {
    border: none;
    color: #fff;
    font-size: 13px;
    padding: 2px 30px 3px 17px;
    position: relative;
    margin-top: 5px;
    display: inline-block;
    -webkit-transition: all 0.3s ease-in-out 0s;
    -moz-transition: all 0.3s ease-in-out 0s;
    -ms-transition: all 0.3s ease-in-out 0s;
    -o-transition: all 0.3s ease-in-out 0s;
    transition: all 0.3s ease-in-out 0s;
}
.comment-list a.comment-reply-link:after {
    position: absolute;
    top: 6px;
    font-family: 'themify';
    content: "\e649";
    font-weight: 400;
    display: inline-block;
    margin-right: .2em;
    text-align: center;
    opacity: 1;
    line-height: 22px;
    font-size: 10px;
    margin-left: 8px;
}
.comments-area .comment-respond { padding-top: 40px; }
#respond .comment-reply-title { margin: 0 0 20px!important; }
.comment-form {

}
.comment-form textarea {
    min-height: 125px;
    width: 100%;
    border: 1px solid orange;
    outline: 0;
    padding: 15px;
}
.comment-form .comment-send-button {
    margin-top: 15px;
}
.comment-form textarea:focus {
    border-width: 2px;
}

.comment-form:after {
    clear: both;
    display: block;
    content: "";
}

.comment-reaction-form{
    display: none;
}
.comment-reaction-form .form-controls{
    display: flex;
}
.comment-reaction-form .form-controls textarea{
    width: calc(100% - 50px);
    height: 50px;
    resize: none;
    outline: 0;
    border: 1px solid rgba(0, 0, 0, .2);
    padding: 5px 15px;
}

.comment-reaction-form .form-controls button{
    width: 50px;
    background-color: #e27e1e;
    color: #fff;
    border: 1px solid transparent;
}
.comment-reaction-form .form-controls button i{
    font-size: 26px;
}
.comment-replies{
    position: relative;
}

.comment-replies .post-title{
    font-weight: 500 !important;
}
.comment-replies .replies-container{
/*    float: right;*/
    margin-left: 32px;
}

.comment-replies .replies-container .replies{
    border-left: 1px solid rgba(0, 0, 0, .2);
    box-sizing: border-box;
}


.comment-replies ul{
    margin: 0;
    margin: 0 0 20px 0;
    padding: 0;
    list-style: none; 
} 

.comment-replies li {
    padding: 5px 5px 5px 20px;
    position: relative;
    padding-bottom: 0;
    line-height: 18px;
}
.comment-replies li:before {
/*    font-family: "fontawesome";*/
    position: absolute;
    left: 0;
    top: 6px;
    display: block;
    font-size: 15px;
    color: rgba(0, 0, 0, .2);
    content: "-"
}
.comment-replies .reply-box{
    display: block;
    width: 100%;
}

.comment-replies .reply-box .post-timestamp{
    font-size: 80%;
    font-style: italic;
    color: brown;
}
.comment-replies:after,.comment-replies .replies-container::after{
    clear: both;
    display: block;
    content: "";
}
.comment-replies .reply .author-info{}
.comment-replies .delete-comment-reply{
    display: block;
}
/**/

/*jt blog standard*/
.jt-blog-standard{
    border-bottom: 1px solid #000;
} 
.jt-blog-standard .post-container{
    display: flex;
}
.jt-blog-standard .cover-image{
    width: 40%;
}
.jt-blog-standard .post-particulars{
    width: 60%;
    padding: 0 30px;
    padding-top: 20px;
}

.jt-blog-standard .post-particulars .post-title{
    font-size: 24px;
}

.jt-blog-standard .post-particulars .author-timestamp{
    display: flex;
    opacity: .5;
    line-height: 18px;
    font-size: 14px;
}
.jt-blog-standard .post-particulars .author-timestamp .post-author{
    width: 60%;
    font-weight: 600;
}
.jt-blog-standard .post-particulars .author-timestamp .post-timestamp{
    width: 40%;
    font-style: italic;
    color: maroon;
    text-align: right;
}

/*author widget*/
.jt-author-widget{
    border: 1px dashed orange;
    padding: 15px;
    margin-top: 30px;
    padding-bottom: 30px;
}
.jt-author-widget.dark p{
    color: #fff;
}
.jt-author-widget .widget-title{
    font-weight: 500;
    border-bottom: 1px solid rgba(0, 0, 0, .05);
    padding: 5px 15px;
    font-style: italic;
    margin-bottom: 20px;
}
.jt-author-widget .widget-body{
    display: flex;
    color: inherit;
    text-decoration: none;
}
.jt-author-widget:hover{
    background-color: rgba(0, 0, 0, .05);
}
.jt-author-widget .author-photo{
    width: 80px;
}
.jt-author-widget .author-photo img{
    width: 100%;
    border-radius: 50%;
    border: 3px solid rgba(0, 0, 0, .1);
}
.jt-author-widget .author-info{
    width: calc(100% - 80px);
    padding: 10px;
    padding-left: 20px;
    padding-top: 30px;
}
.jt-author-widget .author-info .author-name{
    font-weight: 900;
    text-transform: uppercase;
    margin-bottom: 0;
    font-size: 36px !important;
}
.jt-author-widget.dark .author-info .author-name{
    color: #fff;
}

.jt-author-widget .author-info .author-name span{
    opacity: .5;
}
.jt-author-widget .author-info p{
    margin-bottom: 0;
}
.jt-author-widget .author-info .author-position{
    
}
.jt-author-widget .author-info .author-posts{
    color: green;
}
.jt-author-widget .author-info .author-followers{
    color: blue;
}

.jt-author-widget .author-info .author-followers span,
.jt-author-widget .author-info .author-posts span{
    display: block;
}

.jt-author-widget .author-engagement{
    border: 0;
    text-align: center;
    max-width: 200px;
    font-weight: 600;
}
.jt-author-widget .author-engagement table{
    border: 0;
    width: 100%;
}
.jt-author-widget .author-engagement table td{
    border: 0;
    padding: 0 12px;
}
.jt-author-widget .author-engagement table tr td:first-child{
    padding-left: 0;
}
.jt-author-widget.dark .author-info .author-posts{
    color: lightgreen;
}
.jt-author-widget.dark .author-info .author-followers{
    color: lightblue;
}
/*style2*/
.jt-author-widget.style2{
    border: 0;
}
.jt-author-widget.style2 .widget-title,
.jt-author-widget.style2 .widget-body{
    color: #fff;
}
.jt-author-widget.style2 .author-photo{
    width: 200px;
}
.jt-author-widget.style2 .author-photo img{
    border-radius: 50%;
}
.jt-author-widget.style2 .author-info{
    width: calc(100% - 200px);
}
.jt-author-widget.style2 .author-info .author-name{
    font-size: 50px;
}
.jt-author-widget.style2 .author-info .author-position{
    font-size: 25px;
}

/*categories list*/
.categories-section{

}
.categories-section ul{
    list-style: none;
    padding: 0;
    margin: 0;
}
.categories-section .section-title{
    font-weight: 700;
    font-family: Arial;
    margin-bottom: 30px;
    padding-bottom: 5px;
    background: rgba(0, 0, 0, .1);
    padding: 6px 20px;
}
.categories-section li:after{clear: both;display: block;content: "";}
.categories-section li{
    border-bottom: 1px solid rgba(0, 0, 0, .05);
    padding-top: 10px;
    padding-bottom: 10px;
}
.categories-section li a{
    text-decoration: none;
    color: inherit;
    font-weight: 500;
}

.categories-section.text-dark,
.categories-section.text-dark a{
    color: #000;
}

.categories-section ul li.active {
    background: rgba(0, 0, 0, .05);
    padding: 3px 12px;

}
.categories-section ul li.active a,
.categories-section ul li.active span{
    color: green !important;
    font-weight: 700;
}

.categories-section li:last-child{
    border-bottom: 0;
}
.categories-section li a{
    width: calc(100% - 10%);
    float: left;
    white-space: normal;
    padding-right: 15px;

}
.categories-section li span{
    width: 10%;
    float: right;
}

/**/
.blog-category-block{
    padding: 15px 30px;
    box-shadow: rgba(99, 99, 99, 0.2) 0px 2px 8px 0px;
    text-align: center;
    height: 100%;
    display: block;
    width: 100%;
    color: inherit;
    text-decoration: none;
}
.blog-category-block:hover{
    background: #fdfaf8;
    text-decoration: none;
}
.blog-category-block img{
    width: 100%;
    max-width: 50px;
    display: block;
    margin: 0 auto;
    margin-bottom: 15px;
}

.blog-call-to-action{
    margin-bottom: 30px;
}

.blog-call-to-action .action-intro{
    display: flex;
}

.blog-call-to-action .action-intro .author-box{
    width: 50px;
}

.blog-call-to-action .action-intro .author-box img{
    width: 100%;
    width: 50px;
    height: 50px;
    border-radius: 50%;
    border: 3px solid rgba(0, 0, 0, .1);
}

.blog-call-to-action .action-intro .input-box{
    width: calc(100% - 50px);
    padding: 0 15px;
    display: flex;
}

.blog-call-to-action .action-intro .input-box button{
    width: 100%;
    height: 45px;
    opacity: .3;
    display: block;
    background-color: inherit;
    border-radius: 100px;
    padding: 6px 20px;
    padding-top: 0;
    outline: 0;
    border: 1px solid rgba(0, 0, 0, .5);
    text-align: left;
}
.blog-call-to-action .action-intro .input-box button:first-child{
    border-top-right-radius: 0;
    border-bottom-right-radius: 0;
    width: calc(100% - 70px);
    border-right: 0;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}
.blog-call-to-action .action-intro .input-box button:last-child{
    border-top-left-radius: 0;
    border-bottom-left-radius: 0;
    width: 70px;
    border-left: 0;
    font-size: 26px;
    text-align: center;
    background: rgba(0, 0, 0, .05);
    padding-top: 3px;
}

@media(max-width: 991.98px){

}

@media(max-width: 767.98px){
    article.ttm-blog-classic .ttm-blog-classic-content {
        padding: 15px 15px 15px 15px;
        margin: 0 10px;
        margin-top: -30px;
    }
    
    
    .jt-author-widget .author-engagement{
        margin: 0 auto;
    }

    .jt-author-widget.style2 .widget-body{
        display: block;
    }

    .jt-author-widget.style2 .author-photo{
        width: 100%;
    }
    .jt-author-widget.style2 .author-photo img{
        max-width: 250px;
        display: block;
        margin: 0 auto;
    }
    .jt-author-widget.style2 .author-info{
        width: 100%;
    }
    .jt-author-widget.style2 .author-info .author-name{
        font-size: 26px;
        text-align: center;
    }
    .jt-author-widget.style2 .author-info .author-position{
        font-size: 20px;
        text-align: center;
        font-weight: 600;
        font-style: italic;
    }
}

@media(max-width: 575.98px){
    .ttm-blog-classic .ttm-blogbox-desc-footer .ttm-blogbox-footer-readmore a{
        display: block !important;
        width: 100% !important;
        
    }
    .ttm-blog-classic .ttm-blogbox-desc-footer.add-share-actions{
        display: block;
        
    }
    .ttm-blog-classic .ttm-blogbox-desc-footer.add-share-actions .ttm-blogbox-footer-readmore {
        width: 100%;
        
    }
    .ttm-blog-classic .ttm-blogbox-desc-footer.add-share-actions .share-section {
        width: 100%;
    }

    /*  standard  */

    
    .jt-blog-standard .post-container{
        display: block;
    }

    .jt-blog-standard .cover-image,.jt-blog-standard .post-particulars{
        width: 100%;
    }


    .jt-blog-standard .cover-image{

    }

    .jt-blog-standard .post-particulars{
        padding-left: 0;
        padding-right: 0;
        padding-bottom: 25px;
    }

    .jt-blog-standard .post-particulars .post-title{
        font-size: 24px;
    }
    
}

@media(max-width: 319.98px){
    .blog-call-to-action .action-intro .author-box{
        width: 32px;
    }

    .blog-call-to-action .action-intro .author-box img{
        width: 32px;
        height: 32px;
    }

    .blog-call-to-action .action-intro .input-box{
        width: calc(100% - 32px);
        padding: 0 5px;
    }

    .blog-call-to-action .action-intro .input-box button{
        height: 35px;
        padding: 6px 12px;
    }
    .blog-call-to-action .action-intro .input-box button:first-child{
        width: calc(100% - 32px);
    }
    .blog-call-to-action .action-intro .input-box button:last-child{
        width: 32px;
        font-size: 18px;
        padding: 0 0;
  }
    
}