/*
 * CMS-owned horizontal menu layout and desktop navigation rules.
 * Responsive behaviour is kept in cms_menuBuilder_responsive.css.
 */

div#menu_hor_banner {
  width: 100%;
  height: 10px;
  background-color: var(--lor-color-light);
  overflow: hidden;
}

div#menu_hor {
  position: absolute;
  width: 100%;
  top: 53px;
  height: 37px;
  overflow: visible;
  z-index: 253;
  padding: 0 0 0 25px;
  left: 0;
  border: none;
  box-sizing: border-box;
}

/* Keep the menu at the viewport top after the shared scroll state is applied. */
div#partnernet.sticky-reduced div#menu_hor {
  position: fixed;
  top: 0;
}

div#oilgas div#menu_hor {
  top: 115px;
}

div#menu_hor ul li {
  float: left;
  font-size: 0.95em;
  background-color: var(--lor-color);
  position: relative;
  margin-right: 1px;
  height: 60px;
  transition: height 0.4s;
  line-height: 3.25em;
}

div#menu_hor ul li a:link,
div#menu_hor ul li a:visited {
  color: white !important;
  text-decoration: none;
  padding: 8px 20px 7px 20px;
  margin-left: 0px;
  display: inline-flex;
  vertical-align: middle;
  align-items: center;
}

div#menu_hor ul li a i,
div#menu_hor ul li a svg {
  margin-right: 10px;
}

div#menu_hor ul li a span {
  margin-bottom: 4px;
}

div#menu_hor ul li ul li a:link,
div#menu_hor ul li ul li a:visited {
  text-decoration: none;
  width: 100%;
  padding: 10px 8px;
  margin-left: 0px;
  font-weight: normal;
  background-color: transparent !important;
  color: white !important;
}

div#menu_hor ul li ul li a:hover {
  text-decoration: none;
  font-weight: normal;
}

div#menu_hor ul li ul li a:hover div.loronly {
  background-color: white !important;
  color: var(--lor-color) !important;
}

div#menu_hor em {
  color: white;
  font-weight: normal;
}

div#menu_hor ul {
  padding: 0;
  margin: 0;
  list-style: none;
}

div#menu_hor ul li.mh_class.partnernet_menu,
div#menu_hor button.menu_hor_angle {
  display: none;
}

div#menu_hor button.partnernet_menu_toggle,
div#menu_hor button.menu_hor_angle {
  border: 0;
  border-radius: 0;
  background: transparent;
  color: inherit;
  font: inherit;
  cursor: pointer;
}

div.sticky-reduced div#menu_hor ul li {
  height: 37px;
  line-height: 1.5em;
  transition: height 0.4s;
}

div#menu_hor ul li.chosen {
  background-color: var(--lor-color-light);
}

div#menu_hor ul li.chosen em {
  font-weight: normal;
  font-style: normal;
}

div#menu_hor ul li ul {
  display: none;
  position: absolute;
  top: 60px;
  left: 0;
  width: 250px;
  margin: 0;
  padding: 0;
}

div.sticky-reduced div#menu_hor ul li ul {
  top: 37px;
}

div#menu_hor ul li ul li {
  width: 18em;
  margin: 0;
  border-bottom: 1px solid var(--lor-color-lighter);
  background-color: var(--lor-color);
  background-image: none;
  height: auto;
  font-size: 0.95em;
  line-height: 1.6em;
}

div#menu_hor ul li ul li:hover,
div#menu_hor ul li ul li.over {
  background-color: var(--lor-color-dark) !important;
  color: white !important;
  background-image: none;
}

div#menu_hor div.loronly {
  color: var(--lor-color);
  background-color: white;
  margin: 0 8px 0 0 !important;
}

div#menu_hor ul li.mh_class.partnernet_return_to_your_own_account,
div#menu_hor ul li.mh_class.partnernet_logout,
div#menu_hor ul li.mh_class.partnernet_account,
div#menu_hor ul li.mh_class.partnernet_urlshortener,
div#menu_hor ul li.mh_class.partnernet_search {
  float: right;
}

div#partnernet div#menu_hor ul li.mh_class.partnernet_logout {
  margin-right: 1%;
}

div#menu_hor ul li.mh_class.partnernet_return_to_your_own_account {
  display: none;
  background-color: red !important;
}

div#menu_hor ul li.mh_class.partnernet_return_to_your_own_account:hover {
  background-color: white !important;
}

div#menu_hor ul li.mh_class.partnernet_return_to_your_own_account a:hover {
  background-color: transparent !important;
  color: red !important;
}

div#menu_hor ul li.mh_class.partnernet_account.switched {
  background-color: red !important;
}

div#menu_hor ul li.mh_class.partnernet_account.switched:hover {
  background-color: white !important;
}

div#menu_hor ul li.mh_class.partnernet_account.switched a:hover {
  background-color: transparent !important;
  color: red !important;
}

div#menu_hor ul li.mh_class.partnernet_return_to_your_own_account.account_switched {
  display: block;
}

body.iframe div#menu_hor {
  display: none;
}

@media (min-width: 801px) {

  div#menu_hor > ul#nav > li:hover,
  div#menu_hor > ul#nav > li.over,
  div#menu_hor > ul#nav > li.chosen {
    background-color: white !important;
    background-image: none !important;
    color: var(--lor-color);
  }

  div#menu_hor > ul#nav > li:hover > a:link,
  div#menu_hor > ul#nav > li:hover > a:visited,
  div#menu_hor > ul#nav > li.over > a:link,
  div#menu_hor > ul#nav > li.over > a:visited,
  div#menu_hor > ul#nav > li.chosen > a:link,
  div#menu_hor > ul#nav > li.chosen > a:visited {
    color: var(--lor-color) !important;
  }

  /* Desktop submenus unfold from pointer hover or keyboard focus. */
  div#menu_hor > ul#nav > li:hover > ul.menu_submenu,
  div#menu_hor > ul#nav > li.over > ul.menu_submenu,
  div#menu_hor > ul#nav > li:focus-within > ul.menu_submenu {
    display: block;
  }

  div#menu_hor > ul#nav > li > ul.menu_submenu {
    top: 60px;
    left: 0;
  }

  div.sticky-reduced div#menu_hor > ul#nav > li > ul.menu_submenu {
    top: 37px;
  }

  div#menu_hor > ul#nav > li.partnernet_account > ul.menu_submenu {
    right: 0;
    left: auto;
    width: 18em;
  }
}