/*
We want custom styles for RISE slideshows, so we copy this file as rise.css
into each lecture subfolder and RISE will automatically include it.

Use `make cp-styles` in the project root to copy this file to all lectures
*/

.reveal,
.reveal h1,
.reveal h2,
.reveal h3,
.reveal h4,
.reveal h5,
.reveal h6 {
  /* reset slideshow fonts to system default */
  font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Helvetica,
    Arial, sans-serif, 'Apple Color Emoji', 'Segoe UI Emoji', 'Segoe UI Symbol';
}

.reveal h1,
.reveal h2,
.reveal h3,
.reveal h4,
.reveal h5,
.reveal h6 {
  font-weight: bold;
}

/* Make table styles more similar to pandas */
.reveal table th,
.reveal table td {
  border: none;
  padding: 0.5em;
}

/* Table font is too small by default */
.rise-enabled .jp-RenderedHTMLCommon table {
  font-size: 125%;
}

/* Make code font bigger */
.cm-editor {
  font-size: 18px;
}

.rise-enabled .reveal pre {
  margin: 0;
}

/*
RISE sets table font-size to 75%, but this makes pandas tutor tables super
small
*/
table.wstRoot {
  font-size: 18px !important;
}

.wstRoot td.rowLabel,
.wstRoot td.rowLabelLevelName,
.wstRoot .columnLabel,
.wstRoot .columnLabelLevelName {
  font-size: 20px !important;
}

/* using .sbs in a cell lets us put things side by side */
.sbs {
  display: flex;
  gap: 1rem;
}

.sbs > div {
  flex-grow: 1;
}

.sbs > div:last-child {
  max-width: 30%;
}
