/* Сайттың жалпы қара фоны */
html,
body,
main,
section,
.content,
.container,
.wrapper,
.page-wrapper,
.content-area,
.site-content {
    background-color: #f0f2f4 !important;
   color:#000 !important;
}

/* Мәтіндер */
h1, h2, h3, h4, h5, h6,
p, span, li, label,
table, th, td {
   color:#000 !important;
}

/* Жоғарғы мәзір және төменгі бөлім */
header,
nav,
footer,
.header,
.navbar,
.main-menu,
.footer {
    /* background-color: #050505 !important; */
    color: #fff !important;
}


/* Navbar барлық контенттің үстінде тұрады */
.navbar-area,
.navbar-area .nav-container,
.navbar-collapse,
.navbar-nav {
    position: relative;
    z-index: 9999 !important;
    overflow: visible !important;
}

/* Submenu */
.navbar-nav li.menu-item-has-children {
    position: relative;
}

.navbar-nav li.menu-item-has-children > .sub-menu {
    position: absolute;
    top: 100%;
    left: 0;
    z-index: 99999 !important;
    background-color: #111 !important;
    min-width: 260px;
    overflow: visible !important;
}

/* Submenu мәтіні */
.navbar-nav .sub-menu li,
.navbar-nav .sub-menu li a {
    position: relative;
    z-index: 100000 !important;
    color: #fff !important;
    background-color: #111 !important;
}

/* Негізгі контент мәзірден төмен тұрады */
main,
.site-content,
.content-area,
.page-wrapper {
    position: relative;
    z-index: 1;
}


/* Сілтемелер */
a {
    color:#000 !important;
}

a:hover {
   color:#fff !important;
}

/* Кестелер */
table,
th,
td {
    background-color: #111 !important;
    border-color: #444 !important;
}

/* Енгізу жолдары */
input,
textarea,
select {
    background-color: #f0f2f4 !important;
    color: #fff !important;
    border: 1px solid #555 !important;
}

.topbar-area{
    background-color: #f0f2f4 !important;
   color:#000 !important;
}

.container,.row,.post-area, .bg-black, .video-area,.tranding-area, .post-area, .post-content, .post-content h2, .post-content p, .post-content a, .post-content li, .post-content span,.responsive-mobile-menu,
ul.navbar-nav.menu-open,.back-to-top{
     filter: grayscale(100%);
    background-color: #f0f2f4 !important;
    color:#fff !important;
}
#myblockquote,.bg-white {
    color: #fff !important;
    background-color: #f0f2f4 !important;
}
.collapse, .sub-menu, .navbar-area .navbar {
    background-color: #f0f2f4 !important;
   color:#000 !important;
}
.navbar-area .nav-container .navbar-collapse .navbar-nav li.menu-item-has-children .sub-menu li:hover{
    background-color: #f0f2f4 !important;
    color:#fff !important;
}
ul.navbar-nav.menu-open{
    background-color: #5a7a99 !important;
    color:#000 !important;
}