// Navbar site logo
// make sure we don't style any other instance so nest with .nav-brand
.nav-brand
  @include logo-color($env-primary)


// on mobile and within the clinician env we hide the other submenus and show the gaitq env .nav-group-link
.pwp-group, .gaitq-group
  display: none


@media screen and ( min-width: 768px )
  .pwp-group-link, .clinician-group-link
    display: flex

  .nav-group-content
    background-color: $env-primary
    border-top: 1px solid rgb(118, 133, 164)

  .clinician-group
    display: flex
    align-items: center
    width: 100vw
    height: 15vh
    left: 0
    flex-direction: row

  .nav-group-container


    .nav-link
      font-weight: 400
      color: $env-primary
      text-transform: uppercase
      padding: 1rem 3rem
      &:not(.current--url)
        &:hover
          text-decoration: underline