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

Surgery

Working through blockages at home

Jackie_Z 25 views 1 reply 0 points Most recent by Wendy_L February 2022Ulcerative Colitis
Sex and Intimacy: When to Disclose Your Diagnosis

Wendy_L 40 views 1 reply 0 points Most recent by MeganMattox February 2022IBD
The Tattoo Generation

Wendy_L 27 views 3 replies 0 points Most recent by MeganMattox February 2022Ulcerative Colitis
Sex & Intimacy: Discussing Sexual Problems

Wendy_L 13 views 1 reply 0 points Most recent by Jackie_Z February 2022IBD
Innovations in IBD: Regentys and ECM

Wendy_L 57 views 0 replies 0 points Started by Wendy_L February 2022 Ulcerative Colitis
Mental Health and IBD

invisibleUC 44 views 2 replies 0 points Most recent by Katelyn January 2022IBD
Ileostomy

Accepted Answer RachelJ 54 views 7 replies 0 points Most recent by Molly December 2021IBD
Ostomy Bags: What should the kids know?

Wendy_L 48 views 2 replies 0 points Most recent by Wendy_L December 2021Ulcerative Colitis
What to do when first diagnosed

Wendy_L 35 views 0 replies 0 points Started by Wendy_L December 2021 IBD
IBD and surgeries

Molly 27 views 5 replies 0 points Most recent by RachelJ December 2021IBD

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