.elementor-28 .elementor-element.elementor-element-46c57e9{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;}.elementor-28 .elementor-element.elementor-element-d70bc1e{--display:flex;}.elementor-28 .elementor-element.elementor-element-42016bc{margin:7px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;text-align:center;}.elementor-28 .elementor-element.elementor-element-42016bc .elementor-heading-title{font-family:"chulalongkorn", Sans-serif;font-size:32px;color:#A19201;}.elementor-28 .elementor-element.elementor-element-683ca90{margin:-7px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;}.elementor-28 .elementor-element.elementor-element-431d800{--grid-row-gap:35px;--grid-column-gap:30px;}.elementor-28 .elementor-element.elementor-element-431d800 > .elementor-widget-container{margin:11px 0px 0px 0px;}.elementor-28 .elementor-element.elementor-element-431d800 .elementor-posts-container .elementor-post__thumbnail{padding-bottom:calc( 0.7 * 100% );}.elementor-28 .elementor-element.elementor-element-431d800:after{content:"0.7";}.elementor-28 .elementor-element.elementor-element-431d800 .elementor-post__thumbnail__link{width:100%;}.elementor-28 .elementor-element.elementor-element-431d800 .elementor-post__meta-data span + span:before{content:"•";}.elementor-28 .elementor-element.elementor-element-431d800 .elementor-post__card{border-radius:20px;}.elementor-28 .elementor-element.elementor-element-431d800 .elementor-post__text{margin-top:20px;}.elementor-28 .elementor-element.elementor-element-431d800 .elementor-post__title, .elementor-28 .elementor-element.elementor-element-431d800 .elementor-post__title a{color:#000000;font-family:"chulalongkorn", Sans-serif;font-size:18px;line-height:31px;}:root{--page-title-display:none;}@media(max-width:767px){.elementor-28 .elementor-element.elementor-element-431d800 .elementor-posts-container .elementor-post__thumbnail{padding-bottom:calc( 0.5 * 100% );}.elementor-28 .elementor-element.elementor-element-431d800:after{content:"0.5";}.elementor-28 .elementor-element.elementor-element-431d800 .elementor-post__thumbnail__link{width:100%;}}@media(min-width:768px){.elementor-28 .elementor-element.elementor-element-46c57e9{--content-width:1440px;}}/* Start custom CSS for posts, class: .elementor-element-431d800 *//* บังคับรูปให้อยู่ในกรอบ 1:1 โดยไม่เสียสัดส่วน */
.elementor-28 .elementor-element.elementor-element-431d800 .elementor-post__thumbnail {
    padding-bottom: 100% !important; /* กำหนดความสูงกรอบเป็น 100% ของความกว้าง (คือ 1:1) */
}

/* จัดการส่วนหัวข้อ (Title) */
.elementor-28 .elementor-element.elementor-element-431d800 .elementor-post__title a {
    /* 1. บังคับแสดงแค่ 2 บรรทัด */
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis; /* ใส่ ... ถ้าข้อความยาวเกิน */
    
    /* 2. เอาขีดเส้นใต้ออก */
    text-decoration: none !important;
    box-shadow: none !important; /* ป้องกันบางธีมที่ใช้ shadow แทนขีดเส้นใต้ */
}

/* 1. ลบ Gradient หรือเงาดำที่เคลือบทับรูป */
.elementor-28 .elementor-element.elementor-element-431d800 .elementor-post__thumbnail__link::after,
.elementor-28 .elementor-element.elementor-element-431d800 .elementor-post__thumbnail::after,
.elementor-28 .elementor-element.elementor-element-431d800 .elementor-post__thumbnail::before {
    background: none !important; /* ลบสีพื้นหลัง/ไล่สี */
    display: none !important;    /* ซ่อน layer ที่ทับอยู่ออกไปเลย */
    opacity: 0 !important;
}

/* 2. บังคับรูปให้แสดงสีจริง แสงจริง ไม่เบลอ */
.elementor-28 .elementor-element.elementor-element-431d800 .elementor-post__thumbnail img {
    filter: none !important;          /* ลบฟิลเตอร์เบลอ หรือ ขาวดำ */
    opacity: 1 !important;            /* ให้รูปทึบแสง 100% ไม่จาง */
    mix-blend-mode: normal !important; /* ลบการผสมสีกับพื้นหลัง */
    transition: none !important;      /* (ทางเลือก) ปิดเอฟเฟกต์ค่อยๆ ชัดตอนโหลด */
}


/* 2. สั่งให้ "ทั้งการ์ด" ขยับขึ้นแทน */
.elementor-28 .elementor-element.elementor-element-431d800 .elementor-post__card {
    transition: all 0.3s ease-in-out; /* ตั้งเวลาให้ขยับนุ่มๆ ไม่กระตุก */
}

.elementor-28 .elementor-element.elementor-element-431d800 .elementor-post__card:hover {
    transform: translateY(-10px) !important; /* ขยับขึ้นแนวตั้ง 10px */
    
    /* (แถม) ใส่เงาเพิ่มเล็กน้อยตอนลอยขึ้น เพื่อมิติที่สวยงาม */
    box-shadow: 0 15px 30px rgba(0,0,0,0.1) !important; 
}/* End custom CSS */
/* Start Custom Fonts CSS */@font-face {
	font-family: 'chulalongkorn';
	font-style: normal;
	font-weight: normal;
	font-display: auto;
	src: url('https://ce.pharm.chula.ac.th/wp-content/uploads/2025/12/CHULALONGKORNReg.ttf') format('truetype');
}
@font-face {
	font-family: 'chulalongkorn';
	font-style: normal;
	font-weight: bold;
	font-display: auto;
	src: url('https://ce.pharm.chula.ac.th/wp-content/uploads/2025/12/CHULALONGKORNBold.ttf') format('truetype');
}
/* End Custom Fonts CSS */