:root{
    --primary-color: #8fd8ff;
    --primary-background: #fffcd8;
    --secondary-color: #1C3740;
    --font-color: #000106;
    --secondary-background: #072499;
    --table-color: #ffec3f ;
    --link-color: #82101B;
    --link-hover-color: #3a82b200;
}

@font-face{
  font-family: Lexend;
  src: url(fonts/Lexend.ttf) format(truetype);
}

.container {
  max-width: 80vw;
}

.accordion,
.accordion accordion-flush,
.accordion-button collapsed,
.accordion-collapse collapse {
  background-color:#fffcd8;
  color:#000106;
}

.card {
  background-color: #8fd8ff;
  border: 3px solid #072499;
  border-radius: 1em;
}

.awardcard {
  border: 3px solid #000000;
  border-radius: 1em;
  text-align: center;
  
}

.awardawardcard {
  border: 3px solid #000000;
  border-radius: 2em;
  margin: 2em;
  padding: 2em;
}

h1, h2, h3, h4, h5 {
  scroll-margin-top: 3.2em;
  font-family: 'Palatino Linotype', 'TeX Gyre Pagella', serif;
  font-weight: bold;
}

figcaption {
  margin-top: 5px;
  font-size: 0.9rem;
  color: #666;
  font-family: Lexend;
  text-align: left;
}

p, span, li {
  font-family: Lexend;
}

body {
  padding-top: 56px;
  background: #fffcd8;
  line-height: 1.75;
}

iframe {
  display: block;
  margin: 0 auto;
}

.sidebar{
  height: 80vh;
  top: 6.25em;
  font-family: Lexend;
  padding-bottom: 10em;
  overflow: auto;
  position: sticky;
  border-radius: 2em
}

.caption {
  text-align: center;
  margin-top: 5px;
  font-size: 0.9rem;
  color: #666;
}


.quote blockquote {
  font-size: larger;
  font-style: italic;
  font-weight: 600;
}

.quote {
  background-color: #8fd8ff;
  border: 3px solid #072499; 
}

.key-takeaways {
  background-color: #ffec3f;
  font-size: medium;
}

.key-takeaways li {
  margin: 1em;
}

.quote,
.key-takeaways {
  font-family: 'Palatino Linotype', 'TeX Gyre Pagella', serif;
  border-radius: 2em;
  padding: 1.6em;
  margin-top: 2.5em;
  margin-bottom: 2.5em;
  border: 3px solid #072499;
}

.left-aligned {
    margin-left: auto;
}

.bg-light {
    background-color: #ffec3f !important;
}

.bg-dark {
    background-color: #FFFFF0;
}

.bg-hero {
    background-color:#9ccedf;
}

/* CALLOUT */
.bd-callout {
    padding: 1.25rem;
    margin-top: 1.25rem;
    margin-bottom: 1.25rem;
    border: 1px solid #e9ecef;
    border-left-width: 0.25rem;
    border-radius: 0.25rem;
}

.bd-callout h4 {
    margin-bottom: 0.25rem;
}

.bd-callout p:last-child {
    margin-bottom: 0;
}

.bd-callout code {
    border-radius: 0.25rem;
}

.bd-callout + .bd-callout {
    margin-top: -0.25rem;
}

.bd-callout-info {
    border-left-color: #5bc0de;
}

.bd-callout-warning {
    border-left-color: #f0ad4e;
}

.bd-callout-danger {
    border-left-color: #d9534f;
}

/* Footer */
footer a {
    color: white;
    font-weight: bold;
    text-decoration: none;
}

footer a:hover {
    color: #6aa4c4ff;
    text-decoration: underline;
}

/* From DTU-Denmark 2022 */

  .list-group-item {
    background-color: #fffcd8 !important;
  }
  
  .list-group-item-action:focus, .list-group-item-action:hover {
    z-index: 1;
    /* color: var(--table-color) ; */
    text-decoration: underline;
  }
  
  .subheading:hover{
    color: var(--table-color) !important;
    text-decoration: underline;
  }
  
  .subsubheading:hover{
    color: var(--table-color) !important;
    text-decoration: underline;
  }

  .subheadingitem{
    padding-left: 35px;
    font-size: 11pt;
  }
  
  .subsubheadingitem{
    padding-left: 50px;
  }
  
  .headeritem {
    font-size: 20px;
  }