/* SERIES COLORS - Color Source: scl.106.cover.hb.indd */
:root {
	--scl-blauw:#5080BB;			/* rgb(80,128,187) */		/* R=80 G=128 B=187 */
	--scl-blauw-rgb:80,128,187;			/* rgb(80,128,187) */		/* R=80 G=128 B=187 */
	--scl-geel:#FDED3D;			/* rgb(253,237,61) */		/* R=253 G=237 B=61 */
	--scl-wit:#FFFFFF;			/* rgb(255,255,255) */		/* R=255 G=255 B=255 */
	--scl-grijs:#edf4ed;			
	--scl-rood:#e40038;			
	--scl-oranje:#f9e044;			
	--jb-blauw: #253776;			/* rgb(18,35,95) */			/* PANTONE 2758 C */
	--wit: white;					/* rgb(255,255,255) */		/* WHITE */
	--grijs: #a0a0a0;					/* rgb() */			/* GRAY */
	--zwart: black;					/* rgb(0,0,0) */			/* BLACK */
}

/* ELEMENT-TO-COLOR MAPPING */
:root {
    --general-properties_hyperlink-text: var(--rood,#9e2330);
    --general-properties_hyperlink-text-underline: var(--geel2,#e1bb4b) ;

    --page__canvas-background: var(--scl-grijs,#eee);
    
    --header__sidebar: var(--zwart,#253776);
    --header__jb-logo-fill: var(--scl-blauw,#666);  
    --header__jb-logo-hover: lightblue; 
    
    --header__content-background: var(--scl-blauw,#91D1EA);
    --header__hamburger-fill: var(--wit,#fff);
    --header__title: var(--scl-geel ,#000); /* Should also work for logos when available. Uncomment bottom rule */
    --header__authors: var(--wit,#000); /*if applicable*/
    --header__bookcode-background: var(--grijs-e,#eee); /*if applicable*/
    --header__bookcode-text: var(--grijs-6,#666); /*if applicable*/
                    
    --navigation__background: var(--scl-grijs,#eee);
    
    --navigation__list-item-text: var(--zwart,#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(--jb-blauw,#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__article-type: var(--zwart,#444);    
    --main-content__title-background: rgb( var(--scl-blauw-rgb) , 0.7) ;
    --main-content__title-text: var(--wit,#fff) ;
    --main-content__author-background: var(--geel,#E8CA79) ;
    --main-content__author-name-text: var(--zwart,#253776) ;
    --main-content__author-affiliation-text: var(--grijs-5,#555) ;
                                    
    --main-content__header: var(--jb-blauw,#253776) ;
    --main-content__header-label: var(--jb-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(--zwart,#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 {
  padding-left: 8.5%;
  }
.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);
}

/* fix for unvisible jb-logo for some colors -- should go in book-web.css*/
@media screen and (min-width: 1500px) {
  #jb-logo {
    fill: var(--header__jb-logo-fill)
    }
  }