/* SERIES COLORS - Color Source: hl.42-2-3.cover.indd */
:root {
	--hl-groen:#17855A;			/* rgb(100,0,86) */		/* PANTONE 347 C */
	--lichtgroen:#4AB88D;
}
   /* ELEMENT-TO-COLOR MAPPING */
:root {
    --general-properties_hyperlink-text: var(--rood-2,#9e2330) ;
    --general-properties_hyperlink-text-underline: var(--geel,#e1bb4b) ;

    --page__canvas-background: var(--grijs-c0,#c0c0c0);
    
    --header__sidebar: #13714d;
    --header__content-background: var(--hl-groen,#777);
    --header__hamburger-fill: var(--wit,#fff);
    --header__title: var(--wit); /* Should also work for logos when available. Uncomment bottom rule */
    --header__search-icon: var(--grijs-e,#eee);
    --header__search-icon--hover: var(--wit,#fff);
    
    --navigation__background: var(--grijs-e,#eee);
    --header__jb-logo-fill: #ddd;  
    --header__jb-logo-hover: white;  
    
    --navigation__list-item-text: var(--oud-roze,#986769) ;
    --navigation__list-item-box-hover:var(--hl-groen,#e1bb4b);
    --navigation__list-item-text-hover: var(--wit,#fff);
    --navigation__list-item-separator: var(--wit,#fff) ;
            
    --navigation__sub-background: #64D2A7;
    --navigation__sub-list-item-text: var(--wit,#fff) ;
    --navigation__sub-list-item-box-hover: var(--hl-groen,#335525) ;
    --navigation__sub-list-item-text-hover: var(--wit,#fff) ;
    --navigation__sub-list-item-text-separator: var(--wit,#fff) ;
            
    --navigation__auth-text: var(--grijs-0,#000);
    --navigation__login-box: var(--le-blauw,#253776) ;
    --navigation__login-box-hover: var(--grijs-3,#333) ;
    --navigation__login-text: var(--wit,none) ;
    --navigation__login-text-hover: var(--wit,none) ;

    --navigation__fullscreen-icon-background: var(--grijs-b,#bbb) ;
    --navigation__fullscreen-icon-outline: var(--grijs-b,#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,#fff); ;
                    
    --main-content__article-type:var(--grijs-4,#444);
    --main-content__title-background: var(--lichtgroen,#831b30) ;
    --main-content__title-text: var(--wit,#fff) ;
    --main-content__author-background: var(--lichtblauw-2,#9ccef3) ;
    --main-content__author-name-text: var(--jb-blauw,#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(--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;
	--bruin:#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 */
}

p {
  font-family:'Noto Serif', serif;
}
/*
.journal-logo polygon, .journal-logo path {
    fill:white;
    fill:var(--header__title,white);
}
*/
.attrib, .source-label, .language-label, .verse .attrib, .grammar-label {
    float:none;
    text-align:left;
    padding-left:0.25em;
}
.toc-title-block .ref-year {
    color:inherit;
    font-weight:normal;
}