//
// Dropdown menus
// --------------------------------------------------


// Dropdown arrow/caret
.caret {
  width: 10px;
  height: 10px;
  margin-left: 0;
  background-image: url('/headers/ilusion/'+ $assets-folder +'/dist/svg/icon-ownfill-ui-chevron-down-46403c.svg');
  background-repeat: no-repeat;
  background-size: 10px 10px;
  background-position: left 50% top 50%;
  border: 0;
}

// The dropdown menu (ul)
.dropdown-menu {

  > li > a {
    font-weight: normal;
  }
}

// Hover/Focus state
.dropdown-menu > li > a {
  &:hover,
  &:focus {
    text-decoration: none;
    color: $dropdown-link-hover-color;
    background-color: $dropdown-link-hover-bg;
  }
}

// Active state
.dropdown-menu > .active > a {
  &,
  &:hover,
  &:focus {
    outline: 0;
  }
}


// Dropdown section headers
.dropdown-header {
  display: block;
  padding: 3px 20px;
  font-size: $font-size-small;
  line-height: $line-height-base;
  color: $dropdown-header-color;
  white-space: nowrap; // as with > li > a
}

.dropup,
.navbar-fixed-bottom .dropdown {
  // Reverse the caret
  .caret {
    background-image: url('/headers/ilusion/'+ $assets-folder +'/dist/svg/icon-ownfill-ui-chevron-up-46403c.svg');
    border: 0;
  }
}