/* STICKY NAV */

#sticky-container {
  height: 50px;
  background: #ffffff;
  box-sizing: border-box;
  z-index: 1000;
  padding-top: 0;
}

#sticky-container-sticky-wrapper.is-sticky #sticky-container {
  border-bottom: 1px solid #eff0f1;
}

nav#sticky-navbar {
  border: none;
}

#sticky-navbar .container-fluid {
  margin: 0;
  padding: 0;
}

#sticky-nav {
  display: flex;
  width: 100%;
  margin: 0;
  padding: 0;
  list-style-type: none;
}

#sticky-nav > li {
  position: relative;
}

#sticky-nav > li > a {
  display: block;
  padding: 15px 5px;
  color: #ffffff;
  text-decoration: none;
  text-shadow: none;
}

/* STICKY NAV - HOME AND DISCOVER MENU STYLES */
#sticky-nav-home,
#sticky-nav-discover {
  background-color: #403f45;
}

#sticky-nav-discover {
  background-color: var(--bentley-living-green-50);
  flex-grow: 1;
}

#sticky-nav-home:hover,
#sticky-nav-discover:hover,
#sticky-nav-home:hover > a,
#sticky-nav-discover:hover > a {
  background-color: #403f45;
  color: var(--bentley-living-green-40);
}

/* STICKY NAV - DROPDOWN STYLES */
.sticky-nav-submenu .dropdown-menu {
  border: 0;
  border-radius: 0;
  box-shadow: none;
  z-index: 99;
  padding: 0;
}

#sticky-nav > li.dropdown.open {
  position: static;
}

#sticky-nav .dropdown-menu > li.active,
#sticky-nav .dropdown-menu > .active > a {
  background-color: var(--bentley-living-green-40);
  color: #ffffff;
}

#sticky-nav-discover ul li i {
  color: var(--bentley-living-green-40);
}

#sticky-nav-discover ul li.active i,
#sticky-nav-discover ul li:hover i {
  color: #ffffff;
}

.sticky-nav-submenu .dropdown-menu > li:hover,
.sticky-nav-submenu .dropdown-menu li > a:hover {
  background-color: var(--bentley-living-green-40);
  color: #ffffff;
}

/* STICKY NAV - ICON STYLES */
#sticky-nav i {
  transition: transform 0.25s;
}

#sticky-nav span {
  overflow: hidden;
  white-space: nowrap;
  display: block;
}

#sticky-nav-home i,
#sticky-nav-discover i {
  font-size: 22px;
  margin-right: 14px;
}

#sticky-nav-discover .dropdown-menu i {
  font-size: 16px;
  color: #ffffff;
  margin-right: 18px;
}

@media only screen and (max-width: 767px) {
  #sticky-nav-home {
    width: 45px;
  }

  #sticky-nav-discover {
    width: calc(100% - 45px);
  }

  #sticky-nav-home .dropdown-menu {
    width: 100%;
  }

  #sticky-nav-discover .dropdown-menu {
    width: calc(100% - 45px);
  }
}

@media only screen and (min-width: 768px) {
  #sticky-navbar {
    max-width: 321px;
  }

  #sticky-nav-discover .dropdown-menu {
    width: calc(100% - 44.4px);
  }

  #sticky-nav li.dropdown:hover > ul.dropdown-menu {
    display: block;
  }
}