//
// LINKS
//

.unstyled-link {
  color: inherit;
  fill: inherit;

  &, &:hover, &:visited {
    text-decoration: inherit;
    @include experimental("text-decoration-style", inherit, true, false, false, false, false, true);
  }
}

.gray-link {
  color: $dark-gray;
  &,
  &:visited {
    text-decoration: none;
  }
  &:hover {
    color: $dark-gray;
  }
}

.blue-link {
  color: $link-blue;
  &:visited,
  &:hover {
    text-decoration: none;
  }
}

.blue-link-clean {
  color: $link-blue;
  text-decoration: none;
  &:hover {
    text-decoration: underline;
  }
}

.blue-dotted-link-caps {
  display: inline-block;
  text-transform: uppercase;
  color: $blue;
  @include font-size-px-to-rem(15px);
  border-bottom: 1px dotted $blue;
  margin-bottom: 5px;
  padding-bottom: 2px;
  cursor: default;
  text-decoration: none;
  &:hover {
    border-bottom-color: transparent;
  }
}

.cc-link-smartbar {
  text-decoration: underline;
  color: $middle-gray;
  &:hover, &:focus {
    text-decoration: none;
  }
  &.dropdown:after {
    @include icon-inline-block;
    @include font-size-px-to-rem(16px);
    content: $uc-icon-caret-down;
    position: relative;
    top: 2px;
    margin-left: $gutter*0.7;
    text-decoration: none;
  }
  .show &,
  .index & {
    color: $dark-gray;
  }
  .new &,
  .edit & {
    color: white;
  }
}

.uc-link-close {
  &:before {
    @include icon-inline-block;
    content: $uc-icon-times;
    color: $link-blue;
  }
}

.uc-link-edit {
  &:before {
    @include icon-inline-block;
    content: $uc-icon-pencil;
    color: $link-blue;
  }
}