:root {
  --slim-blue: #0d6efd;
  --slim-dark-yellow: #ffc107a8;
  --slim-light-yellow: #ffc1076e;
}

.yrsa {
  font-family: "Figtree", sans-serif;
  font-optical-sizing: auto;
  font-weight: 400;
  font-style: normal;
}

* {
  font-family: 'Figtree', serif;
  font-size: 16pt;
}


 /* Custom styles
 -------------------------------------------------- */

nav {
  background-color: var(--slim-blue);
}

.nav-link {
  color: white;
  font-size: 110%;
}

.navbar a {
  color: white;
}


.footer {
  margin-top: 3em;
  padding-top: 2rem;
  padding-bottom: 2rem;
  background-color: var(--slim-dark-yellow);
  text-align: center;
  font-size: 12pt;
}

.subfooter {
  padding-top: 1rem;
  padding-bottom: 1rem;
  background-color: var(--slim-light-yellow);
  text-align: center;
}

.footer .container,
.footer .container a, .footer .container i,
.footer .container .col-8 {
  font-size: 14pt;
}

.subfooter .container, .subfooter .container a, .subfooter .container i {
  font-size: 12pt;
}

main h1 {
  margin-bottom: 0.6em;
  margin-top: 1em;
}

span.badge a {
  color: white;
  text-decoration: none;
  font-weight: 500;
}

pre {
  font-size: 80% !important;
}

.tooltip-inner {
  font-size: 90%;
  color: dimgray;
  background-color: #ffc107;
}

.accordion-button:not(.collapsed) {
  background-color: var(--slim-dark-yellow);
  color: var(--slim-blue);
  font-weight: bold;
}

.collapsed {
  background-color: var(--slim-light-yellow);
}

table.dataTable.table-striped>tbody>tr.odd {
  background: var(--slim-light-yellow);
}