.tl-footer-root { background: #fff; border-top: 1px solid #cacaca; position: relative; z-index: 3; } .tl-footer { margin: 32px 0; } .brought-to-you { color: #000; font-family: "Helvetica Neue", Helvetica, arial, sans-serif; font-size: 14px; font-weight: 500; letter-spacing: 0; line-height: 18px; padding: 0 16px 16px 16px; } .tl-tagline { margin: 0; } .tl-anchor { color: #000; font-weight: bold; text-decoration: none; } .copyright { color: #000000; font-family: "Helvetica Neue", Helvetica, arial, sans-serif; font-size: 14px; font-weight: 500; letter-spacing: 0; line-height: 20px; margin: 8px 0; } .tl-logo { height: 65px; width: 180px; margin-bottom: 4px; } .tl-footer-heading { color: #000000; font-family: Futura, "Trebuchet MS", Arial, sans-serif; font-size: 16px; font-weight: bold; letter-spacing: 0.57px; line-height: 20px; margin-top: 0; text-transform: uppercase; } .tl-nav { padding: 0; } .tl-nav-item { list-style-type: none; margin-bottom: 16px; } .tl-nav-anchor { color: #000000; font-family: Futura, "Trebuchet MS", Arial, sans-serif; font-size: 16px; font-weight: 500; letter-spacing: 0.07px; line-height: 24px; text-decoration: none; } .tl-nav-anchor:hover, .tl-anchor:hover { color: #008fd6; text-decoration: underline; } .tl-social { height: 24px; margin-right: 8px; width: 24px; } .tl-nav-anchor { display: flex; flex-flow: row nowrap; align-items: center; } .learn-more { padding: 16px; } .follow-us { grid-area: follow-us; padding: 16px 16px 0 16px; } .follow-us .tl-nav, .follow-us .tl-nav-item:last-child { margin-bottom: 0; } .navigate { padding: 0 16px 16px 16px; } .bars { background: #ffda02; background: linear-gradient( 180deg, #fff6c0 0%, #fff6c0 24%, #ffec80 25%, #ffec80 49%, #ffe442 50%, #ffe442 74%, #ffda02 75%, #ffda02 100% ); height: 32px; } @media (min-width: 768px) { .tl-footer { display: grid; grid-template-areas: "brought-to-you navigate learn-more" "brought-to-you navigate follow-us"; justify-content: space-between; margin: 32px 0 24px 0; } .brought-to-you { grid-area: brought-to-you; } .navigate { grid-area: navigate; } .learn-more { grid-area: learn-more; padding: 0 16px; margin-bottom: 28px; } .follow-us { grid-area: follow-us; padding: 0 16px; } } @media (min-width: 1024px) { .tl-footer-wrapper { margin: auto; max-width: 1200px; } .tl-footer { display: flex; flex-flow: row nowrap; justify-content: space-between; margin: 32px 12px; } .tl-logo { height: 65px; width: 180px; } .brought-to-you { font-size: 16px; line-height: 24px; } .navigate { padding: 0 16px; } .navigate .tl-nav, .navigate .tl-nav-item:last-child { margin-bottom: 0; } .learn-more { margin-bottom: 0; } .follow-us { padding-bottom: 16px; } .follow-us .tl-nav-item { margin-bottom: 16px; } }

Recent Discussions

IBDLyfe is a safe, moderated patient community of IBD patients and care partners. It includes a Community Forum, Find a Friend matching, Health Tracker, and Resources!

Treats for a Cheat Day, Part 3

Wendy_L 11 views 0 replies 0 points Started by Wendy_L June 9 Care Partner of Adult
Treats for a Cheat Day, Part 2

Wendy_L 6 views 0 replies 0 points Started by Wendy_L June 9 Care Partner of Adult
Treats for a Cheat Day, Part 1

Wendy_L 13 views 0 replies 0 points Started by Wendy_L June 9 Care Partner of Adult
IBD Strong's V'IBD Teens World IBD Day Celebration

Liat_S 30 views 6 replies 0 points Most recent by Liat_S May 28IBD
Healthy Snacks for Kids with IBD

Wendy_L 31 views 1 reply 0 points Most recent by Keyla May 26Care Partner of Child
World IBD Day

AnnMarie 26 views 3 replies 0 points Most recent by KarinLyfe May 19IBD
World IBD Day IG Takeover!

Jackie_Z 17 views 1 reply 0 points Most recent by KarinLyfe May 19IBD
Self Discovery: A Never-ending Process

Wendy_L 19 views 1 reply 0 points Most recent by invisibleUC May 19IBD
Share your memories

Wendy_L 13 views 2 replies 0 points Most recent by Jackie_Z May 19Ulcerative Colitis
An Inspirational Reminder

Wendy_L 37 views 7 replies 0 points Most recent by Katelyn May 18IBD

.tl-footer-root { background: #fff; border-top: 1px solid #cacaca; position: relative; z-index: 3; } .tl-footer { margin: 32px 0; } .brought-to-you { color: #000; font-family: "Helvetica Neue", Helvetica, arial, sans-serif; font-size: 14px; font-weight: 500; letter-spacing: 0; line-height: 18px; padding: 0 16px 16px 16px; } .tl-tagline { margin: 0; } .tl-anchor { color: #000; font-weight: bold; text-decoration: none; } .copyright { color: #000000; font-family: "Helvetica Neue", Helvetica, arial, sans-serif; font-size: 14px; font-weight: 500; letter-spacing: 0; line-height: 20px; margin: 8px 0; } .tl-logo { height: 65px; width: 180px; margin-bottom: 4px; } .tl-footer-heading { color: #000000; font-family: Futura, "Trebuchet MS", Arial, sans-serif; font-size: 16px; font-weight: bold; letter-spacing: 0.57px; line-height: 20px; margin-top: 0; text-transform: uppercase; } .tl-nav { padding: 0; } .tl-nav-item { list-style-type: none; margin-bottom: 16px; } .tl-nav-anchor { color: #000000; font-family: Futura, "Trebuchet MS", Arial, sans-serif; font-size: 16px; font-weight: 500; letter-spacing: 0.07px; line-height: 24px; text-decoration: none; } .tl-nav-anchor:hover, .tl-anchor:hover { color: #008fd6; text-decoration: underline; } .tl-social { height: 24px; margin-right: 8px; width: 24px; } .tl-nav-anchor { display: flex; flex-flow: row nowrap; align-items: center; } .learn-more { padding: 16px; } .follow-us { grid-area: follow-us; padding: 16px 16px 0 16px; } .follow-us .tl-nav, .follow-us .tl-nav-item:last-child { margin-bottom: 0; } .navigate { padding: 0 16px 16px 16px; } .bars { background: #ffda02; background: linear-gradient( 180deg, #fff6c0 0%, #fff6c0 24%, #ffec80 25%, #ffec80 49%, #ffe442 50%, #ffe442 74%, #ffda02 75%, #ffda02 100% ); height: 32px; } @media (min-width: 768px) { .tl-footer { display: grid; grid-template-areas: "brought-to-you navigate learn-more" "brought-to-you navigate follow-us"; justify-content: space-between; margin: 32px 0 24px 0; } .brought-to-you { grid-area: brought-to-you; } .navigate { grid-area: navigate; } .learn-more { grid-area: learn-more; padding: 0 16px; margin-bottom: 28px; } .follow-us { grid-area: follow-us; padding: 0 16px; } } @media (min-width: 1024px) { .tl-footer-wrapper { margin: auto; max-width: 1200px; } .tl-footer { display: flex; flex-flow: row nowrap; justify-content: space-between; margin: 32px 12px; } .tl-logo { height: 65px; width: 180px; } .brought-to-you { font-size: 16px; line-height: 24px; } .navigate { padding: 0 16px; } .navigate .tl-nav, .navigate .tl-nav-item:last-child { margin-bottom: 0; } .learn-more { margin-bottom: 0; } .follow-us { padding-bottom: 16px; } .follow-us .tl-nav-item { margin-bottom: 16px; } }