.nav-sitelogo {
  width: 100%;
  height: auto;
  max-width: var(--max-width-info-nav-logo);
}

nav.app-nav > ul > li li > a::before, nav.app-nav > ul > li > a > div > div.desctop-menu-icon::before {
  display: inline-flex;
  text-rendering: auto;
  -webkit-font-smoothing: antialiased;
  padding: 2px 20px 2px 0px;
  font-size: 19px !important;
}

nav.app-nav > ul > li > a > div div.lobby::before,
nav.app-nav > ul > li > a > div div.home-icon::before, nav.app-nav > ul > li li.lobby > a::before {
  font: var(--fa-font-regular);
  content: "\e487";
}

nav.app-nav > ul > li > a > div > div.auditorium::before,
nav.app-nav > ul > li > a > div div.auditorium-icon::before, nav.app-nav > ul > li li.auditorium > a::before {
  font: var(--fa-font-regular);
  content: "\f04b";
}

nav.app-nav > ul > li > a > div div.agenda::before,
nav.app-nav > ul > li > a > div div.agenda-icon::before, nav.app-nav > ul > li li.agenda > a::before {
  font: var(--fa-font-regular);
  content: "\e34c";
}

nav.app-nav > ul > li > a > div div.presenters::before,
nav.app-nav > ul > li > a > div div.speakers-icon::before, nav.app-nav > ul > li li.presenters > a::before {
  font: var(--fa-font-regular);
  content: "\f007";
}

nav.app-nav > ul > li > a > div div.photobooth::before,
nav.app-nav > ul > li > a > div div.photobooth-icon::before, nav.app-nav > ul > li li.photobooth > a::before {
  font: var(--fa-font-regular);
  content: "\f87c";
}

nav.app-nav > ul > li > a > div div.event-info::before,
nav.app-nav > ul > li > a > div div.info-icon::before, nav.app-nav > ul > li li.event-info > a::before {
  font: var(--fa-font-regular);
  content: "\f05a";
}

nav.app-nav > ul > li > a > div div.drop-in-tables::before, nav.app-nav > ul > li li.drop-in-tables > a::before {
  font: var(--fa-font-regular);
  content: "\f756";
}

nav.app-nav > ul > li > a > div div.social-wall::before, nav.app-nav > ul > li li.social-wall > a::before {
  font: var(--fa-font-regular);
  content: "\f030";
}

nav.app-nav > ul > li > a > div div.heat-map::before, nav.app-nav > ul > li li.heat-map > a::before {
  font: var(--fa-font-regular);
  content: "\f5a0";
}

nav.app-nav > ul > li > a > div div.profiles::before, nav.app-nav > ul > li li.profiles > a::before {
  font: var(--fa-font-regular);
  content: "\f007";
}

nav.app-nav > ul > li > a > div div.networking::before {
  font: var(--fa-font-regular);
  content: "\f0ac";
}

nav.app-nav > ul > li > a > div div.document-library::before, nav.app-nav > ul > li li.document-library > a::before {
  font: var(--fa-font-regular);
  content: "\f07c";
}

nav.app-nav > ul > li > a > div div.feedback::before, nav.app-nav > ul > li li.feedback > a::before {
  font: var(--fa-font-regular);
  content: "\f4ac";
}

nav.app-nav > ul > li > a > div div.stands::before, nav.app-nav > ul > li li.stands > a::before {
  font: var(--fa-font-regular);
  content: "\f2b5";
}

nav.app-nav > ul > li > a > div div.breakouts::before, nav.app-nav > ul > li li.breakouts > a::before {
  font: var(--fa-font-regular);
  content: "\e022";
}

nav.app-nav > ul > li > a.active > div > span, nav.app-nav > ul > li > a:not(.active):hover > div > span {
  color: var(--desktop-menu-text-active-color);
}
nav.app-nav > ul > li > a.active > div > div::before, nav.app-nav > ul > li > a:not(.active):hover > div > div::before {
  color: var(--desktop-menu-icon-active-color);
}

nav.app-nav > ul > li ul.slideout {
  background-color: transparent !important;
}
nav.app-nav > ul > li ul.slideout > li > a {
  color: var(--desktop-menu-slideout-text-color);
  background-color: var(--left-nav-bg);
  position: relative;
}
nav.app-nav > ul > li ul.slideout > li > a::before {
  color: var(--desktop-menu-slideout-icon-color);
  position: relative;
  top: 1px;
}
nav.app-nav > ul > li ul.slideout > li > a:hover {
  color: var(--desktop-menu-slideout-text-hover-color);
  background-color: var(--left-nav-li-bg-active-hover);
}
nav.app-nav > ul > li ul.slideout > li > a:hover::before {
  color: var(--desktop-menu-slideout-icon-hover-color);
}

/* Menu Icons setup */
nav.app-nav li a > div {
  display: inline-flex;
  transform: translateY(2px);
}
nav.app-nav li a > div > div::before {
  position: relative;
  top: -0.5px;
}
nav.app-nav > ul > li > a > div > div.desctop-menu-icon {
  width: var(--desktop-menu-icon-width);
  justify-content: var(--desktop-menu-icon-justify);
  align-items: var(--desktop-menu-icon-justify);
}
nav.app-nav > ul > li > a > div > div.desctop-menu-icon::before {
  width: var(--desktop-menu-icon-width);
  justify-content: var(--desktop-menu-icon-justify);
  align-items: var(--desktop-menu-icon-justify);
}
nav.app-nav > ul > li > a:not(.active) > div > div {
  color: #138893;
}