.npp-site-header .npp-hero.npp-hero--home {
  margin-top: 0; }

.npp-hero__body--carousel .npp-hero__title-border {
  display: inline-block;
  width: 1.04167rem;
  height: 8.89583rem;
  z-index: 3;
  position: relative; }

.npp-hero__body--carousel {
  position: relative; }

.npp-hero__body--carousel .npp-hero__slider-bg {
  position: relative;
  max-height: 18.75rem;
  min-height: 8.75rem;
  overflow: hidden;
  visibility: hidden; }
  .npp-hero__body--carousel .npp-hero__slider-bg, .npp-hero__body--carousel .npp-hero__slider-bg picture, .npp-hero__body--carousel .npp-hero__slider-bg img {
    width: 100%;
    height: auto; }

.npp-hero__body--carousel .npp-hero__slider-container {
  width: 445.66667px;
  height: 8.89583rem;
  display: flex;
  margin-top: 0; }

.npp-hero__body--carousel .npp-hero__slider {
  width: 100%;
  height: 100%;
  position: absolute;
  left: 0;
  top: 0;
  z-index: 1; }
  .npp-hero__body--carousel .npp-hero__slider .ecl-container {
    padding: 0; }

.npp-hero__body--carousel .npp-hero__slides {
  position: relative;
  border-bottom: 2px solid #dbdbdb;
  width: 26.5rem;
  height: 8.89583rem;
  overflow: hidden;
  z-index: 1;
  background-color: white; }

.npp-hero__body--carousel .npp-hero__slider-dot {
  border-radius: 50%;
  width: 0.625rem;
  height: 0.625rem;
  margin-right: .5rem;
  line-height: 0;
  position: relative;
  background-color: #61abff;
  pointer-events: auto; }
  .npp-hero__body--carousel .npp-hero__slider-dot:not(.npp-hero__slider-dot--dir):hover, .npp-hero__body--carousel .npp-hero__slider-dot:not(.npp-hero__slider-dot--dir):focus, .npp-hero__body--carousel .npp-hero__slider-dot:not(.npp-hero__slider-dot--dir).active {
    background-color: #005dc7; }
  .npp-hero__body--carousel .npp-hero__slider-dot:not(.npp-hero__slider-dot--dir).active {
    pointer-events: none; }
  .npp-hero__body--carousel .npp-hero__slider-dot--dir {
    padding: 0;
    background-color: transparent;
    display: block;
    border-radius: 0;
    width: 1rem;
    height: 1.25rem;
    background: url(../images/arrow-line.svg) no-repeat 0 0;
    background-size: 1rem 1.25rem; }
    .npp-hero__body--carousel .npp-hero__slider-dot--dir:hover {
      background: url(../images/arrow-line-active.svg) no-repeat 0 0;
      background-size: 1rem 1.25rem; }

.npp-hero__body--carousel .npp-hero__slide {
  list-style: none;
  width: 26.1875rem;
  height: 7.29167rem;
  display: block;
  font-size: 1.25rem;
  font-weight: 600;
  padding: 1rem;
  margin-right: 0.66667rem;
  line-height: 1.75rem;
  display: flex;
  align-items: center; }
  .npp-hero__body--carousel .npp-hero__slide.single-slide {
    padding-bottom: 0; }

#slide-prev {
  rotate: -180deg; }

#slide-group {
  position: absolute;
  left: 0.15625rem;
  top: 0;
  display: flex;
  width: auto;
  height: 7.60417rem;
  align-items: center;
  justify-content: flex-start;
  padding: 0;
  transition: left 200ms; }

#button-group {
  display: flex;
  position: absolute;
  bottom: 1rem;
  left: 0.15625rem;
  align-items: center;
  flex-wrap: nowrap;
  justify-content: center;
  width: 26.1875rem;
  height: 0.625rem; }

/* Site specific */

.npp-node--yw-home .npp-hero__body--carousel .npp-hero__title-border {
  width: 3.125rem;
  height: 11.625rem;
  background-color: #dc1849; }

.npp-node--yw-home .npp-hero__body--carousel .npp-hero__slider-dot:not(.npp-hero__slider-dot--dir) {
  background-color: #f9c7d4; }

  .npp-node--yw-home .npp-hero__body--carousel .npp-hero__slider-dot:not(.npp-hero__slider-dot--dir):hover, .npp-node--yw-home .npp-hero__body--carousel .npp-hero__slider-dot:not(.npp-hero__slider-dot--dir):focus, .npp-node--yw-home .npp-hero__body--carousel .npp-hero__slider-dot:not(.npp-hero__slider-dot--dir).active {
    background-color: #ea3d68; }

.npp-node--eheso-home .npp-hero__body--carousel .npp-hero__title-border {
  background-color: #6e26ad; }

.npp-node--eheso-home .npp-hero__body--carousel .npp-hero__slider-dot:not(.npp-hero__slider-dot--dir) {
  background-color: #d2b1ee; }

  .npp-node--eheso-home .npp-hero__body--carousel .npp-hero__slider-dot:not(.npp-hero__slider-dot--dir):hover,
  .npp-node--eheso-home .npp-hero__body--carousel .npp-hero__slider-dot:not(.npp-hero__slider-dot--dir):focus,
  .npp-node--eheso-home .npp-hero__body--carousel .npp-hero__slider-dot:not(.npp-hero__slider-dot--dir).active {
    background-color: #8834d2; }


/* mobile large */
@media (min-width: 36.5625em) {
  .npp-hero__body--carousel .npp-hero__slider-bg {
    visibility: visible; }

  .npp-hero .npp-hero__slider-container {
    margin-top: 2rem; } }

/* tablet portrait */
@media (min-width: 48em) {
  /* Rules for .npp-hero--carousel should cascade from body class context. */
  .npp-site-header .npp-hero.npp-hero__body--carousel {
    margin-top: unset; }

  .npp-hero__body--carousel .npp-hero__title-border {
    width: 3.125rem;
    height: 11.625rem; }

  .npp-hero .npp-hero__slider-container {
    width: 585px;
    height: 11.625rem; }
  .npp-hero .npp-hero__slides {
    width: 33.125rem;
    height: 11.625rem;
    border-bottom: none; }
  .npp-hero .npp-hero__slider-dot {
    width: 0.9375rem;
    height: 0.9375rem; }
    .npp-hero .npp-hero__slider-dot--dir {
      height: 1.5rem;
      background-size: 1rem 1.5rem; }
      .npp-hero .npp-hero__slider-dot--dir:hover {
        background-size: 1rem 1.5rem; }
  .npp-hero .npp-hero__slide {
    width: 32.5rem;
    height: 8.75rem;
    font-size: 1.5rem;
    padding: 2rem;
    margin-right: 1rem; }
  #slide-group {
    left: 0.3125rem;
    height: 9.375rem; }
  #button-group {
    left: 0.3125rem;
    width: 32.5rem;
    height: 1.25rem; } }

@media (min-width: 62.25em) {

  /* new */
  .npp-hero__body--carousel .npp-hero__slider-bg img {
    margin-top: -5rem; }
  }