/**
 * Chỉnh css tại trang chi tiết bài viết cho phù hợp với bài được soạn bởi editor mới
 * Author: Mr Hòa
 */

/*Đặt lại màu nên body do bị css của thư viện đè*/
body {
    background-color: #f9f9f9;
}

/*Hủy phần css đang đè lên css của thư viện*/
.entry div:after, .entry ul:after {
    clear: unset;
    content: unset;
    display: unset;
    height: unset;
    line-height: unset;
    visibility: unset;
}

/*Chỉnh khối fixed header*/
.headerBox {
    top: 0;
    background: rgb(255,255,255,0.5);
    height: 50px;
}

.headerBox.stick {
    background: rgb(255,255,255,0.5);
    height: 50px;
    box-shadow:none;
}

.headerBox.sc-sticky {
    background: rgba(255, 255, 255, 0.96);
    box-shadow: 5px 0 8px #ccc;
}

.headerBox .container{
    height: 50px;
}

.headerBox .headerRight .hotline {
    line-height: 50px;
}

@media (min-width: 1200px) {
    .headerBox .menuBox {
        margin-top: 8px;
    }
}
.bannerBox{
    padding-top:50px;
}

/*Đẩy khối header video xuống dưới fixed menu ở bản mobile*/
@media (max-width: 767px){
    .entry .sc-longform-header.embed-video-inside {
        margin-top: 50px;
    }
}

/*Fix lỗi mất góc ảnh đại diện bài viết ở đầu trang*/
.contentTop .khungAnh:before{
    padding-bottom:0;
}

.contentTop .khungAnhCrop {
    position: relative;
    top: auto;
    left: auto;
    right: auto;
    bottom: auto;
    width: auto;
}

.contentTop .khungAnhCrop img{
    width:100%;
    height:auto;
}

/*Chỉnh kích thước khối nội dung bài chi tiết*/
.contentDetail[data-longform="1"],
.contentDetail[data-longform="1"] .container,
.contentDetail[data-longform="1"] .leftDetail,
.contentDetail[data-longform="1"] .leftDetail .contentMain,
.contentDetail[data-longform="1"] .contentMain > .right {
    width: 100%;
    max-width: 100%;
    margin: 0;
    padding: 0;
}

.contentDetail[data-longform="1"] .contentMain > .left {
    position: fixed;
    z-index: 99;
    top: 80px;
}

/*Chỉnh khối tag và share cuối trang*/
.leftDetail .contentMain .tag,
.leftDetail .contentMain .tag ul {
    overflow: hidden;
}

    .leftDetail .contentMain .tag .fa-tags {
        text-shadow: -1px -1px 0 #fff, 1px -1px 0 #fff, -1px 1px 0 #fff, 1px 1px 0 #fff;
    }

.leftDetail .contentMain .share2 {
    overflow: hidden;
    border-top: 1px solid rgb(0 0 0 /20%);
    border-bottom: 1px solid rgb(0 0 0 /20%);
    position:relative;
    padding-top:15px;
    padding-bottom:15px;
    margin-top:15px;
}

.leftDetail .contentMain .share2:before,
.leftDetail .contentMain .share2:after {
    display: block;
    content: "";
    height: 1px;
    background: rgb(255 255 255 /20%);
    position: absolute;
    top: 1px;
    left: 0;
    right: 0;
}

.leftDetail .contentMain .share2:after {       
    top: auto;        
    bottom:1px;
}

@media(max-width:767px){
    #go_to_top{
        right: 5px;
    }

    .fb_dialog_content > iframe {
        margin: 0 !important;
        right: 5px !important;
        opacity: 0.8 !important;
    }
}

/*Làm nền cho các khối sau entry để không bị hở nền ở một số tình huống entry chứa khối fixed cuối*/
.contentDetail[data-longform='1'] ~ .blogDS {
    background: #fff;
    position: relative;
    overflow: hidden;
}

.contentDetail[data-longform='1'] .box-after-entry {
    background: #fff;
    position: relative;
    overflow: hidden;
    padding-top: 15px;
}

/*Thêm padding khối share trên màn nhỏ*/
@media (max-width: 991px){
    .leftDetail .contentMain .tag {
        padding-left:15px;
        padding-right:15px;
    }

    .leftDetail .contentMain .share2 {
        padding: 15px;
    }
}