body, html {
  background-color: #2B2B2B; /* Match your theme-color */
}

.ExplainerFont, .title.ExplainerFont{
  font-family: 'Oswald', sans-serif !important;
}

.explainer .MainBrandColor{
  color: #ff5816 !important;
}

.reveal .logo{
  background-color: #ffffffb5;
  padding: 1%;
}

.iconoir-menu{
  color: #000;
  background-color: #ffffffb5;
}

.column .head{
  background-color: #fff;
}

.block.bottom-left{
  padding-left: 3%;
  padding-right: 3%;

}

.slide-menu-items{
  display: none;
}

.slide-menu-footer{
    padding-top: 25% !important;
    border-top: transparent !important;
}

figure img{
    margin-top: -20% !important;
}

.reveal img, .reveal video, .reveal iframe {
    max-width: 100% !important;
    max-height: 100% !important;
}

.mobunblock{
  display: block;
}

.explainer .intro-info {
    width: 100% !important;
}

.explainer .brandlog {
    width: 51%;
}

.explainer > div > div:nth-child(1) > div > span > h2, .explainer > div > div:nth-child(2) > div > span > h2{
  margin-top: -12px;
}

.button.cta{
  background-color: #FF5816 !important;
  border-color: #FF5816 !important;
}

.explainer .intro-info.tour{
  width: 30% !important;
}

.explainer .button.is-link.is-outlined{
  color: #fff !important;
  border-color: #fff !important;
}

@media screen and (max-width: 932px) {

  .top-left, .bottom-left, .top-right, .bottom-right {
        height: auto;
  }
}

.slides[hidden] { display: none !important; }
.full-height-section[data-menu-image] { background-position: top center; background-repeat: no-repeat; background-size: cover; }
.menu-video { position: absolute; inset: 0; width: 100%; height: 100%; object-fit: cover; z-index: -1; opacity: 0; }
.menu-video.is-playing { opacity: 1; }
.social-label { float: left; color: #fff; font-size: 2rem; line-height: 1; margin-right: .55rem; }
.social-label img { display: block; width: 2rem; height: 2rem !important; margin: 0 !important; filter: invert(1); }
.menu-arrow { color: #fff; font-size: 2rem; line-height: 1; }

/* Style for the preloader */
    .preloader-overlay {
      position: fixed;
      top: 0;
      left: 0;
      width: 100%;
      height: 100%;
      background-color: #2B2B2B; /* semi-transparent background */
      display: flex;
      justify-content: center;
      align-items: center;
      z-index: 9999;
      pointer-events: none; /* Allows interaction with underlying elements */
      transition: opacity 180ms ease;
    }

    .preloader-overlay.is-dismissed { opacity: 0; visibility: hidden; }

    .preloader-content {
      pointer-events: auto; /* Allows interaction with preloader content */
      background: url(https://mslide.bod.nu/assets/MSlidebrand/MSlideBW.svg);
      background-position: center;
      background-repeat: no-repeat;
      background-size: 50%;
    }

    .spinner {
      border: 2px solid #f2f2f2;
      border-top: 2px solid #666;
      border-radius: 50%;
      width: 90px;
      height:90px;
      animation: spin 1s linear infinite;
    }

    @keyframes spin {
      0% { transform: rotate(0deg); }
      100% { transform: rotate(360deg); }
    }