/* ==========================================================
   NVMTHEME - Block Editor Support
   Version: 1.1
   Chỉ hỗ trợ Block Editor trong nội dung bài viết
========================================================== */

/* ==========================================================
   1. Ảnh Gutenberg
========================================================== */

.entry-content .wp-block-image {
    margin: 1.8em 0;
}

.entry-content .wp-block-image img {
    display: block;
    max-width: 100%;
    height: auto;
}


/* ==========================================================
   2. Căn lề ảnh
========================================================== */

.entry-content .wp-block-image.aligncenter {
    text-align: center;
}

.entry-content .wp-block-image.aligncenter img {
    margin-left: auto;
    margin-right: auto;
}

.entry-content .wp-block-image.alignleft {
    float: left;
    margin: .4em 1.5em 1em 0;
}

.entry-content .wp-block-image.alignright {
    float: right;
    margin: .4em 0 1em 1.5em;
}


/* ==========================================================
   3. Chú thích ảnh
========================================================== */

.entry-content .wp-block-image figcaption {
    margin-top: .7em;
    text-align: center;
    color: #666;
    font-size: .92em;
    line-height: 1.5;
}


/* ==========================================================
   4. Gallery
========================================================== */

.entry-content .wp-block-gallery {
    margin: 2em 0;
}

.entry-content .wp-block-gallery img {
    width: 100%;
    height: auto;
}


/* ==========================================================
   5. Table
========================================================== */

.entry-content .wp-block-table {
    overflow-x: auto;
}

.entry-content .wp-block-table table {
    width: 100%;
    border-collapse: collapse;
}


/* ==========================================================
   6. Button
========================================================== */

.entry-content .wp-block-button {
    margin: 1.5em 0;
}


/* ==========================================================
   7. Quote
========================================================== */

.entry-content .wp-block-quote {
    margin: 2em 0;
    padding-left: 1.2em;
    border-left: 4px solid #ddd;
}


/* ==========================================================
   8. Separator
========================================================== */

.entry-content .wp-block-separator {
    margin: 2em auto;
}


/* ==========================================================
   9. Embed
========================================================== */

.entry-content .wp-block-embed iframe {
    width: 100%;
    max-width: 100%;
}


/* ==========================================================
   10. Mobile
========================================================== */

@media (max-width:768px){

    .entry-content .wp-block-image.alignleft,
    .entry-content .wp-block-image.alignright{
        float:none;
        margin:1.5em auto;
        text-align:center;
    }

    .entry-content .wp-block-image.alignleft img,
    .entry-content .wp-block-image.alignright img{
        margin:auto;
    }

}
/* ==========================================================
   11. Lists (Version 1.2 - Sửa lỗi kích thước)
========================================================== */

.entry-content .wp-block-list,
.entry-content ol,
.entry-content ul {
    margin: 1em 0;
    padding-left: 1.6em;
}

.entry-content ol {
    font-size: 16px;
}

.entry-content ol li,
.entry-content ul li {
    font-size: 16px;
    line-height: 1.7;
    margin-bottom: 0.6em;
}

.entry-content ol li::marker {
    color: #222;
    font-weight: 700;
}