.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%