/* Fonts */

@font-face {
  font-family: 'Exo';
  font-style: normal;
  src: url('../fonts/exo-400-regular.woff2') format('woff2');
}

@font-face {
  font-family: 'Exo';
  font-style: italic;
  src: url('../fonts/exo-400-regularitalic.woff2') format('woff2');
}

@font-face {
  font-family: 'Exo';
  font-style: normal;
  font-weight: 500;
  src: url('../fonts/exo-500-medium.woff2') format('woff2');
}

@font-face {
  font-family: 'Exo';
  font-style: italic;
  font-weight: 500;
  src: url('../fonts/exo-500-mediumitalic.woff2') format('woff2');
}

@font-face {
  font-family: 'Exo';
  font-style: normal;
  font-weight: 600;
  src: url('../fonts/exo-600-semibold.woff2') format('woff2');
}

@font-face {
  font-family: 'Exo';
  font-style: italic;
  font-weight: 600;
  src: url('../fonts/exo-600-semibolditalic.woff2') format('woff2');
}

@font-face {
  font-family: 'Exo';
  font-style: normal;
  font-weight: 700;
  src: url('../fonts/exo-700-bold.woff2') format('woff2');
}

@font-face {
  font-family: 'Exo';
  font-style: italic;
  font-weight: 700;
  src: url('../fonts/exo-700-bolditalic.woff2') format('woff2');
}

@font-face {
  font-family: 'Linearicons';
  font-style: normal;
  font-weight: normal;
  src: url('../fonts/linearicons.woff') format('woff');
}




/* Logos */

.logo-futurelab {
  background-image: url("../img/logo-futurelab-light-bg.svg");
}

.logo-smartpolice {
  background-image: url("../img/logo-smartpolice-light-bg.svg");
}

.logo-spek2019 {
  background-image: url("../img/logo-spek2019-light-bg.svg");
}




/* Icons */

.linearicon--database-check:before {
  content: "\e662";
}

.linearicon--pencil-ruler:before {
  content: "\e62d";
}

.linearicon--palette:before {
  content: "\e626";
}

.linearicon--mouse:before {
  content: "\e78d";
}

.linearicon--train:before {
  content: "\e85a";
}

.linearicon--parking:before {
  content: "\e850";
}

.linearicon--at-sign:before {
  content: "\e695";
}

.linearicon--telephone:before {
  content: "\e76a";
}

.linearicon--rocket:before {
  content: "\e837";
}

.linearicon--mapmarker:before {
  content: "\e77a";
}




/* Backgrounds */

.header--hero-homepage {
  background-image: url("../img/hero-homepage.jpg");
}

.header--hero-smartpolice {
  background-image: url("../img/hero-smartpolice.jpg");
}

.header--hero-spek {
  background-image: url("../img/hero-spek.jpg");
}

.header--hero-aboutus {
  background-image: url("../img/hero-aboutus.jpg");
}

.header--hero-contact {
  background-image: url("../img/hero-contact.jpg");
}

.background-image--accident {
  background-image: url("../img/background-accident.jpg");
}

.background-image--breakin {
  background-image: url("../img/background-breakin.jpg");
}

.background-image--office-location {
  background-image: url("../img/background-office-location.jpg");
}

.background-image--smartpolice-teaser {
  background-image: url("../img/background-smartpolice-teaser.jpg");
}

.background-image--perpontherun {
  background-image: url("../img/background-perpontherun.jpg");
}

.background-image--history {
  background-image: url("../img/background-history.jpg");
}

.background-image--spraycan {
  background-image: url("../img/background-spraycan.jpg");
}

.background-image--streetparade {
  background-image: url("../img/background-streetparade.jpg");
}

.background-image--trainstation {
  background-image: url("../img/background-trainstation.jpg");
}




/* Media queries and rules for dark content */

@media (prefers-color-scheme: dark) {

  .logo-futurelab {
    background-image: url("../img/logo-futurelab-dark-bg.svg");
  }

  .logo-smartpolice {
    background-image: url("../img/logo-smartpolice-dark-bg.svg");
  }

  .logo-spek2019 {
    background-image: url("../img/logo-spek2019-dark-bg.svg");
  }

  .background-image--accident {
    background-image: linear-gradient(rgba(47,49,51,0.25),rgba(47,49,51,0.25)),
                      url("../img/background-accident.jpg");
  }

  .background-image--breakin {
    background-image: linear-gradient(rgba(47,49,51,0.25),rgba(47,49,51,0.25)),
                      url("../img/background-breakin.jpg");
  }

  .background-image--office-location {
    background-image: url("../img/background-office-location-dark.jpg");
  }

  .background-image--history {
    background-image: linear-gradient(rgba(47,49,51,0.25),rgba(47,49,51,0.25)),
                      url("../img/background-history.jpg");
  }

  .background-image--perpontherun {
    background-image: linear-gradient(rgba(47,49,51,0.25),rgba(47,49,51,0.25)),
                      url("../img/background-perpontherun.jpg");
  }

  .background-image--spraycan {
    background-image: linear-gradient(rgba(47,49,51,0.25),rgba(47,49,51,0.25)),
                      url("../img/background-spraycan.jpg");
  }

  .background-image--streetparade {
    background-image: linear-gradient(rgba(47,49,51,0.25),rgba(47,49,51,0.25)),
                      url("../img/background-streetparade.jpg");
  }

  .background-image--trainstation {
    background-image: linear-gradient(rgba(47,49,51,0.25),rgba(47,49,51,0.25)),
                      url("../img/background-trainstation.jpg");
  }

}

.section--smartpolice-teaser .logo-smartpolice {
  background-image: url("../img/logo-smartpolice-dark-bg.svg");
}