/* เปลี่ยนสีพื้นหลัง Topbar-----------------------Start---------------------------------------------*/
.container-header {
    background: linear-gradient(135deg,#0d47a1,#1976d2);
}

/* สีตัวอักษรเมนู */
.container-header .mod-menu > li > a {
    color: #ffffff;
    font-weight: 600;
}

/* สีเมนูเมื่อเอาเมาส์วาง */
.container-header .mod-menu > li > a:hover {
    color: #ffe082;
}

/* สีเมนูที่เลือกอยู่ */
.container-header .mod-menu > li.active > a {
    color: #ffeb3b;
}

/* เปลี่ยนสีพื้นหลัง Topbar-----------------------End---------------------------------------------*/

/* module Nameschool -----------------------Start---------------------------------------------*/
/* จัดตำแหน่ง below-top ให้อยู่กึ่งกลาง */
.container-below-top {
    display: flex;
    justify-content: center;
    text-align: center;
}

/* ให้ Module ภายใน below-top กว้างเต็มและอยู่กลาง 
.container-below-top .moduletable {
    width: 100%;
    text-align: center;
}*/
.site-title{
    text-align:center;
    font-size:2.2rem;
    font-weight:700;
    color:#ffffff;
    margin:10px 0 5px;
}

.site-subtitle{
    text-align:center;
    font-size:1rem;
    color:#bdbdbd;
    margin-bottom:15px;
}

.below-top{
    padding:15px 10px;
    background:#f5f9ff;
    border-radius:8px;
}
/* module Nameschool-----------------------End---------------------------------------------*/

/* module ผู้บริหาร -----------------------Start---------------------------------------------*/
/* กล่อง Module */
.card,
.moduletable {

    border: 1px solid #d9d9d9;
    border-radius: 10px;
    overflow: hidden;

    box-shadow: 0 5px 15px rgba(0,0,0,.08);

    transition: .3s;

    background: #fff;

}

.card:hover,
.moduletable:hover{

    box-shadow:0 10px 25px rgba(0,0,0,.15);

}

/* หัวข้อ Module */

.card-header,
.moduletable h3{

    background: linear-gradient(90deg,#0d6efd,#4da3ff);

    color:#fff;

    text-align:center;

    font-size:24px;

    font-weight:bold;

    padding:10px;

    margin:0;

}

/* รูปผู้บริหาร */

.moduletable img,
.card img{

    width:220px;

    display:block;

    margin:25px auto;

    border:6px solid #ffffff;

    box-shadow:0 8px 18px rgba(0,0,0,.2);

    border-radius:8px;

    transition:.3s;

}

.moduletable img:hover{

    transform:scale(1.03);

}

/* ชื่อ */

.director-name{

    text-align:center;

    font-size:24px;

    font-weight:bold;

    color:#003366;

    margin-top:10px;

}

/* ตำแหน่ง */

.director-position{

    text-align:center;

    font-size:20px;

    color:#666;

    margin-top:5px;

    margin-bottom:20px;

}

/* เส้นคั่น */

.director-line{

    width:70%;

    height:2px;

    background:#0d6efd;

    margin:20px auto;

}

/* ปุ่ม */

.director-button{

    display:block;

    width:180px;

    margin:20px auto;

    text-align:center;

    background:#0d6efd;

    color:#fff;

    text-decoration:none;

    padding:10px;

    border-radius:30px;

    transition:.3s;

}

.director-button:hover{

    background:#084298;

    color:#fff;

}

/* มือถือ */

@media(max-width:768px){

.moduletable img{

    width:180px;

}

.director-name{

    font-size:22px;

}

.director-position{

    font-size:18px;

}

}
/* module ผู้บริหาร -----------------------End---------------------------------------------*/

/* module ประชาสัมพันธ์* -----------------------Start---------------------------------------------*/
.mod-articleslatest li{
    list-style:none;
}

.mod-articleslatest li::before{
    content:"📢";
    margin-right:8px;
}
/* module ประชาสัมพันธ์* -----------------------End---------------------------------------------*/

/* module คณะกรรรมการสถานศึกษา ---------------Start---------------------------------------------*/
.committee{

    max-width:1200px;
    margin:auto;
    padding:30px;

}

/* หัวข้อ */

.committee-title{

    background:#2b78d0;
    color:#fff;

    text-align:center;

    font-size:34px;

    font-weight:bold;

    padding:18px;

    border-radius:8px;

    margin-bottom:40px;

}

/* ประธาน */

.chairman{

    display:flex;

    justify-content:center;

    margin-bottom:25px;

}

.chairman-card{

    width:220px;

}

/* พระ */

.monk-row{

    display:flex;

    justify-content:space-between;

    width:70%;

    margin:0 auto 50px auto;

}

/* กรรมการ */

.committee-grid{

    display:grid;

    grid-template-columns:repeat(4,1fr);

    gap:40px;

}

/* สมาชิก */

.member{

    text-align:center;

}

/* รูป */

.member img{

    width:160px;

    height:200px;

    object-fit:cover;

    border:8px solid #c79d4d;

    border-radius:8px;

    box-shadow:0 5px 15px rgba(0,0,0,.25);

    background:#fff;

}

/* ชื่อ */

.name{

    font-size:18px;

    font-weight:bold;

    margin-top:12px;

}

/* ตำแหน่ง */

.position{

    font-size:14px;

    color:#555;

}

/* Tablet */

@media(max-width:992px){

.committee-grid{

grid-template-columns:repeat(2,1fr);

}

.monk-row{

width:100%;

}

}

/* Mobile */

@media(max-width:700px){

.chairman{

margin-bottom:30px;

}

.monk-row{

flex-direction:column;

align-items:center;

gap:30px;

}

.committee-grid{

grid-template-columns:1fr;

}

.member img{

width:150px;

height:190px;

}

.committee-title{

font-size:24px;

}

}
/* module คณะกรรรมการสถานศึกษา ---------------End-----------*/