/* PC - Blog  & Blog Detail */
.widget .recent-news h6 a{
    font-size: 18px;
    font-weight: bold;
    line-height: 24px;
    color: #222222;
    -webkit-line-clamp: 2;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    overflow: hidden;
    margin-bottom: 10px;
    font-family: 'Be VietNam - SemiBold';
    margin-bottom: 0;
}
.mobile-recent-time{
    display: none;
}
.widget .recent-news h6{
    min-height: 48px;
}
.recent-news li.clearfix{
    border-bottom: dashed 1px #C6C8D6;
    padding-bottom: 15px;
    margin-bottom: 15px !important;
    cursor: pointer;
    display: flex;
    align-items: center;
}

.widget-area .widget .widget-title{
    border: none;
    margin-bottom: 0;
    padding-bottom: 25px;
    margin-left: 0;
    font-size: 28px !important;
    line-height: 34px !important;
}
.widget-area .widget .widget-title:before{
    background: transparent;
}

.single-post .entry-content{
    padding-top: 0;
    padding-bottom: 30px;
}

.single-post .entry-title{
    color: #000000;
    font-size: 30px;
    line-height: 40px;
}
.single-post .entry-media{
    position: relative;
}
.single-post .entry-media .blog-title{
    bottom: 50px;
    left:215px;
}
.single-post .entry-media .entry-title{
    margin-bottom: 0;
    margin-top: 10px;
}

.post-time:before{
    content: " ";
    color: #fff;
    background-image: url(/wp-content/themes/engitech/images/clock@2x-brown.png);
    background-repeat: no-repeat;
    width: 16px;
    height: 16px;
    display: inline-block;
    margin-right: 8px;
    background-size: contain;
    line-height: 20px;
}

.single-post .blog-post > .inner-post{
    padding-top:0;
}
.recent-news li.clearfix:last-child{
    border:none;
}
.icon-facebook{
    color: #222222;
    padding: 7px 9px 4px 13px;
    font-size: 17px;
    line-height: 20px;
    text-align: center;
    cursor: pointer;
    border-radius: 50%;
    background-repeat: no-repeat;
    margin: 0 2px;
}
.icon-linkedin{
    color: #222222;
    padding: 6px 6px 5px 11px;
    border-radius: 50%;
    font-size: 17px;
    line-height: 20px;
    cursor: pointer;
    margin: 0 2px 0 10px;
}
.icon-linkedin:hover, .icon-twitter:hover, .icon-facebook:hover{
    color:#26aaa5;
}
.icon-twitter{
    color: #222222;
    font-size: 17px;
    line-height: 20px;
    padding: 6px 9px 5px 10px;
    border-radius: 50%;
    background-repeat: no-repeat;
    cursor: pointer;
    margin: 0 2px;
}

.share-social{
    float: right;
}
.single-post .blog-post > .inner-post p:not(:last-child){
    margin-bottom: 10px;
}
.single-post .entry-summary{
    padding-top:7px;
}
.blog-list .post-box p, .blog-list .post-box strong, .single-post .widget-area .post_excerpt{
    color: #555555;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    overflow: hidden;
    -webkit-line-clamp: 4;
    max-height: 94px;
}
.single-post .widget-area .post_excerpt{
    min-height: 66px;

}
.post_excerpt, .post_excerpt strong{
    color: #555555 !important;
    font-weight: 500 !important;
    font-family: 'Be VietNam - Light' !important;
    text-align: justify;
    line-height: 22px;
}
.single-post .entry-summary img{
    margin-bottom: 15px;
}
.single-post .entry-summary .wp-caption img{
    margin-bottom: 5px;
}
.single-post .wp-caption{
    margin-right: 0;
    margin-bottom: 15px;
    max-width: 770px;
    margin-left: auto;
    text-align: center;
    width: 770px !important;
}
.single-post b, .single-post strong{
    color: #222222 ;
    font-family: 'Be VietNam - Regular';
}
.single-post h4{
    margin-bottom: 10px;
}
.single-post .entry-header{
    padding: 0 20px;
}
.single-post .post-box .inner-post{
    padding-bottom: 50px;
}
.single-post .blog-post > .inner-post .entry-summary{
    padding-bottom: 0;
}

