@import "noto.css";
@import "lightbox.css";


:root {
  --prag-blauw: #0176a6;
  --prag-rood: #872651;
  --prag-lila: #a192b2;
  --prag-lichtgroen: #aeb862;
  --navigation__list-item-text:#495055;
}

.issue a { 
    color: #495055;
}
a {
    color: #872651;
}
#bbr-title {
    font-family:"Arial","Helvetica",sans-serif;
    font-weight:bold;
    font-size:3.5em;
    color:#fff;
    letter-spacing:.04em;
    margin-top:.35em;
}
#bbr-title a:hover {
    border:none;
}
#bbr-title a {
    color:#fff;
}
#bbr-title strong {
    letter-spacing:.035em;
}
#header-content {
    background-color: #0176a6;
}
#subburger svg {
    background-color: #90c2e1;
}
#ipra-logo  {
    float:left;
    padding-left:5px;
}
path.a {
    fill:rgb(0, 61, 100);
}
#ipra-logo svg {
    width: 65px;
    height:65px;
}
h1.title {
    background-color:#872651;
    color:white;
}
h1.author, div.author {
    background-color:#aeb862;
    color:#00224d;
}
h1 .article-type {
    color:white;
}
.author .notenum {
    color: #00224d;
}
.affiliation {
    color: white;
}
.mini-ror-icon svg .triangle {
  fill: #666;
}
.mini-ror-icon svg .letter-r {
  fill: var(--prag-rood);
}
.contribgroup_heading {
    min-width:10em;
}
.pagenumber {
    background-color: #f7931e;
    color:white;
}

nav ul ul li {
    border-bottom: solid 1px #fff;
}
nav ul ul li:hover {
    background-color: #872651;
}
nav ul li:hover {
    background-color: #a192b2;
    color:black;
}

nav ul ul {
    background-color: #83887c;
}
nav ul ul li a, nav ul ul li a:link, nav ul ul li a:visited {
    color:#fff;
}
.nohover:hover {
    background-color:inherit;
}
@media screen and (max-width: 900px){
    #bbr-title, #header-title {
        font-size: 6vw;
        margin-top:2.2vw;
    }
    .svg-nav-toggle {
         fill: #fff; 
    }
        
}
@media screen and (max-width: 600px){
    #ipra-logo svg {
        width:10vw;
        height:10vw;
    }
    #bbr-title {
        padding-top:2.5vw;
    }
    #bbr-title, #header-title {
        font-size: 5.5vw;    
    }        
}
@media screen and (max-width: 450px){
    #ipra-logo {
        display:none;
    }
}
@media screen and (max-height: 600px) and (orientation:landscape)  {
    #ipra-logo svg {
        width:10vh;
        height:10vh;
    }
    #bbr-title {
        padding-top:2.5vh;
    }
    #bbr-title, #header-title {
        font-size: 5.5vh;    
    }        
}