#nav-search-hr {
  margin: 0;
}

.top-bar {
  position: relative;
  padding: 0;
  overflow: inherit;
  background: transparent;
}

.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 button {
  right: 15px;
}

.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;
  background-color: white;
  display: flex;
}

.top-bar-nav img {
  color: transparent;
  height: inherit;
}

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

.top-bar .title-logo {
  background: #ffffff;
  flex: 0.3;
  margin-top:0;
  display: inline-block;
}

.top-bar .title-logo a img{
  padding: 0 20px;
}

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

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

.top-bar-section ul li button {
  text-align: center;
  font-weight: 600;
  background-color: transparent;
  color: #0a8484;
  display: block;
}

li.search-button button {
  position: absolute;
  top: 7px;
  right: 90px;
}

li.search-button button:hover,
li.search-button button:focus,
li.search-button .button:hover,
li.search-button .button:focus {
  background-color: transparent;
  color: #0a8484;
}

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

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

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

button#nav-search-link {
  border: none;
  float:left;
  margin-bottom: 12px;
}

button#nav-search-link-mobile, button#nav-login-link-mobile, button#nav-logout-link-mobile {
  border: none;
  display: none;
  visibility: hidden;
}

button.header-link{
  border: 1px solid transparent!important;
  border-radius: 4px;
}

/* Override the shared header (by being a more specific selector) */
nav.top-bar div.top-bar-nav ul.title-area li.skiptocontent a[href] {
  top: -85px;
  position: relative;
}

nav.top-bar div.top-bar-nav ul.title-area li.skiptocontent a[href]:focus {
  top: 0;
}

.top-bar .mobile{
  justify-content: end;
  display: flex; 
  flex: 0.4;
}

.top-bar .title-area-mobile{
  flex: 0.3;
}

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

  .top-bar .title-area {
    padding: 0 1rem 0 0;
    float: right;
  }

  .top-bar .title-area-mobile{
    flex: 0.7
  }

  .top-bar .toggle-topbar.menu-icon button:not(.has-no-links) {
    display: inline-block;
    background-color: transparent;
    height: 25px;
    line-height: 33px;
    padding: 0 40px 0 15px;
    color: #4f4f4f;
    position: relative;
    margin-top: 8px;
  }

  .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;
  }

  .top-bar button {
    right: 0;
  }

  .login, .logout {
    display: none;
  }

  .top-bar ul.user-controls, button#nav-search-link, .top-bar .mobile  {
    display: none;
  }

  .top-bar.expanded ul.user-controls, button#nav-search-link {
    display: grid;
    position: relative;
  }

  .top-bar.expanded .mobile.top-bar-section {
    position: absolute;
    top: 46px;
    right: 0;
    z-index: 1;
    display: block;
    border-bottom: 1px solid #919191;
  }

  .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;
  }

 .title-area-mobile ul li button{
    background-color: transparent;
    color: #0a8484;
    font-weight: 600;
  }

  button#nav-search-link, button#nav-login-link, button#nav-logout-link{
    display: none !important;
  }

  button#nav-search-link-mobile {
    display: block;
    visibility: visible;
    position: absolute;
    margin-right: 15px;
    margin-top: 2px;
  }

  button#nav-login-link-mobile, button#nav-logout-link-mobile{
    display: block;
    visibility: visible;
    padding: 10px;
    margin-right: 30px;
    margin-top: 5px;
  }
}

@media only screen and (min-device-width: 320px) and (max-device-width: 463px) {
  .top-bar ul.title-area li.skiptocontent {
    display: none;
  }
}