:root {
      --fuchsia: #9c006a;
      --lichtblauw: #5ba3dc;
      --donkerblauw: #2b325c;
      --geel: #fce500;
      
      --header__content-background: var(--fuchsia);
      --main-content__title-background: var(--lichtblauw);
      --main-content__title-text: var(--donkerblauw);
      --navigation__list-item-box-hover: var(--ddd);
      --answer-label__border-color:var(--lichtblauw);
      --answer-label__color:var(--donkerblauw);
      --answer-label__background-color-selected:var(--geel);
      --answer-label__border-color-selected: var(--donkerblauw);
      --footer__background: var(--geel);
      --footer__doilink: var(--donkerblauw);
      --navigation__fullscreen-icon-background: var(--fuchsia);
        
}
body, p {
  hyphens:none;
  text-align:left;
}
main {
  padding-bottom: 3em;
}
section:first-child + section {
  margin-top:1.2em;
  margin-bottom:2em;
  border-left: solid 1em var(--geel);
  padding-left: 1em;
  background-color: #ffc; /* lichtgeel */
  padding-bottom:1.2em;
  text-align:left;
}
section:first-child + section h2 {
  color: var(--fuchsia);
  font-weight:bold;
}
section:nth-child(2) ~ section {
  border-top:solid 1em var(--lichtblauw);
  margin-top:1em;
}
#c9q-intro-2 {
  border-top:none;
}
h2.main-title {
  padding-top:.75em;
}
body > footer {
  padding: .75em 1em;
  border-top:solid .3em var(--fuchsia);
  color:black;
}
#footer {
  display: flex;
}
#footer > * {
  margin: 0 1ex;
}
#footer > #progress-display {
  font-size:1.1em;
}
#nav-sections li.toc {
  line-height:1.65em;
  margin: .2em 0 .7em;
  font-weight:normal;
  font-style:italic;
  text-indent:-1em;
}
#nav-sections li.toc:hover {
  color: var(--fuchsia);
}
#nav-sections .chapter-label {
  margin-left:1em;
}
.navbutton svg:hover {
  background-color: var(--donkerblauw);
  border: solid .05em var(--donkerblauw);
}
#svg-next-chapter, #svg-previous-chapter {
  fill: white;
}
#svg-next-chapter:hover, #svg-previous-chapter:hover {
  background-color:var(--donkerblauw);
}
.main ul.toc {
  padding-inline-start:0;
}
button {
  background-color: var(--lichtblauw);
  padding: .35em .7em;
  color: white;
  font-weight:bold;
  letter-spacing:.1em;
  border: solid .1em var(--donkerblauw);
  font-family:'Noto Sans';
  font-size:1.1em;
  border-radius:.25em;
  cursor:pointer;
}
button:hover {
  background-color:var(--donkerblauw);
}
button:active {
  background-color:var(--geel);
  color:var(--fuchsia);
}
form + form {
  margin-left:1em;
}
.octicon-container {
  display:none;
}
/*.question-group .box {
  border-left: solid 1em var(--lichtblauw);
  padding-left:.5em;
}
*/
details.results {
  margin: 0 0 1.5em;
}
details.results .flex-wrapper 
{  display:flex;
  flex-direction:row;
}
.chapter {
  font-weight:bold;
}

details.results summary {
  color: var(--lichtblauw);
}
details.results .pie-wrapper {
  height: 3cm;
  display:inline-block;
}
.question {
  margin-top:1em;
}
.question-label {
  min-width: 1em;
}
.question blockquote {
  padding-top:0;
  padding-left:1.2cm;
  padding-bottom:0;
  hyphens:none;
}
.question blockquote p {
  display:block;
  text-align:left;
}
.question:not(.nested) {
  border-top: solid .1em var(--fuchsia);
  padding-top: .75em;
}

.nested-questions {
  display: flex;
}
.nested-questions .nested.question:not(:last-child) {
  margin-right: 2em;
}
.label.incorrect , .answer-set.incorrect {
  background-color: #992222 !important;
  color: white;
}
.label.correct , .answer-set.correct {
  background-color: #229922 !important;
  color: white;
}
*[data-hide-correct] {
  display: none;
}
.answer-set {
  display: flex;
  padding: .5em 1em 1.5em;
  flex-wrap:wrap;
}
.answer-set .label {
  text-transform:initial;
  letter-spacing:.015em;
}
.nested .answer-set {
  flex-direction:column;
}
/* force all answers to be in a vertical list because it looks better in some cases */
#c3q-s4 .answer-set
, #c3q-s5 .answer-set
{
  display:block
}
@media screen and (max-width: 900px) {
  #nav-sections {
    display:none; 
  }
}
@media screen and (max-width: 700px) {
  #bbr-product {
    margin-top: 0.15em;
    display: inline-block;
    font-size: 5vw;
  }
  #nav-sections {
    display:block; 
  }
}