/* Custom Properties */

:root {
  --color-grey-darker: #7a7a7a;
  --color-grey: #b5b5b5;
  --color-grey-light: #dbdbdb;
  --color-ec-blue: #4174af;
  --color-ec-navy: #0e3051;
  --color-yw: #dc1849;
  --color-yw-countries: #8cb1dd;
  --color-yw-pf: #d3ca62;
  --color-yw-eu-coop: #6a829c;
  --color-yw-co: #9f9b6b;
  --color-yw-pubs: #45b0be;
  --color-yw-ar: #00661a;
  --color-ms: #31686c;
  --color-ed: #004594;
  --color-ed-nes: #336aa9;
  --color-ed-cr: #b44e33;
  --color-ed-chapters: #4bbca3;
  --color-ed-news: #89a822;
  --color-ed-charts: #ff883e;
  --color-ed-ip: #c75c14;

  --color-eheso: #5e21a6;
  --color-eheso-scoreboard: #d6c96b;
  --color-eheso-benchmarking: #66829b;
  --color-eheso-observatory: #28b1bd;
  --color-eheso-microdata: #236ba6;
  --color-eheso-toolbox: #a09b6e;
  --color-eheso-news: #c5552b;
  --color-eheso-events: #235c60;
  --color-eheso-methodology: #005b22;
}

/* Animation */

/* MOVE TO YW THEME */
@keyframes fade-to-block {
  0% {
    display: none;
    opacity: 0;
  }

  1% {
    display: block;
    opacity: 0;
  }

  25% {
    display: block;
    opacity: 0.25;
  }

  75% {
    display: block;
    opacity: 0.75;
  }

  100% {
    display: block;
    opacity: 1.0;
  }
}

@keyframes fade-to-flex {
  0% {
    display: none;
    opacity: 0;
  }

  1% {
    display: flex;
    opacity: 0;
  }

  25% {
    display: flex;
    opacity: 0.25;
  }

  75% {
    display: flex;
    opacity: 0.75;
  }

  100% {
    display: flex;
    opacity: 1.0;
  }
}

@keyframes fade-to-none-from-flex {
  0% {
    display: flex;
    opacity: 1.0;
  }

  25% {
    display: flex;
    opacity: 0.75;
  }

  75% {
    display: flex;
    opacity: 0.25;
  }

  99% {
    display: flex;
    opacity: 0;
  }

  100% {
    display: none;
    opacity: 0;
  }
}

.npp-container--nav-desktop {
  display: none;
}

