@import url('https://fonts.googleapis.com/css2?family=IBM+Plex+Sans+Thai:wght@300;400;500;600;700&family=IBM+Plex+Mono:wght@400;500&display=swap');
/* ITC site-wide look (matches the homepage). The homepage (#itc) styles itself. */
:root{--itc-ink:#0d2240;--itc-blue:#286cab;--itc-sky:#dbe7f3;--itc-paper:#f6f8fb;--itc-amber:#d9a21b;--itc-slate:#4a5568;--itc-line:#d6dee8;--itc-wrap:max(20px,calc((100vw - 1180px)/2))}
body:not(.home){font-family:"IBM Plex Sans Thai",system-ui,sans-serif;background:var(--itc-paper);color:var(--itc-ink);overflow-x:clip;-webkit-font-smoothing:antialiased}
body:not(.home) h1,body:not(.home) h2,body:not(.home) h3,body:not(.home) h4,body:not(.home) .site-title,body:not(.home) button,body:not(.home) input,body:not(.home) select,body:not(.home) textarea,body:not(.home) .main-navigation,body:not(.home) .wp-block-button__link{font-family:"IBM Plex Sans Thai",system-ui,sans-serif}
body:not(.home) a{color:var(--itc-blue)}

/* header */
body:not(.home) #masthead{position:sticky;top:var(--wp-admin--admin-bar--height,0);z-index:60;display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:12px 28px;max-width:none;margin:0;min-height:72px;padding:10px var(--itc-wrap);background:rgba(13,34,64,.97);backdrop-filter:blur(8px);box-shadow:0 1px 0 rgba(255,255,255,.08)}
body:not(.home) #masthead .site-header-wrapper{width:100%;max-width:none;margin:0;padding:0;display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:12px 28px}
body:not(.home) #primary.content-area{margin-top:0!important}
body:not(.home) .site-branding{margin:0;padding:0}
body:not(.home) .site-title{margin:0;font-size:17px;font-weight:600;line-height:1.2;letter-spacing:0;text-transform:none}
body:not(.home) .site-title a{display:grid;grid-template-columns:36px auto;column-gap:12px;align-items:center;color:#fff!important;text-decoration:none}
body:not(.home) .site-title a::before{content:"";grid-row:1/span 2;width:36px;height:36px;background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 36 36'%3E%3Ccircle cx='18' cy='18' r='16' fill='none' stroke='%23fff' stroke-width='2'/%3E%3Cellipse cx='18' cy='18' rx='7' ry='16' fill='none' stroke='%23fff' stroke-width='1.5'/%3E%3Cpath d='M2 18h32M5 10h26M5 26h26' stroke='%23fff' stroke-width='1.5'/%3E%3C/svg%3E") no-repeat center/contain}
body:not(.home) .site-title a::after{content:"Foundation of the Future";grid-column:2;font-size:12px;font-weight:400;opacity:.7}
body:not(.home) .site-description{display:none}
body:not(.home) .main-navigation{margin:0}
body:not(.home) .main-navigation a{color:#d8e3f0!important;font-size:15px;font-weight:500;text-decoration:none!important;padding:8px 0}
body:not(.home) .main-navigation a:hover{color:#fff!important}
body:not(.home) .main-navigation .current-menu-item>a,body:not(.home) .main-navigation .current_page_item>a,body:not(.home) .main-navigation a[aria-current="page"]{color:#fff!important;box-shadow:inset 0 -2px 0 var(--itc-amber)}
body:not(.home) .main-navigation>div>ul>li{margin-left:26px}
body:not(.home) #masthead .button,body:not(.home) #masthead button{background:transparent;color:#fff;box-shadow:none}
body:not(.home) #masthead svg{fill:#fff;color:#fff}
@media (max-width:640px){body:not(.home) .main-navigation>div>ul>li{margin-left:16px}body:not(.home) .site-title{font-size:15px}}

/* page hero (title band) */
body:not(.home) .site-content,body:not(.home) .site-main{padding-top:0;margin-top:0}
body.page:not(.home) .entry-header,body.single-course .entry-header{width:100vw;max-width:none;margin:0 0 48px calc(50% - 50vw);padding:64px var(--itc-wrap) 56px;color:#fff;background-color:#0d2240;background-image:radial-gradient(circle at 85% 20%,rgba(40,108,171,.45),transparent 55%),linear-gradient(rgba(255,255,255,.045) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.045) 1px,transparent 1px);background-size:auto,48px 48px,48px 48px}
body.page:not(.home) .entry-header .entry-title,body.single-course .entry-header .entry-title{color:#fff;font-size:clamp(32px,5vw,52px);font-weight:700;line-height:1.15;letter-spacing:-.01em;margin:0;max-width:900px}
body.page:not(.home) .entry-header::before,body.single-course .entry-header::before{display:block;font-family:"IBM Plex Sans Thai",sans-serif;font-size:13px;font-weight:600;letter-spacing:.06em;text-transform:uppercase;color:#f0c75a;margin-bottom:14px}
body.page:not(.home) .entry-header::after,body.single-course .entry-header::after{display:block;color:#c9d6e8;font-size:17px;line-height:1.6;margin-top:14px;max-width:720px}
body.page-id-14136 .entry-header::before{content:"หลักสูตรออนไลน์ · Online courses"}
body.page-id-14136 .entry-header::after{content:"เรียนได้ทุกที่ ทุกเวลา พร้อม Certificate of Completion เมื่อเรียนจบและสอบผ่าน · Learn anywhere, anytime, with a certificate when you finish and pass."}
body.page-id-14137 .entry-header::before{content:"พื้นที่ผู้เรียน · Learner area"}
body.page-id-14137 .entry-header::after{content:"เข้าสู่ระบบหรือสมัครสมาชิกเพื่อเริ่มเรียน และติดตามความคืบหน้าของคุณ · Log in or register to start learning and track your progress."}
body.page-id-14207 .entry-header::before{content:"PDPA · Privacy"}
body.single-course .entry-header::before{content:"หลักสูตรออนไลน์ · Online course"}
body.single-course .entry-header::after{content:"ISO Training Center E-learning"}
body:not(.home) .entry-header .edit-link a{color:#f0c75a}
body.single-course .post-thumbnail{max-width:980px;margin:0 auto 36px;padding:0 20px}
body.single-course .post-thumbnail img{border-radius:14px;box-shadow:0 24px 50px -28px rgba(13,34,64,.6)}

/* headings and text in content */
body:not(.home) .entry-content h2{font-size:clamp(24px,3vw,30px);font-weight:700;color:var(--itc-ink);letter-spacing:-.01em}
body:not(.home) .entry-content h3{color:var(--itc-ink)}
body:not(.home) .entry-content p,body:not(.home) .entry-content li{color:#2f3a4b}

/* buttons */
body:not(.home) .wp-block-button__link,body:not(.home) .entry-content input[type=submit],body:not(.home) .entry-content button[type=submit],body:not(.home) #customer_login .button{background:var(--itc-amber)!important;color:var(--itc-ink)!important;border:0!important;border-radius:6px!important;text-transform:none!important;letter-spacing:0!important;font-weight:600!important;font-size:16px!important;padding:12px 22px!important;line-height:1.3!important;box-shadow:none!important;transition:background .2s}
body:not(.home) .wp-block-button__link:hover,body:not(.home) .entry-content input[type=submit]:hover,body:not(.home) .entry-content button[type=submit]:hover,body:not(.home) #customer_login .button:hover{background:#ebb532!important}

/* course list (E-learning page) */
body:not(.home) .wp-block-sensei-lms-course-list-filter select{border:1px solid var(--itc-line);border-radius:6px;padding:8px 34px 8px 12px;background-color:#fff;font-size:15px;color:var(--itc-ink)}
body:not(.home) .wp-block-sensei-lms-course-list .wp-block-post{background:#fff;border:1px solid var(--itc-line)!important;border-radius:16px;padding:18px 18px 22px!important;box-shadow:0 16px 40px -26px rgba(13,34,64,.45);transition:transform .2s,box-shadow .2s;margin-bottom:28px}
body:not(.home) .wp-block-sensei-lms-course-list .wp-block-post:hover{transform:translateY(-3px);box-shadow:0 24px 50px -26px rgba(13,34,64,.55)}
body:not(.home) .wp-block-sensei-lms-course-list .wp-block-post-featured-image img{border-radius:10px}
body:not(.home) .wp-block-sensei-lms-course-list .wp-block-post>.wp-block-group{border:0!important;padding:0!important;background:none!important}
body:not(.home) .wp-block-sensei-lms-course-list .wp-block-post-title{font-size:clamp(24px,3vw,32px)!important;line-height:1.2;font-weight:700;margin-top:14px}
body:not(.home) .wp-block-sensei-lms-course-list .wp-block-post-title a{color:var(--itc-ink);text-decoration:none}
body:not(.home) .wp-block-sensei-lms-course-list .wp-block-post-title a:hover{color:var(--itc-blue)}
body:not(.home) .wp-block-sensei-lms-course-list .wp-block-post-excerpt{color:var(--itc-slate);font-size:16px}
body:not(.home) .wp-block-sensei-lms-course-overview a{display:inline-block;border:1.5px solid var(--itc-ink);border-radius:6px;padding:9px 18px;color:var(--itc-ink);font-weight:600;text-decoration:none;transition:background .2s,color .2s}
body:not(.home) .wp-block-sensei-lms-course-overview a:hover{background:var(--itc-ink);color:#fff}

/* login / register (My Courses) */
body:not(.home) #customer_login{display:grid;grid-template-columns:1fr 1fr;gap:24px}
body:not(.home) #customer_login::before,body:not(.home) #customer_login::after{display:none}
body:not(.home) #customer_login .col-1,body:not(.home) #customer_login .col-2{float:none;width:auto;max-width:none;margin:0;background:#fff;border:1px solid var(--itc-line);border-radius:16px;padding:28px;box-shadow:0 16px 40px -28px rgba(13,34,64,.45)}
body:not(.home) #customer_login h2{font-size:24px;margin:0 0 16px}
body:not(.home) #customer_login form{border:0!important;padding:0!important;margin:0!important;box-shadow:none!important;background:none!important}
body:not(.home) #customer_login label{font-size:14px;font-weight:500;color:var(--itc-slate)}
body:not(.home) #customer_login input[type=text],body:not(.home) #customer_login input[type=email],body:not(.home) #customer_login input[type=password]{width:100%;border:1px solid var(--itc-line);border-radius:8px;padding:12px 14px;font-size:16px;background:#fbfcfe;color:var(--itc-ink)}
body:not(.home) #customer_login input:focus{border-color:var(--itc-blue);outline:3px solid var(--itc-sky);outline-offset:0}
@media (max-width:760px){body:not(.home) #customer_login{grid-template-columns:1fr}}

/* course page */
body:not(.home) .wp-block-sensei-lms-course-outline-module__header{background:var(--itc-ink)!important;color:#fff!important}
body:not(.home) .wp-block-sensei-lms-course-outline-module{border-color:var(--itc-ink)!important;border-radius:12px;overflow:hidden}
body:not(.home) .wp-block-sensei-lms-progress-bar,body:not(.home) .sensei-progress-bar__bar{border-radius:99px}

/* footer */
body:not(.home) #colophon{width:100vw;max-width:none;margin:64px 0 0 calc(50% - 50vw);padding:36px var(--itc-wrap);background:#0d2240;color:#9fb3cc;display:flex;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;font-size:14px}
body:not(.home) #colophon a{color:#d8e3f0}
body:not(.home) #colophon .social-navigation{display:none}
body:not(.home) #colophon .site-info::after{content:" · Foundation of the Future";color:#7f93ad}