@import url("./variables.css");
@import url("./dracula.css");
@import url("./fontawesome.min.css");

.reveal li li {
  font-size: 85%;
  color: #777777;
}
.reveal pre.code-wrapper {
  width: fit-content; 
  height: max-content;
}
.reveal pre.code-wrapper code.hljs {
  overflow-x: hidden;
  overflow-y: hidden;
}

.reveal img {
  margin: 0;
}
.reveal i {
  font-family: 'FontAwesome';
  font-style: normal;
}
.reveal .text-primary {
  color: var(--b-primary-color);
}
.reveal .text-secondary {
  color: var(--b-secondary-color);
}
.reveal .text-tertiary {
  color: var(--b-tertiary-color);
}
.reveal .text-error {
  color: var(--b-error-color);
}
.reveal .text-warning {
  color: var(--b-warning-color);
}
.reveal .text-muted {
  color: var(--b-muted-color);
}

/** Custom "addition" list */
.reveal ul.addition {
  list-style-type: '';
}
.reveal ul.addition li:before {
  content: "\f067"; /* FontAwesome Unicode */
  font-family: FontAwesome;
  display: inline-block;
  margin-right: 0.25em;
  color: var(--r-list-bullet-color);
}
.reveal ul.addition li:first-child:before {
  content: "\00a0" !important;
}
.reveal ul.addition li:last-child:before {
  content: "=" !important;
  font-family: 'BlinkMacSystemFont';
  font-weight: bold;
  font-size: 1.25em;
  line-height: 1em;
  padding: 0;
}
.reveal ul.addition li:first-child {
  text-indent: 0.40em;
}
.reveal .key-point-title {
  color: var(--b-light-color);
}
.reveal .key-point-title strong {
  color: var(--r-main-color);
}

.reveal .b-frame {
  border: 1px solid var(--b-border-color);
  box-shadow: 0 0 10px rgba(0, 0, 0, 0.15);
}

/** No bullet point list */
.reveal ul.no-bullet {
  list-style-type: none;
}

.reveal .side-by-side {
  display: flex;
  justify-content: space-between;
  align-items: center;
}

.reveal .compact {
  width: 75%;
  margin: 0 auto;
}

/**
 * Light Theme
 */
.reveal .light-theme.slide-background {
  background: #25a55f;
}

.reveal .light-theme  {
  color: white;
}

.reveal .light-theme h1, 
.reveal .light-theme h2, 
.reveal .light-theme h3, 
.reveal .light-theme h4, 
.reveal .light-theme h5, 
.reveal .light-theme h6 {
  color: white;
}

/**
  * Warning Theme
  */
.reveal .warning-theme {
  color: white;
}
.reveal .warning-theme.slide-background {
  background: var(--b-tertiary-color);
}
.reveal .warning-theme h1, 
.reveal .warning-theme h2, 
.reveal .warning-theme h3, 
.reveal .warning-theme h4, 
.reveal .warning-theme h5, 
.reveal .warning-theme h6 {
  color: white;
}

/**
 * Black Theme
 */
.reveal .black-theme {
  color: white;
}
.reveal .black-theme.slide-background {
  background: #000000;
}