/* OPS ONE */

/*
 * Legal Disclaimer
 *
 * These Fonts are licensed only for use on these domains and their subdomains:
 * opsone.ch
 *
 * It is illegal to download or use them on other websites.
 *
 * While the @font-face statements below may be modified by the client, this
 * disclaimer may not be removed.
 *
 * Lineto.com, 2018
 */

 @font-face {
  font-family: "LL Circular Web";
  src: url("../fonts/lineto-circular-book.eot");
  src: url("../fonts/lineto-circular-book.eot?#iefix") format("embedded-opentype"),
       url("../fonts/lineto-circular-book.woff2") format("woff2"),
       url("../fonts/lineto-circular-book.woff") format("woff");
  font-weight: normal;
  font-style: normal;
}

@font-face {
  font-family: "LL Circular Black Web";
  src: url("../fonts/lineto-circular-black.eot");
  src: url("../fonts/lineto-circular-black.eot?#iefix") format("embedded-opentype"),
       url("../fonts/lineto-circular-black.woff2") format("woff2"),
       url("../fonts/lineto-circular-black.woff") format("woff");
  font-weight: normal;
  font-style: normal;
}

@font-face {
  font-family: "LL Akkuratmono Web";
  src: url("../fonts/lineto-akkuratmono-regular.eot");
  src: url("../fonts/lineto-akkuratmono-regular.eot?#iefix") format("embedded-opentype"),
       url("../fonts/lineto-akkuratmono-regular.woff2") format("woff2"),
       url("../fonts/lineto-akkuratmono-regular.woff") format("woff");
  font-weight: normal;
  font-style: normal;
}

.login-pf {
  --font-family-primary:LL Akkuratmono Web,monospace;
  --font-family-secondary:LL Circular Web,monospace;
  --color-content:#090909;
  --color-content-alt:#090909;
  --color-background:#fff;
  --color-background-contrast:#f3f3f3;
  --color-highlight:#006fe7;
  --color-border:#969696;
  --color-alert:#cc0000;
}

.card-pf {
  border-top: 0;
}

#kc-header-wrapper {
  padding: 20px 32px 20px;
  color: #fff;
  text-align: center;
  font-size: 29px;
  text-transform: uppercase;
  font-weight: normal;
}

h1#kc-page-title {
  font-family: var(--font-family-primary),monospace;
  font-size: 28px;
}

.login-pf-page {
  padding-top: 0;
}

.login-pf {
  background: none;
  background-image: url(../img/background.svg), linear-gradient(180deg,var(--color-background),var(--color-background-contrast));
  background-size: 100% auto;
  background-repeat: no-repeat;
  background-position: 100% 0;
  background-color: var(--color-background-contrast);
}

.login-pf body {
  background: none;
}

#kc-header {
  background: url(../img/opsone-logo-white.svg) no-repeat 25px 20px;
  background-size: 60px;
  background-color: var(--color-content);
}