/* SERIES COLORS - Color Source: nss.22.cover.pb.indd */
:root {
	--nss-cremegrijs:#D1D3C3;			/* rgb(209,211,195) */		/* PANTONE DS 301-8 C */
	--nss-rood:#B40941;			/* rgb(180,9,65) */		/* PANTONE DS 108-1 C */
	--nss-grijs:#E3E3E2;			/* rgb(227,227,226) */		/* PANTONE DS 325-8 C */
	--nss-blauw:#476EB2;			/* rgb(71,110,178) */		/* PANTONE 660 EC */
	--nss-donkerblauw:#283357;			/* rgb(40,51,87) */		/* PANTONE DS 202-1 C */
	--nss-lichtblauw:#71A0CC;			/* rgb(113,160,204) */		/* PANTONE DS 221-5 C +5K+5Y */
	--groen:#42827A;
}
/* ELEMENT-TO-COLOR MAPPING */
:root {
    --general-properties_hyperlink-text: var(--nss-rood,#9e2330);
    --general-properties_hyperlink-text-underline: var(--groen,#e1bb4b) ;

    --page__canvas-background: var(--grijs-b,#bbb);
    --header__sidebar: var(--nss-donkerblauw,#253776);
    --header__content-background: var(--nss-cremegrijs,#91D1EA);
    --header__hamburger-fill: var(--zwart,#fff);
    --header__title: var(--nss-donkerblauw,#000); /* Should also work for logos when available. Uncomment bottom rule */
    --header__authors: var(--groen,#000); /*if applicable*/
    --header__bookcode-background: var(--nss-lichtblauw,#eee); /*if applicable*/
    --header__bookcode-text: var(--nss-donkerblauw,#666); /*if applicable*/

    --navigation__background: var(--grijs-e,#eee);
    --navigation__jb-logo: var(--grijs-6,#666);
    --navigation__jb-logo-hover: lightblue;

    --navigation__list-item-text: var(--jb-blauw,#253776) ;
    --navigation__list-item-box-hover:var(--grijsblauw,#006381);
    --navigation__list-item-text-hover: var(--wit,#fff);
    --navigation__list-item-separator: var(--blauw,#004e96) ;

    --navigation__sub-background-main: var(--geel,#E8CA79);
    --navigation__sub-background: var(--lichtblauw,#91D1EA); /* bij BOOKS verandert dit veld de linker balk in .nav 'ul ul ul'*/
    --navigation__sub-background-hover: var(--grijsblauw,#6d6f71);
    --navigation__sub-list-item-text: var(--jb-blauw,#253776) ;
    --navigation__sub-list-item-box-hover: var(--wit,#fff) ;
    --navigation__sub-list-item-text-hover: var(--wit,#031e42) ;
    --navigation__sub-list-item-text-underline: none ;

            /*
            --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__navigation-icon-background: var(--grijs-b,#bbb) ;
    --navigation__navigation-icon-outline: var(--grijs-b,#bbb) ;
    --navigation__navigation-icon-arrows: var(--wit,#fff) ;

    --main-content__title-background: var(--nss-rood,#006381) ;
    --main-content__title-text: var(--wit,#fff) ;
    --main-content__author-background: var(--groen,#E8CA79) ;
    --main-content__author-name-text: var(--nss-cremegrijs,#253776) ;
    --main-content__author-affiliation-text: var(--nss-donkerblauw,#555) ;

    --main-content__header: var(--nss-donkerblauw,#253776) ;
    --main-content__header-label: var(--nss-blauw,#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) ;
}
:root {
    /* DEFAULT COLORS BOOKS */
	--jb-blauw: #253776;
	--blauw: #004e96;
	--lichtblauw: #91D1EA;
	--grijsblauw: #006381;
	--geel:#E8CA79;
	--geel2:#e1bb4b;
	--grijs:#6d6f71;
	--rood:#9e2330;

	/* 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 */
}
    /* mapping some journal variables to book variables for clearness sake */
    --navigation__fullscreen-icon-outline: var(--navigation__navigation-icon-outline,#bbb) ;
    --navigation__fullscreen-icon-background: var(--navigation__navigation-icon-background,#bbb) ;

    /* BOOK SPECIFIC PROPERTIES*/

#header-title {font-size:1.5em;}
.source-label {float:right;}

nav ul li:hover li {
    background-color: #e8ca79;
    background-color: var(--navigation__sub-background-main,#e8ca79);
}
nav ul li:hover li:hover {
    background-color:#6d6f71;
    background-color:var(--navigation__sub-background-hover,#6d6f71);
}