.npp-nav--desktop__item--platform > a,
.npp-nav--mobile__item--sites.is-open > .npp-nav--mobile__link-container>.npp-nav--mobile__button i:before {
  /* Use !important to prevent issues with browser extensions that change fonts. */
  font-family: 'npp-glyph';
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

.npp-nav--desktop__item--platform > a:before {
  content: "\e900";
}

.npp-nav--mobile__item--sites.is-open>.npp-nav--mobile__link-container>.npp-nav--mobile__button i:before {
  content: "\f105";
  display: block;
  min-height: 1.25rem;
}

.npp-nav--mobile__item--sites.is-open>.npp-nav--mobile__link-container>.npp-nav--mobile__button i:before {
  transform: rotate(0deg);
}

.npp-container--nav-desktop {
  display: none;
  position: relative;
}

.npp-nav--mobile--container {
  position: relative;
}

.npp-nav--breadcrumbs--container {
  display: none;
}

.npp-nav--mobile-burger {
  cursor: pointer;
  display: block;
  height: 1.75rem !important;
  width: 1.75rem !important;
  order: 3;
  position: relative;
  margin-right: 0.5em;
  color: var(--color-ed);
}

.npp-nav--mobile-burger span {
  background-color: currentColor;
  display: block;
  height: 2px;
  left: calc(50% - 8px);
  position: absolute;
  transform-origin: center;
  transition-duration: 86ms;
  transition-property: background-color, opacity, transform;
  transition-timing-function: ease-out;
  width: 16px;
}

.npp-nav--mobile-burger span:nth-child(1) {
  top: calc(50% - 6px);
}

.npp-nav--mobile-burger span:nth-child(2) {
  top: calc(50% - 1px);
}

.npp-nav--mobile-burger span:nth-child(3) {
  top: calc(50% + 4px);
}

.npp-nav--mobile-burger:hover {
  background-color: rgba(0, 0, 0, 0.05);
}

.npp-nav--mobile {
  width: 100%;
  overflow-x: hidden;
  background-color: white;
  height: 100vh;
  position: relative;
  display: none;
}

.npp-nav--mobile__list {
  width: 100%;
  position: relative;
}

.npp-nav--mobile__list--pages {
  display: none;
}

.npp-nav--mobile__link {
  margin: .7em 0 .7em .5em;
}

.npp-nav--mobile__link-container {
  display: flex;
  flex-direction: row;
  align-items: center;
  align-content: center;
  justify-content: space-between;
  border-style: solid;
  border-color: var(--color-grey-darker);
  border-width: 2px 0 0 0;
  height: 40px;
}

.npp-nav--mobile__item--sites {
  display: none;
}

.npp-nav--mobile__item--platform > .npp-nav--mobile__link-container {
  background-color: var(--color-ec-blue);
}

.npp-nav--mobile__item--platform > .npp-nav--mobile__link-container > a {
  color: white;
}

.npp-nav--mobile__item--oe-search {
  padding: 1em;
  border-top: 2px solid var(--color-grey-darker);
}

.npp-nav--mobile__item--parent .npp-nav--mobile__list--sections {
  display: none;
}

.npp-nav--mobile__item--sections .npp-nav--mobile__link {
  padding: .7em 0 .7em .5em;
  margin: 0;
  width: 100%;
}

.npp-nav--mobile__button {
  cursor: pointer;
  border-style: solid;
  border-color: transparent;
  border-width: 0 0 0 2px;
  padding: 0;
  width: 40px;
  height: 40px;
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: center;
  align-content: center;
  background-color: transparent;
}

.npp-nav--mobile__button i:before {
  font-size: 40px;
  color: var(--color-grey-darker);
}

.ecl-site-header-core__search {
  display: flex;
  margin-left: 0;
  border: 1px solid var(--color-grey-darker);
}

.ecl-search-form__text-input {
  border: 0;
}

.ecl-search-form__button {
  border: 0;
  background-color: transparent;
}

.npp-nav--desktop {
  display: none;
  background-color: white;
  z-index: 99;
  height: 65px;
  position: inherit;
}

.npp-nav--desktop__list--sites {
  position: inherit;
  display: flex;
  left: auto;
}

/* Desktop menu container. */
.npp-container--desktop-menu-sections {
  position: absolute;
  left: 0;
  top: 83px;
  height: auto;
  width: 100%;
  z-index: 13;
  /* test */
  /* display: flex; */
  display: none;
}

.npp-container--desktop-menu-sections,
.npp-nav--desktop__list--sections {
  flex-wrap: wrap;
}

.npp-nav--desktop__list--sections {
  padding: 1.125rem 0;
  background-color: transparent;
  margin: 0 auto;
  min-height: 200px;
  position: relative;
}

.npp-nav--desktop__list--pages {
  position: absolute;
  top: 160px;
  width: 100%;
  left: 0;
  right: 0;
  height: 80px;
  z-index: 6;
  justify-content: space-around;
  display: none;
}

.npp-nav--desktop__item--sections {
  margin-bottom: 1rem;
  margin-right: 1rem;
  padding-left: 0.25rem;
  padding-bottom: 0.25rem;
}

.npp-nav--desktop__item--sections > a {
  background-color: white;
  min-height: 160px;
}

.npp-nav--desktop__item--sections > a:hover {
  text-decoration: none;
}

.npp-nav--desktop__item--sections > a span {
  font-weight: 700;
  margin-bottom: 0.5rem;
  display: block;
}

.npp-nav--desktop__item--sections:hover > a {
  color: white;
}

.npp-nav--desktop__item--sections:hover > a p:before {
  width: 1px;
  background-color: transparent;
}

.npp-nav--desktop__item--sections:hover > ul {
  background-color: var(--color-grey-darker);
}

.npp-nav--desktop__item--sections .npp-nav--desktop__link-text {
  padding-right: 1em;
  padding-left: 0.5em;
}

.npp-nav--desktop__link,
.npp-nav--desktop__item--pages,
.npp-nav--desktop__item--sections:hover .npp-nav--desktop__list--pages,
.npp-nav--desktop__item--platform,
.npp-nav--desktop__item--sites,
.npp-nav--desktop__item--platform > a,
.npp-nav--desktop__item--sites > a {
  display: flex;
}

.npp-nav--desktop__item--platform > a,
.npp-nav--desktop__item--sites > a {
  flex-direction: row;
}

.npp-nav--desktop__item--platform > a span,
.npp-nav--desktop__item--sites > a span {
  pointer-events: none;
}

.npp-nav--desktop__item--platform {
  padding: 0 1rem;
  justify-content: center;
  align-items: center;
}

.npp-nav--desktop__item--platform > a {
  
  padding-left: 0;
  padding-right: 0;
}

.npp-nav--desktop__item--platform > a span {
  display: none;
}

.npp-nav--desktop__item--platform > a:before {
  font-size: 1.5rem;
}

.npp-nav--desktop__item--sites {
  height: 4.6875rem;
  align-items: flex-end;
}

.npp-nav--desktop__item--sites > a {
  align-items: center;
  padding-left: 1em;
  padding-right: 1em;
  font-weight: 600;
  height: 4.6875rem;
  z-index: 99;
}

.npp-nav--desktop__item--pages {
  align-items: center;
  min-width: 10vw;
}

.npp-nav--desktop__item--pages > a {
  padding-right: 1em;
  padding-top: 1em;
  padding-bottom: 1em;
  color: white;
  font-weight: 700;
}

.npp-nav--desktop__link {
  padding-right: 1rem;
  padding-left: 0.5rem;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  align-content: flex-start;
}

.npp-nav--desktop__link--site-section {
  padding-top: 2.5rem;
  min-height: 10rem;
}

.npp-nav--desktop-sections-bg,
.npp-nav--desktop-pages-bg {
  position: absolute;
  z-index: 2;
  box-shadow: 0px 6px 3px 0px rgba(0, 0, 0, 0.5);
}

.npp-nav--desktop-sections-bg {
  top: 0;
  left: 0;
  background-color: var(--color-ec-navy);
  width: 100%;
  box-shadow: 0px 0px 5px 0px rgba(0, 0, 0, 0.5);
  display: none;
  /* test */
  /*display: block !important;*/
}

.npp-nav--desktop-pages-bg {
  background-color: var(--color-grey);
  display: none;
  top: 160px;
  height: 80px;
  width: 100%;
  z-index: 5;
}

/* FOR TO YW THEME DEFAULT */

.npp-nav--page {
  margin-top: 0.5em;
  margin-bottom: 0.5em;
}

.npp-nav--page ol li {
  margin-left: 1em;
  line-height: 2em;
}

.npp-nav__page-hdr {
  margin-top: 0.5em;
  margin-bottom: 0.5em;
  font-weight: 600;
}

.npp-nav__control {
  display: flex;
  flex-direction: row;
  width: 49%;
  background-color: var(--color-grey-light);
  border: 0;
  padding: 0;
  align-items: center;
  flex-wrap: nowrap;
  justify-content: center;
}

.npp-nav__control label {
  white-space: normal;
  line-height: 1rem;
  flex: 3;
}

.npp-nav__control:only-of-type {
  width: auto;
  padding: 0 1em;
}

.npp-nav__control-burger {
  position: relative;
  color: black;
  flex: 1;
  margin: 4px;
  cursor: pointer;
  display: block;
  height: 15px;
  width: 15px;
  order: 3;
}

.npp-nav__control-burger span {
  background-color: currentColor;
  display: block;
  height: 2px;
  left: calc(50% - 8px);
  position: absolute;
  transform-origin: center;
  transition-duration: 86ms;
  transition-property: background-color, opacity, transform;
  transition-timing-function: ease-out;
  width: 16px;
}

.npp-nav__control-burger span:nth-child(1) {
  top: calc(50% - 6px);
}

.npp-nav__control-burger span:nth-child(2) {
  top: calc(50% - 1px);
}

.npp-nav__control-burger span:nth-child(3) {
  top: calc(50% + 4px);
}

.npp-nav__control-burger:hover {
  background-color: rgba(0, 0, 0, 0.05);
}

.npp-nav__controls {
  position: relative;
  display: flex;
  flex-direction: row;
  width: 100%;
  justify-content: space-between;
  margin-top: 1rem;
  order: 3;
  flex: auto;
}

.npp-nav__control,
.npp-nav__control label {
  cursor: pointer;
}

.npp-nav__content,
.npp-nav__contents {
  width: 100%;
}

.npp-nav__contents {
  position: relative;
  /* display: none; */
  z-index: 12;
  background-color: transparent;
  height: 100vh;
  box-shadow: -24px 0px 0px 0px white, 24px 0px 0px 0px white;
  overflow: auto;
  width: 100%;
}

.npp-nav__content {
  position: relative;
  left: 0;
  display: none;
  top: 1em;
}

.npp-nav__content a:not(.npp-button) {
  display: inline-block;
  line-height: 1.5em;
  padding-top: 0.5em;
  padding-bottom: 0.5em;
}

/* END FOR TO YW THEME */

body.elements-fixed-top .npp-nav--mobile.is-open, body.user-logged-in.elements-fixed-top .npp-nav--mobile.is-open {
  top: 45px;
  position: fixed;
}

body.elements-fixed-top .npp-nav--mobile-burger, body.user-logged-in.elements-fixed-top .npp-nav--mobile-burger,
.npp-nav--mobile.is-open {
  z-index: 21;
}
body.elements-fixed-top .npp-nav--mobile-burger {
  position: fixed;
  top: 6px;
  right: 14px;
}

body.elements-fixed-top .npp-nav--mobile-burger span {
  color: white;
}

body.user-logged-in.elements-fixed-top .npp-nav--mobile-burger {
  position: fixed;
  top: 111px;
  right: 14px;
}

body.user-logged-in.elements-fixed-top .npp-nav--mobile-burger span {
  color: white;
}

body.elements-fixed-top .npp-container--desktop-menu-sections {
  top: 63px
}

.npp-nav--mobile.is-open,
.npp-nav--mobile__item.is-selected {
  display: block;
}

.npp-nav--mobile.is-open {
  position: absolute;
  top: 185px;
  left: 0;
}

.npp-nav--mobile__button:hover i:before {
  color: var(--color-ed);
}

.npp-nav--mobile__item--sites.is-current-site {
  display: list-item;
}

.npp-nav--mobile__item--sites.is-current-site > .npp-nav--mobile__link-container {
  background-color: var(--color-grey-light);
}

.npp-nav--mobile__item--sites.is-current-site.is-open > .npp-nav--mobile__link-container > .npp-nav--mobile__button i:before,
.npp-nav--mobile__item--sites.is-current-site.is-open > .npp-nav--mobile__link-container > a {
  color: white;
}

.npp-nav--mobile__item--sites.is-current-site.is-open .npp-nav--mobile__list--parent.npp-nav--mobile__list--sections,
.npp-nav--mobile__item--sites.is-current-site.is-open+.npp-nav--mobile__item--sites .npp-nav--mobile__item--sections {
  display: none;
}

.npp-nav--mobile__item--sites.is-current-site.is-open>.npp-nav--mobile__list--sections:first-of-type,
.npp-nav--mobile__item--sites.is-current-site.is-open.is-active .npp-nav--mobile__list--sections:first-of-type {
  display: block;
}

.npp-nav--desktop__item--platform.is-hover-site,
.npp-nav--desktop__item--platform.is-current-site {
  background-color: ghostwhite;
}

.npp-nav--desktop__item--platform.is-hover-site > a#desktop-national-policies-platform,
.npp-nav--desktop__item--platform.is-current-site > a#desktop-national-policies-platform {
  color: var(--color-ec-blue);
}

