@import "../../../src/scss/init";

.footer-secondary {
  background-color: var(--footer-secondary-background-color);

  &__content-column {
    text-align: center;
    border-top: 1px solid var(--footer-secondary-border-color);
    padding-top: var(--content-spacer-m);
    padding-bottom: var(--content-spacer-xl);

    .block--type-social-media {
      display: flex;
      align-items: baseline;

      .heading {
        @include typography(card-title);

        font-weight: 400;
      }
    }
  }

  .nav {
    justify-content: center;
    flex-direction: column;

    @include media-breakpoint-up(md) {
      flex-direction: row;
    }

    .nav-link {
      color: var(--footer-secondary-link-color);
      font-weight: 700;
      padding: 0.5rem 2.2rem;
    }
  }
}
