/*********************************************
 * Highlight
 *********************************************/

.highlight {
  color: var(--r-heading-color);
}

/*********************************************
 * Slide numbers
 *********************************************/

.reveal .slide-number {
    display: inline-block;
    right: 37px;
    bottom: 20px;
    text-align: center;
    line-height: 0px;
    border-radius: 50%;
    font-size: 12px;
    width: 36px;
    height: 36px;
    font-size: 10px;
    background: none;
    color: var(--r-link-color);
}

.reveal .slide-number span {
    margin: 0;
    padding: 0;
}

.reveal .slide-number a {
    display: inline-block;
    padding-top: 50%;
    padding-bottom: 50%;
}

/*********************************************
 * Two column content
 *********************************************/

.twocolumn {
   display: grid;
   grid-template-columns: 1fr 1fr;
   grid-gap: 10px;
}

/*********************************************
 * Kbd for key strokes
 *********************************************/

kbd {
  display: inline-block;
  padding: 2px 14px;
  background-color: darkgray;
  font-family: Arial, sans-serif;
  border-radius: 4px;
	box-shadow: 0 1px 1px rgba(0, 0, 0, 0.2), 0 2px 0 0 rgba(255, 255, 255, 0.7) inset;
  text-shadow: none;
	font-size: 0.85em;
	font-weight: 700;
	white-space: nowrap;
}

/*********************************************
 * Inline code
 *********************************************/

/* 
Inline code is also used to escape math blocks. 
The rendered math is then embedded within a span 
and should not receive the code background.
*/
code:not(:empty):not(:has(*)):not(pre code) {
  background-color: darkgray;
  padding: 0px 4px 0px 4px;
  border-radius: 4px;
  text-shadow: none;
  font-family: courier;
}

/*********************************************
 * Admonition
 *********************************************/

blockquote.admonition {
  box-sizing: border-box;
  border-left: 20px solid;
  padding: 1em;
  margin: 1em 0;
  border-radius: 6px;
  font-style: normal;
  text-align: left;
}

blockquote.admonition.note      { background-color: #e7f3fe!important; border-color: #2196f3; }
blockquote.admonition.tip       { background-color: #e6ffed!important; border-color: #2e7d32; }
blockquote.admonition.important { background-color: #fff8e1!important; border-color: #f9a825; }
blockquote.admonition.warning   { background-color: #fff3e0!important; border-color: #ef6c00; }
blockquote.admonition.caution   { background-color: #ffebee!important; border-color: #c62828; }

blockquote.admonition.note::before {
  content: "\f05a";  /* FontAwesome info-circle */
  font-family: "FontAwesome";
  font-weight: bold;
  color: #2196f3;
}

blockquote.admonition.tip::before {
  content: "\f0eb";  /* FontAwesome lightbulb */
  font-family: "FontAwesome";
  font-weight: bold;
  color: #2e7d32;
}

blockquote.admonition.important::before {
  content: "\f06a";  /* FontAwesome circle-exclamation */
  font-family: "FontAwesome";
  font-weight: bold;
  color: #f9a825;
}

blockquote.admonition.warning::before {
  content: "\f071";  /* FontAwesome triangle-exclamation */
  font-family: "FontAwesome";
  font-weight: bold;
  color: #ef6c00;
}

blockquote.admonition.caution::before {
  content: "\f071";  /* FontAwesome triangle-exclamation */
  font-family: "FontAwesome";
  font-weight: bold;
  color: #c62828;
}

blockquote.admonition ul {
  display: block !important;
}

/*********************************************
 * Fragments
 *********************************************/

.reveal .slides section .fragment.appear-disappear {
	opacity: 0;
	display: none; }
.reveal .slides section .fragment.appear-disappear.current-fragment {
	opacity: 1;
	display: inline; }


/*********************************************
 * Display fractions properly
 *********************************************/
.MathJax .mfrac span {
  min-height: 1px!important;
}

/*********************************************
 * Print
 *********************************************/

@media print {
	.presentation-only, .audio-controls, .slide-menu-button, .slide-number {
		display: none!important; 
	}
}