.npp-nav--desktop__item--sites.is-hover-site > a#desktop-youthwiki,
.npp-nav--desktop__item--sites.is-current-site > a#desktop-youthwiki {
  box-shadow: inset 0px -10px 0px 0px var(--color-yw);
  background-color: var(--color-yw);
}

.npp-nav--desktop__item--sites.is-hover-site > #desktop-eurydice,
.npp-nav--desktop__item--sites.is-current-site > #desktop-eurydice {
  box-shadow: inset 0px -10px 0px 0px var(--color-ed);
  background-color: var(--color-ed);
}

.npp-nav--desktop__item--sites.is-hover-site > #desktop-eheso,
.npp-nav--desktop__item--sites.is-current-site > #desktop-eheso {
  box-shadow: inset 0px -10px 0px 0px var(--color-eheso);
  background-color: var(--color-eheso);
}

.npp-nav--desktop__item--sites.is-hover-site > #desktop-mobility-scoreboard,
.npp-nav--desktop__item--sites.is-current-site > #desktop-mobility-scoreboard {
  box-shadow: inset 0px -10px 0px 0px var(--color-ms);
  background-color: var(--color-ms);
}

.npp-nav--mobile__item--sites.is-current-site > #youthwiki {
  background-color: var(--color-yw);
}

