// FOOTER .footer {
padding: 50px 0; margin-top: 30px; background: $black;
}
.footer-top {
display: flex; justify-content: space-between; align-items: center; padding-bottom: 15px; margin-bottom: 10px; border-bottom: 1px solid $border-color; .logo-text { font-size: 16px; font-weight: 700; line-height: 16px; text-transform: uppercase; letter-spacing: 5px; color: $text; &:hover { color: $gray-blue; } } .top { display: flex; justify-content: center; align-items: center; width: 30px; height: 30px; border: 1px solid $blue-black; background-color: $blue-black; color: $text; cursor: pointer; transition: $global-transition; opacity: .5; &:hover { opacity: 1; } }
}
.footer-bottom {
display: flex; align-items: center; flex-wrap: wrap; .copyright { margin-right: 60px; p { margin-bottom: 0; font-size: 13px; color: $light-white; a { color: $light-white; &:hover { color: $primary-color; } } } } .footer-social { ul { li { display: inline-block; margin-left: 15px; &:first-child { margin-left: 0; } a { font-size: 13px; font-weight: bold; color: $light-white; transition: $global-transition; &:hover { color: $primary-color; } } } } }
}