#title-slide .author, #title-slide .quarto-title-author-name {
    color: #ffffff; !important
}

#title-slide .title {
  color: #E1F6E9; !important
}

#title-slide .subtitle {
  color: #00C887; !important
  font-weight: bold; !important
}


.reveal .slide-menu-button {
  bottom: 10px !important;
  left: 10px !important;
  top: inherit !important;
  right: inherit !important;
  }

.tag {
  
}


section.h1-custom {
  background-color: #E1F6E9 !important;
  background-image: url("../external_figures/logo.png") !important;
  background-position: right !important;
  background-opacity: 0.2 !important;
  background-size: contain !important;
}

/* --- Blue Background --- */
.bg-blue-white-text {
  background-color: #0d6efd; /* A standard, accessible blue (like Bootstrap primary) */
  color: white;
  padding: 3px 8px;        /* Padding around text */
  border-radius: 6px;      /* Rounded corners */
  display: inline-block;   /* Ensures padding/border wraps inline text correctly */
}

/* Optional: Style for block elements */
.block-blue {
  background-color: #0d6efd;
  color: white;
  padding: 10px 15px; /* More padding for blocks */
  border-radius: 8px;
}


/* Green */
.bg-green-white-text { background-color: #28a745; color: white; padding: 3px 8px; border-radius: 6px; display: inline-block; }
.block-green { background-color: #28a745; color: white; padding: 10px 15px; border-radius: 8px; }

/* Red */
.bg-red-white-text { background-color: #dc3545; color: white; padding: 3px 8px; border-radius: 6px; display: inline-block; }
.block-red { background-color: #dc3545; color: white; padding: 10px 15px; border-radius: 8px; }

/* Orange */
.bg-orange-white-text { background-color: #fd7e14; color: white; padding: 3px 8px; border-radius: 6px; display: inline-block; }
.block-orange { background-color: #fd7e14; color: white; padding: 10px 15px; border-radius: 8px; }



.reveal .custom-footnotes .footnotes {
  column-count: 2;
  column-gap: 2em;
}

.reveal .custom-footnotes .footnotes ol {
  margin: 0;
  padding-left: 1.5em;
}