/* =======================================================
   THAI NEWS GRID — GLOBAL
   จำกัดเฉพาะหัวข้อใน Post Grid ไม่เกิน 2 บรรทัด
   ไม่กระทบหัวข้อและเนื้อหาในหน้าอ่านข่าว
======================================================= */

.vce-posts-grid-wrapper .vce-post-title,
.vce-posts-grid-wrapper .vce-post-title a,
.vce-posts-grid-wrapper .vce-post-description--title,
.vce-posts-grid-wrapper .vce-post-description--title a,
.vce-posts-grid-list .vce-post-title,
.vce-posts-grid-list .vce-post-title a,
.vce-posts-grid-list .vce-post-description--title,
.vce-posts-grid-list .vce-post-description--title a{

    word-break:keep-all !important;
    overflow-wrap:break-word !important;
    white-space:normal !important;
    hyphens:none !important;
    line-break:strict !important;

    display:-webkit-box !important;
    -webkit-box-orient:vertical !important;
    -webkit-line-clamp:2 !important;

    overflow:hidden !important;
    text-overflow:ellipsis !important;

    line-height:1.35 !important;
    max-height:none !important;
    box-sizing:border-box !important;
}


/* =======================================================
   POST META
   ซ่อนคำว่า Posted on และแสดงเฉพาะวันที่
======================================================= */

/* ซ่อนข้อความ Posted */
.vce-post-description--meta > span:first-child{
    display:none !important;
}

/* ซ่อนข้อความ on ที่ติดกับวันที่ */
.vce-post-description--meta .vce-post-description--meta-date{
    font-size:0 !important;
}

/* แสดงเฉพาะวันที่ */
.vce-post-description--meta .vce-post-description--meta-date time{
    font-size:16px !important;
    color:inherit !important;
}


/* =======================================================
   ลดช่องว่างระหว่างวันที่กับหัวข้อข่าว
======================================================= */

.vce-post-description--meta,
.vce-post-meta,
.vce-post-date,
.vce-post-description--meta-date{
    margin-bottom:3px !important;
}

.vce-posts-grid-wrapper .vce-post-description--title,
.vce-posts-grid-wrapper .vce-post-title,
.vce-posts-grid-list .vce-post-description--title,
.vce-posts-grid-list .vce-post-title{
    margin-top:0 !important;
}


/* =======================================================
   MOBILE POSTS SLIDER
   จำกัดหัวข้อ Slider ไม่เกิน 2 บรรทัด
======================================================= */

@media screen and (max-width:767px){

    .vce-posts-slider .vce-posts-slider-item-content{
        padding:20px !important;
        justify-content:flex-end !important;
        box-sizing:border-box !important;
        overflow:hidden !important;
    }

    .vce-posts-slider .vce-posts-slider-item-title{
        width:100% !important;
        max-width:100% !important;

        margin:0 !important;
        padding:2px 0 6px !important;

        font-size:22px !important;
        line-height:1.35 !important;
        font-weight:600 !important;

        word-break:keep-all !important;
        overflow-wrap:break-word !important;
        white-space:normal !important;
        hyphens:none !important;

        display:-webkit-box !important;
        -webkit-box-orient:vertical !important;
        -webkit-line-clamp:2 !important;

        overflow:hidden !important;
        text-overflow:ellipsis !important;

        max-height:none !important;
        box-sizing:border-box !important;
    }
}


/* มือถือจอเล็ก */
@media screen and (max-width:480px){

    .vce-posts-slider .vce-posts-slider-item-content{
        padding:16px !important;
    }

    .vce-posts-slider .vce-posts-slider-item-title{
        font-size:19px !important;
        line-height:1.35 !important;
        padding-bottom:0px !important;
        -webkit-line-clamp:2 !important;
				margin-bottom:6px !important;
    }
}


/* =======================================================
   CURRENT DATE
======================================================= */

#header-date{
    color:#ffffff !important;
    line-height:1.4 !important;
    font-size:1em !important;
    text-align:right !important;
}


/* =======================================================
   FIX STRETCHED / BOXED WIDTH
======================================================= */

