
// Navigation
.nav-main {
  background-color: $light;

  .nav.main-navigation-menu {
    justify-content: space-between;
    gap: clamp(1rem, 2vw, 2.5rem);

    .main-navigation-link {
      padding: 0;
      line-height: rfs-value(55px);
      white-space: nowrap;
      text-transform: uppercase;
      color: $primary;
      font-size: rfs-value(18px);
      font-family: $font-secondary;

      &.active, &:hover {
        color: $dark;
      }

      .main-navigation-link-text {
        border-bottom: 0;
        padding-bottom: 0;
      }
    }
  }
}