.npp-nav--mobile__item--sites.is-current-site > #eurydice {
  background-color: var(--color-ed);
}

.npp-nav--mobile__item--sites.is-current-site > #eheso {
  background-color: var(--color-eheso);
}

.npp-nav--mobile__item--sites.is-current-site > #mobility-scoreboard {
  background-color: var(--color-ms);
}

.npp-nav--mobile__item--sites.is-open > .npp-nav--mobile__link-container {
  justify-content: flex-start;
}

.npp-nav--mobile__item--sites.is-open>.npp-nav--mobile__link-container>.npp-nav--mobile__button {
  order: 1;
}

.npp-nav--mobile__item--sites.is-open>.npp-nav--mobile__link-container>.npp-nav--mobile__button i {
  transform: rotate(180deg);
}

.npp-nav--mobile__item--sites.is-open>.npp-nav--mobile__link-container>a {
  order: 2;
}

.npp-nav--mobile__item--platform.is-current-site {
  display: list-item;
}

.npp-nav--mobile__item--platform.is-current-site>.npp-nav--mobile__link-container {
  background-color: var(--color-ec-blue);
}

.npp-nav--mobile__item--sections a.is-active {
  color: white;
}

.npp-nav--mobile__item--sections a.is-active#nes {
  background-color: var(--color-ed-nes);
}

.npp-nav--mobile__item--sections a.is-active#news {
  background-color: var(--color-ed-news);
}

.npp-nav--mobile__item--sections a.is-active#charts {
  background-color: var(--color-ed-charts);
}

.npp-nav--mobile__item--sections a.is-active#publications {
  background-color: var(--color-ed-cr);
}

.npp-nav--mobile__item--sections a.is-active#contact {
  background-color: var(--color-ed);
}

/* EHESO SECTIONS active */
.npp-nav--mobile__item--sections a.is-active#eheso {
  background-color: var(--color-eheso);
}

.npp-nav--mobile__item--sections a.is-active#eheso-scoreboard {
  background-color: var(--color-eheso-scoreboard);
}

.npp-nav--mobile__item--sections a.is-active#eheso-benchmarking {
  background-color: var(--color-eheso-benchmarking);
}

.npp-nav--mobile__item--sections a.is-active#eheso-observatory {
  background-color: var(--color-eheso-observatory);
}

.npp-nav--mobile__item--sections a.is-active#eheso-microdata {
  background-color: var(--color-eheso-microdata);
}

.npp-nav--mobile__item--sections a.is-active#eheso-toolbox {
  background-color: var(--color-eheso-toolbox);
}

.npp-nav--mobile__item--sections a.is-active#eheso-events {
  background-color: var(--color-eheso-events);
}

.npp-nav--mobile__item--sections a.is-active#eheso-news {
  background-color: var(--color-eheso-news);
}

.npp-nav--mobile__item--sections a.is-active#eheso-methodology {
  background-color: var(--color-eheso-methodology);
}

.npp-nav--mobile__item--sections a.is-active#charts {
  background-color: var(--color-eheso-charts);
}

.npp-nav--mobile__item--sections a.is-active#publications {
  background-color: var(--color-eheso-cr);
}

.npp-nav--mobile__item--sections a.is-active#contact {
  background-color: var(--color-eheso);
}

.npp-nav--mobile__item--parent.is-open > .npp-nav--mobile__list {
  display: block;
}

.npp-nav--mobile__item--parent.is-open>.npp-nav--mobile__link-container {
  justify-content: flex-start;
}

.npp-nav--mobile__item--parent.is-open>.npp-nav--mobile__link-container>.npp-nav--mobile__button {
  order: 1;
}

.npp-nav--mobile__item--parent.is-open > .npp-nav--mobile__link-container > .npp-nav--mobile__button i {
  transform: rotate(180deg);
}

.npp-nav--mobile__item--parent.is-open>.npp-nav--mobile__link-container > a {
  order: 2;
}

