/* ============================================
   CSS สำหรับเว็บไซต์ไว้อาลัย (ขาว-ดำ)
   ไฟล์: memorial.css
   วิธีใช้: เพิ่ม <link href="css/memorial.css" rel="stylesheet"> ใน header.inc.php
   ============================================ */

/* แปลงทั้งเว็บไซต์เป็นขาว-ดำ */
html {
    filter: grayscale(100%) !important;
    -webkit-filter: grayscale(100%) !important;
}

/* Header เป็นสีเทาเข้ม */
header {
    background-color: #2a2a2a !important;
}

/* Navigation Bar เป็นสีเทาเข้ม */
nav,
.megamenu_container,
.megamenu {
    background-color: #3a3a3a !important;
}

.megamenu > li > a {
    color: #ffffff !important;
}

/* Dropdown Menu */
.drop-down-container {
    background-color: #2a2a2a !important;
}

.drop-down-container h4,
.drop-down-container h5 {
    color: #ffffff !important;
}

.list-menu li a {
    color: #cccccc !important;
}

/* ปุ่มต่างๆ */
.button_red_small,
.btn {
    background-color: #404040 !important;
    color: #ffffff !important;
    border-color: #404040 !important;
}

/* Social Media Bar */
.float .fl-fl {
    background-color: #404040 !important;
}

/* Footer */
footer {
    background-color: #2a2a2a !important;
    color: #ffffff !important;
}

/* =======================================
   จบ CSS - ไม่ต้องแก้ไขอะไรเพิ่มเติม
   ======================================= */