$footerSectionHeader: white; $footerSectionContent: gray; $footerCopyright: #999999; $footerBackground: #00234b; $primaryShadow: rgba(0, 35, 75, 0.15);
// footer .FooterElement {
color: $footerSectionContent; font-family: "Montserrat", sans-serif; padding: 50px 0; display: flex; flex-wrap: wrap; position: relative; justify-content: center; width: 100%; background-color: $footerBackground; box-shadow: 0 5px 10px 0 $primaryShadow;
}
// section .FooterSection {
margin-bottom: 0px; min-height: 1px; padding-right: 15px; padding-left: 15px; display: flex; flex-direction: column; justify-content: space-between; flex: 0 0 100%; max-width: 100%; margin-bottom: 1rem; @media (min-width: 576px) { flex: 0 0 50%; max-width: 50%; } @media (min-width: 768px) { flex: 0 0 33.33333%; max-width: 33.33333%; } @media (min-width: 992px) { flex: 0 0 20%; max-width: 20%; margin-bottom: 0; }
}
// div .FooterSectionHeader {
font-weight: 700; line-height: 1.2; font-size: 16px; margin-bottom: .75rem; color: $footerSectionHeader;
}
// div .FooterSectionTop {
}
// div .FooterSectionContent {
> a { width: 100%; font-weight: 500; color: $footerSectionContent; } > ul { list-style-type: none; margin: 0; padding: 0; } li > a { font-size: 12px; color: $footerSectionContent; text-decoration: none; &:hover { opacity: 0.8; } } li { margin-top: 8px; }
}
// p .FooterCopyright {
color: $footerCopyright; font-size: 10px; margin-bottom: .125rem; opacity: 0.6;
}