.npp-nav--mobile__link-container:first-of-type.hidden {
  display: none;
}

.npp-nav--mobile__list--sites.is-open .npp-nav--mobile__item--sites {
  display: list-item;
}

.npp-nav--mobile__item--sites.is-current-site > .npp-nav--mobile__link-container > a,
.npp-nav--mobile__item--sites.is-current-site > .npp-nav--mobile__link-container > button i:before {
  color: white;
}

.npp-nav--mobile__item--sites.is-current-site > #mobile-eurydice,
.npp-nav--mobile__item--sites.is-current-site > #desktop-eurydice {
  background-color: var(--color-ed);
}

.npp-nav--mobile__item--sites.is-current-site > #mobile-eheso,
.npp-nav--mobile__item--sites.is-current-site > #desktop-eheso {
  background-color: var(--color-eheso);
}

.npp-nav--mobile-burger.is-active span:nth-child(1) {
  transform: translateY(5px) rotate(45deg);
}

.npp-nav--mobile-burger.is-active span:nth-child(2) {
  opacity: 0;
}

.npp-nav--mobile-burger.is-active span:nth-child(3) {
  transform: translateY(-5px) rotate(-45deg);
}

.npp-nav--desktop__item--sites.is-hover-site > a, .npp-nav--desktop__item--sites.is-current-site > a {
  color: white;
}

.npp-nav--desktop__item--sites.is-current-site > a#mobile-eurydice,
.npp-nav--desktop__item--sites.is-current-site > a#desktop-eurydice {
  background-color: var(--color-ed);
}

.npp-nav--desktop__item--sites.is-current-site > a#mobile-eheso,
.npp-nav--desktop__item--sites.is-current-site > a#desktop-eheso {
  background-color: var(--color-eheso);
}

.npp-nav--desktop__item--sites>a:hover {
  text-decoration: none;
  color: white;
}

.npp-nav--desktop__item--sites > a:hover#mobile-eurydice,
.npp-nav--desktop__item--sites > a:hover#desktop-eurydice {
  background-color: var(--color-ed);
}

.npp-nav--desktop__item--sites > a:hover#mobile-eheso,
.npp-nav--desktop__item--sites > a:hover#desktop-eheso {
  background-color: var(--color-eheso);
}

.npp-nav--desktop__item--sites > a:hover#mobile-youthwiki,
.npp-nav--desktop__item--sites > a:hover#desktop-youthwiki {
  background-color: var(--color-yw);
}

.npp-nav--desktop__item--sites > a:hover#mobile-mobility-scoreboard,
.npp-nav--desktop__item--sites > a:hover#desktop-mobility-scoreboard {
  background-color: var(--color-ms);
}

.npp-nav--desktop__item--sites.npp-nav--desktop__item--parent.is-hover-site .npp-nav--desktop__list--sections,
.npp-nav--desktop__item--sites.npp-nav--desktop__item--parent.is-hover-site .npp-container--desktop-menu-sections {
  display: flex;
  z-index: 16;
}

.npp-nav--desktop__item--sections a.is-active {
  color: white;
}

.npp-nav--desktop__item--sections a.is-active p:before {
  opacity: 0;
}

.npp-nav--desktop__item--sections a:hover {
  background-color: var(--color-grey-darker);
}

.npp-nav--desktop__item--sections #desktop-countries:hover,
.npp-nav--desktop__item--sections #desktop-countries.is-active,
.npp-nav--mobile__item--sections #mobile-countries:hover,
.npp-nav--mobile__item--sections #mobile-countries.is-active {
  background-color: var(--color-yw-countries);
}

.npp-nav--desktop__item--sections #desktop-policy-fields:hover,
.npp-nav--desktop__item--sections #desktop-policy-fields.is-active,
.npp-nav--mobile__item--sections #mobile-policy-fields:hover,
.npp-nav--mobile__item--sections #mobile-policy-fields.is-active {
  background-color: var(--color-yw-pf);
}

.npp-nav--desktop__item--sections #desktop-eu-coop:hover,
.npp-nav--desktop__item--sections #desktop-eu-coop.is-active,
.npp-nav--mobile__item--sections #mobile-eu-coop:hover,
.npp-nav--mobile__item--sections #mobile-eu-coop.is-active {
  background-color: var(--color-yw-eu-coop);
}

.npp-nav--desktop__item--sections #desktop-comparative-overviews:hover,
.npp-nav--desktop__item--sections #desktop-comparative-overviews.is-active,
.npp-nav--mobile__item--sections #mobile-comparative-overviews:hover,
.npp-nav--mobile__item--sections #mobile-comparative-overviews.is-active {
  background-color: var(--color-yw-co);
}

.npp-nav--desktop__item--sections #desktop-yw-publications:hover,
.npp-nav--desktop__item--sections #desktop-yw-publications.is-active,
.npp-nav--mobile__item--sections #mobile-yw-publications:hover,
.npp-nav--mobile__item--sections #mobile-yw-publications.is-active {
  background-color: var(--color-yw-pubs);
}

.npp-nav--desktop__item--sections #desktop-additional-resources:hover,
.npp-nav--desktop__item--sections #desktop-additional-resources.is-active,
.npp-nav--mobile__item--sections #mobile-additional-resources:hover,
.npp-nav--mobile__item--sections #mobile-additional-resources.is-active {
  background-color: var(--color-yw-ar);
}

