@font-face {
  font-family: "Atkinson Hyperlegible";
  font-style: normal;
  src: local(""), url("fonts/AtkinsonHyperlegible-Regular.ttf") format("truetype");
}
@font-face {
  font-family: "Basteleur";
  font-style: normal;
  src: local(""), url("fonts/Basteleur-Moonlight.ttf") format("truetype");
}
@font-face {
  font-family: "EB Garamond";
  font-style: normal;
  src: local(""), url("fonts/EBGaramond.ttf") format("truetype");
}
html {
  font-family: "Atkinson Hyperlegible", Arial, Helvetica, sans-serif;
}

html[data-theme=default],
html[data-theme=light] {
  --colour-bg: #fdf6e3;
  --colour-text: #657b83;
  --colour-emphasis: #586e75;
  --colour-link: #2aa198;
  --colour-draw: var(--colour-text);
  --draw-width: 1px;
  --colour-headings: #268bd2;
}

html[data-theme=dark] {
  --colour-bg: #002b36;
  --colour-text: #839496;
  --colour-emphasis: #93a1a1;
  --colour-link: #2aa198;
  --colour-draw: var(--colour-text);
  --draw-width: 1px;
  --colour-headings: #268bd2;
}

html[data-theme=dracula] {
  --colour-bg: #282a36;
  --colour-text: #f8f8f2;
  --colour-emphasis: var(--colour-text);
  --colour-link: #ff79c6;
  --colour-draw: #3a3d4e;
  --draw-width: 2px;
  --colour-headings: #bd93f9;
}

html[data-theme=textbook], html[data-theme=thesis] {
  --colour-bg: white;
  --colour-text: black;
  --colour-emphasis: var(--colour-text);
  --colour-link: var(--colour-text);
  --colour-draw: var(--colour-text);
  --draw-width: 1px;
  --colour-headings: var(--colour-text);
}

html[data-theme=thesis] {
  font-family: "EB Garamond";
}
html[data-theme=thesis] h1, html[data-theme=thesis] h2, html[data-theme=thesis] h3, html[data-theme=thesis] h4, html[data-theme=thesis] h5, html[data-theme=thesis] h6 {
  font-family: "Basteleur";
}

html[data-theme=vampire] {
  --colour-bg: rgb(30, 32, 32);
  --colour-text: rgb(245, 238, 237);
  --colour-emphasis: rgb(234, 41, 19);
  --colour-link: var(--colour-text);
  --colour-draw: var(--colour-text);
  --draw-width: 1px;
  --colour-headings: var(--colour-emphasis);
}

html[data-theme=catppuccin-latte] {
  --colour-bg: rgb(239, 241, 245);
  --colour-text: rgb(76, 79, 105);
  --colour-emphasis: rgb(114, 135, 253);
  --colour-link: rgb(30, 102, 245);
  --colour-draw: var(--colour-emphasis);
  --draw-width: 2px;
  --colour-headings: rgb(108, 111, 133);
}

html[data-theme=prifysgol] {
  --colour-bg: white;
  --colour-text: black;
  --colour-emphasis: var(--colour-text);
  --colour-link: rgb(36, 47, 96);
  --colour-draw: var(--colour-link);
  --colour-alternate: rgb(202, 212, 0);
  --draw-width: 1px;
  --colour-headings: var(--colour-draw);
  font-family: Futura, Arial, Helvetica, sans-serif;
}
html[data-theme=prifysgol] h1, html[data-theme=prifysgol] h2, html[data-theme=prifysgol] h3, html[data-theme=prifysgol] h4, html[data-theme=prifysgol] h5, html[data-theme=prifysgol] h6 {
  color: var(--colour-headings);
  font-weight: bold;
}
html[data-theme=prifysgol] a:hover, html[data-theme=prifysgol] a.current {
  color: var(--colour-link);
  background-color: var(--colour-alternate);
}
html[data-theme=prifysgol] h1 {
  text-transform: uppercase;
}
html[data-theme=prifysgol] footer, html[data-theme=prifysgol] nav {
  background-color: var(--colour-draw);
  color: var(--colour-bg);
  padding: 4pt;
}
html[data-theme=prifysgol] footer a, html[data-theme=prifysgol] footer b, html[data-theme=prifysgol] footer i, html[data-theme=prifysgol] nav a, html[data-theme=prifysgol] nav b, html[data-theme=prifysgol] nav i {
  color: var(--colour-bg);
}
html[data-theme=prifysgol] body {
  width: 90%;
}

body {
  margin: 40px auto;
  width: 80%;
  background: var(--colour-bg);
  color: var(--colour-text);
}

a {
  text-decoration-line: underline;
  text-decoration-style: dotted;
  color: var(--colour-link);
}

a:hover, a.current {
  color: var(--colour-bg);
  background-color: var(--colour-link);
}

h1, h2, h3, h4, h5, h6 {
  color: var(--colour-headings);
  line-height: 1em;
}

h1.logo {
  font-size: 3em;
}

p {
  font-size: 1em;
  line-height: 1.2em;
}

b, i {
  color: var(--colour-emphasis);
}

header, footer {
  font-size: 0.8em;
}

footer {
  border-top: var(--draw-width) dotted var(--colour-draw);
}

nav {
  border-bottom: var(--draw-width) dotted var(--colour-draw);
}
nav ul {
  padding: 0px;
  list-style: none;
  font-weight: bold;
}
nav ul li {
  display: inline;
  margin-right: 20px;
}

table, th, td {
  border: var(--draw-width) solid var(--colour-draw);
}

table {
  width: 100%;
  border-collapse: collapse;
}

pre {
  white-space: pre-wrap; /* css-3 */
  white-space: -moz-pre-wrap; /* Mozilla, since 1999 */
  white-space: -pre-wrap; /* Opera 4-6 */
  white-space: -o-pre-wrap; /* Opera 7 */
  word-wrap: break-word; /* Internet Explorer 5.5+ */
}

figure, pre, div.info-box {
  border: 1px dashed;
  border-radius: 5px;
  padding-left: 10px;
  padding-right: 10px;
  margin: auto;
  margin-top: 10px;
  margin-bottom: 10px;
}
figure img, pre img, div.info-box img {
  max-width: 75%;
  max-height: 50%;
  display: block;
  margin-left: auto;
  margin-right: auto;
}

figcaption {
  border-top: 1px dashed;
  font-size: small;
  font-style: italic;
  padding: 2px;
  text-align: center;
}

ol.bibliography {
  padding-left: 0;
}
ol.bibliography li {
  list-style: none;
  padding-bottom: 10px;
}
ol.bibliography li span {
  overflow-wrap: break-word;
}

iframe.responsive-iframe {
  width: 100%;
  height: 100%;
}

div#sike a {
  padding-right: 10px;
}

footer p {
  margin-bottom: 2px;
}

/*# sourceMappingURL=styles.css.map */