/* The Purgery website - global CSS stylesheet file */

/* Fonts */
@font-face {
  /* FONT: Chicago */
  font-family: chicago;
  src: url(/static/typefaces/chicago.woff);
}

@font-face {
  /* FONT: Droid Sans (Mono) */
  font-family: droidsans-mono;
  src: url(/static/typefaces/droidsans-mono.woff);
}

@font-face {
  /* FONT: Handel Gothic */
  font-family: handelgothic;
  src: url(/static/typefaces/handelgothic.woff);
}

@font-face {
  /* FONT: Neuropol */
  font-family: neuropol;
  src: url(/static/typefaces/neuropol.woff);
}

@font-face {
  /* FONT: Noto Sans */
  font-family: notosans;
  src: url(/static/typefaces/notosans.woff);
}

/* idtech3 Colouring */
.text-q0 {
  color: #000000;
}

.text-q1 {
  color: #FE0000;
}

.text-q2 {
  color: #00FE00;
}

.text-q3 {
  color: #FEFE00
}

.text-q4 {
  color: #3266FE
}

.text-q5 {
  color: #00FEFE
}

.text-q6 {
  color: #FE00FE
}

.text-q7 {
  color: #FFFFFF
}


body {
  background-color: #aaaaaa;
  background: url(/static/images/bg.jpg) center center fixed;
  background-size: cover;
  font-family: notosans;
  color: white;
}

header,
footer {
  font-family: handelgothic;
}

.page-title {
  text-shadow: 2px 2px 1px #666;
  font-family: handelgothic;
  margin-bottom: 1.5%;
}

/* DataTables child row arrow to show and hide - from black to white */
table.dataTable td.dt-control:before {
  border-left: 10px solid white;
}

table.dataTable tr.dt-hasChild td.dt-control:before {
  border-top: 10px solid white;
}

/* Blinking cursor */
@keyframes blinker {

  0%,
  50% {
    opacity: 0;
  }

  51%,
  100% {
    opacity: 1;
  }
}

.cursor {
  animation: blinker 0.5s linear infinite;
  font-family: droidsans-mono;
}