.top-bar {
  position: relative;
  padding: 0;
  border-bottom: 1px solid #efefef;
  overflow: hidden;
}

.top-bar .name h1 a {
  padding: 0 20px;
}

.top-bar .title-area {
  background: #ffffff;
  padding: 0 1rem;
  margin-top: 12px;
}

.top-bar.expanded,
.top-bar.expanded .title-area {
  background: #ffffff!important;
}

.top-bar .name .logo-header {
  line-height: 45px;
  font-size: 1.0625rem;
  margin: 0;
}

.top-bar .name .logo-header a {
  color: #1dbbbb;
  letter-spacing: -0.03em;
  width: auto;
  display: block;
  padding: 0 15px;
}

.top-bar-nav {
  position: relative;
}

.top-bar ul.title-area {
  position: relative;
  margin: 0;
  display: block;
  width: 100%;
}

.top-bar ul.title-area li {
  display: inline-block;
  background: transparent;
}

.top-bar-section ul li {
  background: transparent;
}

.top-bar-section ul li button {
  width: 100%;
  text-align: center;
  font-weight: 600;
  background-color: transparent;
  color: #0a8484;
  display: block;
  padding: 7px 10px;
  border: 1px solid transparent!important;
  border-radius: 4px;
}

.top-bar .toggle-topbar.menu-icon button {
  display: none;
}

.top-bar ul.user-controls {
  display: block;
  position: absolute;
  right: 0;
  top: 2px;
}

.nav-banner {
  position: relative;
  display: none;
  min-height: 0px;
  margin-bottom: 12px;
}

.nav-search .floating-search-container {
  border-bottom: 1px solid #efefef;
}

button#nav-search-link {
  border: none;
}

button#nav-search-link-mobile {
  border: none;
  display: none;
}

@media only screen and (max-width: 40.063em) {
  .top-bar .name h1 a {
    padding: 0;
  }

  .top-bar .toggle-topbar.menu-icon button {
    display: inline-block;
    background-color: transparent;
    height: 34px;
    line-height: 33px;
    padding: 0 40px 0 15px;
    color: #4f4f4f;
    position: relative;
  }

  .top-bar .toggle-topbar.menu-icon button::after {
    content: "";
    position: absolute;
    display: block;
    height: 0;
    top: 50%;
    margin-top: -8px;
    right: 15px;
    box-shadow: 0 0px 0 1px #4f4f4f,0 7px 0 1px #4f4f4f,0 14px 0 1px #4f4f4f;
    width: 16px;
  }

  a#nav-logo img {
    width: 125px;
  }

  .login, .logout {
    display: none;
  }

  .top-bar ul.user-controls {
    display: none;
  }

  .top-bar.expanded ul.user-controls {
    display: block;
    position: relative;
  }

  .top-bar-section ul.user-controls {
    margin: 0;
    background: #fbfbfb;
    border-top: 1px solid #efefef;
  }

  .top-bar-section ul.user-controls li {
    background: transparent;
    margin: 0;
    padding: 0;
  }

  .top-bar-section ul li button {
    background-color: transparent;
    color: #0a8484;
    margin: 0;
    padding: 10px;
  }

  button#nav-search-link-mobile {
    display: inline-block;
    position: absolute;
    right: 45px;
    top: 9px;
  }
}