.single-post .recent-news .entry-header{
    flex-direction: column;
    justify-content: center;
    display: flex;
    width: 100%;
    padding: 30px 20px;
}
.single-post .entry-meta em.hlv{
    line-height: 16px;
    font-size: 12px;
    height: 36px;
    display: flex;
    align-items: center;
    font-style: normal;
    position: relative;
}
.single-post .entry-summary .vitri{
    line-height: 16px;
    font-size: 12px;
}
.single-post .entry-meta em.hlv:before{
    content: "";
    display: block;
    width: 36px;
    height: 36px;
    position: absolute;
    top: 0;
    background-size: cover;
    background-position: center center;
    border-radius: 50%;
}
.single-post .entry-meta em.hlv:after{
    display: block;
    content: "";
    width: 3px;
    height: 3px;
    background-color: #555555;
    border-radius: 50%;
    padding: 0;
    position: absolute;
    right: -8px;
}
.single-post .post-time:before{
    display: none;
}

.single-post .entry-meta em.hlv strong{
    display: block;
    color: #242A34;
    font-family: 'Be VietNam - Medium';
    font-size: 13px;
    line-height: 16px;
    padding-left: 48px;
    padding-bottom: 0px;
    font-weight: 400;
}
.single-post .post-box .entry-meta .post-time {
    font-size: 13px;
    line-height: 16px;
    padding-left: 14px;
    font-weight: 200;
}

.single-post .entry-meta em.NgocHoang:before{
    background-image: url(/wp-content/themes/engitech/images/hlv-balance/ngoc-hoang.jpg);
}
.single-post .entry-meta em.MaiNgo:before{
    background-image: url(/wp-content/themes/engitech/images/hlv-balance/mai-ngo.jpg)
}
.single-post .entry-meta em.ThanhNguyen:before{
    background-image: url(/wp-content/themes/engitech/images/hlv-balance/thanh-nguyen.jpg)
}
.single-post .entry-meta em.BangNguyen:before{
    background-image: url(/wp-content/themes/engitech/images/hlv-balance/bang-nguyen.jpg)
}
.single-post .entry-meta em.XuanNgo:before{
    background-image: url(/wp-content/themes/engitech/images/hlv-balance/xuan-ngo.jpg)
}
.single-post .entry-meta em.NhungDo:before{
    background-image: url(/wp-content/themes/engitech/images/hlv-balance/nhung-do.jpg)
}
.single-post .entry-meta em.ThyNguyen:before{
    background-image: url(/wp-content/themes/engitech/images/hlv-balance/thy-nguyen.jpg)
}
.single-post .entry-meta em.HoaiHuynh:before{
    background-image: url(/wp-content/themes/engitech/images/hlv-balance/hoai-huynh.jpg)
}
.single-post .entry-meta em.VuNguyen:before{
    background-image: url(/wp-content/themes/engitech/images/hlv-balance/vu-nguyen.jpg)
}
.single-post .entry-meta em.AnhBui:before{
    background-image: url(/wp-content/themes/engitech/images/hlv-balance/anh-bui.jpg)
}
.single-post .entry-meta em.VyNguyen:before{
    background-image: url(/wp-content/themes/engitech/images/hlv-balance/Vy-nguyen.jpg)
}
.single-post .entry-meta em.BalanceYogaVilla:before{
    background-image: url(/wp-content/themes/engitech/images/Balance-new-logo.svg)
}
.single-post .entry-meta em.AnDang:before{
    background-image: url(/wp-content/themes/engitech/images/hlv-balance/an-dang.jpg)
}
.widget.widget_recent_news{
    max-width: 1200px;
    margin: auto;
}
.single-post .primary-sidebar{
    background: #FBFBFC;
    padding: 40px 0;
}

