/* Footer styles for Welcome page */ .welcome-page-footer-container { margin: 28px 32px; padding: 0 1rem; } .welcome-page-footer-top { display: flex; align-items: center; margin-bottom: 2rem; flex-wrap: wrap; } .copyright-legal-socials-container { display: flex; justify-content: space-between; align-items: center; width: 100%; } .copyright { color: var(--footer-text-color); font-size: 0.8125rem; margin-right: 64px; font-size: 14px; } /* Copyright line break styling */ .copyright-first-line, .copyright-second-line { display: inline; } .legal-links { display: flex; gap: 16px; font-size: 14px; margin-left: auto; padding-right: 16px; border-right: 1px solid var(--footer-text-color); } .legal-links a { color: var(--footer-text-color); text-decoration: none; } .legal-links a:hover { text-decoration: underline; } .legal-links button.cookie-settings-btn { background: none; border: 0; padding: 0; font: inherit; cursor: pointer; color: var(--footer-text-color); } .legal-links button.cookie-settings-btn:hover { text-decoration: underline; } .social-links { display: flex; gap: 1rem; margin-left: 16px; } .social-links a { color: var(--social-link-fill-color); } /* Badges */ .welcome-page-footer-bottom { margin-top: 1.5rem; } .badges { display: flex; flex-wrap: wrap; gap: 16px; align-items: center; } .badges a { display: inline-flex; align-items: center; } .badges img { height: 20px; width: auto; } /* Footer styles for Main page */ .main-page-footer-container { .md-footer { background-color: var(--md-default-bg-color); color: var(--text-secondary-color); margin: 20px 32px 10px 32px; } /** hide the default copy right */ .md-footer-meta { display: none; } .main-page-footer-bottom { margin: 28px 32px; } .md-footer__inner { a { margin: 0; } } .md-footer__direction, .md-footer__button { color: var(--text-secondary-color); } .md-ellipsis { color: var(--text-primary-color); } .md-footer__title { font-size: 16px; margin-bottom: 0; } .md-footer__link:hover { .md-footer__direction, .md-ellipsis, .md-footer__button { color: var(--text-hover-color); opacity: 1; } } } /** MOBILE STYLES */ @media screen and (max-width: 76.2344em) { .welcome-page-footer-container { margin: 24px; padding: 0; } .footer-top { flex-direction: column; align-items: flex-start; } .social-links { margin-top: 1rem; } .main-nav { display: none; } .copyright-legal-socials-container { flex-direction: column; align-items: flex-start; gap: 16px; } .copyright { margin-right: 0; } /* Make copyright break into two lines on mobile */ .copyright-first-line, .copyright-second-line { display: block; line-height: 24px; } .legal-links { flex-wrap: wrap; gap: 16px; margin-left: 0; padding-right: 0; border-right: 0; } .social-links { margin-left: 0; gap: 24px; } .badges { display: flex; } .badges img { height: 16px; } .main-page-footer-container { .md-footer{ margin: 0; } .md-footer__link--prev .md-footer__title { display: block; } .main-page-footer-bottom { margin: 48px 24px 24px 24px; } } }