.npp-nav--desktop__item--sections #desktop-contact:hover,
.npp-nav--desktop__item--sections #desktop-contact.is-active,
.npp-nav--mobile__item--sections #mobile-contact:hover,
.npp-nav--mobile__item--sections #mobile-contact.is-active {
  background-color: var(--color-ed);
}

.npp-nav--desktop__item--sections #desktop-nes:hover,
.npp-nav--desktop__item--sections #desktop-nes.is-active,
.npp-nav--mobile__item--sections #mobile-nes:hover,
.npp-nav--mobile__item--sections #mobile-nes.is-active {
  background-color: var(--color-ed-nes);
}

.npp-nav--desktop__item--sections #desktop-news:hover,
.npp-nav--desktop__item--sections #desktop-news.is-active,
.npp-nav--mobile__item--sections #mobile-news:hover,
.npp-nav--mobile__item--sections #mobile-news.is-active {
  background-color: var(--color-ed-news);
}

.npp-nav--desktop__item--sections #desktop-charts:hover,
.npp-nav--desktop__item--sections #desktop-charts.is-active,
.npp-nav--mobile__item--sections #mobile-charts:hover,
.npp-nav--mobile__item--sections #mobile-charts.is-active {
  background-color: var(--color-ed-charts);
}

.npp-nav--desktop__item--sections #desktop-publications:hover,
.npp-nav--desktop__item--sections #desktop-publications.is-active,
.npp-nav--mobile__item--sections #mobile-publications:hover,
.npp-nav--mobile__item--sections #mobile-publications.is-active {
  background-color: var(--color-ed-cr);
}

.npp-nav--desktop__item--sections #desktop-chapter-topics:hover,
.npp-nav--desktop__item--sections #desktop-chapter-topics.is-active,
.npp-nav--mobile__item--sections #mobile-chapter-topics:hover,
.npp-nav--mobile__item--sections #mobile-chapter-topics.is-active {
  background-color: var(--color-ed-chapters);
}

.npp-nav--desktop__item--sections #desktop-ip:hover,
.npp-nav--desktop__item--sections #desktop-ip.is-active,
.npp-nav--mobile__item--sections #mobile-ip:hover,
.npp-nav--mobile__item--sections #mobile-ip.is-active {
  background-color: var(--color-ed-ip);
}

/* EHESO section states/hovers */

.npp-nav--desktop__item--sections #desktop-eheso:hover,
.npp-nav--desktop__item--sections #desktop-eheso.is-active,
.npp-nav--mobile__item--sections #mobile-eheso:hover,
.npp-nav--mobile__item--sections #mobile-eheso.is-active {
  background-color: var(--color-eheso);
}

.npp-nav--desktop__item--sections #desktop-eheso-scoreboard:hover,
.npp-nav--desktop__item--sections #desktop-eheso-scoreboard.is-active,
.npp-nav--mobile__item--sections #mobile-eheso-scoreboard:hover,
.npp-nav--mobile__item--sections #mobile-eheso-scoreboard.is-active {
  background-color: var(--color-eheso-scoreboard);
}

.npp-nav--desktop__item--sections #desktop-eheso-benchmarking:hover,
.npp-nav--desktop__item--sections #desktop-eheso-benchmarking.is-active,
.npp-nav--mobile__item--sections #mobile-eheso-benchmarking:hover,
.npp-nav--mobile__item--sections #mobile-eheso-benchmarking.is-active {
  background-color: var(--color-eheso-benchmarking);
}

.npp-nav--desktop__item--sections #desktop-eheso-observatory:hover,
.npp-nav--desktop__item--sections #desktop-eheso-observatory.is-active,
.npp-nav--mobile__item--sections #mobile-eheso-observatory:hover,
.npp-nav--mobile__item--sections #mobile-eheso-observatory.is-active {
  background-color: var(--color-eheso-observatory);
}

.npp-nav--desktop__item--sections #desktop-eheso-microdata:hover,
.npp-nav--desktop__item--sections #desktop-eheso-microdata.is-active,
.npp-nav--mobile__item--sections #mobile-eheso-microdata:hover,
.npp-nav--mobile__item--sections #mobile-eheso-microdata.is-active {
  background-color: var(--color-eheso-microdata);
}

.npp-nav--desktop__item--sections #desktop-eheso-toolbox:hover,
.npp-nav--desktop__item--sections #desktop-eheso-toolbox.is-active,
.npp-nav--mobile__item--sections #mobile-eheso-toolbox:hover,
.npp-nav--mobile__item--sections #mobile-eheso-toolbox.is-active {
  background-color: var(--color-eheso-toolbox);
}

.npp-nav--desktop__item--sections #desktop-eheso-news:hover,
.npp-nav--desktop__item--sections #desktop-eheso-news.is-active,
.npp-nav--mobile__item--sections #mobile-eheso-news:hover,
.npp-nav--mobile__item--sections #mobile-eheso-news.is-active {
  background-color: var(--color-eheso-news);
}

.npp-nav--desktop__item--sections #desktop-eheso-events:hover,
.npp-nav--desktop__item--sections #desktop-eheso-events.is-active,
.npp-nav--mobile__item--sections #mobile-eheso-events:hover,
.npp-nav--mobile__item--sections #mobile-eheso-events.is-active {
  background-color: var(--color-eheso-events);
}

