:root {
  --r-heading2-size: 1.4em;
}

/* css styles */
/* Increase specificity by specifying a more detailed selector */
body .reveal .slides > h1 {
    color: #a3002f; /* Updated color from custom-styles.css */
}

img.image-border {
    border: 2px solid black; /* Adjust thickness and color as needed */
    border-radius: 5px; /* Optional: for rounded corners */
}

.reveal .aside-footnotes {
    font-size: 0.6em;
    color: red;
    margin-top: 20px;
    border-top: 1px solid #ccc;
    padding-top: 10px;
}

.small, .text-1xs {
    font-size: 0.6em;
}

.text-lg {
    font-size: 1.4em;
}

.text-sm {
    font-size: 0.9em;
}

.text-xs {
    font-size: 0.8em;
}

.text-2xs {
    font-size: 0.7em;
}

.text-3xs {
    font-size: 0.6em;
}

.text-4xs {
    font-size: 0.5em;
}

.text-5xs {
    font-size: 0.4em !important;;
}

.footer {
    font-size: 0.6em;
}

.reveal h1 {

    font-family: "Courier New", monospace, italic; /* Updated font-family */
    color: #a3002f; /* Updated color */
    font-weight: bold; /* Updated weight */
    font-size: 1.8em !important; /* Increased font size */
}

.reveal h2 {
    font-family: "Courier New", monospace, italic; /* Updated font-family */
    margin-bottom: 40px;
    color: #a3002f; /* Updated color */
    font-weight: 600;
}

.reveal h3 {
    color: #a3002f; /* Updated color */
}

.clickable {
    cursor: pointer;
}

.callout {
    width: 7cm;
    height: 4cm;
    border: 2px solid #000;
    background-color: #f5f5f5;
    padding: 10px;
    position: absolute;
    top: 20%;
    left: 30%;
    font-size: 1em;
    box-shadow: 2px 2px 5px rgba(0, 0, 0, 0.3);
    border-radius: 5px;
}

/* Figure and figcaption styles */
figcaption {
    font-style: italic;
    padding-left: 1em;
}

figure .grayfigure {
    background-color: gray;
    display: block;
    margin: 0 auto;
    text-align: center;
}

.gray-border {
    border: 2px solid gray;
    padding: 10px;
}

/* Toast styles */
.toast-container {
    position: fixed;
    top: 20px;
    right: 20px;
    z-index: 9999;
}

.toast-message {
    background-color: #333;
    color: white;
    padding: 16px;
    margin-top: 5px;
    border-radius: 5px;
    opacity: 0;
    transition: opacity 0.5s;
}

.toast-show {
    opacity: 1;
    transition: opacity 0.5s;
}

/* Centered text styles */
.centered-content {
    display: flex;
    justify-content: center;
    align-items: center;
}

.centered-xs-text {
    font-size: 8px;
    text-align: center;
    font-weight: bold;
}

.centered-xxs-text {
    font-size: 4px;
    text-align: center;
    font-weight: bold;
}

.centered-xl-text {
    font-size: 48px;
    text-align: center;
    font-weight: bold;
}

.centered-xxl-text {
    font-size: 64px;
    text-align: center;
    font-weight: bold;
}

.centered-xxl-rounded-button {
    font-size: 64px;
    text-align: center;
    font-weight: bold;
    border-radius: 12px;
    padding: 12px;
    background-color: #444;
    color: white;
    display: block;
    margin-left: auto;
    margin-right: auto;
    cursor: pointer;
}

/* Table styles */
/* table {
    font-size: large;
} */

/* Color classes */
.red {
    color: #a3002f
}

.green {
    color: #13ba5b;
}

.blue {
    color: #1364ba;
}

.orange {
    color: #ba7f13;
}

.right-align {
    text-align: right;
    border-right: 3px solid #444;
    padding-right: 12px;
}

/* Courier Prime font styles */
.courier-prime-regular {
    font-family: "Courier Prime", monospace;
    font-weight: 400;
    font-style: normal;
}

.courier-prime-bold {
    font-family: "Courier Prime", monospace;
    font-weight: 700;
    font-style: normal;
}

.courier-prime-regular-italic {
    font-family: "Courier Prime", monospace;
    font-weight: 400;
    font-style: italic;
}

.courier-prime-bold-italic {
    font-family: "Courier Prime", monospace;
    font-weight: 700;
    font-style: italic;
}

/* Compact table with vertically centered content */
.compact-table table {
    line-height: 1.2;
}

.compact-table td, .compact-table th {
    vertical-align: middle !important;
    padding: 4px 8px !important;
}

.compact-table img {
    vertical-align: middle;
    display: inline-block;
}