/* Dark Mode Variables */
body.dark-mode {
    background-color: #121212 !important;
    color: #e0e0e0 !important;
}

body.dark-mode #mainContent,
body.dark-mode .content_bottom_left,
body.dark-mode .content_bottom_right,
body.dark-mode .single_page_area,
body.dark-mode .single_category,
body.dark-mode .business_category_left,
body.dark-mode .business_category_right,
body.dark-mode .technology_catrarea,
body.dark-mode .blog_archive,
body.dark-mode .contact_area,
body.dark-mode .error_page_content {
    background-color: #1e1e1e !important;
    color: #e0e0e0;
}

body.dark-mode a,
body.dark-mode h2,
body.dark-mode h2 a,
body.dark-mode h1,
body.dark-mode h3,
body.dark-mode h4,
body.dark-mode h4 a,
body.dark-mode .catg_titile a,
body.dark-mode .media-heading a,
body.dark-mode .title_text,
body.dark-mode .post_titile a {
    color: #e0e0e0 !important;
}

body.dark-mode .title_text {
    background-color: #1e1e1e !important;
}

/* Sidebar Dark Mode */
body.dark-mode .sidenav {
    background-color: #1e1e1e !important;
    color: #e0e0e0 !important;
    box-shadow: 4px 0 8px rgba(0, 0, 0, 0.5);
}

body.dark-mode .sidenav a {
    color: #b0b0b0 !important;
}

body.dark-mode .sidenav a:hover {
    background-color: #333 !important;
    color: #ef9816 !important;
}

/* Header & Footer */
body.dark-mode #header,
body.dark-mode .header_top,
body.dark-mode .header_bottom,
body.dark-mode #navarea {
    background-color: #1a1a1a !important;
}

body.dark-mode .search_form input[type="text"] {
    background-color: #333;
    color: #fff;
    border: 1px solid #444;
}

body.dark-mode .footer_top {
    background-color: #111;
}

body.dark-mode .footer_bottom {
    background-color: #000;
}

/* Cards & Items */
body.dark-mode .single_iteam,
body.dark-mode .single_featured_slide,
body.dark-mode .catgimg2_container img,
body.dark-mode .catg1_img img {
    opacity: 0.9;
}

body.dark-mode .archive_caption {
    background-color: rgba(0, 0, 0, 0.8);
}

/* Borders */
body.dark-mode .div-menu {
    border-bottom: 1px solid #333;
}

body.dark-mode .fashion_catgnav li,
body.dark-mode .small_catg li {
    border-bottom: 1px dotted #444;
}