.single-post .post-time{
    display: flex !important;
    align-items: center;
    color:#888888;
    font-weight: 300;
}
.single-post .entry-meta, 
.single-post h2, 
.single-post h3, 
.single-post h4, 
.single-post h5, 
.single-post p, 
.single-post .content-area ul, 
.single-post .content-area ol,
.single-post .wp-video {
    max-width: 770px;
    margin-left: auto;
    text-align: justify;
    width: 770px;
}

.single-post .balance-menu-digital-coach p {
    width: auto;
    color: #26AAA5;
}

.single-post .mega-menu-item p {
    width: auto;
    color: #BFBFBF;
    text-align: initial;
}

.single-post h1 {
    max-width: 770px;
    margin-left: auto;
    width: 770px;
 }
.single-post p, .single-post .content-area ul, .single-post .content-area ol{
    color: #555555
}
.single-post .entry-meta, .single-post h1, .single-post h2, .single-post h3, .single-post h4, .single-post h5, .single-post h6, .single-post .content-area ul strong, .single-post .content-area ol strong{
    color:#222222;
}
.single-post h6{

}
.single-post .entry-meta{
    display: flex;
    align-items: center;
    height: 36px;
}


.single-post .content-area ul, .single-post .content-area ol{
    padding-left: 30px;
    margin-bottom: 10px;
}
.lwptoc{
    margin: 0px auto 30px !important;
    position: absolute;
    width: 320px;
    top: 0;
}
.entry-summary .lwptoc_i{
    padding: 10px 0px !important;
}
.lwptoc_header{
    line-height: 20px !important;
    margin-bottom: 0 !important;
    padding-bottom: 15px;
}
.lwptoc_item{
    font-size: 13px;
    line-height: 20px;
    font-weight: 500;
    position: relative;
    border-bottom: solid 1px #E9E8ED;
    margin-top: 0 !important;
}

.lwptoc_item.lwptoc_parent .lwptoc_item,
.lwptoc_item.lwptoc_parent,
.lwptoc_item.lwptoc_parent.parent-click .lwptoc_item,
.lwptoc_item.lwptoc_parent.parent-click > a{
    border-color: transparent;
}

.lwptoc_item.lwptoc_parent > a {
    border-bottom: solid 1px #E9E8ED;
    border-color: #E9E8ED !important;
}
.lwptoc.toc-fixed{
    position: fixed;
    top: 100px;
}
.admin-bar .lwptoc.toc-fixed{
    top: 120px;
}
.single-post .lwptoc_title{
    font-size: 13px;
    line-height: 16px;
    text-transform: uppercase;
    font-weight: 500;
    color: #222222;
    font-family: 'Be VietNam - Medium';
}
.single-post .entry-title{
    font-size: 24px;
    line-height: 32px;
    font-family: 'Be VietNam - SemiBold';
    padding-bottom: 13px;
}
.lwptoc_itemWrap .lwptoc_item > a{
    width: 100%;
    display: block;
    padding: 15px 20px 15px 0px;
    display: flex;
}
.lwptoc_itemWrap .lwptoc_item > a span{
    font-family: 'Be VietNam - Medium';
}
.lwptoc_itemWrap .lwptoc_itemWrap .lwptoc_item > a {
    background-color: transparent;
    padding: 5px 15px 5px 10px;
    font-size: 14px;
    line-height: 18px;
}
.lwptoc_itemWrap .lwptoc_itemWrap .lwptoc_item > a span{
    font-family: 'Be VietNam - Regular';
}
.single-post .lwptoc .lwptoc_i a{
    color: #222222;
    font-weight: 300;
}
.single-post .lwptoc .lwptoc_i a:hover,.single-post .lwptoc .lwptoc_i a:active{
    color: #26aaa5;
}
.single-post .lwptoc_itemWrap .lwptoc_itemWrap {
    margin: 0;
    padding: 5px 0px 5px 5px;
    display: none;
    background: #F7F7F7;
}

.single-post .lwptoc_itemWrap .lwptoc_itemWrap .lwptoc_itemWrap {
    padding-right: 0px;
}
.single-post .lwptoc_itemWrap .lwptoc_itemWrap .lwptoc_itemWrap {
    margin: 0;
    padding-top: 0;
    padding-bottom: 0;
}

