/* SERIES COLORS - Color Source: z.179.cover.hb.indd */
:root {
	--z-oranje:#DC9659;			/* rgb(220,150,89) */		/* PANTONE DS 49-3 C */
	--z-blauw:#485A77;			/* rgb(72,90,119) */		/*  PANTONE DS 201-3 C */
	--z-grijs:#BEC4CE;			/* rgb(190,196,206) */		/* PANTONE DS 202-9 C */
}

/* ELEMENT-TO-COLOR MAPPING */
:root {
    --general-properties_hyperlink-text: var(--z-blauw,#485A77) ;
    --general-properties_hyperlink-text-underline: #A96326 ;

    --page__canvas-background: var(--grijs-c0,#c0c0c0);
    
    --header__sidebar: var(--grijs-4,#253776);
    --header__content-background: var(--z-blauw,#777);
    --header__hamburger-fill: var(--z-grijs,#fff);
    --header__title: var(--z-oranje,#fff); /* Should also work for logos when available. Uncomment bottom rule */
    --header__authors: var (--wit,#fff); /*if applicable*/
                    
    --header__search-icon: var(--z-grijs,#eee);
    --header__search-icon--hover: var(--wit,#fff);
    
    --navigation__background: var(--grijs-e,#eee);
    --navigation__jb-logo: var(--grijs-6,#666);  
    --navigation__jb-logo-hover: var(--grijs-4,#444);  
    
    --navigation__list-item-text: var(--oud-roze,#986769) ;
    --navigation__list-item-box-hover:#A96326;
    --navigation__list-item-text-hover: var(--wit,#fff);
    --navigation__list-item-separator: var(--wit,#fff) ;
            
    --navigation__sub-background: var(--lichtblauw,#90c2e1) ;
    --navigation__sub-list-item-text: var(--wit,#fff) ;
    --navigation__sub-list-item-box-hover: var(--donkergroen,#335525) ;
    --navigation__sub-list-item-text-hover: var(--wit,#fff) ;
    --navigation__sub-list-item-text-underline: var(--wit,#fff) ;
            
    --navigation__auth-text: var(--grijs-0,#000);
    --navigation__login-box: var(--jb-blauw,#253776) ;
    --navigation__login-text: var(--wit,none) ;
    --navigation__login-box-hover: var(--grijs-3,#333) ;
    --navigation__login-text-hover: var(--wit,none) ;

    --navigation__fullscreen-icon-background: var(--z-blauw,#bbb) ;
    --navigation__fullscreen-icon-outline: var(--z-oranje,#bbb) ;
    --navigation__fullscreen-icon-arrows: var(--jb-blauw,#253776);
    --navigation__fullscreen-icon-arrows-outline: var(--jb-blauw,#253776);
    --navigation__fullscreen-icon-background-active: var(--rood-2,#9e2330) ;
                            --navigation__fullscreen-icon-outline-active: var(--) ;
    --navigation__fullscreen-icon-arrows-active: var(--wit,white);
    --navigation__fullscreen-icon-arrows-outline-active: var(--wit,white);) ;
                    
    --main-content__article-type:var(--grijs-d,#ddd);
    --main-content__title-background: var(--z-oranje,#831b30) ;
    --main-content__title-text: var(--wit,#fff) ;
    --main-content__author-background: var(--z-grijs,#9ccef3) ;
    --main-content__author-name-text: var(--jb-blauw,#253776) ;
    --main-content__author-affiliation-text: var(--grijs-5,#555) ;
                                    
    --main-content__header: var(--grijs-4,#253776) ;
    --main-content__header-label: var(--grijs-4,#253776) ;
    --main-content__subheader-label: var(--jb-blauw,#253776) ;
                
    --main-content__page-note-number-background: var(--grijs-d,#ddd) ;
    --main-content__page-note-number: var(--rood-2,#9e2330) ;
            
    --main-content__up-icon-background-active: var(--rood-2,#9e2330) ;
    --main-content__up-icon-arrows-active: var(--wit,#fff) ;
                
    --footer__background: var(--jb-blauw,#253776) ;
    --footer__doilink: var(--lichtblauw,#9ccef3) ;
                
    --toc__toc-header: var(--jb-blauw,#253776) ;
    --toc__toc-text: var(--grijs-5,#555) ;
}

:root {
    /* DEFAULT COLORS */
	--jb-blauw: #253776;
	--lichtblauw: #90c2e1;
	--lichtblauw-2: #9ccef3;
	--rood:#831b30;
	--rood-2: #9e2330;
	--oud-roze: #986769;
	--geel:#e1bb4b;
	--donkergroen:#335525;
	--none:hsla(0, 0%, 0%, 0);
	
	/* WHITE, BLACK, GRAYS */
	--zwart: black;			
	--grijs-1:#111;
	--grijs-2:#222;
	--grijs-3:#333;
	--grijs-4:#444;
	--grijs-5:#555;
	--grijs-6:#666;
	--grijs-7:#777;
	--grijs-8:#888;
	--grijs-9:#999;
	--grijs-a:#aaa;
	--grijs-b:#bbb;
	--grijs-c:#ccc;
	--grijs-d:#ddd;
	--grijs-e:#eee;
	--wit: white;				
    --grijs-a0: #a0a0a0;				
	--grijs-c0:#c0c0c0;
	--paars:#f000a8;            /* test color */
}
/*
.journal-logo polygon, .journal-logo path {
    fill:white;
    fill:var(--header__title,white);
}*/
.description {
    margin-bottom:1em;
}
.media-title {
    font-weight:bold;
}
#subburger {
    display:none;
}
.chapter a {
    font-weight:bold;
}
[target=links] {
    color:var(--z-oranje);
    font-weight:bold;
}
@media screen and (max-width: 1000px) {
    #bbr-product{
        font-size:3.4vw;
    }
}