.ft__wrapper
  @include footer-bg($opd-blue)
  border-top: solid 1px $white
  color: $white
  display: flex
  flex-wrap: wrap
  padding: 5vh 5vw

  .social-media-link
    font-size: $font-size
    padding-right: $sm-font-size
    //color: $white


.ft__head
  display: flex
  margin: 5vh 5vw
  width: 100%

.ft__body
  display: flex
  flex-direction: column-reverse
  flex-wrap: wrap
  margin: 5vh 0
  width: 90vw

.ft__col
  //border-left: solid 1px rgba($opd-light-blue, .05)
  box-sizing: border-box
  padding: 0 5vw
  width: 90vw

.ft__contact--list
  display: block
  font-size: $font-size * .8
  list-style: none
  padding: 0
  text-decoration: none
  li
    line-height: 5rem
  .address
    line-height: 2.5rem

.ft__contact
  .site__logo
    @include logo-color($white)
    width: 40vw

.ft__sitemap
  .ft__sitemap--env-header
    font-size: $font-size * 1
    font-weight: $heavy-font
  .ft__sitemap--submenu
    font-size: $font-size * .8

.ft__base
  align-items: center
  border-top: solid 1px $opd-light-blue
  display: flex
  flex-wrap: wrap

  justify-content: space-around
  min-width: 100%
  width: 100%
  a,
  p
    color: inherit
    font-size: $font-size * .7
    margin: 0
    padding: .5rem .1rem
    text-decoration: none

.legal-links
  display: flex
  flex-direction: column
  justify-content: space-between

.ft__sitemap--header
  border-bottom: 1px solid $opd-light-blue
  color: $pure-white
  font-size: 2rem
  font-weight: $heavy-font
  margin-bottom: 3rem
  width: 100%

.ft__sitemap--menu,
.ft__sitemap--submenu
  padding: 0
  width: 100%

.ft__sitemap--submenu
  padding-bottom: 2rem
  li
    display: block
    line-height: 3rem
    list-style: none

.ft--link
  color: $pure-white

.ft__sitemap--env-wrap
  display: flex
  flex-direction: column
  flex-wrap: wrap

.ft__sitemap--env
  width: 100%

@media screen and ( min-width: 768px )

  .ft__wrapper
    border: none

  .ft__body
    flex-direction: row

  .ft__col
    width: 20vw

  .ft__col.ft__sitemap
    width: 60vw

  .ft__contact--list
    font-size: $font-size * .8
    li
      line-height: 4rem
    .address
      line-height: 2rem

  .ft__contact
    .site__logo
      width: 10vw

  .ft__sitemap
    .ft__sitemap--env-header
      font-size: $font-size * .9
    .ft__sitemap--submenu
      font-size: $font-size * .8

  .ft__base
    justify-content: space-between
    a,
    p
      font-size: $font-size * .7

  .legal-links
    flex-direction: row
    a
      &::after
        content: " |"

      &:last-child
        &::after
          content: ""

  .copyright
    &::after
      content: ' Ltd.'

  .ft__sitemap--header
    font-size: 1.8rem

  .ft__sitemap--submenu li a
    text-decoration: none

  .ft__sitemap--submenu
    li
      transition: .2s ease-in-out

    &:hover > li
      opacity: .5

    li
      &:hover
        opacity: 1

  .ft__sitemap--env-wrap
    flex-direction: row

  .ft__sitemap--env
    width: 50%