/*
 * DO NOT EDIT THIS FILE.
 * See the following change record for more information,
 * https://www.drupal.org/node/3084859
 * @preserve
 */

/**
 * @file
 * Eyebrow.
 */

#eyebrow {
  border-bottom: 1px solid #EEEEEE;
  height: auto;
}

/* Hide eyebrow for mobile */

body.is-always-mobile-nav #eyebrow {
  display: none;
}

#eyebrow .eyebrow-items {
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  align-items: center;
  grid-gap: 0.5rem;
  width: 100%;
  padding: 0.5rem 5.625rem
}

@media (max-width: 74.9375rem) {

#eyebrow .eyebrow-items {
    padding: 1rem
}
  }

#eyebrow .company-logo,
#header .company-logo {
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  grid-gap: 0.5rem;
  align-items: center;
  min-height: 3rem;
}

#eyebrow .eyebrow-item.right {
  padding-left: 0.3125rem;
  text-align: right;
}

#eyebrow #block-edgeeplicompanylogoblock,
#header #block-edgeeplicompanylogoblock {
  flex: 0 1 auto;
  min-width: 11.9375rem;
}

#block-edge-mobile-eplicompanylogoblock {
  display: flex;
  align-items: center;
  flex: 1 1 auto;
}

#eyebrow .company-link,
#header .company-link {
  cursor: pointer;
}

#eyebrow .company-logo img,
#header .company-logo img {
  max-width: 10.75rem; /* was 140px */
  max-height: 3rem;
}

#eyebrow .company-logo a:hover img,
#header .company-logo a:hover img {
  cursor: pointer;
}

#eyebrow .company-logo h2 {
  background-color: rgb(26,66,138);
  margin: 0;
  padding: 0.5rem;
  color: #fff;
}

#eyebrow nav#block-eplieyebrownav,
#eyebrow nav#block-toolkiteyebrownav,
#eyebrow nav#block-edgeeyebrownav,
#eyebrow nav#block-globalguideeyebrownav,
#eyebrow nav#block-alumnieyebrownav {
  flex: 1 1 auto;
  -ms-grid-row-align: center;
  align-self: center;
}

#eyebrow nav#block-eplieyebrownav ul,
#eyebrow nav#block-toolkiteyebrownav ul,
#eyebrow nav#block-edgeeyebrownav ul,
#eyebrow nav#block-globalguideeyebrownav ul,
#eyebrow nav#block-alumnieyebrownav ul {
  display: flex;
  flex-direction: row;
  justify-content: flex-end;
  margin-top: 0;
  margin-bottom: 0;
  margin-left: 0;
}

#eyebrow nav#block-toolkiteyebrownav ul,
#eyebrow nav#block-alumnieyebrownav ul {
  justify-content: flex-start;
}

#eyebrow nav#block-eplieyebrownav ul li,
#eyebrow nav#block-toolkiteyebrownav ul li,
#eyebrow nav#block-edgeeyebrownav ul li,
#eyebrow nav#block-globalguideeyebrownav ul li,
#eyebrow nav#block-alumnieyebrownav ul li {
  list-style-type: none;
  flex: 0 1 auto;
}

#eyebrow nav#block-eplieyebrownav ul li a.menu__link,
#eyebrow nav#block-toolkiteyebrownav ul li a.menu__link,
#eyebrow nav#block-edgeeyebrownav ul li a.menu__link,
#eyebrow nav#block-globalguideeyebrownav ul li a.menu__link,
#eyebrow nav#block-alumnieyebrownav ul li a.menu__link {
  font-family: 'museo-slab', 'Zilla Slab', serif;
  padding-right: 1rem;
  font-size: 0.875rem;
  font-weight: bold;
}

#eyebrow #block-edgeeplihotlineblock {
  -ms-grid-row-align: center;
  align-self: center;
  flex: 0 1 auto;
  width: 16.25rem;
}

#eyebrow .hotline-number {
  font-weight: bold;
}

#eyebrow .bi {
  margin: 0 0.3125rem;
}

#eyebrow a.hotline-gray-text {
  color: #313637;
}

#block-edge-mobile-edgeusercompanylogoblock {
  align-self: flex-end;
  margin-left: auto;
  flex: 1 1 auto;
  display: flex;
  flex-direction: row;
  align-items: flex-end;
  justify-content: flex-end;
}

#block-edge-mobile-edgeusercompanylogoblock .block__content {
  display: flex;
  flex-direction: column;
  justify-content: center;
  height: 100%;
}

#block-edge-mobile-edgeusercompanylogoblock .user-company-logo {
  display: flex;
  flex-direction: column;
  justify-content: center;
  height: 3rem;
}

#block-edge-mobile-edgeusercompanylogoblock .edge.user-company-logo {
  height: 4rem;
}

#block-edge-mobile-edgeusercompanylogoblock .edge.user-company-logo img.company-logo-image {
  max-height: 3rem;
}

#block-edge-mobile-edgeusercompanylogoblock .user-company-logo img.company-logo-image.littler-logo {
  max-height: 1.5rem;
}

#block-edge-edgeusercompanylogoblock .user-company-logo .company-logo-image.littler-logo {
  max-height: 1.5rem;
}