/* Legacy menu is the only ECL-native multi-level menu */
/* It hasn't been updated to EU system though, that's why some colors are changed here to make it as closely looking to the ECI-custom one */

.ecl-menu-legacy {
  background-color: #004494;
}

.ecl-menu-legacy__toggle {
  padding: 0.5rem 0;
}

.ecl-menu-legacy__toggle:before {
  background-color: #f5f5f5;
}

.ecl-menu-legacy__hamburger {
  background-color: #004494;
  padding: 0.35rem;
}

.ecl-menu-legacy__link {
  color: #fff;
  border-bottom: 1px solid #f5f5f5;
}

.ecl-menu-legacy__link:active,
.ecl-menu-legacy__link:focus,
.ecl-menu-legacy__link:hover {
  color: #fff;
}

.ecl-menu-legacy__item:before {
  background-color: #004494;
}

.ecl-menu-legacy__item[aria-expanded='true'] .ecl-menu-legacy__link {
  background-color: #004494;
  color: #fff;
}

.ecl-menu-legacy__item--current .ecl-menu-legacy__link,
.ecl-menu-legacy__item--current[aria-expanded='true'] .ecl-menu-legacy__link {
  background-color: #004494;
  border-bottom: 1px solid #f5f5f5;
  color: #fff;
}

@media (min-width: 768px) {
  .ecl-menu-legacy__link {
    color: #004494;
  }

  .ecl-menu-legacy__link:active,
  .ecl-menu-legacy__link:focus,
  .ecl-menu-legacy__link:hover {
    color: #004494;
  }

  .ecl-menu-legacy__item--current .ecl-menu-legacy__link {
    background-color: #004494;
    color: #fff;
  }

  /* was ok in 2.14.0, but not ok in 2.8.0, and for the moment we stay at 2.8.0 because of header rework */
  .ecl-menu-legacy__mega {
    z-index: 1;
  }

  .ecl-menu-legacy {
    background-color: #f5f5f5;
  }

  .ecl-menu-legacy__toggle {
    display: none;
  }
}

/* ----------------------- BANNER RELATED -------------------------- */
#eci-conference_banner--grey {
  background-color: #f5f5f5;
  margin-left: auto;
  margin-right: auto;
  width:100%;
  margin-bottom: 2rem;
}
.ecl-hero-banner__content-conference {
  background-color: #fff;
  border-bottom: 4px solid #ffd617;
  border-top-width: 0;
  padding-bottom: 15px;
  text-align: center;
}

.ecl-hero-banner__content-conference p,
p.ecl-hero-banner__description {
  max-width: 100% !important;
}

.ecl-link--cta:after {
  background: none;
}

.ecl-hero-banner__content-conference a.ecl-link--cta {
  margin-top: 1rem;
}


@media (max-width: 480px) {
  #eci-conference_banner,
  div.eci-hero-banner__container-conference,
  .ecl-hero-banner__content-conference {
    padding: 5px 0px;
  }
}

@media (min-width: 480px) {
  .eci-hero-banner__container-conference {
    padding-left: 2rem;
    padding-right: 2rem;
  }

  #eci-conference_banner--grey {
    padding-top: 15px;
    padding-bottom: 15px;
    min-height: inherit;
    height: auto;
  }
}

@media (min-width: 768px) {
  .eci-hero-banner__container-conference {
    padding-left: 2rem;
    padding-right: 2rem;
  }

  #eci-conference_banner--grey {
    padding-top: 15px;
    padding-bottom: 15px;
    min-height: inherit;
    height: auto;
  }
}

@media (min-width: 996px) {
  .eci-hero-banner__container-conference {
    padding-left: 2rem;
    padding-right: 2rem;
  }

  #eci-conference_banner--grey {
    padding-top: 15px;
    padding-bottom: 15px;
    min-height: inherit;
    height: auto;
  }
}

@media (min-width: 1140px) {
  .eci-hero-banner__container-conference {
    padding-left: 2rem;
    padding-right: 2rem;
  }

  #eci-conference_banner--grey {
    padding-top: 15px;
    padding-bottom: 15px;
    min-height: inherit;
    height: auto;
  }
}
/* --------------------- BANNER RELATED END ------------------------ */