/* Fonts */

@font-face {
  font-family: 'Exo';
  font-style: normal;
  font-weight: 200;
  src: url('../fonts/exo-200-extralight.woff') format('woff');
}

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

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

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

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

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




/* Logos */

.logo-smartpolice {
  background-image: url("../img/logo-smartpolice-blueicon-whiteshapes-blacktext-rgb.svg");
}

.inverted .logo-smartpolice {
  background-image: url("../img/logo-smartpolice-whiteicon-transparentshapes-whitetext-rgb.svg");
}

.logo-spek2019 {
  background-image: url("../img/logo-spek2019-blueicon-whiteshapes-blacktext-rgb.svg");
}

.inverted .logo-spek2019 {
  background-image: url("../img/logo-spek2019-whiteicon-transparentshapes-whitetext-rgb.svg");
}




/* Icons */

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

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

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

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

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

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

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

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

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

.icon-download2:before {
  content: "\e8f5";
}

.icon-arrow-right:before {
  content: "\e944";
}

.icon-arrow-left:before {
  content: "\e943";
}

.icon-speed-fast:before {
  content: "\e836";
}

.icon-puzzle:before {
  content: "\e876";
}

.icon-siren:before {
  content: "\e841";
}

.icon-arrows-split:before {
  content: "\e947";
}

.icon-phone13:before {
  content: "\e7a5";
}

.icon-bag2:before {
  content: "\e74c";
}

.icon-close:before {
  content: "\e935";
}

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




/* Backgrounds */

.uncolored-background {
  background-color: white;
}

.green-tint-background {
  background-color: #E5F7F6; /* 10% Glass */
}

.blue-tint-background {
  background-color: #E2EFF3; /* Glass */
}

.ocean-background {
  background-color: #0078A7;
}

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

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

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

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

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

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

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

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

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

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

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

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




/* Dark mode media queries */

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

  .logo-smartpolice {
    background-image: url("../img/logo-smartpolice-whiteicon-transparentshapes-whitetext-rgb.svg");
  }

  .logo-spek2019 {
    background-image: url("../img/logo-spek2019-whiteicon-transparentshapes-whitetext-rgb.svg");
  }

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

  .uncolored-background {
    background-color: #2F3133; /* Anthracite */
  }

  .green-tint-background {
    background-color: #2A3B3E; /* 10% Mint over Anthracite, then +10 to hue */
  }

  .ocean-background, .blue-tint-background {
    background-color: #253C49; /* 20% Ocean over Anthracite, then +5 to hue */
  }

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

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

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

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

}