:root {
    --background-color: #fff;
    --color: #393939;
    --link-color: #3880ed;
    --border-color: #ddd;
}

#idb-header .mega-menu, #idb-header .header, #idb-header .main-menu  {
    background-color:#f5f5f5;
}

@media (prefers-color-scheme: dark) {
    header.full-width {
        background-color:var(--background-color);
    }
    .header .main-menu li a { color:var(--color);}
}


@media (min-width: 992px) {

    .mega-menu .header, #idb-index #blog-posts {
        border-color:var(--border-color);
    }

    .header .main-menu li a {
        color:var(--color);
    }
    
    .header .main-menu .main-menu-dropdown-list,
	.header .main-menu .main-menu-dropdown-list li  {
		border:.5px solid var(--border-color);
	}

    .header .main-menu .main-menu-dropdown .main-menu-dropdown-list {
        background:#f5f5f5;
    }
    
    .header .main-menu .main-menu-dropdown .main-menu-dropdown-list a {
        background:#f5f5f5;
    }

    .header .main-menu .main-menu-dropdown .main-menu-dropdown-list li a,
    .header .main-menu .main-menu-dropdown .main-menu-dropdown-list li i {
        color:var(--color);
    }


    .header .main-menu li ul li:hover a,
    .header .main-menu li ul li:hover i,
    .header .main-menu li ul li:active a,
    .header .main-menu li ul li:active i {
        color:var(--color);
    }

}

.header .main-menu li:hover,
.header .main-menu li:active {
    color:var(--color);
    background: none;
}
    
.header .main-menu li ul#idb-social li.social-icon i {color:var(--color);}


.header .main-menu li:hover a,
.header .main-menu li:active a  {
    color:var(--color);
}

.entry-header a {color:var(--color);}

#idb-index article  .entry-header h1.entry-title a  {color:var(--color);}
#idb-index article  .entry-header h1 a:hover, #idb-index article  .entry-header h2 a:hover  {color:var(--color);}

article h2 a, #idb-sidebar a, .entry-social i, .post-tags a {color:var(--color);}
article h2 a:hover, #idb-sidebar a:hover, .entry-social i:hover, .post-tags a:hover  {color:var(--link-color);}


a.idb-tag {background:var(--background-color);border-color:var(--background-color);}
a.idb-tag {color:var(--color);}


.header .main-menu li.main-menu-logo a, #mobile-logo {
    background-image:url('../images/logo-light.png?v5');
}

@media (max-width: 991.8px) {
    .mega-menu .main-menu > ul > li a {color: var(--color)}
    .mega-menu .header .main-menu li a:hover, 
    .header .main-menu .main-menu-dropdown .main-menu-dropdown-list li a:hover,
    .header .main-menu .main-menu-dropdown .main-menu-dropdown-list li a
    {color:var(--color)}
}


@media (max-width: 767px) {
	.header .main-menu li.main-menu-logo a, #mobile-logo{
    	background-image:url('../images/logo-mobile-light.png?v5');
	}

}


#mobile-menu  {
    background-image: url('../images/menu-light.png?v4');
}

#disqus_thread {color: var(--color)}