.npp-nav--desktop__item--sections #desktop-eheso-methodology:hover,
.npp-nav--desktop__item--sections #desktop-eheso-methodology.is-active,
.npp-nav--mobile__item--sections #mobile-eheso-methodology:hover,
.npp-nav--mobile__item--sections #mobile-eheso-methodology.is-active {
  background-color: var(--color-eheso-methodology);
}


.npp-nav--desktop__item--sections #desktop-eurydice-contact:hover,
.npp-nav--desktop__item--sections #desktop-eurydice-contact.is-active,
.npp-nav--mobile__item--sections #mobile-eurydice-contact:hover,
.npp-nav--mobile__item--sections #mobile-eurydice-contact.is-active {
  background-color: var(--color-ec-blue);
}

.npp-nav--desktop__item--platform>a:hover,
.npp-nav--desktop__item--platform>a.is-active {
  text-decoration: none;
}

.npp-nav--desktop__item--platform>a:hover:before,
.npp-nav--desktop__item--platform>a.is-active:before {
  color: var(--color-ed);
}

/* States. */

.npp-nav__control.is-active, .npp-nav__control.is-active .npp-nav__tab-burger {
  color: white;
}

.npp-nav__control.is-active {
  background-color: var(--color-ed);
  font-weight: 400;
}

.npp-nav__contents.is-active, .npp-nav__content.is-active {
  display: block;
  opacity: 1.0;
}
.npp-nav__contents.is-active {
  background-color: white;
}

.npp-nav__content.is-active {
  animation-duration: 100ms;
  animation-name: fade-to-block;
} 

.npp-nav__tab-burger.is-active span:nth-child(1) {
  transform: translateY(5px) rotate(45deg);
}

.npp-nav__tab-burger.is-active span:nth-child(2) {
  opacity: 0;
}

.npp-nav__tab-burger.is-active span:nth-child(3) {
  transform: translateY(-5px) rotate(-45deg);
}

.npp-nav__tab-burger.is-fixed-mobile {
  top: 0;
  right: 3px;
  z-index: 999;
}

.npp-nav__tab-burger.is-fixed-mobile span {
  background-color: white;
}

.toolbar-fixed.elements-fixed-top.toolbar-horizontal .npp-nav--mobile.is-open,
.toolbar-fixed.elements-fixed-top.toolbar-tray-open.toolbar-horizontal .npp-nav--mobile.is-open {
  top: 45px;
}

.npp-nav__tab-burger.is-fixed-mobile, .toolbar-fixed.elements-fixed-top.toolbar-horizontal .npp-nav--mobile.is-open,
.toolbar-fixed.elements-fixed-top.toolbar-horizontal .npp-nav--mobile-burger,
.toolbar-fixed.elements-fixed-top.toolbar-tray-open.toolbar-horizontal .npp-nav--mobile.is-open,
.toolbar-fixed.elements-fixed-top.toolbar-tray-open.toolbar-horizontal .npp-nav--mobile-burger {
  position: fixed;
}

.toolbar-fixed.elements-fixed-top.toolbar-horizontal .npp-nav--mobile-burger,
.toolbar-fixed.elements-fixed-top.toolbar-tray-open.toolbar-horizontal .npp-nav--mobile-burger {
  right: 14px;
}
.toolbar-fixed.elements-fixed-top.toolbar-horizontal .npp-nav--mobile-burger,
.toolbar-fixed.elements-fixed-top.toolbar-tray-open.toolbar-horizontal .npp-nav--mobile-burger {
  z-index: 21;
}
.toolbar-fixed.elements-fixed-top.toolbar-horizontal .npp-nav--mobile-burger {
  top: 111px;
}

.toolbar-fixed.elements-fixed-top.toolbar-horizontal .npp-nav--mobile-burger span {
  color: white;
}

.toolbar-fixed.elements-fixed-top.toolbar-tray-open.toolbar-horizontal .npp-nav--mobile-burger {
  top: 136px;
}

.toolbar-fixed.elements-fixed-top.toolbar-tray-open.toolbar-horizontal .npp-nav--mobile-burger span {
  color: white;
}


/* Mobile Large */
@media (min-width: 36.5625em) {
  
  .npp-nav--mobile.is-open {
    top: 11.5625rem;
  }
}

/* Tablet Portrait States */
@media (min-width: 48em) {
  
/*   .npp-nav__control.is-active {
    font-weight: 600;
  } */

  .npp-nav--mobile.is-open {
    top: 15rem;
  }
}

