/* * These styles apply ONLY to the header and footer assets. */ * { padding: 0; margin: 0; box-sizing: border-box; } /*# sourceMappingURL=styles.css.map */ .footer { position: relative !important; background: #000000; color: #ffffff; line-height: 1.5; padding: 18px 0; font-size: 16px; max-height: 100%; } .footer-wrap { max-width: 1236px; margin: 0 auto; display: -webkit-box; display: -ms-flexbox; display: flex; padding-top: 50px; padding-bottom: 50px; } .footer a { font-family: 'Roboto', 'Courier New', cursive, sans-serif; color: #ffffff; font-weight: 500; text-decoration: underline; font-size: 19px; } .footer a:hover { color: #fcba00; } .footer-row { display: flex; flex-direction: column; align-items: stretch; justify-content: space-between; /*align-items: center;*/ margin: -3px; } @media screen and (min-width: 1000px) { .footer-row { flex-direction: row; } } .footer-social-links { display: flex; } .footer-col { padding: 0 3px; margin: 1rem; } .footer-col-social { display: flex; justify-content: flex-start; flex-grow: 1; flex-basis: 0; flex-direction: column; border-right: 1px solid #333; } .footer-col-social h2 { padding: 0; font-size: 60px; line-height: 54px; font-family: 'VersusArthritis', 'sans-serif'; } .footer-social-links a { display: block; width: 59px; height: 58px; margin: 0 20px 0 0; position: relative; overflow: hidden; color: #ffffff; font-family: "FontAwesome"; } .footer-col-about { display: flex; flex-direction: column; flex-grow: 1; flex-basis: 0; border-right: 1px solid #333; } .footer-col-about .rich-text p, .footer-col-about .footer-about-links li a { font-size: 19px; line-height: 30px; } .footer-col-about .rich-text { flex: 1; } .footer-about-links { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; margin: 0; list-style: none; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; } .footer-about-links li { list-style: none; margin-bottom: 10px; } .footer-col-legal { justify-content: flex-end; flex-grow: 1; flex-basis: 0; } p.footer__regulator-text.vanilla_footer{ font-size: 15px; line-height: 21px; } .footer-disclaimer { font-size: 11px; line-height: 18px; margin-top: 10px; padding-bottom: 22px; } ul.footer-legal-links-list { margin-top: 50px; } .footer-legal-links-list li { list-style: none; margin-bottom: 10px; }

How to use your online community

Archives for March 2020

Hints and Tips

YvonneH 145 views 1 comment 1 point Most recent by Brynmor 5. Apr 2020, 14:54How to use your online community

/* * These styles apply ONLY to the header and footer assets. */ * { padding: 0; margin: 0; box-sizing: border-box; } /*# sourceMappingURL=styles.css.map */ .footer { position: relative !important; background: #000000; color: #ffffff; line-height: 1.5; padding: 18px 0; font-size: 16px; max-height: 100%; } .footer-wrap { max-width: 1236px; margin: 0 auto; display: -webkit-box; display: -ms-flexbox; display: flex; padding-top: 50px; padding-bottom: 50px; } .footer a { font-family: 'Roboto', 'Courier New', cursive, sans-serif; color: #ffffff; font-weight: 500; text-decoration: underline; font-size: 19px; } .footer a:hover { color: #fcba00; } .footer-row { display: flex; flex-direction: column; align-items: stretch; justify-content: space-between; /*align-items: center;*/ margin: -3px; } @media screen and (min-width: 1000px) { .footer-row { flex-direction: row; } } .footer-social-links { display: flex; } .footer-col { padding: 0 3px; margin: 1rem; } .footer-col-social { display: flex; justify-content: flex-start; flex-grow: 1; flex-basis: 0; flex-direction: column; border-right: 1px solid #333; } .footer-col-social h2 { padding: 0; font-size: 60px; line-height: 54px; font-family: 'VersusArthritis', 'sans-serif'; } .footer-social-links a { display: block; width: 59px; height: 58px; margin: 0 20px 0 0; position: relative; overflow: hidden; color: #ffffff; font-family: "FontAwesome"; } .footer-col-about { display: flex; flex-direction: column; flex-grow: 1; flex-basis: 0; border-right: 1px solid #333; } .footer-col-about .rich-text p, .footer-col-about .footer-about-links li a { font-size: 19px; line-height: 30px; } .footer-col-about .rich-text { flex: 1; } .footer-about-links { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; margin: 0; list-style: none; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; } .footer-about-links li { list-style: none; margin-bottom: 10px; } .footer-col-legal { justify-content: flex-end; flex-grow: 1; flex-basis: 0; } p.footer__regulator-text.vanilla_footer{ font-size: 15px; line-height: 21px; } .footer-disclaimer { font-size: 11px; line-height: 18px; margin-top: 10px; padding-bottom: 22px; } ul.footer-legal-links-list { margin-top: 50px; } .footer-legal-links-list li { list-style: none; margin-bottom: 10px; }

Versus Arthritis was formed in 2018 following a merger of Arthritis Care and Arthritis Research UK.

Versus Arthritis is registered with: Fundraising Regulator

How to use your online community

Discussion List