.contrast-mode-toggle {
  cursor: pointer;
  position: relative;
}
@media screen and (min-width: 1024px) {
  .contrast-mode-toggle {
    margin-left: 1rem;
  }
}
.contrast-mode-toggle:hover {
  color: #008191;
}
.contrast-mode-toggle::before {
  content: "";
  display: inline-block;
  width: 12px;
  height: 12px;
  vertical-align: middle;
  margin-right: 6px;
  margin-top: -2px;
  background-image: url("../Icons/contrast-mode.svg");
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center;
  transform: all .3s ease-in-out;
}
.contrast-mode-toggle.is-active::before {
  background-image: url("../Icons/contrast-mode-active.svg");
}

.mobilenav .contrast-mode-toggle::before {
  width: 18px;
  height: 18px;
  opacity: .5;
  margin-top: -3px;
  margin-right: 10px;
}

html.is-dark .mobilenav .contrast-mode-toggle::before {
  opacity: 1;
}

html.is-dark {
  background-color: #0a0a0a;
}
html.is-dark .contrast-mode-toggle:hover {
  text-decoration: underline;
}
html.is-dark .contrast-mode-toggle::before {
  background-image: url("../Icons/contrast-mode-active.svg");
}
html.is-dark body {
  background-color: #0a0a0a !important;
  color: #fff !important;
  overflow-x: clip;
}
html.is-dark h1, html.is-dark h2, html.is-dark h3, html.is-dark h4, html.is-dark h5, html.is-dark h6,
html.is-dark p, html.is-dark ul, html.is-dark ol, html.is-dark li,
html.is-dark a, html.is-dark span, html.is-dark strong,
html.is-dark label,
html.is-dark .card time,
html.is-dark .content {
  color: #fff !important;
}
html.is-dark a:hover {
  text-decoration: underline;
}
html.is-dark .has-background-grey-1,
html.is-dark .has-background-grey-2,
html.is-dark .has-background-grey-3,
html.is-dark .has-background-primary,
html.is-dark .has-background-brand-primary,
html.is-dark .has-background-primary-dark,
html.is-dark .has-background-blue-light,
html.is-dark .teaser-3 .content,
html.is-dark .teaser-box .content,
html.is-dark .featured-box .content,
html.is-dark .mainheader,
html.is-dark .navbar-dropdown,
html.is-dark .footer,
html.is-dark .hero-body .hero-link,
html.is-dark .slick-dots li.slick-active button:before {
  background-color: #0a0a0a !important;
}
/* html.is-dark .mainheader .logo {
  border: 10px solid #fff;
  border-width: 10px 20px;
  background-color: #fff;
  margin-top: -33px;
  margin-left: -20px;
  border-radius: 50px;
} */
/* html.is-dark .mainheader .logo {
  img {
    opacity: 0;
  }
  background-image: url(../Images/Frontend/nordbit_logo_dark.svg);
  background-size: contain;
} */
/* html.is-dark .mainheader .logo {
  background-color: #fff;
  padding: 5px;
} */
html.is-dark .mainheader .logo img {
  filter: drop-shadow(1px 0 0 #fff) drop-shadow(-1px 0 0 #fff) drop-shadow(0 1px 0 #fff) drop-shadow(0 -1px 0 #fff);
}
html.is-dark nav.mainnav ul li ul {
  background-color: #000;
  border: 1px solid #fff;
}
html.is-dark nav.mainnav a:hover {
  text-decoration: underline;
}
html.is-dark nav.mainnav .has-childs.active > a::after,
html.is-dark nav.mainnav .has-childs > a:hover::after {
  filter: invert(100);
}
html.is-dark nav.mainnav .has-childs > a::after {
  filter: invert(100) brightness(100);
}
html.is-dark .button.secondary {
  border: 1px solid #fff;
}
html.is-dark .button.secondary:hover {
  background-color: #fff;
  color: #000 !important;
  text-decoration: none; 
}
html.is-dark .content a {
  text-decoration: underline;
}
html.is-dark .contenttable .even {
  background: rgba(0,0,0,0.0375)
}
html.is-dark .contenttable tbody tr:nth-child(2n+1) {
  background: rgba(255,255,255,0.05)
}
html.is-dark .nb_grafic,
html.is-dark .contentWithBackground {
  background-color: #000;
  border-top: 1px solid #fff;
  border-bottom: 1px solid #fff;
  .media-object-section img {
    filter: drop-shadow(1px 0 0 #fff) drop-shadow(-1px 0 0 #fff) drop-shadow(0 1px 0 #fff) drop-shadow(0 -1px 0 #fff);
  }
}
html.is-dark .callout.secondary {
  border: 1px solid #fff;
}
html.is-dark .content a:hover {
  text-decoration: none;
}
html.is-dark .content ul li:before {
  background: #fff;
}
/* html.is-dark .ce-gallery img {
  border: 15px solid #fff;
  background: #fff;
} */
/* html.is-dark .ce-gallery img.image-embed-item {
  border-radius: 50%;
  border-width: 0;
} */
html.is-dark .mainfooter {
  /* border-top: 1px solid #fff; */
  background: #000;
  border-top-width: 1px;
}
html.is-dark video {
  border: 1px solid #fff;
}
html.is-dark .content blockquote {
  background: rgba(255, 255, 255, 0.1);
}
html.is-dark .news-list-item .button.secondary.newsmore {
  background-color: #000;
}
html.is-dark .news-list-item .button.secondary.newsmore:hover {
  background-color: #fff;
}
html.is-dark .slider3_homepage h3 {
  text-shadow: 2px 2px 5px rgba(0,0,0,0.75);
}
html.is-dark #mobilenav-content.open,
html.is-dark #langnavmobile-content.open {
  background: #000;
  border-bottom: 1px solid #fff;
}
html.is-dark .fa-globe.is-active {
  color: #fff;
}
html.is-dark .hamburger .hamburger-inner, 
html.is-dark .hamburger .hamburger-inner::before, 
html.is-dark .hamburger .hamburger-inner::after,
html.is-dark .hamburger.is-active .hamburger-inner, 
html.is-dark .hamburger.is-active .hamburger-inner::before, 
html.is-dark .hamburger.is-active .hamburger-inner::after {
  background-color: #fff;
}
html.is-dark .mb-energy-logo {
  background-color: #fff;
  padding: 5px;
  box-sizing: content-box;
}