:root {
  --union-red: #e30613;
  --union-red-light: #f2989c;
  --union-yellow: #ffdd00;
  --union-black: #1d1d1d;
  --union-shadow-black: #0000002e;
  --union-grey-lightest: #f0f0f0;
  --union-grey-lighter: #ebebeb;
  --union-grey-light: #d6d6d6;
  --union-grey: #d4d4d4;
  --union-grey-dark: #a3a3a3;
  --union-grey-darker: #808e91;
  --union-grey-darkest: #67797d;
  --union-white: #fcfcfc;
  --union-green: #179a3e;
}

@font-face {
  font-family: Roboto;
  src: url(../fonts/Roboto-Regular.ttf);
}

@font-face {
  font-family: RobotoBold;
  src: url(../fonts/Roboto-Bold.ttf);
}

@font-face {
  font-family: Khand;
  src: url(../fonts/Khand-Regular.ttf);
}

@font-face {
  font-family: KhandSemiBold;
  src: url(../fonts/Khand-SemiBold.ttf);
}

@font-face {
  font-family: KhandBold;
  src: url(../fonts/Khand-Bold.ttf);
}

/* Override patternfly background image */
.login-pf,
.login-pf body {
  background: url(../img/fc-union-bg.jpg);
  background-position: 85% 0%;
  min-width: 280px;
  font-family: "Roboto";
}

a {
  color: var(--union-black);
  text-decoration: none;
}

@media only screen and (min-width: 1024px) {
  .login-pf,
  .login-pf body {
    background-position: 50% 0%;
  }
}

@media only screen and (min-width: 1280px) {
  .login-pf,
  .login-pf body {
    background-position: 0%;
    background-size: cover;
  }
}