/* 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: var(--jb-blauw, #253776);
  --header__content-background: var(--grijs-7, #777);
  --header__hamburger-fill: var(--wit, #fff);
  --header__title: var(--wit, #fff); /* Should also work for logos when available. Uncomment bottom rule */
  --header__authors: var(--wit, #fff); /*if applicable*/

  --header__search-icon: var(--grijs-e, #eee);
  --header__search-icon--hover: var(--wit, #fff);

  --navigation__background: #eee;
  --header__jb-logo-fill: #ddd;
  --header__jb-logo-hover: #fff;

  --navigation__list-item-text: var(--oud-roze, #986769);
  --navigation__list-item-box-hover: var(--geel, #e1bb4b);
  --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-separator: var(--wit, #fff);

  --navigation__auth-text: var(--grijs-0, #000);
  --navigation__login-box: var(--grijs-9, #999);
  --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(--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-d, #ddd);
  --main-content__title-background: var(--rood, #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);
  
  --ror-zwart: #202826;
  --ror-groen: #53BAA1;
  --ror-r: var(--ror-zwart); /* default version */
  --title-page__ror-r: var(--ror-r); /* version in author/affiliation bar */
  --ror-triangle: var(--ror-groen); /* default version */
  --title-page__ror-triangle: var(--ror-triangle); /* version in author/affiliation bar */
  
}

: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;
  --transparant: hsla(0, 0%, 100%, 0);
  --grijs-a0: #a0a0a0;
  --grijs-c0: #c0c0c0;
  --paars: #f000a8; /* test color */
}
/*
.journal-logo polygon, .journal-logo path {
    fill:white;
    fill:var(--header__title,white);
}*/
#header-title {
  font-size: 1.5em;
  }

header a:hover {
  border-bottom: none;
}

/* padding-right toegevoegd voor meer ruimte tussen the share_to logos*/

body > main > div.page > div.share-to {
  margin-top: 5px;
}

body > main > div.page > div.share-to > a
{
  padding-right: 10px;


}

body > main > div.page > div.share-to > a > img
{

  height: 25px;

}

body > main > div.page > div.share-to > a:nth-child(5) > img {
  height: 4.25%;
  width: 4.25%;
}


#submenu svg,
#subburger svg,
#back-to-top svg,
.navbutton svg {
  opacity: .90;
}

input[id = sub-trigger]:checked ~ main #subburger svg,
input[id = sub-trigger]:checked ~ header #subburger svg {
  opacity: .90;
}
h1 svg .triangle {
  fill:var(--title-page__ror-triangle, #53BAA1);
}
h1 svg .letter-r {
  fill: var(--title-page__ror-r, #202826);
}

@media screen {
  #make-pdf,
  #make-pdf-toc {
    position: fixed;
    right: 0;
    bottom: 0;
    margin: 1em;
    background-color: white;
    padding: 1em;
  }
  #editing-link-toggle {
    margin-top:1em;
    color:#333;
    border:none;
  }
  input#toggle-editing-links:checked ~ div.main .editing-link, 
  input#toggle-editing-links:checked ~ div.front .editing-link {
    display:none;
  } 
  #make-pdf-toc {
    bottom: 1.5em;
  }
  fieldset {
    border: 1px solid #253776;
    padding: .3em;
    margin: .5em;
    color: #253776;
    line-height: 1.2em;
    background-color: #eee;

  }
  #make-pdf input,
  #make-pdf-toc input {
    margin-right: .2em;
  }
  #make-pdf input + input,
  #make-pdf-toc input + input {
    margin-left: .6em;
  }
  legend {
    font-weight: bold;
    padding: 0 .5em;

  }
  fieldset fieldset legend {
    font-weight: normal;
    font-style: italic;
  }
  #make-pdf button,
  #make-pdf-toc button {
    margin-top: .5em;
  }
}
@media print {
  #make-pdf,
  #make-pdf-toc,
  button {
    display: none;
  }

}
.heading-label,
.note-label,
.caption-label,
.list-title-label {
  color: #253776;
}