@use '../../all_variables' as *;

@mixin navscroll($subsite-link-color) {
  //mobile
  .navbar {
    &.it-navscroll-wrapper {
      .link-list-wrapper {
        ul {
          li {
            a {
              &.active {
                border-left-color: $subsite-link-color;

                span {
                  color: $subsite-link-color;
                }
              }
            }

            ul {
              li {
                a {
                  &.active {
                    span {
                      color: $subsite-link-color;
                    }
                  }
                }
              }
            }
          }
        }
      }
    }
  }

  //Tablet horizontal / small desktop
  @media (min-width: #{map-get($grid-breakpoints, lg)}) {
    .navbar {
      &.it-navscroll-wrapper {
        .link-list-wrapper {
          ul {
            li {
              a {
                &.active {
                  border-left-color: $subsite-link-color;

                  span {
                    color: $subsite-link-color;
                  }
                }
              }

              ul {
                li {
                  a {
                    &.active {
                      span {
                        color: $subsite-link-color;
                      }
                    }
                  }
                }
              }
            }
          }
        }
      }
    }
  }
}