.ds2-footer {
  font-family: uolInter, sans-serif;
  background-color: $color-brand-black;
  color: $color-brand-white;
  padding: 1.5rem;

  .footer__logo-outer {
    padding: 1.5rem;
    text-align: center;

    @media (min-width: 1025px) {
      text-align: left;
    }

    svg {
      width: 213px;
      height: 43px;

      .st0{fill:#fff;}

      path {
        fill: $color-white--dark;
      }
    }
  }
  .footer__nav {
    @media (min-width: 1025px) {
      display: flex;
      flex-wrap: wrap;

      > * {
        flex: 0 0 33.333%;
      }
    }
  }
 .footer__nav-group {
    border-top: 1px solid $color-brand-black-80;
    border-bottom: 1px solid $color-brand-black-80;
    margin: 0 -1.5rem;
    padding: 0 1.5rem; // Trick to have full border
 }
  ul {
    list-style: none;
    padding-left: .5rem;


  }

  li {
    margin-bottom: 2rem;
    color: $color-brand-black-30;

    &:hover {
      color: $color-brand-pale-green;
      text-decoration: underline;
    }
  }

  a {
    text-decoration: none;
  }

 address {
  padding:  1.5rem 0;
  font-style: normal;
    a {
      color: $color-brand-pale-green;
    }
  }
}

.footer__social-media-container {
  svg {
    width: 16px;
    height: 16px;
    padding: 0 0.5rem;

    &:hover {
      path {
        fill: $color-brand-pale-green;
      }
    }
  }
}
