// Override bootstrap default styles
@mixin linkNoStyle() {
  color: inherit;
  text-decoration: inherit;
  &:link,
  &:visited,
  &:hover,
  &:active,
  &:focus {
    color: inherit;
    text-decoration: inherit;
  }
}

a {
  color: inherit;
  text-decoration: none;

  &.no-style {
    @include linkNoStyle;
  }
}

// And apply our own
a:not(.btn) {
  color: $colorLink;
  &:link {
    color: $colorLink;
    text-decoration: underline;
  }
  &:visited {
    color: $colorLinkVisited;
    text-decoration: underline;
  }
  &:hover {
    color: $colorLinkHover;
    text-decoration: underline;
  }
  &:focus {
    color: $colorLinkHover;
    text-decoration: underline;
  }
  &:active {
    color: $colorLinkActive;
    text-decoration: underline;
  }


  &.link-discreet {
    // Undercover links that are not initially visible as such
    color: inherit;
    text-decoration: none;
    &:link {
      color: inherit;
      text-decoration: none;
    }
    &:visited {
      color: inherit;
      text-decoration: none;
    }
    &:hover {
      color: $colorLinkHover;
      text-decoration: none;
    }
    &:focus {
      color: $colorLinkHover;
      text-decoration: none;
    }
    &:active {
      color: $colorLinkActive;
      text-decoration: none;
    }
  }

  &.nav-link,
  &[data-toggle="dropdown"],
  &.dropdown-item {
    // Undercover links that are not initially visible as such, but change color AND do not have an underline
    color: inherit;
    text-decoration: none;
    &:link {
      color: inherit;
      text-decoration: none;
    }
    &:visited {
      color: inherit;
      text-decoration: none;
    }
    &:hover {
      color: $colorLinkHover;
      text-decoration: none;
    }
    &:focus {
      color: $colorLinkHover;
      text-decoration: none;
    }
    &:active {
      color: $colorLinkActive;
      text-decoration: none;
    }
  }


  &.no-style {
    @include linkNoStyle;
  }
}