@charset "UTF-8";
/*-- scss:defaults --*/
/*
Note: This theme uses the Roboto font family, which it imports from Google
  Fonts to ensure consistent weighting in addition to availability. While
  you can use a local installation of Roboto, this is generally not
  recommended since the weighting will likely be wrong (probably too
  light). OTOH, importing from Google Fonts can cause some issues in
  certain secure environments due the external CDN (see:
  https://github.com/grantmcdermott/quarto-revealjs-clean/issues/7). If
  that's the case for you, simply comment out the `@import url(...)` line
  below and it will default for the default Sans Serif font on your system
  (e.g., Helvetica on a Mac). Circling back to the earlier point about
  preserving consistent font weights, you may also wish to remove "Roboto"
  from the choice set if the family is installed locally.
*/
@import url("https://fonts.googleapis.com/css?family=Roboto:200,200i,300,300i,350,350i,400,400i&display=swap");
/*-- scss:rules --*/
.reveal a {
  line-height: 1.5em;
}

.reveal {
  font-size: 25px;
}
.reveal h1 {
  font-size: 2.5em;
}
.reveal h2 {
  font-size: 2em;
}

.reveal p {
  font-weight: lighter;
  margin-top: 1em;
}

#title-slide {
  text-align: left;
}
#title-slide .title {
  color: #131516;
  font-size: 1.4em;
  font-weight: lighter;
}
#title-slide .subtitle {
  color: #107895;
  font-style: italic;
  margin-top: 0em;
  font-weight: lighter;
  font-size: 1.2em;
}
#title-slide .institute,
#title-slide .quarto-title-affiliation,
#title-slide .quarto-title-author-email {
  font-style: italic;
}
#title-slide .author,
#title-slide {
  color: #131516;
}
#title-slide .quarto-title-authors {
  display: flex;
  justify-content: left;
}
#title-slide {
  padding-left: 0em;
  padding-right: 0em;
  width: 100%;
}

.reveal h2 {
  font-weight: lighter;
  font-size: 2em;
}

.reveal h3 {
  color: #107895;
  font-size: 1.5em;
}

.reveal h4 {
  color: #9a2515;
  font-size: 1.5em;
}

.alert {
  color: #9a2515;
}

.fg {
  color: var(--col, #131516);
}

.bg {
  background-color: var(--col, #fff);
  padding: 0.1em;
  border-radius: 5px;
  display: inline-block;
}

.reveal ul {
  font-weight: lighter;
  padding-left: 16px;
}
.reveal ul li::marker {
  color: #58a1b5;
}

.reveal ul ul {
  list-style: none;
}
.reveal ul ul li:before {
  content: "→";
  color: #70aebf;
  display: inline-block;
  width: 1em;
  margin-left: -1em;
  margin-right: 0.5em;
}

.reveal ol {
  font-weight: lighter;
  padding-left: 16px;
}
.reveal ol li::marker {
  color: #107895;
}

.reveal .slide-menu-button {
  position: fixed;
  top: 6px;
  right: 0;
  display: flex;
  justify-content: flex-end;
  align-items: flex-start;
  pointer-events: none;
}

.reveal .slide-menu-button > * {
  pointer-events: auto;
}

.reveal .slide-chalkboard-buttons {
  position: fixed;
  top: 12px;
  right: 24px;
  display: flex;
  justify-content: flex-end;
  align-items: flex-start;
  pointer-events: none;
}

.reveal .slide-chalkboard-buttons > * {
  pointer-events: auto;
}

.reveal img {
  display: block;
  margin-left: auto;
  margin-right: auto;
  max-width: 600px;
}

.button {
  display: inline-block;
  padding: 6px 12px;
  margin-bottom: 0;
  font-size: 14px;
  font-weight: 400;
  line-height: 1.42857143;
  text-align: center;
  white-space: nowrap;
  vertical-align: middle;
  cursor: pointer;
  background-color: #107895;
  border: 1px solid #107895;
  color: #fff !important;
  text-decoration: none;
  border-radius: 4px;
  transition: all 0.2s ease-in-out;
}

.button:hover {
  background-color: #0056b3;
  border-color: #0056b3;
}

.button::before {
  content: "▶";
  margin-right: 5px;
}

.reveal table {
  margin: auto;
  border-collapse: collapse;
  border-spacing: 0;
  font-size: 0.8em;
}

.reveal table th,
.reveal table td {
  border: none; /* Remove internal row lines */
  padding: 0.23em; /* Adjust padding as needed */
  text-align: left; /* Adjust text alignment as needed */
  font-weight: lighter; /* Lighter font weight for main table text */
}

/* Adds a bottom border to the table header row for distinction */
.reveal table thead th,
.reveal .slides table tr:last-child td,
.reveal .slides table {
  border-bottom: 2px solid #d3d3d3; /* Dark grey color for the bottom border */
}

/* Make column headers bold */
.reveal table thead th {
  font-weight: bold;
}

/* Styling table captions */
.reveal table caption {
  color: #666666; /* Dark grey color for the caption */
  font-variant: small-caps; /* Use small caps for the caption text */
}

.etable {
  width: 100%;
  height: calc(
    100% - 3em
  ); /* Adjust 3em based on the height of your header, if necessary */
  display: flex;
  align-items: center;
  justify-content: center;
}

.etable img {
  max-width: 100%;
  max-height: 100%;
  width: auto;
  height: auto;
  object-fit: contain;
}

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

.restab table {
  width: 100%;
  height: 70%;
  border-collapse: collapse;
  font-size: 0.8em;
  white-space: nowrap;
}
.restab table th,
.restab table td {
  /* padding: 8px; */
  text-align: left;
  border-bottom: 1px solid #ddd;
}

.restab table th {
  background-color: #f2f2f2;
}

.restab table tr:hover {
  background-color: #f5f5f5;
}

.restab table td:first-child {
  font-weight: lighter;
}

.restab {
  max-height: 40vh;
  overflow-y: scroll;
  border-right: 1px solid #ccc;
}

.restab::after {
  content: "";
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
  height: 30px;
  background: linear-gradient(
    to bottom,
    rgba(255, 255, 240, 0),
    rgba(255, 255, 240, 1)
  ); /* Ivory color */
  pointer-events: none;
}

.reveal a::before {
  content: " 🔗 "; /* Adds a chain link emoji after each link */
  font-size: 0.8em; /* Makes the icon slightly smaller */
}
.reveal a {
  color: #107895; /* Using the color from your h3 elements */
  font-weight: bold; /* Makes the text bold */
  border-bottom: 1px dotted #107895; /* Adds a dotted underline */
}