body, html {
  color: #fff !important;
  background-color: #000 !important;
}
  
#bf-flex-text-style-preview {
  color: #fff;
  background-color: #000;
}

body {
  padding-bottom: 250px;
}

.bfcms_pane {
  color: #000 !important;
}

#b_head {
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  z-index: 100;
}
  #b_head.fixed:not(.bf-has-colour) {
    background-color: transparent;
  }

.logo {
  display: inline-block;
  background-size: cover;
}
  .logo.has-image { text-indent: -9999px; }

.bfcms-nav {
  display: inline-block;

  margin: 0;
  padding: 0;

  list-style: none;
}

  .bfcms-nav > li {
    position: relative;
    display: inline-block;
    margin: 0 20px;
  }
    .bfcms-nav > li > a {
    }

    .bfcms-nav > li > ul {
      display: none;

      position: absolute;
      z-index: 100;

      min-width: 150px;
      margin: 0;
      padding: 15px;

      list-style: none;

      background: #eee;
    }
      .bfcms-nav > li:hover > ul {
        display: block;
      }

#la-signup {
  position: fixed;
  bottom: 0;
  left: 0;
  right: 0;
  z-index: 100;

  margin-bottom: 0 !important;
  padding: 0;

  background-color: transparent;
}
  #la-signup .container {
    padding: 30px;
    background-color: #000;
  }

div#bf-config-template-flex {
  padding-top: 2rem;
  margin-top: 165px;

  background-color: #fff;
}
.bfcms_pane {
  margin-top: 165px !important;
}

.la-parallax {
  background-attachment: fixed !important;
}

.bfcms-ctr-container.la-ctr-fade:after {
  content: '';
  position: absolute;
  bottom: 0;
  right: 0;
  left: 0;

  height: 150px;

  background: rgb(0,0,0);
  background: linear-gradient(180deg, rgba(0,0,0,0) 0%, rgba(0,0,0,1) 85%);
}

main#b_main:after {
  content: '';
  position: fixed;
  bottom: -10vh;
  right: -12vw;
  z-index: 10;

  width: 50vw;
  height: 100vh;

  -webkit-mask-image: url(/res/pub/Template/microphone.svg);
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-position-x: right;
  -webkit-mask-position-y: bottom;

  background-color: #fff;
  opacity: 0.1;
}

#b_content {
  position: relative;
  z-index: 11;
}

#b_foot {
  position: relative;
  z-index: 12;

  box-shadow: inset 0 0 20px rgb(0 0 0 / 50%);
}

.bf-article-teaser .bf-article-image-ctr .bf-article-image>a {
  box-shadow: inset 0 0 20px rgb(0 0 0 / 50%)
}

body.dark a.logo.bf-logo-large.has-image {
  background-image: url(/res/pub/Logos-Icons/logo.png) !important;
}