@import url("https://iosevka-webfonts.github.io/iosevka-fixed/iosevka-fixed.css");
@import url("https://fonts.googleapis.com/css2?family=Archivo+Narrow:ital,wght@0,400..700;1,400..700&family=Archivo:ital,wght@0,100..900;1,100..900&display=swap");
q:before {
  content: "“";
}

q:after {
  content: "”";
}

body {
  margin-left: 4em;
  margin-right: 4em;
  margin-top: 3em;
  margin-bottom: 3em;
  background-color: white;
  color: black;
  font-family: Archivo, sans-serif;
  font-size: 14pt;
  line-height: 1.3;
}

#subtitle {
  font-size: 150%;
}

#contact {
  border-bottom: thin black solid;
}

#phone:before,
#postal_address:after {
  content: " • ";
}

.catalog_number {
  font-size: 90%;
}

.position {
  font-weight: 700;
}

.date_range {
  font-style: italic;
}

p {
  margin-top: 0.25em;
  margin-bottom: 0.25em;
}

sub {
  vertical-align: sub;
  font-size: 75%;
}

sup {
  vertical-align: super;
  font-size: 75%;
}

img {
  max-width: 100%;
}

hr {
  color: #066;
  border-bottom: thin solid white;
}

h1 {
  font-family: "Archivo Narrow", sans-serif;
  font-size: 200%;
  font-weight: bold;
  padding-bottom: 0.125em;
  break-after: avoid;
}

h2 {
  font-family: "Archivo Narrow", sans-serif;
  font-size: 150%;
  font-weight: bold;
  padding-top: 0.125em;
  break-after: avoid;
}

h3 {
  font-size: 120%;
  font-weight: bold;
  padding-top: 0.125em;
  break-after: avoid;
}

h4 {
  font-size: 110%;
  padding-top: 0.125em;
  break-after: avoid;
}

h5 {
  font-size: 100%;
  padding-top: 0.25em;
  break-after: avoid;
}

b,
strong,
i,
em,
cite,
tt,
code,
img,
span {
  display: inline;
}

ul,
ol {
  margin-top: 0.25em;
  margin-bottom: 0.25em;
  margin-left: 1em;
}

ul {
  list-style: square outside;
}

ol {
  list-style: decimal outside;
}

ol ol {
  list-style: lower-alpha outside;
}

ol ol ol {
  list-style: lower-roman outside;
}

ul ul {
  list-style: disc outside;
}

ul ul ul {
  list-style: "- " outside;
}

li {
  display: list-item;
  padding-top: 2px;
}

b,
strong {
  font-weight: bold;
}

i,
em {
  font-style: italic;
}

cite {
  font-style: italic;
}

tt,
code {
  font-family: "Iosevka Fixed Web", monospace;
}

div.sourceCode,
pre {
  font-family: "Iosevka Fixed Web", monospace;
}

blockquote {
  padding: 0.25em;
  margin-left: 2em;
  color: black;
  background-color: #ccc;
}

a:link {
  color: #60c;
  text-decoration: none;
}

a:visited {
  color: #06c;
  text-decoration: none;
}

a:active,
a:hover {
  color: #067;
  background-color: #eee;
}

a:link img {
  border: none;
}

a:visited img {
  border: none;
}

a:active img {
  border: none;
}

address {
  color: #000;
  border: thin solid #333;
  padding: 0.0125em;
}

table {
  border-collapse: collapse;
}

table,
td,
th {
  border: none;
  padding-right: 12px;
  padding-left: 2px;
  padding-bottom: 5px;
  padding-top: 5px;
  text-align: right;
}

td {
  padding: 0.5em;
}

th {
  font-weight: bold;
  border-bottom: thick black solid;
}

tr:nth-child(odd) {
  background-color: #eee;
}

tr:nth-child(even) {
  background-color: #ccc;
}

nav > ul {
  list-style: none;
}

nav > ul > li {
  display: inline;
}

@media print {
  body {
    margin: 0px;
    background-color: white;
    color: black;
    font-size: 13pt;
    line-height: 1.3;
    max-width: 6.5in;
    min-width: 6.5in;
  }

  a {
    color: black;
  }
}

@page {
  margin: 1in;
  @bottom-left {
    font-family: "Archivo Narrow", sans-serif;
    font-style: italic;
    content: "Christopher Lee Phan, Ph.D., p. " counter(page);
  }
}

.h3_note {
  font-weight: 400;
}