@import '../base/variables';
@import '../base/mixins';

.footer-item {
  display:flex;
  align-items: center;

  &__divider {
    border-right: 1px solid $body-copy;
    height: 1.25rem;
    display: inline-block;
  }

  a {
    text-decoration: none;
    color: $white;
    padding: 0.5rem 2rem;

    &:hover {
      color: $white;
      text-decoration: underline;
    }
  }
}

som-footer[light],
footer.light {
  .footer-item {
    a {
      color: $dark-gray;
      font-variation-settings: 'wght' 400;
    }
  }
}

som-footer[light=false] {
  .footer-item {
    a {
      color: inherit;

      &:hover {
        color: inherit;
      }
    }
  }
}