@import 'bbr-prd.css';
@import 'lightbox.css';

:root {
  /* local colors */
  --metbib-blauw: #006995;
  --metbib-blauw-rgb: rgb(0,105,149);
  --metbib-bruin: #942C00;
  --metbib-lime: #689400;
  --metbib-paars: #760094;

  /* local color overrides */
  --bbr-color: var(--metbib-blauw);
  --bbr-color-rgb: var(--metbib-blauw-rgb);
  --bbr-title__background-color: var(--bbr-geel);
  --bbr-authors__background-color: var(--grijs-d);
  --bbr-authors__color: var(--jb-blauw);
  --main-content__title-text:var(--jb-blauw);
  --main-content__title-background: var(--bbr-title__background-color);
  --main-content__author-affiliation-text: black;
  --navigation__list-item-box-hover: var(--metbib-lime);
  --navigation__list-item-text-hover: white;
  --header__sidebar:var(--metbib-bruin);
}

/* exceptions to default css */
@media screen and (max-width:950px) and (min-width:900px)
{
   #bbr-title {
     font-size:3.5vw;
   }
}