/*@import "bbr.css";*/
@import "lightbox.css";
@import url(//fonts.googleapis.com/earlyaccess/notosanssc.css);
:root {
  --target-rood: #c6371b;
  --target-lichtblauw: #90c2e1;
  --target-middenblauw: #7d90c7;
  --target-donkerblauw: #3b2b76; 
  --jb-blauw: #253776;
}
body {
  font-family: "Noto Sans", "Noto Sans SC", sans-serif;
}

fieldset {
  border: 2px solid var(--target-lichtblauw);
  background-color: #eee;
}
input[type = submit],
input[type = reset] {
  background-color: var(--target-lichtblauw);
  color: var(--jb-blauw);
}
#search:hover #search-svg,
#search a:hover {
  fill: var(--jb-blauw);
  border-bottom: none;
}
#subburger svg {
  background-color: var(--target-lichtblauw);
}
nav li a,
nav li a:link,
nav li a:visited,
nav li a:hover {
  color: var(--jb-blauw);
}
nav ul ul li a,
nav ul ul li a:link,
nav ul ul li a:visited,
nav ul li:hover a {
  color: var(--jb-blauw);

}
nav ul ul {
  background-color: var(--target-lichtblauw);
}
nav ul ul li:hover {
  background-color: #335525;
}
nav ul ul li a:hover {
  color: #fff;
}
nav ul li:visited,
nav ul li:hover {
  background-color: #e1bb4b;
  color: var(--jb-blauw);
}
nav ul li a:hover {
  border-bottom: none;
}
nav ul li {
  border-bottom: solid 1px var(--target-lichtblauw);
}

nav ul ul li {
  border-bottom: solid 1px #eee;
}
/* bbr overrules */

#bbr-title {
  color: #c6371b;
  font-size: 4rem;
  text-transform: uppercase;
  letter-spacing: .025em;
  white-space: nowrap;
  font-weight: normal;
}
#header-content {
  background-color: var(--target-lichtblauw);
}
.background {
  background-color: #c0c0c0;
}
.pagenumber {
  background-color: var(--target-lichtblauw);
  color: #fff;
}
a:hover {
  border-bottom: .25em solid #fdb813;
}
.subsubmenu a {
  color: var(--target-donkerblauw);
}
h1.title,
h1.subtitle,
h1.review,
h1.small {
  color: white;
  background-color: #c6371b;
}
div.author {
  background-color: #495055;
  color: #f5d30f;
}
.translator .affiliation, .translation-reviewer .affiliation, .translation-supervisor .affiliation {
  color: #666;
}
.affiliation .pipe {
  color: #f5d30f;
}
.affiliation {
  color: var(--target-affiliation-text, #fff);
}
.translator .affiliation .pipe {
  color: inherit;
}
.translator .notenum {
  color: inherit;
}
h1.title.compact {
  box-shadow: 0 3px 10px #c0c0c0;
}
h2.subtitle,
h1.subtitle {
  background-color: var(--jb-blauw);
}
.author .notenum {
  color: var(--target-lichtblauw);
}
.details .doilink, .details a {
  color: var(--target-lichtblauw);
}
.reference {
  text-indent: -6em;
  margin-left: 6em;
}
.refyear {
  color: #c6371b;
}
.product .refauth {
  color: white;
}
.crossref-sub
{
  color: #052365;
}
.letters a {
  color: #c6371b;
  border-color: var(--target-lichtblauw);
}

.author .mini-ror-icon svg .letter-r {
    fill: #ddd !important;
    stroke: black;
    stroke-width: .2em;
}
.translator .mini-ror-icon svg .letter-r {
    fill: #666 !important;
    stroke: #666;
    stroke-width: .2em;
}
@media screen and (max-width : 900px) and (min-width:701px) {
  #bbr-title {
    margin-left: 8.5vw;
    padding-top: .1em;
    
  }
  nav {
    background: var(--target-lichtblauw);
  }
  .navigation,
  nav ul {
    background: none;
  }
  nav ul li {
    border-bottom: none;
  }

}
@media screen and (max-width : 725px) {
  nav ul li {
    background-color: inherit;
  }
  body > header {
    line-height:1.65em;
  }
  
  #bbr-title {
    font-size: 8vw;
    line-height:1em;
    }
}
@media screen and (max-width : 600px) {
  #bbr-title {
    margin-left: 0;
    }
}
@media screen and (max-height : 600px) and (orientation : landscape) {
  #bbr-title {
    font-size: 8vh;
    padding-left: 20px;
    padding-top: .1em;
  }
  #bbr-title em {
    display: none;
  }
}
@media screen and (max-width : 450px) {
  #bbr-title {
    font-size: 2.25em;
    margin-left: calc(36px + 3vw);
    margin-top:.15em;
  }
  #bbr-title em {
    display: none;
  }
  .navigation,
  nav ul {
    background-color: #eee;
  }
  nav ul li {
    border-bottom: solid 1px var(--target-lichtblauw);
  }
}
@media screen and (min-width : 900px) {
}

@media handheld {
  body {
    text-align: left;
  }
}