.single-post .lwptoc_itemWrap .lwptoc_itemWrap .lwptoc_parent > a {
    padding-right: 20px;
    background-position-y: 8px;
    border-bottom: none;
    background-position-x: calc(100% - 5px);
    padding-left: 7px;
}

.single-post  .lwptoc_item span{
    font-size: 14px;
    line-height: 16px;
}

.single-post .lwptoc_item .lwptoc_item_number{
    color: #A0A0A0;
    margin-right: 5px;
    font-size: 10px;
    width: 20px;
}

.single-post .lwptoc_item .lwptoc_item_label {
    width: calc(100% - 25px);
}

.lwptoc_parent:hover{
    cursor: pointer;
}
.entry-summary .lwptoc a{
    transition: all 0s;
}

.lwptoc_parent > a {
    background-image: url(/wp-content/themes/engitech/images/toc-hide.svg);
    background-repeat: no-repeat;
    background-position: center right;
    background-position-y: 18px;
    background-position-x: calc(100% - 5px);
}

.lwptoc_parent:hover > a,
.lwptoc_parent > a:focus,
.lwptoc_parent:hover > a:active {
    background-image: url(/wp-content/themes/engitech/images/toc-hide-hover.svg);
}

.lwptoc_parent.parent-click > a {
    background-image: url(/wp-content/themes/engitech/images/toc-active.svg);
}

.lwptoc_parent.parent-click > a:hover,
.lwptoc_parent.parent-click > a:focus,
.lwptoc_parent.parent-click > a:active{
    background-image: url(/wp-content/themes/engitech/images/toc-active-hover.svg);
}

.single-post .lwptoc_itemWrap .lwptoc_itemWrap a:before{
    display: none;
}
.single-post h2{
    font-size: 18px !important;
    line-height: 26px !important;
    font-weight: 600;
    margin-top: 20px;
    margin-bottom: 15px;
}
.single-post h2 span, .single-post h3 span{
    font-family: 'Be VietNam - SemiBold' !important;
}
.single-post h3{
    font-size: 17px !important;
    line-height: 24px !important;
    font-weight: 500;
    font-family: 'Be VietNam - SemiBold';
    margin-bottom: 10px;
}

.single-post h3{
    margin-bottom: 5px;
    margin-top: 15px;
}
.single-post h4{
    font-size: 17px !important;
}
.single-post h3 span, .single-post h4 span, .single-post h5 span{
    font-weight: bold;
    color: #222222 !important;
}
.single-post h5, .single-post h6, .single-post h4{
    font-size: 16px;
    margin-bottom: 10px;
    margin-top: 10px;
    font-weight: 500;
    font-family: 'Be VietNam - SemiBold';
}
.wp-caption .wp-caption-text{
    line-height: 18px;
    margin: 5px 0px 0px 0px;
    color: #888888;
    font-style: italic;
    font-weight: bold;
    font-size: 13px;
}
.single-job_listing .entry-meta{
    display: none;
}
.single-post .inner-post .entry-header{
    position: absolute;
    top: 0;
    right: 0;
}
.single-post .share-social{
    display: flex;
    align-items: center;
}
.blog-post .share-post{
    order: 4;
    margin-bottom: 0;
    padding-left: 15px;
    font-size: 13px;
}

.single-post .icon-linkedin , .single-post .icon-facebook, .single-post .icon-twitter{
    margin: 0;
    padding: 0 8px;
    text-align: center;
    color: #222 !important;
}

.single-post .icon-linkedin:hover,.single-post .icon-twitter:hover, .single-post .icon-facebook:hover{
    color:#26aaa5 !important;
}

.single-post .blog-post .wp-block-image{
    text-align: center;
    max-width: 970px;
    margin: auto;
}
.single-post .content-area{
    width: 100% !important;
}
.single-post .widget-area{
    width: 100%;
}
.widget .recent-news .entry-date{
    color: #888888;
}
.widget .recent-news .clearfix .post_thumb a:before {
    display: block;
    width: 10px;
    height: 10px;
    content: "";
    position: absolute;
    transition: 0.5s all;
    bottom: 10px;
    left: 10px;
}