/* Tablet Landscape. */
@media (min-width: 48em) and (orientation: landscape) {
  
  .npp-nav--desktop {
    display: block;
  }

  .npp-nav--desktop__item--platform:before {
    font-size: 2em;
  }

  .npp-nav--desktop__item--sections {
    flex-basis: 26%;
  }

  .npp-nav--breadcrumbs--container {
    display: block;
  }

  .npp-container--nav-desktop {
    display: block;
  }

  .npp-nav--mobile-burger {
    display: none;
  }
  
  .npp-element-anchor--desktop-nav-bg {
    border-top-width: 10px;
    border-top-style: solid;
    border-top-color: lightgrey;
    position: relative;
    width: 100%;
    z-index: 12;
  }
  
  /* Tablet Landscape States */
  
  body.elements-fixed-top .npp-nav--desktop,
  body.user-logged-in.elements-fixed-top .npp-nav--desktop {
    height: 45px;
  }

  body.elements-fixed-top .npp-container--nav-desktop {
    position: fixed;
    top: 115px;
    left: 0;
    width: 100%;
    z-index: 14;
    background-color: white;
  }
  
  body.user-logged-in.elements-fixed-top .npp-container--nav-desktop,
  body.elements-fixed-top .npp-container--nav-desktop,
  body.elements-fixed-top .npp-nav--desktop__list--sites,
  body.elements-fixed-top .npp-nav--desktop__list--sites > li,
  body.elements-fixed-top .npp-nav--desktop__item--sites,
  body.elements-fixed-top .npp-nav--desktop__item--sites > a,
  ody.user-logged-in.elements-fixed-top .npp-nav--desktop__list--sites,
  body.user-logged-in.elements-fixed-top .npp-nav--desktop__list--sites > li,
  
  body.user-logged-in.elements-fixed-top .npp-nav--desktop__item--sites,
  body.user-logged-in.elements-fixed-top .npp-nav--desktop__item--sites > a,
  .toolbar-fixed.elements-fixed-top.toolbar-horizontal .npp-container--nav-desktop,
  .toolbar-fixed.elements-fixed-top.toolbar-horizontal .npp-nav--desktop__list--sites,
  .toolbar-fixed.elements-fixed-top.toolbar-horizontal .npp-nav--desktop__list--sites > li,
  .toolbar-fixed.elements-fixed-top.toolbar-horizontal .npp-nav--desktop__item--sites,
  .toolbar-fixed.elements-fixed-top.toolbar-horizontal .npp-nav--desktop__item--sites > a ,
  .toolbar-fixed.elements-fixed-top.toolbar-tray-open.toolbar-horizontal .npp-container--nav-desktop,
  .toolbar-fixed.elements-fixed-top.toolbar-tray-open.toolbar-horizontal .npp-nav--desktop__list--sites,
  .toolbar-fixed.elements-fixed-top.toolbar-tray-open.toolbar-horizontal .npp-nav--desktop__list--sites > li,
  .toolbar-fixed.elements-fixed-top.toolbar-tray-open.toolbar-horizontal .npp-nav--desktop__item--sites,
  .toolbar-fixed.elements-fixed-top.toolbar-tray-open.toolbar-horizontal .npp-nav--desktop__item--sites > a
  {
    height: 55px;
  }

  body.user-logged-in.elements-fixed-top .npp-nav--desktop__list--sections,
  .toolbar-fixed.elements-fixed-top.toolbar-horizontal .npp-nav--desktop__list--sections {
    height: auto;
  }
  
  body.user-logged-in.elements-fixed-top .npp-container--nav-desktop {
    position: fixed;
    top: 50px;
    left: 0;
    width: 100%;
    z-index: 14;
    background-color: white;
  }

  .toolbar-fixed.elements-fixed-top.toolbar-horizontal .npp-nav--desktop,
  .toolbar-fixed.elements-fixed-top.toolbar-tray-open.toolbar-horizontal .npp-nav--desktop {
    height: 45px;
  }

  .toolbar-fixed.elements-fixed-top.toolbar-horizontal .npp-container--nav-desktop {
    position: fixed;
    top: 50px;
    left: 0;
    width: 100%;
    z-index: 14;
    background-color: white;
  }

  .toolbar-fixed.elements-fixed-top.toolbar-horizontal .npp-nav--editor {
    position: fixed;
    top: 0;
    z-index: 16;
    width: 100%;
  }

  .toolbar-fixed.elements-fixed-top.toolbar-tray-open.toolbar-horizontal .npp-container--nav-desktop {
    position: fixed;
    top: 80px;
    left: 0;
    width: 100%;
    z-index: 14;
    background-color: white;
  }

  .toolbar-fixed.elements-fixed-top.toolbar-tray-open.toolbar-horizontal .npp-nav--editor {
    position: fixed;
    top: 0;
    z-index: 16;
    width: 100%;
  }
  
}

/* Desktop */
@media (min-width: 62.25em) {
  
  /* MOVE TO YW THEME */

  .npp-nav__content,
  .npp-nav__contents {
    width: 100%;
  }

  .npp-nav__contents {
    background-color: transparent;
    display: block;
    overflow: auto;
    box-shadow: none;
    height: 74vh;
    min-height: 11.875rem;
  }

  .npp-nav__control {
    background-color: transparent;
    margin-right: 0;
  }

  .npp-nav__control label:hover {
    text-decoration: underline;
  }
  
  .npp-nav--editor__countries {
    width: 60%;
  }
  
  .npp-nav--desktop__list--sections {
    z-index: 14;
  }

  .npp-nav--desktop__item--sections {
    flex-basis: 22%;
  }

  .npp-nav__control.is-active-desktop {
    background-color: var(--color-ed);
  }

  .npp-nav__control.is-active-desktop label {
    color: white;
    font-weight: 600;
  }

  .npp-nav__contents.is-active-desktop {
    display: block;
  }

  .npp-nav__content.is-active-desktop {
    display: block;
  }

  .npp-nav__tab-content.is-active-desktop {
    display: block;
  }
  
  .npp-col--sidebar--sticky.is-not-sticky .npp-nav__contents {
    height: 100vh;
  }

  /* END MOVE TO YW THEME */
}

/* Wide */
@media (min-width: 71.25em) {
  .npp-nav--desktop__list--sections {
    width: 1380px;
    transform: none;
  }

  .npp-nav--desktop__item--sections {
    flex-basis: 22%;
  }
}