:root {
  color-scheme: light dark;
  /* both supported */
  --text-color: rgba(255, 255, 255, 0.87);
  --bkg-color: #292a2d;
  --bkg-color-content: #1f1f1f;
  --border-color: rgb(218, 220, 224, 0.37);
  --title-color: rgba(255, 255, 255, 0.97);
  --header-color: #ffffff;
  --menu-color: #bdc1c6;
  --subtitle-color: rgb(189, 193, 198);
  --search-bg-color: #202124;
  --search-color: #9aa0a6;
  --search-link: #8ab4f8;
}

body {
  font-weight: 350 !important;
}
body.dark-theme-d a,
body.dark-theme a {
  color: #8ab4f8;
}
/* Search Page */
body.search.dark-theme {
  color: var(--text-color);
  background-color: var(--search-bg-color);
}
body.home.home-alt.dark-theme {
  background-color: var(--search-bg-color);
}
body.search.dark-theme .styleable-rootcontainer {
  background-color: var(--search-bg-color) !important;
}
body.search.dark-theme .card {
  background-color: var(--search-bg-color) !important;
  border: 1px solid #3c4043 !important;
  border-radius: 16px;
}
body.search.dark-theme .card .text-truncate .text-dark {
  color: var(--text-color) !important;
}
.styleable-rootcontainer {
  background-color: var(--search-bg-color) !important;
}
body.search.dark-theme .gsc-selected-option-container {
  color: var(--text-color) !important;
  background-color: var(--search-bg-color) !important;
  border: 1px solid #3c4043 !important;
  cursor: pointer;
}
body.search.dark-theme .search-bar .clear-btn {
  background: #3c4043;
}
body.search.dark-theme .gsc-control-cse .gsc-option-menu {
  color: var(--text-color) !important;
  background-color: var(--search-bg-color) !important;
}
body.search.dark-theme .gs-result .gs-title,
body.search.dark-theme .gs-result .gs-title b,
.gs-result .gs-title * {
  color: var(--search-link) !important;
}
body.search.dark-theme .gsc-result-info,
body.search.dark-theme .gsc-orderby-label {
  color: var(--search-color) !important;
}
body.search.dark-theme .search-bar .input-group {
  border: 1px solid #5f6368 !important;
  border-radius: 16px;
}
body.search.dark-theme .input-group {
  border: 1px solid transparent;
  background: #303134;
  box-shadow: 0 1px 3px rgba(23, 23, 23, 0.24);
}
body.search.dark-theme .input-group:hover,
body.search.dark-theme .input-group:focus {
  box-shadow: 0 4px 12px rgba(23, 23, 23, 0.9);
  background: #303134;
  border-color: rgba(223, 225, 229, 0);
}
body.search.dark-theme .btn-primary2 {
  background: #303134;
}
body.search.dark-theme .clear {
  background: #303134;
}
body.search.dark-theme .clear-btn {
  background: #303134;
}
body.search.dark-theme .home-search-box .form-control {
  background: #303134;
}

body.search.dark-theme .search-bar .input-group:hover {
  box-shadow: 0 4px 12px rgba(23, 23, 23, 0.9) !important;
  border-color: transparent !important;
}
.fas,
.text-right .btn .svg-icon {
  color: var(--search-color) !important;
}
body.search.dark-theme-d .search-bar .home-search-box .form-control,
body.search.dark-theme .search-bar .home-search-box .form-control {
  background: #303134 !important;
  box-shadow: none;
}
body.search.dark-theme .svg-icon.svg-md {
  color: #8ab4f8 !important;
}
body.search.dark-theme .clear svg {
  color: #9aa0a6 !important;
}
body.search.dark-theme .ACRAdd {
  border-left: 1px solid #5f6368 !important;
}

