.footer {
background-color: theme-color("secondary"); padding: 50px 0;
}
.footer-col {
flex: 0 0 100%; max-width: 100%; min-height: 1px; padding-right: 15px; padding-left: 15px; margin-bottom: 1rem; @include media-breakpoint-up(sm) { flex: 0 0 50%; max-width: 50%; } @include media-breakpoint-up(md) { flex: 0 0 33.33333%; max-width: 33.33333%; } @include media-breakpoint-up(lg) { flex: 0 0 20%; max-width: 20%; margin-bottom: 0; } h5 { color: $white; margin-bottom: 0.75rem; } ul:not(.social-list) { padding: 0; margin: 0; list-style: none; li + li { a { margin-top: 8px; } } a { color: $gray-600; font-size: 0.75rem; display: block; &:hover { opacity: 0.8; } } }
} // Copyright
.copyright {
opacity: 0.6; font-size: 10px; color: $gray-600; margin-bottom: 0.125rem;
} // Social list
.social-list {
padding: 0; margin: 0; list-style: none; display: flex; margin-left: -5px; margin-top: 1rem; li { margin: 0 5px; }
}
.social-list-item {
circle, path { transition: all 0.3s ease-in-out; } &:hover { circle { fill: theme-color("primary"); } path { fill: theme-color("secondary"); } }
}