.elementor-2359 .elementor-element.elementor-element-4c7fc5b:not(.elementor-motion-effects-element-type-background), .elementor-2359 .elementor-element.elementor-element-4c7fc5b > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#000000;}.elementor-2359 .elementor-element.elementor-element-4c7fc5b{transition:background 0.3s, border 0.3s, border-radius 0.3s, box-shadow 0.3s;}.elementor-2359 .elementor-element.elementor-element-4c7fc5b > .elementor-background-overlay{transition:background 0.3s, border-radius 0.3s, opacity 0.3s;}.elementor-widget-heading .elementor-heading-title{font-family:var( --e-global-typography-primary-font-family ), Sans-serif;font-weight:var( --e-global-typography-primary-font-weight );color:var( --e-global-color-primary );}.elementor-2359 .elementor-element.elementor-element-41c7d8c{text-align:center;}.elementor-2359 .elementor-element.elementor-element-41c7d8c .elementor-heading-title{font-family:"Roboto", Sans-serif;font-weight:600;text-shadow:0px 0px 3px #D3D3D3;color:#FFFFFF;}.elementor-2359 .elementor-element.elementor-element-f21db86:not(.elementor-motion-effects-element-type-background), .elementor-2359 .elementor-element.elementor-element-f21db86 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#EEEAC8;}.elementor-2359 .elementor-element.elementor-element-f21db86 > .elementor-background-overlay{opacity:1;transition:background 0.3s, border-radius 0.3s, opacity 0.3s;}.elementor-2359 .elementor-element.elementor-element-f21db86{transition:background 0.3s, border 0.3s, border-radius 0.3s, box-shadow 0.3s;}.elementor-widget-posts .elementor-button{background-color:var( --e-global-color-accent );font-family:var( --e-global-typography-accent-font-family ), Sans-serif;font-weight:var( --e-global-typography-accent-font-weight );}.elementor-widget-posts .elementor-post__title, .elementor-widget-posts .elementor-post__title a{color:var( --e-global-color-secondary );font-family:var( --e-global-typography-primary-font-family ), Sans-serif;font-weight:var( --e-global-typography-primary-font-weight );}.elementor-widget-posts .elementor-post__meta-data{font-family:var( --e-global-typography-secondary-font-family ), Sans-serif;font-weight:var( --e-global-typography-secondary-font-weight );}.elementor-widget-posts .elementor-post__excerpt p{font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-weight:var( --e-global-typography-text-font-weight );}.elementor-widget-posts .elementor-post__read-more{color:var( --e-global-color-accent );font-family:var( --e-global-typography-accent-font-family ), Sans-serif;font-weight:var( --e-global-typography-accent-font-weight );}.elementor-widget-posts .elementor-post__card .elementor-post__badge{background-color:var( --e-global-color-accent );font-family:var( --e-global-typography-accent-font-family ), Sans-serif;font-weight:var( --e-global-typography-accent-font-weight );}.elementor-widget-posts .elementor-pagination{font-family:var( --e-global-typography-secondary-font-family ), Sans-serif;font-weight:var( --e-global-typography-secondary-font-weight );}.elementor-widget-posts .e-load-more-message{font-family:var( --e-global-typography-secondary-font-family ), Sans-serif;font-weight:var( --e-global-typography-secondary-font-weight );}.elementor-2359 .elementor-element.elementor-element-99f8527{--grid-row-gap:0px;--grid-column-gap:14px;}.elementor-2359 .elementor-element.elementor-element-99f8527 .elementor-posts-container .elementor-post__thumbnail{padding-bottom:calc( 0.1 * 100% );}.elementor-2359 .elementor-element.elementor-element-99f8527:after{content:"0.1";}.elementor-2359 .elementor-element.elementor-element-99f8527 .elementor-post__thumbnail__link{width:67%;}.elementor-2359 .elementor-element.elementor-element-99f8527.elementor-posts--thumbnail-left .elementor-post__thumbnail__link{margin-right:0px;}.elementor-2359 .elementor-element.elementor-element-99f8527.elementor-posts--thumbnail-right .elementor-post__thumbnail__link{margin-left:0px;}.elementor-2359 .elementor-element.elementor-element-99f8527.elementor-posts--thumbnail-top .elementor-post__thumbnail__link{margin-bottom:0px;}@media(max-width:767px){.elementor-2359 .elementor-element.elementor-element-99f8527 .elementor-posts-container .elementor-post__thumbnail{padding-bottom:calc( 0.5 * 100% );}.elementor-2359 .elementor-element.elementor-element-99f8527:after{content:"0.5";}.elementor-2359 .elementor-element.elementor-element-99f8527 .elementor-post__thumbnail__link{width:100%;}}/* Start custom CSS for posts, class: .elementor-element-99f8527 *//* 1. กำหนดโครงสร้างหลักของกล่องโพสต์ */
.elementor-2359 .elementor-element.elementor-element-99f8527 .elementor-post {
    background: #5A785A !important; /* พื้นหลังหลักเป็นสีเขียว */
    border-radius: 12px;
    overflow: hidden;
    box-shadow: 0px 8px 20px rgba(0,0,0,0.1);
    transition: all 0.3s ease-in-out;
     /* เส้นขอบบางๆ สีเขียวเข้ม */
    display: flex;
    flex-direction: column;
}

/* 2. ส่วนของรูปภาพ (รักษาพื้นหลังสีเขียวไว้) */
.elementor-2359 .elementor-element.elementor-element-99f8527 .elementor-post__thumbnail__link {
    background: #5A785A; 
    display: block;
}

/* 3. ส่วนของตัวหนังสือ (เปลี่ยนเป็นพื้นหลังสีขาว) */
.elementor-2359 .elementor-element.elementor-element-99f8527 .elementor-post__text {
    background: #ffffff !important; /* เปลี่ยนเฉพาะโซนนี้เป็นสีขาว */
    padding: 20px 15px !important;
    text-align: center;
    flex-grow: 1;
}

/* 4. ปรับสีชื่อโพสต์ให้เป็นสีดำ */
.elementor-2359 .elementor-element.elementor-element-99f8527 .elementor-post__title, 
.elementor-2359 .elementor-element.elementor-element-99f8527 .elementor-post__title a {
    color: #222222 !important; /* ตัวอักษรสีดำเข้ม */
    font-size: 17px;
    font-weight: 700;
    text-decoration: none;
    margin: 0;
}

/* 5. เอฟเฟกต์รูป Zoom (เหมือนเดิม) */
.elementor-2359 .elementor-element.elementor-element-99f8527 .elementor-post__thumbnail img {
    transition: transform 0.6s ease !important;
}

.elementor-2359 .elementor-element.elementor-element-99f8527 .elementor-post:hover .elementor-post__thumbnail img {
    transform: scale(1.1);
}

/* 6. เอฟเฟกต์ยกตัวเมื่อ Hover (เหมือนเดิม) */
.elementor-2359 .elementor-element.elementor-element-99f8527 .elementor-post:hover {
    transform: translateY(-8px);
    box-shadow: 0px 12px 25px rgba(0,0,0,0.15);
}/* End custom CSS */