body.search.dark-theme .search-bar .input-group-append .btn {
  background: #303134;
  box-shadow: none;
}
body.search.dark-theme .search-bar .clear {
  background: #3c4043;
}
.dark-theme-d .home-search-box .form-control,
.dark-theme .home-search-box .form-control {
  background-color: #3c4043;
  border-color: var(--border-color);
  border: 0px solid var(--border-color);
  color: var(--text-color);
}
body.search.dark-theme .gsc-results .gsc-cursor-box {
  background-color: #303134;
  border-radius: 100px;
  border: 0px;
}
body.search.dark-theme .gsc-results .gsc-cursor {
  color: var(--menu-color);
  fill: var(--menu-color);
}
body.search.dark-theme .search-box {
  background: var(--search-bg-color);
}
body.search.dark-theme .engine-tabs-wrap {
  background: var(--search-bg-color);
  border-bottom: 1px solid #3c4043;
}
body.search.dark-theme .gs-fileFormat {
  color: var(--search-color);
}
body.search.dark-theme .search-bar {
  margin-top: -20px;
  background: #303134;
  box-shadow: 0 1px 6px 0 rgba(0, 0, 0, 0.2);
  z-index: 999;
  position: relative;
  height: 46px;
}
body.search.dark-theme .search-bar .search-box {
  background: #303134 !important;
}
body.search.dark-theme .engine-tabs .nav-link.active {
  border-color: #8ab4f8;
  color: #8ab4f8;
  background: transparent;
  border-bottom: 3px solid;
}
body.search.dark-theme .search-box .searchbox-logo {
}
body.search.dark-theme .engine-tabs .nav-link {
  color: #969ba1;
}
body.search.dark-theme .gs-webResult .gs-snippet,
body.search.dark-theme .gs-fileFormatType {
  color: var(--menu-color);
}
body.search.dark-theme .gs-result a.gs-visibleUrl,
body.search.dark-theme .gs-result .gs-visibleUrl {
  color: var(--menu-color) !important;
}
body.dark-theme-d .sidebar-block.search,
body.dark-theme .sidebar-block.search {
  color: var(--text-color);
  background-color: #171717;
}
body.dark-theme .uU7dJb {
  border-bottom: 1px solid #3c4043;
}
body.dark-theme-d .navbar-brand,
body.dark-theme .navbar-brand {
  color: var(--text-color);
}
body.dark-theme-d .home-alt-search-box .form-control,
body.dark-theme .home-alt-search-box .form-control {
  border-color: var(--border-color) !important;
}
body.dark-theme-d.dark-theme,
body.dark-theme-d,
body.dark-theme {
  color: var(--text-color);
  background-color: var(--bkg-color);
}
.dark-theme-d .site-logo,
.dark-theme .site-logo {
  filter: brightness(0) invert(1) !important;
  margin-top: 2px;
  opacity: 0.9;
}
.dark-theme-d .site-navbar,
.dark-theme .site-navbar {
  background-color: rgb(32, 33, 36);
  border-bottom: 0px solid #3c4043;
}
.dark-theme-d .site-heading,
.dark-theme .site-heading {
  color: var(--header-color);
  border-bottom: 0px solid var(--border-color);
}
.dark-theme-d .date,
.dark-theme .date {
  color: var(--subtitle-color);
}
.dark-theme-d .latest-news,
.dark-theme .latest-news {
  background-color: var(--bkg-color-content);
}
.dark-theme-d .Z2FZse,
.dark-theme .Z2FZse {
  border-right: 1px solid #3c4043;
}
.dark-theme-d .sidebar-block .sidebar-heading,
.dark-theme .sidebar-block .sidebar-heading {
  color: var(--title-color);
  border-bottom: 1px solid var(--border-color);
}
.dark-theme-d .post-item .post-title,
.dark-theme .post-item .post-title {
  color: var(--title-color);
}
.dark-theme-d .post-item .post-title:hover,
.dark-theme .post-item .post-title:hover {
  color: var(--title-color) !important;
  text-decoration: underline !important;
}
.dark-theme-d .f-coverage a,
.dark-theme .f-coverage a {
  color: #c4c7c5 !important;
}
.dark-theme-d .col-md-10 .grid-container--fill,
.dark-theme .col-md-10 .grid-container--fill {
  background: #303030 !important;
}

.dark-theme .grid-container--fill .sidebar-post-item .post-title {
  color: #c4c7c5;
  font-weight: 400;
}
.dark-theme-d .grid-container--fill .sidebar-post-item .post-title {
  color: #c4c7c5;
  font-weight: 400;
}
.dark-theme-d .sidebar-post-item .post-title {
  color: #c4c7c5 !important;
}
.dark-theme-d .news-block,
.dark-theme-d .f-coverage,
.dark-theme .news-block,
.dark-theme .f-coverage {
  background: #303030;
}
.iframe .dark-theme-d .sidebar-post-item,
.iframe .dark-theme .sidebar-post-item {
  padding-bottom: 10px !important;
}
.dark-theme-d .sub-heading,
.dark-theme .sub-heading {
  color: rgb(189, 193, 198);
  margin-top: 10px;
}
.home-news.dark-theme-d .grid-container--fill2,
.home-news.dark-theme .grid-container--fill2 {
  background-color: var(--bkg-color-content) !important;
}
.home-news.dark-theme-d,
.home-news.dark-theme {
  background-color: var(--bkg-color-content) !important;
}
.dark-theme-d .news-block,
.dark-theme .news-block {
  margin-top: 10px;
}

