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

Ulcerative Colitis

Auto-immune comorbidities

Wendy_L 19 views 3 replies 0 points Most recent by ibdxnathalie September 26
AMA with Ayarpi next week!

ayarpi11 16 views 3 replies 0 points Most recent by MaryPettigrew August 18
11 Years Post Jpouch!

Jackie_Z 31 views 4 replies 0 points Most recent by Jackie_Z June 22
Cheat Day

Wendy_L 32 views 4 replies 0 points Most recent by AnnMarie June 21
Share your memories

Wendy_L 13 views 2 replies 0 points Most recent by Jackie_Z May 19
Considering a reversal, but only theoretically ...

kerryb 65 views 8 replies 0 points Most recent by Jackie_Z May 11
What are some of your self-care practices?

invisibleUC 85 views 18 replies 0 points Most recent by invisibleUC May 9
Steroid Side Effects

Jackie_Z 71 views 6 replies 0 points Most recent by Jackie_Z May 9
Heartburn (GERD) remedies?

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

Wendy_L 30 views 2 replies 0 points Most recent by Wendy_L April 4

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