.npp-nav--desktop .npp-nav--desktop__item--platform>a,
.npp-nav--mobile .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';
  speak: never;
  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 .npp-nav--desktop__item--platform>a:before {
  content: "\e900";
}

.npp-nav--mobile .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 .npp-nav--mobile__item--sites.is-open>.npp-nav--mobile__link-container>.npp-nav--mobile__button i:before {
  transform: rotate(0deg);
}

@media (min-width: 48em) and (orientation: landscape) {
  .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;
    display: block;
  }
}

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

.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: #004594;
}

.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 .npp-nav--mobile__list {
  width: 100%;
  position: relative;
}

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

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

.npp-nav--mobile .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: #7a7a7a;
  border-width: 2px 0 0 0;
  height: 40px;
}

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

.npp-nav--mobile .npp-nav--mobile__item--sites:first-of-type {
  display: list-item;
}

.npp-nav--mobile .npp-nav--mobile__item--platform>.npp-nav--mobile__link-container {
  background-color: #4174af;
}

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

.npp-nav--mobile .npp-nav--mobile__item--oe-search {
  padding: 1em;
  border-top: 2px solid #7a7a7a;
}

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

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

.npp-nav--mobile .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 .npp-nav--mobile__button i:before {
  font-size: 40px;
  color: #7a7a7a;
}

.npp-nav--mobile .ecl-site-header-core__search {
  display: flex;
  margin-left: 0;
  border: 1px solid #7a7a7a;
}

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

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

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

.npp-nav--desktop .npp-nav--desktop__list--sites {
  position: initial;
  display: flex;
}

.npp-nav--desktop .npp-nav--desktop__list--sections {
  position: absolute;
  padding: 1.125rem 0;
  height: max-content;
  left: 0;
  top: 75px;
  background-color: transparent;
  height: auto;
  width: 120%;
  animation-name: fade-to-none-from-flex;
  animation-duration: .5s;
  flex-wrap: wrap;
  display: none;
}

.npp-nav--desktop .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 .npp-nav--desktop__item--sections {
  margin-bottom: 1rem;
  margin-right: 1rem;
  padding-left: 0.25rem;
  padding-bottom: 0.25rem;
}

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

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

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

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

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

.npp-nav--desktop .npp-nav--desktop__item--sections:hover>ul {
  background-color: #7a7a7a;
}

.npp-nav--desktop .npp-nav--desktop__item--sections:hover .npp-nav--desktop__list--pages {
  display: flex;
}

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

.npp-nav--desktop .npp-nav--desktop__item--platform,
.npp-nav--desktop .npp-nav--desktop__item--sites {
  display: flex;
}

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

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

.npp-nav--desktop .npp-nav--desktop__item--platform {
  align-items: center;
}

.npp-nav--desktop .npp-nav--desktop__item--platform>a {
  padding: 1rem;
  padding-left: 0;
}

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

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

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

.npp-nav--desktop .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 .npp-nav--desktop__item--pages {
  display: flex;
  align-items: center;
  min-width: 10vw;
}

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

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

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

.npp-nav--desktop .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: #0e3051;
  width: 100%;
  display: none;
  height: 10rem;
  box-shadow: 0px 0px 5px 0px rgba(0, 0, 0, 0.5);
}

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

.npp-nav--breadcrumbs {
  margin-bottom: 3em;
}

.npp-nav--breadcrumbs__list {
  display: flex;
  align-items: center;
}

.npp-nav--breadcrumbs__item {
  display: flex;
  align-items: center;
  position: relative;
}

.npp-nav--breadcrumbs__item>a,
.npp-nav--breadcrumbs__item>span {
  padding: 16 0.5em;
  font-weight: 600;
}

.npp-nav--breadcrumbs__item>span {
  color: #b5b5b5;
}

.npp-nav--breadcrumbs__icon {
  color: #7a7a7a;
}

.npp-nav--breadcrumbs__submenu {
  display: none;
  position: absolute;
  top: 40px;
  left: 0;
  z-index: 4;
}

.npp-nav--breadcrumbs__submenu__list {
  display: flex;
  align-items: stretch;
  justify-content: space-around;
  background-color: white;
  box-shadow: 0px 0px 5px 0px rgba(0, 0, 0, 0.5);
}

.npp-nav--breadcrumbs__submenu__list li {
  display: flex;
  align-items: center;
  flex-direction: column;
  white-space: nowrap;
  text-overflow: ellipsis;
}

