
.callout-content {
  margin: 0;
  padding: 0;
  border: 0;
  font-size: 1.1em !important;
  font: inherit;
  /* font-weight: bold; */
  vertical-align: middle;
}

div.callout-title {
  font-size: 1.2em !important;
}

.reveal ul li::marker {
  color: #184669;
}

.reveal h2 {
  font-weight: Verlag Book;
  font-size: 1.4em;
  color: #184669;
}

.reveal a {
  color: #42bdae !important;
  /* White */
  font-weight: 300 !important;
  text-decoration: underline !important;
}

/* Optional: Change color on hover */
.reveal a:hover {
  color: #cccccc !important;
  /* Light gray */
}




/* Fonts */

@font-face {
  font-family: 'Verlag';
  src: url('fonts/Verlag-Bold.woff2') format('woff2'),
    url('fonts/Verlag-Bold.woff') format('woff');
  font-weight: bold;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: 'Verlag';
  src: url('fonts/Verlag-Black.woff2') format('woff2'),
    url('fonts/Verlag-Black.woff') format('woff');
  font-weight: 500;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: 'Verlag';
  src: url('fonts/Verlag-BlackItalic.woff2') format('woff2'),
    url('fonts/Verlag-BlackItalic.woff') format('woff');
  font-weight: 500;
  font-style: italic;
  font-display: swap;
}

@font-face {
  font-family: 'Verlag Book';
  src: url('fonts/Verlag-Book.woff2') format('woff2'),
    url('fonts/Verlag-Book.woff') format('woff');
  font-weight: normal;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: 'Verlag Compressed';
  src: url('fonts/VerlagCompressed-Bold.woff2') format('woff2'),
    url('fonts/VerlagCompressed-Bold.woff') format('woff');
  font-weight: bold;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: 'Verlag Condensed Book';
  src: url('fonts/VerlagCondensed-Book.woff2') format('woff2'),
    url('fonts/VerlagCondensed-Book.woff') format('woff');
  font-weight: normal;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: 'Verlag Condensed';
  src: url('fonts/VerlagCondensed-Light.woff2') format('woff2'),
    url('fonts/VerlagCondensed-Light.woff') format('woff');
  font-weight: 300;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: 'Verlag Condensed XLight';
  src: url('fonts/VerlagCondensed-XLight.woff2') format('woff2'),
    url('fonts/VerlagCondensed-XLight.woff') format('woff');
  font-weight: 300;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: 'Verlag';
  src: url('fonts/Verlag-Light.woff2') format('woff2'),
    url('fonts/Verlag-Light.woff') format('woff');
  font-weight: 300;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: 'Verlag';
  src: url('fonts/Verlag-LightItalic.woff2') format('woff2'),
    url('fonts/Verlag-LightItalic.woff') format('woff');
  font-weight: 300;
  font-style: italic;
  font-display: swap;
}

@font-face {
  font-family: 'Verlag XLight';
  src: url('fonts/Verlag-XLight.woff2') format('woff2'),
    url('fonts/Verlag-XLight.woff') format('woff');
  font-weight: 300;
  font-style: normal;
  font-display: swap;
}

/* Use verlag with a light but not too light weight */
/* Base text (slides) */
.reveal {
  font-family: "Verlag", sans-serif;
}

/* Headings */
.reveal h1,
.reveal h2,
.reveal h3,
.reveal h4,
.reveal h5,
.reveal h6 {
  font-family: "Verlag", sans-serif;
}

/* Body text elements */
.reveal p,
.reveal li,
.reveal blockquote {
  font-family: "Verlag", sans-serif;
}

/* Links */
.reveal a {
  font-family: "Verlag", sans-serif;
}

/* Inline code */
.reveal code {
  font-family: "Verlag", sans-serif;
}

/* Callouts */
.callout-content,
div.callout-title {
  font-family: "Verlag", sans-serif;
}

/* Footnotes (Quarto-specific) */
.reveal .footnote,
.reveal .footnotes,
.reveal .footnote-ref {
  font-family: "Verlag", sans-serif;
}

/* custom.css */
@import url('https://fonts.googleapis.com/css2?family=Fira+Code&display=swap');

pre code {
  font-family: 'Fira Code', monospace !important;
  font-size: 0.85em !important;
}

.reveal pre code,
.reveal .sourceCode,
.reveal .sourceCode pre,
.reveal .sourceCode code {
  font-family: 'Fira Code', monospace !important;
  border: 0px solid #184669;
  border-radius: 0px;
  font: 0.8em 'Fira Code', monospace !important;
}

/* Reduce font size and padding for DT tables */
.dataTables_wrapper .dataTables_length select,
.dataTables_wrapper .dataTables_filter input,
.dataTables_wrapper .dataTables_info,
.dataTables_wrapper .dataTables_paginate .paginate_button {
  font-size: 0.7em !important;
  padding: 0.2em !important;
}

/* Reduce table cell padding */
.dataTables_wrapper table.dataTable thead th,
.dataTables_wrapper table.dataTable tbody td {
  padding: 0.3em !important;
  font-size: 0.7em !important;
}

/* Make the table itself more compact */
.dataTables_wrapper table.dataTable {
  margin: 0 !important;
  width: 100% !important;
}

/* Compact DT search field */
.dataTables_wrapper .dataTables_filter input {
  font-size: 0.6em !important;
  padding: 0.3em !important;
  height: 2em !important;
  width: 100px !important;
}

.dataTables_wrapper .dataTables_filter {
  font-size: 0.6em !important;
}

/* Compact DT length menu (Show entries) */
.dataTables_wrapper .dataTables_length select {
  font-size: 0.8em !important;
  padding: 0.2em !important;
  height: 2em !important;
}

.dataTables_wrapper .dataTables_length {
  font-size: 0.6em !important;
  padding: 0.2em !important;
  height: 2em !important;
}

/* Compact DT pagination buttons */
.dataTables_wrapper .dataTables_paginate .paginate_button {
  font-size: 0.5em !important;
  padding: 0.1em 0.5em !important;
  margin: 0 !important;
}

/* Compact DT info text */
.dataTables_wrapper .dataTables_info {
  font-size: 0.6em !important;
  margin-top: 0.3em !important;
}


/* Compact DT table cells */
.dataTables_wrapper table.dataTable thead th,
.dataTables_wrapper table.dataTable tbody td {
  padding: 0.3em !important;
  font-size: 0.7em !important;
}

/* Remove extra spacing around the table */
.dataTables_wrapper {
  margin: 0 !important;
}

/* Make the table fill the container */
.dataTables_wrapper table.dataTable {
  width: 100% !important;
  margin: 0 !important;
}

.code5 code.sourceCode {
  font-size: 0.5em !important;
}

.code6 code.sourceCode {
  font-size: 0.6em !important;
}

.code7 code.sourceCode {
  font-size: 0.7em !important;
}

.code8 code.sourceCode {
  font-size: 0.8em !important;
}

.out5 .cell-output {
  font-size: 0.5em !important;
}

.out6 .cell-output {
  font-size: 0.6em !important;
}

.out7 .cell-output {
  font-size: 0.7em !important;
}

.out8 .cell-output {
  font-size: 0.8em !important;
}

/* Formatting of code in text */
.reveal code {
  color: #71c875;
}

/* Coloring of comments in code cells */

.co {
  color: #95a3ce !important;
  font-style: italic !important;
}

/* Add bottom margin for code cells */
.sourceCode.cell-code {
  margin-bottom: 0.5em !important;
}

/* Section colors */
/* Green section */
.green-section h2 {
  color: #186937;
}