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

/* ลดความสดใสของสีทั้งเว็บไซต์ลง 50% */
html {
    filter: saturate(50%) !important;
    -webkit-filter: saturate(50%) !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 - ไม่ต้องแก้ไขอะไรเพิ่มเติม
   ======================================= */