/* Fonts */

@font-face {
  font-family: ForkAwesome;
  src: local("ForkAwesome"), url(/static/fonts/forkawesome-webfont.woff2);
}

/* Variables */
:root {
  --black: #000;
  --grey: #515151;
  --grey-light: #a6a6a6;
  --white: #ffffff;
  --pink: #e090d0;
  --pink-opacity: #e090d025;
  --purple: #9050a0;
  --purple-opacity: #9050a080;
  --red: #da0505;
}

/* Page */

@page {
  margin: 20mm 10mm;

  @bottom-right {
    content: counter(page) "/" counter(pages);
  }
}

/* Common */

html {
  font-family: sans-serif;
  font-size: 12pt;
}

header {
  display: none;
}

a {
  color: inherit;
  text-decoration: none;
}

p {
  margin: 0;
}

dl {
  border-top: 0.01px solid transparent;
  margin: 2mm 0;
  overflow: auto;
}

dl dl {
  margin: -0.5em 0;
}

dd + dd dl {
  border-top: 0.2mm dashed;
  border-color: var(--grey);
}

dd,
dt {
  border-top: 0.2mm solid;
  border-color: var(--pink);
  margin: 0;
  padding: 0.5em 0;
}

dd + dd {
  border-top: none;
}

dd:first-of-type,
dt:first-of-type {
  border: none;
}

dd {
  float: right;
  margin: 0;
  width: 70%
}

dt {
  clear: right;
  float: left;
  width: 30%;
}

h2 {
  background-color: var(--grey-light);
  color: var(--white);
  padding: 10mm 0;
  text-align: center;
  text-transform: uppercase;
  width: 100%;
}

h3 {
  color: var(--pink);
  margin: 2em 0 1em;
  text-transform: uppercase;
  width: 100%;
}

section {
  clear: both;
  margin: 2em 0;
  orphans: 4;
  widows: 4;
}

/* Header */

#logo {
  display: block;
  margin: -63mm 0 0 -10mm;
}

/* Summary */

#summary h3 {
  display: none;
}

#summary > dl:first-child > dt:first-child {
  color: var(--pink);
  font-weight: bold;
  text-transform: uppercase;
}

/* Important */

#important {
  border: 0.2mm solid #da0505;
  padding: 5mm;
}

#important h3 {
  display: none;
}

/* Attachments */

#images img {
  display: block;
  margin: 5mm 0;
  max-height: 75%;
  max-width: 75%;
}

#images-list {
  padding: 0;
}

#images-list li {
  list-style: none;
}