.elementor-kit-6{--e-global-color-primary:#6EC1E4;--e-global-color-secondary:#54595F;--e-global-color-text:#7A7A7A;--e-global-color-accent:#61CE70;--e-global-typography-primary-font-family:"Kanit";--e-global-typography-primary-font-weight:600;--e-global-typography-secondary-font-family:"Kanit";--e-global-typography-secondary-font-weight:400;--e-global-typography-text-font-family:"Kanit";--e-global-typography-text-font-weight:400;--e-global-typography-accent-font-family:"Kanit";--e-global-typography-accent-font-weight:500;color:#000000;font-family:"Kanit", Sans-serif;}.elementor-kit-6 e-page-transition{background-color:#FFBC7D;}.elementor-kit-6 a{color:#009ADE;}.elementor-kit-6 h1{color:#000000;font-family:"Kanit", Sans-serif;font-size:35px;}.elementor-kit-6 h2{color:#FF0000;font-family:"Kanit", Sans-serif;font-size:25px;}.elementor-kit-6 h3{color:#000000;font-family:"Kanit", Sans-serif;font-size:25px;}.elementor-kit-6 h4{color:#000000;font-family:"Kanit", Sans-serif;}.elementor-kit-6 h5{color:#000000;font-family:"Kanit", Sans-serif;}.elementor-kit-6 h6{color:#000000;font-family:"Kanit", Sans-serif;}.elementor-kit-6 input:not([type="button"]):not([type="submit"]),.elementor-kit-6 textarea,.elementor-kit-6 .elementor-field-textual{border-style:solid;border-width:1px 1px 1px 1px;border-color:#009ADE8C;border-radius:0.5em 0.5em 0.5em 0.5em;}.elementor-section.elementor-section-boxed > .elementor-container{max-width:1140px;}.e-con{--container-max-width:1140px;}.elementor-widget:not(:last-child){--kit-widget-spacing:20px;}.elementor-element{--widgets-spacing:20px 20px;--widgets-spacing-row:20px;--widgets-spacing-column:20px;}{}h1.entry-title{display:var(--page-title-display);}.site-header .site-branding{flex-direction:column;align-items:stretch;}.site-header{padding-inline-end:0px;padding-inline-start:0px;}.site-footer .site-branding{flex-direction:column;align-items:stretch;}@media(max-width:1024px){.elementor-section.elementor-section-boxed > .elementor-container{max-width:1024px;}.e-con{--container-max-width:1024px;}}@media(max-width:767px){.elementor-section.elementor-section-boxed > .elementor-container{max-width:767px;}.e-con{--container-max-width:767px;}}
/* Start custom CSS */.normaltitles h2 {
    text-transform: capitalize;
    font-size: 25px;
    font-weight: bold;
    line-height: 22px;
    color: #009ade!important;
}

.normaltitles h3 {
    text-transform: capitalize;
    font-size: 20px;
    font-weight: bold;
    line-height: 22px;
    color: #212121!important;
}

.normaltitles p {
    text-transform: capitalize;
    font-size: 18px;
    font-weight: normal;
    line-height: 32px;
}

/* สร้างกล่องครอบตารางให้เลื่อนซ้ายขวาได้บนมือถือ */
.table-responsive-wrapper {
    width: 100%;
    overflow-x: auto;
    -webkit-overflow-scrolling: touch; /* ทำให้ไถบน iOS ได้ลื่นขึ้น */
    margin-bottom: 24px;
}

/* บังคับความกว้างขั้นต่ำ เพื่อไม่ให้ข้อความโดนบีบจนพัง */
.table-responsive-wrapper table {
    width: 100%;
    min-width: 700px; /* หากหน้าจอเล็กกว่า 700px ตารางจะเริ่มเกิด Scroll bar */
    border-collapse: collapse;
}

/* ตกแต่งตารางให้ดูสะอาดตา คล้ายในภาพ */
.table-responsive-wrapper th, 
.table-responsive-wrapper td {
    border: 1px solid #e5e5e5; /* สีเส้นขอบ */
    padding: 12px 16px;
    vertical-align: top;
}

.table-responsive-wrapper th {
    background-color: #f8f8f8;
    font-weight: bold;
    text-align: center;
}

.keytaketitles p {
     text-transform: capitalize;
    font-size: 25px;
    font-weight: bold;
    line-height: 22px;
    color: #009ade!important;
}

/*Loop grid*/

/* ซ่อนการ์ดตั้งแต่กล่องที่ 9 เป็นต้นไปเป็นค่าเริ่มต้น */
.custom-loop-container .elementor-loop-item:nth-child(n+9) {
    display: none;
}

/* คลาสคำสั่งสำหรับกางออก (จะถูกควบคุมด้วย JS) */
.custom-loop-container.show-all .elementor-loop-item:nth-child(n+9) {
    display: block; /* หากโครงสร้างการ์ดพัง ให้ลองเปลี่ยนจาก block เป็น flex ดูนะครับ */
    animation: fadeIn 0.5s ease-in-out;
}

/* เพิ่มแอนิเมชันตอนกางออกให้ดูสมูทขึ้น */
@keyframes fadeIn {
    from { opacity: 0; transform: translateY(-10px); }
    to { opacity: 1; transform: translateY(0); }
}

/* 1. สภาพเริ่มต้นตอนอยู่บนสุดที่ Hero Section (ซ่อนไอคอนไว้) */
.hide-at-hero {
    opacity: 0 !important;
    visibility: hidden !important;
    pointer-events: none !important;
    transition: opacity 0.4s ease-in-out, visibility 0.4s ease-in-out !important;
}

/* 2. สภาพตอนเลื่อนหน้าจอลงมา (แสดงไอคอน) */
.hide-at-hero.show-sticky {
    opacity: 1 !important;
    visibility: visible !important;
    pointer-events: auto !important;
}

/* บังคับ UI ช่อง Dropdown และช่อง Search ให้เหมือนกัน */
.elementor-kit-6 .wpc-filters-section select,
.elementor-kit-6 .wpc-filter-search input {
    border: 0.5px solid #009ADE8C !important; /* สีขอบ (สามารถเปลี่ยนรหัสสีให้ตรงกับสีฟ้าของคุณได้) */
    border-radius: 0.5em !important; /* ความโค้งมน ตามที่คุณตั้งไว้ใน Site Settings */
    padding: 10px 15px !important;
    height: 45px !important; /* ล็อกความสูงให้เท่ากัน */
    background-color: #ffffff !important;
    color: #333333 !important;
    outline: none !important;
    box-shadow: none !important;
    width: 100% !important;
}

/* ตอนคลิกใช้งาน (Focus) ให้ขอบยังคงสีเดิมหรือเข้มขึ้น */
.elementor-kit-6 .wpc-filters-section select:focus,
.elementor-kit-6 .wpc-filter-search input:focus {
    border-color: #2CA5D5 !important; 
}/* End custom CSS */
/* Start Custom Fonts CSS */@font-face {
	font-family: 'Kanit';
	font-style: normal;
	font-weight: 300;
	font-display: auto;
	src: ;
}
@font-face {
	font-family: 'Kanit';
	font-style: normal;
	font-weight: 500;
	font-display: auto;
	src: url('https://www.thonburihospital.com/wp-content/uploads/2026/07/Kanit-Medium.woff2') format('woff2');
}
@font-face {
	font-family: 'Kanit';
	font-style: normal;
	font-weight: 400;
	font-display: auto;
	src: url('https://www.thonburihospital.com/wp-content/uploads/2026/07/Kanit-Regular.woff2') format('woff2');
}
@font-face {
	font-family: 'Kanit';
	font-style: normal;
	font-weight: 600;
	font-display: auto;
	src: url('https://www.thonburihospital.com/wp-content/uploads/2026/07/Kanit-SemiBold.woff2') format('woff2');
}
/* End Custom Fonts CSS */