.dark-theme .latest-news .col-12 {
  border-bottom: 1px solid #5e5e5e !important;
}
.dark-theme-d .tooltip-inner,
.dark-theme .tooltip-inner {
  background-color: #5e5e5e;
}
.dark-theme-d .modal-content,
.dark-theme .modal-content {
  background-color: #36373a;
  border-width: 0;
  -moz-box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.3),
    0 4px 8px 3px rgba(0, 0, 0, 0.15);
  box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.3), 0 4px 8px 3px rgba(0, 0, 0, 0.15);
  border-radius: 8px;
}
.dark-theme-d .modal-header,
.dark-theme .modal-header {
  border-bottom: 2px solid #5f6368;
}
.dark-theme-d .sidebar-post-item,
.dark-theme .sidebar-post-item {
  border-bottom: 1px solid #5e5e5e !important;
  padding-bottom: 5px !important;
}
.dark-theme-d .sidebar-post-item:last-child,
.dark-theme .sidebar-post-item:last-child {
  border-bottom: 0px solid #5e5e5e !important;
}
.dark-theme-d .feed-logo-img,
.dark-theme .feed-logo-img {
  filter: brightness(0) invert(1);
}
.dark-theme-d .KfaKvb,
.dark-theme .KfaKvb {
  border-bottom: 1px solid #5e5e5e;
}
.dark-theme-d .post-single.bg-white,
.dark-theme .post-single.bg-white {
  background-color: transparent !important;
}

.dark-theme .sidebar-post-item .post-title {
  color: var(--title-color);
  font-weight: 400;
}
.dark-theme-d .sidebar-post-item .post-title {
  color: var(--title-color);
  font-weight: 400;
}
.dark-theme-d .navbar-categories .nav-link,
.dark-theme .navbar-categories .nav-link {
  color: var(--menu-color);
}
.dark-theme-d .navbar-categories .nav-link:hover,
.dark-theme .navbar-categories .nav-link:hover {
  color: #8ab4f8;
}
.dark-theme-d .category-icon,
.dark-theme .category-icon {
  filter: invert(1) sepia(1) saturate(5) hue-rotate(175deg) !important;
}
.dark-theme-d .navbar-light .navbar-toggler-icon,
.dark-theme .navbar-light .navbar-toggler-icon {
  filter: invert(1) sepia(1) saturate(5) hue-rotate(175deg) !important;
}
.dark-theme-d .sidebar-block .trend-item a,
.dark-theme .sidebar-block .trend-item a {
  color: var(--menu-color);
}
.dark-theme-d .autocomplete-suggestions,
.dark-theme .autocomplete-suggestions {
  background-color: var(--bkg-color-content);
}
.dark-theme-d .autocomplete-suggestion,
.dark-theme .autocomplete-suggestion {
  color: var(--menu-color) !important;
}
.dark-theme-d .autocomplete-suggestion b,
.dark-theme .autocomplete-suggestion b {
  color: var(--text-color) !important;
}
.dark-theme-d .btn.dropdown-toggle,
.dark-theme .btn.dropdown-toggle {
  color: var(--menu-color);
}
.dark-theme-d .sidebar-block .trend-item a:hover,
.dark-theme .sidebar-block .trend-item a:hover {
  color: #8ab4f8;
}
.dark-theme-d .navbar-categories .nav-link svg,
.dark-theme .navbar-categories .nav-link svg {
  fill: var(--menu-color);
}
.dark-theme-d .Qo7o0c,
.dark-theme .Qo7o0c {
  border-bottom: 1px solid var(--border-color);
}
.dark-theme-d button.btn-toggle .fas,
.dark-theme button.btn-toggle .fas {
  color: #8ab4f8;
  vertical-align: middle;
  margin-top: 5px;
  font-size: 26px;
}
.dark-theme-d .site-navbar.navbar-scrolled,
.dark-theme .site-navbar.navbar-scrolled {
  box-shadow: 0px 4px 5px 0px rgba(0, 0, 0, 0.14),
    0px 1px 10px 0px rgba(0, 0, 0, 0.12), 0px 2px 4px -1px rgba(0, 0, 0, 0.2);

  background-color: rgb(32, 33, 36) !important;
}
.dark-theme-d .dummy-ad,
.dark-theme .dummy-ad {
  color: #8ab4f8;
  background-color: var(--bkg-color-content);
  background-image: none;
  border-radius: 8px;
}
.dark-theme-d .page-item.disabled .page-link,
.dark-theme .page-item.disabled .page-link {
  color: #8ab4f8;
  background-color: var(--bkg-color-content);
  border-color: var(--border-color);
}
.dark-theme-d .page-item.active .page-link,
.dark-theme .page-item.active .page-link {
  z-index: 1;
  color: #fff !important;
  background-color: #2196f3 !important;
  border-color: #2196f3 !important;
}
.dark-theme-d .page-item .page-link,
.dark-theme .page-item .page-link {
  color: #8ab4f8;
  background-color: var(--bkg-color-content);
  border-color: var(--border-color);
}