.widget .recent-news .clearfix{
    transform: translatey(0px);
    transition: all 0.2s;
}
.widget .recent-news .clearfix:hover{
    transform: translatey(-15px);
    transition: all 0.2s;
}
.widget .recent-news .clearfix .post_thumb{
    position: relative;
    margin-top: -1px;
}

.widget .recent-news .clearfix:hover .post_thumb a:before {
    display: block !important;
    width: calc( 100% - 20px);
    height: calc( 100% - 20px);
    background-color: rgb(38, 170, 165, 0.3);
}

.widget .recent-news .clearfix .post_thumb a:after {
    content: "";
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    transition: all 0.3s;
    opacity: 0;
    background-image: url(/wp-content/uploads/2023/02/Group-150042.svg);
    background-repeat: no-repeat;
    background-position: center;
}

.widget .recent-news .clearfix:hover .post_thumb a:after {
    opacity: 1;
}

/* end */

@media (min-width: 1024px) {
    .single-post  .widget ul li{
        position: relative;
        display: inline-block !important;
        border: solid 1px #E9E8ED !important;
        width: calc( 33% - 20px);
        padding-top: 1px;
    }
    .single-post .post_thumb img{
        height: 200px;
        object-fit: cover;
        width: 100%;
    }
    .single-post .widget .recent-news .entry-date{
        font-weight: 400;
        margin: 0;
    }
    .single-post .widget .recent-news .post-on{
        padding-bottom:  10px;
    }
    .single-post .widget .recent-news li:nth-child(1){
        margin-right: 20px;
    }
    .single-post .widget .recent-news li:nth-child(2){
        margin-right: 10px;
        margin-left: 10px;
    }
    .single-post .widget .recent-news li:nth-child(3){
        margin-left: 20px;
    }
}


@media (min-width: 1025px) and (max-width: 1200px) {
    
}

@media (min-width: 767px) and (max-width: 1025px) {

}

@media (min-width: 767px) and (max-width: 991px) {

}

@media (max-width: 1024px) {
    .lwptoc, .lwptoc.toc-fixed{
        position: relative;
        display: block;
        top: auto;
    }
    .entry-summary .lwptoc_i{
            padding: 5px 10px !important;
    }
    .admin-bar .lwptoc.toc-fixed {
        position: relative;
        display: block;
        top: auto;
    }
    .lwptoc{
        width: 100%;
    }   
}

