#navigation
{
  &.navbar
  {
    background-color: var(--primary_color);
  }

  .navbar-brand
  {
    text-transform: lowercase;
    font-family: var(--font_family_serif);
  }

  .dropdown-toggle::after
  {
    display: none;
  }


  /* Search box */
  form
  {
    input[type=text].form-control,
    input[type=search].form-control
    {
      min-width: 200px;
      border-color: var(--color_primary_darkened_10);
      background-color: var(--color_primary_darkened_10);
      color: var(--color_white);

      &::placeholder
      {
        color: var(--color_white);
        color: rgba(255,255,255,.5);
        transition: color .2s ease-out;
      } /* /::placeholder */

      &:hover,
      &:active,
      &:focus
      {
        box-shadow: none;
        outline: none;

        &::placeholder
        {
          color: var(--color_white);
          color: rgba(255,255,255,.8);
        } /* /::placeholder */
      }
    } /* /input */

    button.btn.btn-outline-light
    {
      border-color: var(--color_primary_darkened_10);
      background-color: var(--color_primary_darkened_10);
      color: var(--color_white);
      color: rgba(255,255,255,.5);

      transition: color .2s ease-out;

      &:hover,
      &:active,
      &:focus
      {
        color: var(--color_white);
        color: rgba(255,255,255,1);
      }
    } /* /button */

  } /* /form */
}


@media (min-width: 992px)
{
  #navigation
  {
    &.navbar
    {
      background-color: var(--primary_color);

      a.nav-link,
      a.nav-link:link,
      a.nav-link:visited
      {
        margin: 0 .5rem;
      }

      ul li:first-child
      {
        a.nav-link,
        a.nav-link:link,
        a.nav-link:visited
        {
          margin-left: 0;
        }
      }

      ul li:last-child
      {
        a.nav-link,
        a.nav-link:link,
        a.nav-link:visited
        {
          margin-right: 0;
        }
      }
    }
  }
}



@media (min-width: 1600px)
{

  #navigation
  {
    .dropdown-toggle::after
    {
      display: inline-block;
    }
  } /* /#navigation */

}



/*
 * Sticky Menus
 */

@media screen
{

  .sticky-menu
  {
    position: fixed;
    top: var(--navigation_top_padding);
    left: 0;
    right: 0;

    border-bottom: 1px solid var(--color_gray_235);

    background-color: var(--color_white);

    z-index: 100;
  }

  .sticky-menu-margin
  {
    margin-top: var(--sticky_menu_top_padding);
  }

} /* /MQ: screen */