.wrap-add-product img {
    width: 100%;
}

.icon-share-post:hover {
    color: #212529;
    transition: .2s;
}

.icon-share-post {
    position: absolute;
    right: 15px;
    cursor: pointer;
    color: #BDBDBD;
    width: 28px;
}

.content-main-detail-blog{
    word-break: break-word;
}

.content-main-detail-blog p{
    text-align: justify;
}

.content-main-detail-blog figcaption {
    font-size: 0.8rem;
}

.content-main-detail-blog h1 em {
    font-style: normal;
}
.content-main-detail-blog h2 em {
    font-style: normal;
}
.content-main-detail-blog h3 em {
    font-style: normal;
}
.content-main-detail-blog h4 em {
    font-style: normal;
}
.content-main-detail-blog h5 em {
    font-style: normal;
}
.content-main-detail-blog h6 em {
    font-style: normal;
}

.content-main-detail-blog h2 {
    font-size: 1.4rem;
    margin-bottom: 1rem;
    margin-top: 1rem;
    color: #001E61
}


.content-main-detail-blog h3 {
    font-size: 1.3rem;
    margin-bottom: 1rem;
    margin-top: 1rem;
    color: #001E61
}

.content-main-detail-blog h4 {
    font-size: 1.2rem;
    margin-bottom: 1rem;
    margin-top: 1rem;
    color: #001E61
}

.content-main-detail-blog h5 {
    font-size: 1.1rem;
    margin-bottom: 1rem;
    margin-top: 1rem;
    color: #001E61
}

.content-main-detail-blog h6 {
    font-size: 1.1rem;
    margin-bottom: 1rem;
    margin-top: 1rem;
    color: #001E61
}


.content-main-detail-blog ul {
    margin-bottom: 1rem;
}

.content-main-detail-blog figcaption {
    text-align: center;
    font-style: italic;
}

.content-main-detail-blog a {
    color: #E10E77;
}

.content-main-detail-blog a:hover {
    text-decoration: underline;
}

.content-main-detail-blog a:hover, a:active, a:focus {
    color: #E10E77;
}

.content-blog-detail {
    color: #333333;
}

.content-main-detail-blog ul {
    list-style: disc;
}

.content-main-detail-blog ul, ol {
    padding-left: 18px;
}

.content-main-detail-blog .wp-caption {
    width: 100% !important; /* fix một số bài viết cũ fix cứng width của ảnh trong editor */
}


@media (min-width: 769px) {
    .icon-share-post {
        top: 6px;
    }
    .grid-content-blog {
        display: grid;
        grid-template-columns: 25% 1fr 25%;
        grid-gap: 30px;
    }
    .banner-blog-detail-mobile {
        display: none !important;
    }
}

@media (min-width: 320px) and (max-width: 768px) {
    .banner-blog-detail-pc {
        display: none !important;
    }
    .grid-content-blog {
        display: block;
        grid-template-columns: 1fr;
    }
    .sidebar-post {
        display: none;
    }
    .involve-blog {
        display: none;
    }

    .icon-share-post {
        top: 17px;
    }
}

.sidebar-post {
    position: relative;
}

#list-anchor {
    color: #333333;
    /*padding-left: 22px;*/
}

#list-anchor li {
    min-height: 26px;
    margin-bottom: 5px;
}

.sticky-item {
    position: fixed;
    z-index: 999;
    /*overflow-y: auto;*/
}

.sidebar-post .registration-blog-detail {
    position: sticky;
}

.involve-blog {
    position: relative;
}

.divider-post {
    height: 3px;
    background: linear-gradient(to right, #001e61 , #2125FF);
}

.involve-blog .involve-blog-detail {
    position: sticky;
}

.list-involve-post {
    max-height: calc(100vh - 200px);
    overflow-y: auto;
}

a[data-type="internal"] {
    color: initial;
}
a[data-type="internal"]:hover {
    text-decoration: none;
}

.anchor-item {
    cursor: pointer;
}

.anchor-item:hover {
    text-decoration: underline;
}

#left-content-blog {
    max-height: calc(100vh - 110px);
    overflow-y: auto;
}

@media (max-width: 1440px) {
    .wp-block-embed iframe {
        height: 250px;
    }
}

@media (max-width: 1200px) {
    .wp-block-embed iframe {
        height: 230px;
    }
}