@media (min-width:1200px){

    div.vcv-content--boxed .entry-content [data-vce-boxed-width="true"],
    .vcv-content--boxed .vcv-layouts-html [data-vce-boxed-width="true"],
    div.vcv-content--boxed > [data-vce-boxed-width="true"],
    div.vcv-content--boxed .entry-content > [data-vce-boxed-width="true"],
    div.vcv-editor-theme-hf .vcv-layouts-html > [data-vce-boxed-width="true"],
    div.vcv-header > [data-vce-boxed-width="true"],

    .vcv-content--boxed .entry-content
    .vce-layouts-wp-content-area-container
    .vce-row-container
    > .vce-row[data-vce-full-width="true"]:not([data-vce-stretch-content="true"])
    > .vce-row-content,

    .vcv-content--boxed .entry-content
    .vce-global-template-inner
    > .vce-row-container
    > .vce-row[data-vce-full-width="true"]:not([data-vce-stretch-content="true"])
    > .vce-row-content,

    div.vcv-footer > [data-vce-boxed-width="true"],

    div.vcv-content--boxed .entry-content
    > *
    > [data-vce-full-width="true"]:not([data-vce-stretch-content="true"])
    > [data-vce-element-content="true"],

    .vcv-content--boxed
    > .vce-row-container
    > .vce-row[data-vce-full-width="true"]:not([data-vce-stretch-content="true"])
    > .vce-row-content,

    .vcv-content--boxed .vcv-layouts-html
    > .vce-row-container
    > .vce-row[data-vce-full-width="true"]:not([data-vce-stretch-content="true"])
    > .vce-row-content,

    .vcv-content--boxed .vcv-layouts-html
    .vce-global-template-inner
    .vce-row-container
    > .vce-row[data-vce-full-width="true"]:not([data-vce-stretch-content="true"])
    > .vce-row-content,

    div.vcv-content--boxed
    > *
    > [data-vce-full-width="true"]:not([data-vce-stretch-content="true"])
    > [data-vce-element-content="true"],

    div.vcv-editor-theme-hf .vcv-layouts-html
    > *
    > [data-vce-full-width="true"]:not([data-vce-stretch-content="true"])
    > [data-vce-element-content="true"],

    div.vcv-header
    > *
    > [data-vce-full-width="true"]:not([data-vce-stretch-content="true"])
    > [data-vce-element-content="true"],

    div.vcv-footer
    > *
    > [data-vce-full-width="true"]:not([data-vce-stretch-content="true"])
    > [data-vce-element-content="true"]{

        max-width:1140px !important;
        margin-right:auto !important;
        margin-left:auto !important;
    }
}
/* =========================================
   GLOBAL NEWS GRID PAGINATION
   จุดกลม → ตัวเลข
========================================= */

.vce-posts-grid-pagination{
    display:flex !important;
    justify-content:center !important;
    align-items:center !important;
    gap:6px !important;

    margin-top:30px !important;
}

/* เลขหน้า */
.vce-posts-grid-pagination .vce-posts-grid-pagination-item{
    display:flex !important;
    align-items:center !important;
    justify-content:center !important;

    width:auto !important;
    min-width:30px !important;
    height:34px !important;

    margin:0 !important;
    padding:0 7px !important;

    /* ล้างรูปแบบจุดเดิม */
    border:0 !important;
    border-radius:0 !important;
    background:none !important;
    box-shadow:none !important;

    /* เอาตัวเลขกลับมา */
    font-size:16px !important;
    line-height:34px !important;
    font-weight:500 !important;
    color:#555 !important;

    text-indent:0 !important;
    text-decoration:none !important;

    opacity:1 !important;

    transition:all .2s ease !important;
}

/* หน้าที่กำลังเปิด */
.vce-posts-grid-pagination
.vce-posts-grid-pagination-item.vce-state--active{
    background:none !important;
    color:#e60000 !important;
    font-weight:700 !important;
}

/* Hover */
.vce-posts-grid-pagination
.vce-posts-grid-pagination-item:hover{
    background:none !important;
    color:#e60000 !important;
}
/* fix post slide*/
.vce-posts-slider .slick-track > .vc-slick-item:not(:first-child):not(.slick-slide) {
    display:none;
}