.dark-theme .form-control {
  background-color: var(--bkg-color-content);
  border-color: var(--border-color);
  border: 0px solid var(--border-color);
  color: var(--text-color);
}
.dark-theme .form-control:focus {
  background-color: var(--bkg-color-content);
  color: var(--text-color);
}
.dark-theme .input-group-text {
  border: 0px solid var(--border-color);
}
.dark-theme-d .bg-white,
.dark-theme .bg-white {
  background-color: var(--bkg-color-content) !important;
}

.dark-theme-d .btn-primary2,
.dark-theme .btn-primary2 {
  color: #bdc1c6;
  background-color: #3c4043;
  border-color: #3c4043;
  box-shadow: none;
  border-radius: 8px;
  border-top-left-radius: 0px;
  border-bottom-left-radius: 0px;
}
.dark-theme-d .btn-toggle svg,
.dark-theme .btn-toggle svg {
  width: 24px;
  height: 24px;
  fill: #bdc1c6;
}
.dark-theme-d .nav-item-menu a,
.dark-theme .nav-item-menu a {
  color: #bdc1c6;
}
.dark-theme-d .nav-link-menu.active,
.dark-theme .nav-link-menu.active {
  color: #8ab4f8;
}
.dark-theme-d .nav-link-menu.active:hover,
.dark-theme .nav-link-menu.active:hover {
  color: #8ab4f8;
}
.dark-theme-d .footer-home .footer-link,
.dark-theme .footer-home .footer-link {
  color: #8ab4f8;
}
.dark-theme-d .nav-link-menu.active::after,
.dark-theme .nav-link-menu.active::after {
  background: #8ab4f8;
}
.dark-theme-d .nav-item-menu a:hover,
.dark-theme .nav-item-menu a:hover {
  color: #ffffff;
}
.dark-theme-d .share-top,
.dark-theme .share-top {
  background-color: #2a2b2e;
  color: #bdc1c6;
  box-shadow: 0 1px 1px 0 rgba(0, 0, 0, 0.502);
}
.dark-theme-d .share-top .fas,
.dark-theme .share-top .fas {
  color: #8ab4f8 !important;
}
body.dark-theme .btn-primary .svg-icon,
body.dark-theme .btn-primary,
body.dark-theme-d .btn-primary .svg-icon,
body.dark-theme-d .btn-primary {
  color: #fff !important;
}
.dark-theme-d .btn-primary2:hover,
.dark-theme .btn-primary2:hover {
  background-color: #51565a !important;
  border-color: #51565a;
}
.dark-theme-d .post-item,
.dark-theme .post-item {
  background-color: var(--bkg-color-content);
  border-color: var(--border-color);
  color: var(--text-color);
}
.dark-theme .post-item .title-coverage,
.dark-theme .post-item .title-coverage {
  border-bottom: 1px solid var(--border-color);
}
.dark-theme-d .dSva6b,
.dark-theme .dSva6b {
  border-bottom: 1px solid var(--border-color);
}
.dark-theme-d .post-item h5,
.dark-theme .post-item h5 {
  color: var(--menu-color);
  font-weight: 400;
}
.dark-theme-d .post-item .footer-loop,
.dark-theme .post-item .footer-loop {
  color: var(--menu-color);
}
.dark-theme-d .post-item .footer-loop span,
.dark-theme .post-item .footer-loop span {
  margin-right: 10px;
}
.dark-theme-d .post-item .footer-loop .svg-icon,
.dark-theme .post-item .footer-loop .svg-icon {
  margin-right: 5px;
  margin-left: 5px;
}
.dark-theme-d .grid-element,
.dark-theme .grid-element {
  border: none;
}
.dark-theme-d .navbar-light .navbar-nav .nav-link,
.dark-theme .navbar-light .navbar-nav .nav-link {
  color: var(--text-color);
}
.dark-theme-d .post-single-title,
.dark-theme .post-single-title {
  font-weight: 400;
}
.dark-theme-d .navbar-light .navbar-nav .nav-link:hover,
.dark-theme-d .navbar-light .navbar-nav .nav-link:focus,
.dark-theme .navbar-light .navbar-nav .nav-link:hover,
.dark-theme .navbar-light .navbar-nav .nav-link:focus {
  color: var(--text-color);
}
.dark-theme-d .dropdown-menu,
.dark-theme .dropdown-menu {
  background-color: var(--bkg-color-content);
  color: var(--text-color);
}
.dark-theme-d .sidebar-block,
.dark-theme .sidebar-block {
  background-color: var(--bkg-color-content);
  border-color: var(--border-color);
  color: var(--text-color);
}
body.dark-theme .navbar-brand2 {
  color: #fff !important;
}
body.dark-theme #dropdownMenuButton1 {
  color: #fff !important;
}
body.dark-theme .home-alt-search-box .input-group:hover,
body.dark-theme .home-alt-search-box .input-group:focus {
  box-shadow: 0 1px 6px 0 #171717;
  background: #303134;
  border-color: rgba(223, 225, 229, 0);
}
body.dark-theme .home-alt-search-box .input-group {
  background: #202124;
  border: 1px solid #5f6368;
}
body.dark-theme .home-alt-search-box .btn-primary {
  background-color: transparent;
}
body.dark-theme .home-alt-search-box .btn-primary:hover {
  background-color: transparent;
}
body.dark-theme .home-alt-search-box .form-control {
  background-color: transparent;
}
body.dark-theme #dropdownMenuButton1 .fas,
body.dark-theme .navbar-brand2 .fas {
  color: #fff !important;
}
body.dark-theme-d img,
body.dark-theme img.site-logo-search {
  filter: brightness(0) invert(1) !important;
}
body.dark-theme-d svg.icon path,
body.dark-theme svg.icon path {
  fill: #efefef;
}
.dark-theme-d .dropdown-item:hover,
.dark-theme-d .dropdown-item:focus,
.dark-theme .dropdown-item:hover,
.dark-theme .dropdown-item:focus {
  color: var(--menu-color);
  text-decoration: none;
  background-color: var(--bkg-color);
}
.dark-theme-d .dropdown-item,
.dark-theme .dropdown-item {
  color: var(--text-color);
}
.dark-theme-d .post-item .post-title,
.dark-theme .post-item .post-title {
  font-weight: 400 !important;
}

/* Font icon (using Font Awesome as an example) */
body.dark-theme-d .fa,
body.dark-theme .fa {
  color: #efefef;
}

@media (prefers-color-scheme: dark) {
  /* defaults to dark theme */
  body {
    --text-color: #eee;
    --bkg-color: #121212;
  }
  img {
    filter: brightness(0.8) contrast(1.2);
  }
  body.light-theme {
    --text-color: #222;
    --bkg-color: #fff;
  }
}

@media (max-width: 767.98px) {
  .dark-theme-d .dropdown-menu,
  .dark-theme .dropdown-menu {
    background-color: var(--bkg-color-content);
    color: var(--text-color) !important;
  }
  .dark-theme-d .site-navbar,
  .dark-theme .site-navbar {
    box-shadow: none !important;
    border-bottom: 1px solid var(--border-color);
  }
  .dark-theme-d .navbar-light .offcanvas-collapse,
  .dark-theme .navbar-light .offcanvas-collapse {
    background-color: var(--bkg-color-content);
  }
}