.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; } }

Other Conditions

Auto-immune comorbidities

Wendy_L 22 views 3 replies 0 points Most recent by ibdxnathalie September 2022Ulcerative Colitis
IBD and Eye Problems

Wendy_L 55 views 3 replies 0 points Most recent by Wendy_L August 2022IBD
How do I get bloating relief?

Answered AnnMarie 32 views 3 replies 0 points Most recent by ownyourcrohns August 2022IBD
IBD and skin issues

Wendy_L 21 views 4 replies 0 points Most recent by Wendy_L July 2022IBD
Steroid Side Effects

Jackie_Z 84 views 6 replies 0 points Most recent by Jackie_Z May 2022Ulcerative Colitis
Attachable Bidet

Wendy_L 46 views 5 replies 0 points Most recent by Melody May 2022IBD
Heartburn (GERD) remedies?

Jackie_Z 48 views 5 replies 0 points Most recent by Wendy_L April 2022Ulcerative Colitis
I've made up a new word: gastrodiversity

Wendy_L 32 views 2 replies 0 points Most recent by Wendy_L April 2022Ulcerative Colitis
IBD & Autism Spectrum Disorder

Wendy_L 46 views 0 replies 0 points Started by Wendy_L March 2022 IBD
OTC Stool Meds Question

MeganMattox 49 views 4 replies 0 points Most recent by MeganMattox February 2022 IBS

.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; } }