/* * These styles apply ONLY to the header and footer assets. */ * { padding: 50; margin: 0; box-sizing: border-box; } .footer { background: #001019; color: #FFFFFF; /* color: #555a62; */ font-size: 14px; line-height: 2.0; padding: 18px 0; } .footer-wrap { padding-left: 18px; padding-right: 18px; max-width: 1236px; margin: 0 auto; } .footer a { color: #FFFFFF; } .footer a:hover { color: #0276b3; /* color: #FFFFFF; */ } .footer-row { display: flex; flex-wrap: wrap; justify-content: space-between; align-items: center; margin: -3px; } .footer-col { padding: 0 3px; } .footer-col-copyRight { justify-content: flex-start; } .footer-col-logo { justify-content: flex-end; } .footer-col-copyRight, .footer-col-logo { flex: 1; display: flex; } .logo { width: 124px; height: 27px; opacity: 1; } @media screen and (max-width: 768px) { .footer-row { display: block; } .footer-col { width: 100%; text-align: center; margin: 6px 0; } .footer-col:first-child { margin-top: 0; } .footer-col:last-child { margin-bottom: 0; } .footer-col-copyRight, .footer-col-logo { justify-content: flex-end; } .logo { margin: 0 auto; } } /*# sourceMappingURL=styles.css.map */ <style> .Footer { background: #001019; color: white; } .Footer a { color: white; text-decoration: underline; } .Footer a:hover { color: white; text-decoration: underline; cursor: pointer; } #charter-footer { display: flex; max-width: 840px; margin: 2rem auto 0; background: #001019; margin-top: 0; padding-top: 2rem; } #charter-legal-links { display: flex; flex-flow: row wrap; align-content: flex-start; text-align: center; } #charter-logo { margin-right: 4px; /*negative margin due to built in padding on svg*/ margin-top: -22px; } .charter-footer-link { margin: 0 0.925rem 0.75rem 0; padding: 0 0.925rem 0 0; font-size: 0.875rem; line-height: 0.75rem; font-weight: lighter; } @media (min-width: 841px) { .charter-footer-link:not(:last-child) { border-right: solid 1px; } } @media (max-width: 840px) { #charter-footer { flex-direction: column; align-items: center; margin-bottom: 1rem; } #charter-logo { /*negative margin due to built in padding on svg*/ margin-bottom: -8px; } #charter-legal-links { flex-direction: column; align-items: center; } .ccpa { line-height: normal; } .charter-footer-link { border-right: none; } }

Did you find what you were looking for?

James_M

James_M Posts: 4,386 ✅ Verified Employee Moderator

November 2021 edited August 2022 in Customer Feedback Surveys

Let us know if you found the answer or topic you were searching.

If you selected "Yes", please leave a reply and mention the link or URL that you visited.

If you selected "No", please leave a reply letting us know what you were searching so we can improve our content.

Select "Comment Only" if you just want to leave a comment.

0

Categories

/* * These styles apply ONLY to the header and footer assets. */ * { padding: 50; margin: 0; box-sizing: border-box; } .footer { background: #001019; color: #FFFFFF; /* color: #555a62; */ font-size: 14px; line-height: 2.0; padding: 18px 0; } .footer-wrap { padding-left: 18px; padding-right: 18px; max-width: 1236px; margin: 0 auto; } .footer a { color: #FFFFFF; } .footer a:hover { color: #0276b3; /* color: #FFFFFF; */ } .footer-row { display: flex; flex-wrap: wrap; justify-content: space-between; align-items: center; margin: -3px; } .footer-col { padding: 0 3px; } .footer-col-copyRight { justify-content: flex-start; } .footer-col-logo { justify-content: flex-end; } .footer-col-copyRight, .footer-col-logo { flex: 1; display: flex; } .logo { width: 124px; height: 27px; opacity: 1; } @media screen and (max-width: 768px) { .footer-row { display: block; } .footer-col { width: 100%; text-align: center; margin: 6px 0; } .footer-col:first-child { margin-top: 0; } .footer-col:last-child { margin-bottom: 0; } .footer-col-copyRight, .footer-col-logo { justify-content: flex-end; } .logo { margin: 0 auto; } } /*# sourceMappingURL=styles.css.map */ <style> .Footer { background: #001019; color: white; } .Footer a { color: white; text-decoration: underline; } .Footer a:hover { color: white; text-decoration: underline; cursor: pointer; } #charter-footer { display: flex; max-width: 840px; margin: 2rem auto 0; background: #001019; margin-top: 0; padding-top: 2rem; } #charter-legal-links { display: flex; flex-flow: row wrap; align-content: flex-start; text-align: center; } #charter-logo { margin-right: 4px; /*negative margin due to built in padding on svg*/ margin-top: -22px; } .charter-footer-link { margin: 0 0.925rem 0.75rem 0; padding: 0 0.925rem 0 0; font-size: 0.875rem; line-height: 0.75rem; font-weight: lighter; } @media (min-width: 841px) { .charter-footer-link:not(:last-child) { border-right: solid 1px; } } @media (max-width: 840px) { #charter-footer { flex-direction: column; align-items: center; margin-bottom: 1rem; } #charter-logo { /*negative margin due to built in padding on svg*/ margin-bottom: -8px; } #charter-legal-links { flex-direction: column; align-items: center; } .ccpa { line-height: normal; } .charter-footer-link { border-right: none; } }