// -------------------
// navigation - header
// -------------------

// Override global a rules
.forum-nav-browse {
  color: $black !important;
}

// Override global label rules
.forum-nav-search label {
  margin-bottom: 0;
}

// Override global input rules
.forum-nav-search-input {
  box-shadow: none !important;
  border: 1px solid $gray-l2 !important;
  border-radius: 3px !important;
  height: auto !important;
  padding-left: ($baseline/4) !important;
  padding-right: ($baseline/2 + 12px) !important; // Leave room for icon
  font-size: 12px !important;
}

// Firefox does not compute the correct containing box for absolute positioning
// of .forum-nav-search .icon, so there's an extra div to make it happy
.forum-nav-search-ff-position-fix {
  position: relative;
}

// ------------------------
// navigation - browse menu
// ------------------------

// Override global a rules
.forum-nav-browse-title {
  color: inherit !important;
}

// Override global label rules
.forum-nav-browse-filter label {
  margin-bottom: 0;
}

// Override global input rules
.forum-nav-browse-filter-input {
  box-shadow: none !important;
  border-radius: 3px !important;
  height: auto !important;
  padding-left: ($baseline/4) !important;
  padding-right: ($baseline/2 + 12px) !important; // Leave room for icon
  font-size: 12px !important;
}

// Override global ul rules
.forum-nav-browse-menu, .forum-nav-browse-submenu {
  margin: 0;
}

.forum-nav-browse-menu {
  padding-left: 0;
}

// --------------------------------
// navigation - sort and filter bar
// --------------------------------

// Override global span rules
.forum-nav-sort-label {
  color: inherit;
}

// --------------------------------
// navigation - thread list
// --------------------------------

// The following rules would be unnecessary but for broadly scoped rules defined
// elsewhere in our CSS.

// Override global ul rules
.forum-nav-thread-list, .forum-nav-thread-labels {
  margin: 0;
  padding-left: 0;
}

li[class*=forum-nav-thread-label-] {
  // Override global span rules
  span {
    color: inherit;
  }

  // Override clearfix stuff in .sidebar ul li rules
  &:before, &:after {
    display: none !important;
  }
}