.npp-nav--breadcrumbs__submenu__list li a {
  padding: 1em;
}

.npp-nav--breadcrumbs__submenu__list li a:hover {
  background-color: #dbdbdb;
}

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

.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: #dbdbdb;
  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;
}

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

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

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

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

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

  .npp-nav--mobile-burger {
    display: none;
  }

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

  .npp-nav--book-traverse ul li:before {
    height: 50px;
    font-size: 2rem;
    line-height: 2rem;
  }

  .npp-nav--book-traverse ul li a {
    width: 30px;
    height: 62px;
  }

  .npp-nav__control {
    width: 49%;
  }

  .npp-nav__control label {
    white-space: nowrap;
    margin-right: 0.25rem;
  }

  .npp-nav__control-burger {
    width: 20px;
    height: 20px;
  }
}

@media (min-width: 62.25em) {
  .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__tab-burger {
    display: none;
  }
  .npp-nav__tab {
    background-color: transparent;
  }

  .npp-nav__tab label:hover {
    text-decoration: underline;
  }

  .npp-nav--sidebar {
    margin-top: -2rem;
    height: 20vh;
    flex-wrap: wrap;
  }

  .npp-nav--help {
    top: 16px;
  }

  .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 .npp-nav--desktop__list--sections {
    z-index: 14;
  }

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

  /* Chapter Topic page */
  .page-node-type-eurydice-chapt-topic .npp-nav--sidebar {
    margin-top: 0;
  }
}

@media (min-width: 86.25em) {
  .npp-nav--desktop .npp-nav--desktop__list--sections {
    width: 1380px;
    transform: none;
  }

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

/* _states.scss */
@keyframes fade-to-none {
  0% {
    display: block;
    opacity: 1.0;
  }

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

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

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

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

@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;
  }
}

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

body.elements-fixed-top .npp-nav--mobile-burger {
  position: fixed;
  top: 6px;
  right: 14px;
  z-index: 15;
}

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

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

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

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


.npp-nav.is-scrolling {
  top: 40%;
}

.npp-nav--mobile.is-open {
  display: block;
  z-index: 15;
  position: absolute;
  top: 185px;
  left: 0;
}

.npp-nav--mobile .npp-nav--mobile__button:hover i:before {
  color: #004594;
}

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

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

.npp-nav--mobile .npp-nav--mobile__item--sites.is-current-site>.npp-nav--mobile__link-container {
  background-color: #ededed;
}

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

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

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

.npp-nav--mobile .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 .npp-nav--mobile__item--sites.is-current-site.is-open>.npp-nav--mobile__list--sections:first-of-type {
  display: block;
}

.npp-nav--mobile .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 .npp-nav--desktop__item--sites.is-current-site > #youthwiki {
  box-shadow: inset 0px -10px 0px 0px #dc1849;
  background-color: #dc1849;
}

.npp-nav--desktop .npp-nav--desktop__item--sites.is-current-site > #eurydice {
  box-shadow: inset 0px -10px 0px 0px #004594;
  background-color: #004594;
}

.npp-nav--desktop .npp-nav--desktop__item--sites.is-current-site > #mobility-scoreboard {
  box-shadow: inset 0px -10px 0px 0px #31686c;
  background-color: #31686c;
}

.npp-nav--mobile .npp-nav--mobile__list--sites .npp-nav--mobile__item--sites.is-current-site > .npp-nav--mobile__link-container#youthwiki {
  background-color: #004594;
}

.npp-nav--mobile .npp-nav--mobile__list--sites .npp-nav--mobile__item--sites.is-current-site > .npp-nav--mobile__link-container#eurydice {
  background-color: #004594;
}

.npp-nav--mobile .npp-nav--mobile__list--sites .npp-nav--mobile__item--sites.is-current-site > .npp-nav--mobile__link-container#mobility-scoreboard {
  background-color: #31686c;
}

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

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

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

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

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

.npp-nav--mobile .npp-nav--mobile__item--platform.is-current-site>.npp-nav--mobile__link-container {
  background-color: #4174af;
}

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

.npp-nav--mobile .npp-nav--mobile__item--sections a.is-active#nes {
  background-color: #336aa9;
}

.npp-nav--mobile .npp-nav--mobile__item--sections a.is-active#news {
  background-color: #89a822;
}

