/*
 * Sources Paragraph
 * =================
 */
.source {position:absolute;
  bottom:10px; 
  font-size: 50% !important;
}

/*
 * Keyboard Shortcut Styling
 * =========================
 */
kbd {
  font-family: "Fira Code", monospace !important;
  font-size: 65% !important;
  display: inline-block;
  border: 1px solid white !important;
  border-width: 1px 5px 5px 1px !important;
  padding: .2rem .5rem !important;
}

/* simple two-column layout */
.two-columns {
  display: flex;
}

.two-columns .column {
  width: 50%;
  overflow: hidden;
}

/*
 * Inline Code Snippets
 * ====================
 */
:not(pre) > code {
  font-size: 85% !important;
}

code.snippet {
  display: inline-block;
  padding: .2rem .5rem;
  background-color: #3f3f3f;
  font-size: 70% !important;
  color: #dcdcdc;
}

/*
 * Booktab-Style Tables
 * ====================
 */
table thead {
  border: none !important;
  border-top: 1px solid white !important;
  border-bottom: 1px solid white !important;
}

table tr td {
  border: none !important;
}

table tr:last-of-type {
  border-bottom: 1px solid white !important;
}

/*
 * Slideshows
 * ==========
 */

.slideshow-wrapper {
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
}

.slideshow {
  width: var(--slideshow-width);
  height: var(--slideshow-height);
  margin: 0 auto;
  overflow-x: scroll;
  scroll-snap-type-x: mandatory;
  scroll-snap-points-x: repeat(100%);
}

.slideshow .slide-container {
  display: flex;
  width: calc((var(--slideshow-slidecount) + 1) * var(--slideshow-width));
  height: 100%;
}

.slideshow .slide-container .slide {
  width: var(--slideshow-width);
  height: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
  height: 100%;
  position: relative;
}

.slideshow .slide-container .slide .slide-image {
  padding: 0;
  margin: 0 !important;
}

.slideshow .slide-container .slide .slide-caption {
  position: absolute;
  display: flex;
  justify-content: space-between;
  bottom: 0;
  left: 0;
  width: var(--slideshow-width);
  max-width: var(--slideshow-width);
  box-sizing: border-box;
  padding: .5rem 2rem;
  font-size: 1.5rem !important;
  background-color: rgba(0, 0, 0, .75);
}