@media (max-width: 767px) {

    .share-post{
        display: none;
    }

    .lwptoc{
        margin: 10px 0 10px !important;
        width: auto;
    }
    .admin-bar .lwptoc.toc-fixed{
        position: relative;
        display: block;
        top: auto;
    }
    .single-post .wp-caption{
        width: auto !important;
        margin-bottom: 10px;
    }
    .single-post .entry-meta, .single-post h1, .single-post h2, .single-post h3, .single-post h4, .single-post h5, .single-post p, .single-post .content-area ul, .single-post .content-area ol, .single-post .wp-video {
        width: auto !important;
    }
    .single-post h2{
        margin-top: 25px;
    }
    .single-post .primary-sidebar{
        padding: 20px;
    }

    .single-post .post-time:before{
        display: block;
    }
    .post-box .entry-meta{
        margin-bottom: 5px;
        height: auto;
    }
    .single-post .post-box .entry-meta .post-time{
        font-size: 13px;
        line-height: 16px;
        padding-left: 13px;
    }
    .single-post .post-box .entry-meta .post-time:before{
        display: none;
    }
    .single-post .entry-summary img{
        margin-bottom: 0px;
    }
    .single-post h5, .single-post h6, .single-post h4{
        margin-top: 25px;
    }
    .single-post .entry-content{
        padding-bottom: 20px;
    }
    .entry-summary .lwptoc_i{
        padding: 5px 10px !important;
    }
    .wp-caption .wp-caption-text{
        font-size: 12px;
        line-height: 16px;
    }
    .single-post h1, .single-post h2, .single-post h3, .single-post h4, .single-post h5, .single-post h6{
        text-align: left;
    }
    .single-post .entry-meta em.hlv.BalanceYogaVilla strong{
        padding-left: 40px;
        font-size: 13px;
    }
    .post-box .entry-meta > span{
        margin-right: 0;
    }

    .single-post .inner-post .entry-header{
        position: absolute;
        top: 0;
        right: 10px;
        height: 40px;
    }
    .single-post .share-social{
        display: flex;
        float: right;
        padding: 6px 10px 8px;
        align-items: center;
        flex-direction: row;
        border-radius: 17px;
        margin-top: -55px;
        background: rgb(255, 255, 255 , 0.3);
    }
    .single-post .icon-linkedin, .single-post .icon-facebook, .single-post .icon-twitter{
        padding: 0 10px;
        line-height: 14px;
        height: 14px;
        display: inline-block;
        margin: 0;
        width: calc( 100% /3);
        text-align: center;
    }
    .single-post .mobile-contact-btn i{
        width: 40px;
        height: 40px;
    }
    .single-post .entry-media .entry-title{
        font-size: 24px !important;
        line-height: 32px !important;
        padding-bottom: 0;
        margin-top: 5px;
        color: #222222;
    }
    .single-post .entry-summary {
        padding-top: 0;
        display: grid;
    }

    .single-post .entry-summary .blog-detail-content {
        order: 2;
    }

    .single-post .entry-summary .blog-detail-table-of-content {
        order: 1;
    }

    .single-post .post-box .inner-post{
        padding-bottom: 0;
    }
    .single-post .entry-meta em.hlv strong{
        font-size: 14px;
        line-height: 18px;
    }
    .primary-sidebar.widget-area .widget{
        margin: 0;
    }
    .single-post .widget-area .post_excerpt{
        display: none;
    }
    h5.widget-title{
        font-size: 24px !important;
        line-height: 32px !important;
    }
    .widget .recent-news{
        padding-top: 0;
    }
    .mobile-recent-time{
        display: block;
    }
    .mobile-recent-time .post_date{
        font-size: 12px;
        line-height: 16px;
        display: block;
        padding-left: 21px;
        position: relative;
        padding-bottom: 5px;
    }
    .single-post .mobile-recent-time .post_date:before{
        content: " ";
        color: #fff;
        background-image: url(/wp-content/themes/engitech/images/clock@2x-brown.png);
        background-repeat: no-repeat;
        width: 13px;
        height: 13px;
        display: block;
        background-size: contain;
        position: absolute;
        left: 0;
        margin-top: 1px;
    }
    .widget .recent-news h6 a{
        font-size: 14px;
        line-height: 18px;
        color: #222222;
        font-family: 'Be VietNam - SemiBold';
        margin-top: 0px;
        margin-bottom: 0px;
        -webkit-line-clamp: inherit;
    }
    .widget .recent-news h6{
        margin: 0px 0 0px;
    }
    .widget .recent-news .clearfix .post_thumb{
        width: 100px;
    }
    .single-post .icon-linkedin .fab,
    .single-post .icon-facebook .fab,
    .single-post .icon-twitter .fab{
        line-height: 14px;
        color: #fff;
    }
    .fa-linkedin-in:before, .fa-facebook-f:before, .fa-twitter:before{
        line-height: 16px;
        font-size: 16px;
    }
    .single-post .recent-news .entry-header{
        width: calc( 100% - 100px);
        padding: 0 0 0 15px;
    }
    .single-post .widget_recent_news img{
        width: 100px;
        height: 70px;
        object-fit: cover;
    }
    .single-post .widget_recent_news .post-time{
        padding: 5px 0;
        margin: 0;
        font-size: 12px;
        line-height: 16px;
    }

    .widget_recent_news .post_excerpt{
        height: 60px;
    position: relative;
    overflow: hidden;

    }
    /* end */
}

@media (max-width: 400px) {
    .single-post .entry-meta em.hlv.BalanceYogaVilla strong,
    .single-post .entry-meta em.hlv.BalanceYogaVilla + .post-time {
        font-size: 12px;
    }
}