.npp-nav--mobile .npp-nav--mobile__item--sections a.is-active#charts {
  background-color: #ff883e;
}

.npp-nav--mobile .npp-nav--mobile__item--sections a.is-active#publications {
  background-color: #b44e33;
}

.npp-nav--mobile .npp-nav--mobile__item--sections a.is-active#contact {
  background-color: #004594;
}

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

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

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

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

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

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

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

.npp-nav--mobile .npp-nav--mobile__list--sites .npp-nav--mobile__item--sites.is-current-site>.npp-nav--mobile__link-container>a {
  color: white;
}

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

.npp-nav--mobile .npp-nav--mobile__list--sites .npp-nav--mobile__item--sites.is-current-site>.npp-nav--mobile__link-container#eurydice {
  background-color: #004594;
}

.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 .npp-nav--desktop__item--sites.is-current-site>a {
  color: white;
}

.npp-nav--desktop .npp-nav--desktop__item--sites.is-current-site>a#eurydice {
  background-color: #004594;
}

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

.npp-nav--desktop .npp-nav--desktop__item--sites>a:hover#eurydice {
  background-color: #004594;
}

.npp-nav--desktop .npp-nav--desktop__item--sites>a:hover#youthwiki {
  background-color: #dc1849;
}

.npp-nav--desktop .npp-nav--desktop__item--sites>a:hover#mobility-scoreboard {
  background-color: #31686c;
}

.npp-nav--desktop .npp-nav--desktop__item--sites.npp-nav--desktop__item--parent:hover .npp-nav--desktop__list--sections {
  animation-name: fade-to-flex;
  animation-duration: .5s;
  display: flex;
  z-index: 16;
}

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

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

.npp-nav--desktop .npp-nav--desktop__item--sections a:hover {
  background-color: #7a7a7a;
}

.npp-nav--desktop .npp-nav--desktop__item--sections a[id='countries']:hover,
.npp-nav--desktop .npp-nav--desktop__item--sections a[id='countries'].is-active {
  background-color: #8cb1dd;
}

.npp-nav--mobile .npp-nav--mobile__item--sections a[id='countries']:hover,
.npp-nav--mobile .npp-nav--mobile__item--sections a[id='countries'].is-active {
  background-color: #8cb1dd;
}

.npp-nav--desktop .npp-nav--desktop__item--sections a[id='policy-fields']:hover,
.npp-nav--desktop .npp-nav--desktop__item--sections a[id='policy-fields'].is-active {
  background-color: #d3ca62;
}

.npp-nav--mobile .npp-nav--mobile__item--sections a[id='policy-fields']:hover,
.npp-nav--mobile .npp-nav--mobile__item--sections a[id='policy-fields'].is-active {
  background-color: #d3ca62;
}

.npp-nav--desktop .npp-nav--desktop__item--sections a[id='eu-coop']:hover,
.npp-nav--desktop .npp-nav--desktop__item--sections a[id='eu-coop'].is-active {
  background-color: #6a829c;
}

.npp-nav--mobile .npp-nav--mobile__item--sections a[id='eu-coop']:hover,
.npp-nav--mobile .npp-nav--mobile__item--sections a[id='eu-coop'].is-active {
  background-color: #6a829c;
}

.npp-nav--desktop .npp-nav--desktop__item--sections a[id='comparative-overviews']:hover,
.npp-nav--desktop .npp-nav--desktop__item--sections a[id='comparative-overviews'].is-active {
  background-color: #9f9b6b;
}

.npp-nav--mobile .npp-nav--mobile__item--sections a[id='comparative-overviews']:hover,
.npp-nav--mobile .npp-nav--mobile__item--sections a[id='comparative-overviews'].is-active {
  background-color: #9f9b6b;
}

.npp-nav--desktop .npp-nav--desktop__item--sections a[id='yw-publications']:hover,
.npp-nav--desktop .npp-nav--desktop__item--sections a[id='yw-publications'].is-active {
  background-color: #45b0be;
}

.npp-nav--mobile .npp-nav--mobile__item--sections a[id='yw-publications']:hover,
.npp-nav--mobile .npp-nav--mobile__item--sections a[id='yw-publications'].is-active {
  background-color: #45b0be;
}

.npp-nav--desktop .npp-nav--desktop__item--sections a[id='additional-resources']:hover,
.npp-nav--desktop .npp-nav--desktop__item--sections a[id='additional-resources'].is-active {
  background-color: #00661a;
}

.npp-nav--mobile .npp-nav--mobile__item--sections a[id='additional-resources']:hover,
.npp-nav--mobile .npp-nav--mobile__item--sections a[id='additional-resources'].is-active {
  background-color: #00661a;
}

.npp-nav--desktop .npp-nav--desktop__item--sections a[id='contact']:hover,
.npp-nav--desktop .npp-nav--desktop__item--sections a[id='contact'].is-active {
  background-color: #004594;
}

.npp-nav--mobile .npp-nav--mobile__item--sections a[id='contact']:hover,
.npp-nav--mobile .npp-nav--mobile__item--sections a[id='contact'].is-active {
  background-color: #004594;
}

.npp-nav--desktop .npp-nav--desktop__item--sections a[id='nes']:hover,
.npp-nav--desktop .npp-nav--desktop__item--sections a[id='nes'].is-active {
  background-color: #336aa9;
}

.npp-nav--mobile .npp-nav--mobile__item--sections a[id='nes']:hover,
.npp-nav--mobile .npp-nav--mobile__item--sections a[id='nes'].is-active {
  background-color: #336aa9;
}

.npp-nav--desktop .npp-nav--desktop__item--sections a[id='news']:hover,
.npp-nav--desktop .npp-nav--desktop__item--sections a[id='news'].is-active {
  background-color: #89a822;
}

.npp-nav--mobile .npp-nav--mobile__item--sections a[id='news']:hover,
.npp-nav--mobile .npp-nav--mobile__item--sections a[id='news'].is-activel {
  background-color: #89a822;
}

.npp-nav--desktop .npp-nav--desktop__item--sections a[id='charts']:hover,
.npp-nav--desktop .npp-nav--desktop__item--sections a[id='charts'].is-active {
  background-color: #ff883e;
}

.npp-nav--mobile .npp-nav--mobile__item--sections a[id='charts']:hover,
.npp-nav--mobile .npp-nav--mobile__item--sections a[id='charts'].is-active {
  background-color: #ff883e;
}

.npp-nav--desktop .npp-nav--desktop__item--sections a[id='publications']:hover,
.npp-nav--desktop .npp-nav--desktop__item--sections a[id='publications'].is-active {
  background-color: #b44e33;
}

.npp-nav--mobile .npp-nav--mobile__item--sections a[id='publications']:hover,
.npp-nav--mobile .npp-nav--mobile__item--sections a[id='publications'].is-active {
  background-color: #b44e33;
}

.npp-nav--desktop .npp-nav--desktop__item--sections a[id='chapter-topics']:hover,
.npp-nav--desktop .npp-nav--desktop__item--sections a[id='chapter-topics'].is-active {
  background-color: #4bbca3;
}

.npp-nav--mobile .npp-nav--mobile__item--sections a[id='chapter-topics']:hover,
.npp-nav--mobile .npp-nav--mobile__item--sections a[id='chapter-topics'].is-active {
  background-color: #4bbca3;
}

.npp-nav--desktop .npp-nav--desktop__item--sections a[id='eurydice-contact']:hover,
.npp-nav--desktop .npp-nav--desktop__item--sections a[id='eurydice-contact'].is-active {
  background-color: #4174af;
}

.npp-nav--mobile .npp-nav--mobile__item--sections a[id='eurydice-contact']:hover,
.npp-nav--mobile .npp-nav--mobile__item--sections a[id='eurydice-contact'].is-active {
  background-color: #4174af;
}

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

.npp-nav--desktop .npp-nav--desktop__item--platform>a:hover:before,
.npp-nav--desktop .npp-nav--desktop__item--platform>a.is-active:before {
  color: #004594;
}

.npp-nav__control.is-active {
  background-color: #004594;
  color: white;
  font-weight: 400;
}

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

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

.npp-nav__content.is-active {
  display: block;
  opacity: 1.0;
  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 {
  position: fixed;
  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 {
  top: 45px;
  position: fixed;
}

.toolbar-fixed.elements-fixed-top.toolbar-horizontal .npp-nav--mobile-burger {
  position: fixed;
  top: 111px;
  right: 14px;
  z-index: 15;
}

.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.is-open {
  top: 45px;
  position: fixed;
}

.toolbar-fixed.elements-fixed-top.toolbar-tray-open.toolbar-horizontal .npp-nav--mobile-burger {
  position: fixed;
  top: 136px;
  right: 14px;
  z-index: 15;
}

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

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

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

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

@media (min-width: 48em) and (orientation: landscape) {
  body.elements-fixed-top .npp-nav--desktop {
    height: 45px;
  }

  body.elements-fixed-top .npp-nav--desktop--container {
    position: fixed;
    top: 115px;
    left: 0;
    width: 100%;
    z-index: 14;
    background-color: white;
    height: 55px;
  }

  body.elements-fixed-top .npp-nav--desktop--container .npp-nav--desktop__list--sites {
    height: 55px;
  }

  body.elements-fixed-top .npp-nav--desktop--container .npp-nav--desktop__list--sites>li {
    height: 55px;
  }

  body.elements-fixed-top .npp-nav--desktop--container .npp-nav--desktop__list--sections {
    top: 55px;
  }

  body.elements-fixed-top .npp-nav--desktop .npp-nav--desktop__item--sites {
    height: 55px;
  }

  body.elements-fixed-top .npp-nav--desktop .npp-nav--desktop__item--sites>a {
    height: 55px;
  }
  body.user-logged-in.elements-fixed-top .npp-nav--desktop {
    height: 45px;
  }

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

  body.user-logged-in.elements-fixed-top .npp-nav--desktop--container .npp-nav--desktop__list--sites {
    height: 55px;
  }

  body.user-logged-in.elements-fixed-top .npp-nav--desktop--container .npp-nav--desktop__list--sites>li {
    height: 55px;
  }

  body.user-logged-in.elements-fixed-top .npp-nav--desktop--container .npp-nav--desktop__list--sections {
    top: 55px;
  }

  body.user-logged-in.elements-fixed-top .npp-nav--desktop .npp-nav--desktop__item--sites {
    height: 55px;
  }

  body.user-logged-in.elements-fixed-top .npp-nav--desktop .npp-nav--desktop__item--sites>a {
    height: 55px;
  }

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

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

  .toolbar-fixed.elements-fixed-top.toolbar-horizontal .npp-nav--desktop--container .npp-nav--desktop__list--sites {
    height: 55px;
  }

  .toolbar-fixed.elements-fixed-top.toolbar-horizontal .npp-nav--desktop--container .npp-nav--desktop__list--sites>li {
    height: 55px;
  }

  .toolbar-fixed.elements-fixed-top.toolbar-horizontal .npp-nav--desktop--container .npp-nav--desktop__list--sections {
    top: 55px;
  }

  .toolbar-fixed.elements-fixed-top.toolbar-horizontal .npp-nav--desktop .npp-nav--desktop__item--sites {
    height: 55px;
  }

  .toolbar-fixed.elements-fixed-top.toolbar-horizontal .npp-nav--desktop .npp-nav--desktop__item--sites>a {
    height: 55px;
  }

  .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-nav--desktop {
    height: 45px;
  }

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

  .toolbar-fixed.elements-fixed-top.toolbar-tray-open.toolbar-horizontal .npp-nav--desktop--container .npp-nav--desktop__list--sites {
    height: 55px;
  }

  .toolbar-fixed.elements-fixed-top.toolbar-tray-open.toolbar-horizontal .npp-nav--desktop--container .npp-nav--desktop__list--sites>li {
    height: 55px;
  }

  .toolbar-fixed.elements-fixed-top.toolbar-tray-open.toolbar-horizontal .npp-nav--desktop--container .npp-nav--desktop__list--sections {
    top: 55px;
  }

  .toolbar-fixed.elements-fixed-top.toolbar-tray-open.toolbar-horizontal .npp-nav--desktop .npp-nav--desktop__item--sites {
    height: 55px;
  }

  .toolbar-fixed.elements-fixed-top.toolbar-tray-open.toolbar-horizontal .npp-nav--desktop .npp-nav--desktop__item--sites>a {
    height: 55px;
  }

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

/* _states_large.scss */
@media (min-width: 62.25em) {
  .npp-nav__tab.is-active-desktop {
    background-color: #004594;
  }

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

  .npp-nav__control.is-active-desktop {
    background-color: #004594;
  }

  .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;
  }
}

@media (min-width: 62.25em) {
  .npp-col--sidebar--sticky.is-not-sticky .npp-nav__contents {
    height: 100vh;
  }
}