@font-face { font-family: "Larsseit"; src: url(https://bco-cdn.s3.amazonaws.com/vanilla/fonts/Larsseit.woff2) format("woff2"); } @font-face { font-family: "Sabon LT"; src: url(https://bco-cdn.s3.amazonaws.com/vanilla/fonts/Sabon-LT.woff2) format("woff2"); } a { color: inherit; text-decoration: none; } .footerContainer { background-color: #221836; color: #fff; padding-top: 4rem; position: relative; } @media (min-width: 701px) { .footerContainer { position: relative; } } .container { grid-template-columns: 1fr 1.6rem 1fr 1.6rem 1fr 1.6rem 1fr 1.6rem 1fr 1.6rem 1fr; -ms-grid-columns: 1fr 1.6rem 1fr 1.6rem 1fr 1.6rem 1fr 1.6rem 1fr 1.6rem 1fr; padding-left: 2rem; padding-right: 2rem; } @media (min-width: 1201px) { .container { grid-template-columns: 1fr 3.8rem 1fr 3.8rem 1fr 3.8rem 1fr 3.8rem 1fr 3.8rem 1fr 3.8rem 1fr 3.8rem 1fr 3.8rem 1fr 3.8rem 1fr 3.8rem 1fr 3.8rem 1fr; -ms-grid-columns: 1fr 3.8rem 1fr 3.8rem 1fr 3.8rem 1fr 3.8rem 1fr 3.8rem 1fr 3.8rem 1fr 3.8rem 1fr 3.8rem 1fr 3.8rem 1fr 3.8rem 1fr 3.8rem 1fr; padding: 0; max-width: 144rem; margin-inline: 240px; display: grid; } } @media (min-width: 701px) { .container { grid-template-columns: 1fr 1.8rem 1fr 1.8rem 1fr 1.8rem 1fr 1.8rem 1fr 1.8rem 1fr 1.8rem 1fr 1.8rem 1fr 1.8rem 1fr 1.8rem 1fr 1.8rem 1fr 1.8rem 1fr; -ms-grid-columns: 1fr 1.8rem 1fr 1.8rem 1fr 1.8rem 1fr 1.8rem 1fr 1.8rem 1fr 1.8rem 1fr 1.8rem 1fr 1.8rem 1fr 1.8rem 1fr 1.8rem 1fr 1.8rem 1fr; padding: 0; display: grid; } } .donateGridWrapper { grid-column-start: 1; grid-column-end: span 9; -ms-grid-columns: 1fr 1.6rem 1fr 1.6rem 1fr 1.6rem 1fr 1.6rem 1fr; grid-template-columns: 1fr 1.6rem 1fr 1.6rem 1fr 1.6rem 1fr 1.6rem 1fr; } @media (min-width: 1201px) { .donateGridWrapper { grid-column-start: 1; grid-column-end: span 11; -ms-grid-columns: 1fr 3.8rem 1fr 3.8rem 1fr 3.8rem 1fr 3.8rem 1fr; grid-template-columns: 1fr 3.8rem 1fr 3.8rem 1fr 3.8rem 1fr 3.8rem 1fr; } } @media (min-width: 701px) { .donateGridWrapper { grid-column-start: 1; grid-column-end: span 8; -ms-grid-columns: 1fr 1.8rem 1fr 1.8rem 1fr 1.8rem 1fr 1.8rem 1fr 1.8rem 1fr 1.8rem 1fr 1.8rem 1fr; grid-template-columns: 1fr 1.8rem 1fr 1.8rem 1fr 1.8rem 1fr 1.8rem 1fr 1.8rem 1fr 1.8rem 1fr 1.8rem 1fr; } } .textWrapper { line-height: 110%; letter-spacing: -0.02em; font-family: "Sabon LT", serif; font-weight: 400; margin: 0; font-size: 2.25rem; letter-spacing: 0; margin-bottom: 1.2rem; } @media (min-width: 701px) { .textWrapper { margin-bottom: 2.4rem; letter-spacing: -0.02em; font-size: 2rem; } } @media (min-width: 1201px) { .textWrapper { font-size: 2.25rem; } } .donateButton { align-items: center; justify-content: center; border-radius: 30px; cursor: pointer; outline: none; text-decoration: none; border: none; transition: border 0.12s ease, box-shadow 0.12s ease, background-color 0.12s ease; font-family: "Larsseit", sans-serif; font-style: normal; font-weight: 500; display: inline-flex; margin-bottom: 4rem; margin-top: 8rem; height: 3.5rem; padding: 0 3.2rem; font-size: 1rem; line-height: 130%; background-color: #fff; color: #2d262d; -webkit-text-fill-color: #2d262d; } @media (min-width: 701px) { .donateButton { margin-bottom: 4.8rem; margin-top: 2.4rem; } } .signupContainerText { letter-spacing: -0.02em; margin: 0; letter-spacing: 0; line-height: 120%; margin-bottom: 1rem; font-size: 2.25rem; font-family: "Sabon LT"; font-style: normal; font-weight: 400; } @media (min-width: 701px) { .signupContainerText { letter-spacing: -0.02em; font-size: 2rem; } } @media (min-width: 1201px) { .signupContainerText { font-size: 1.8rem; } } .signupContainerParagraph { font-size: 1rem; margin-bottom: 1.6rem; opacity: 0.8; font-family: "Sabon LT", sans-serif; font-style: normal; line-height: 150%; margin-top: 0; } .newsletterSignup { position: relative; } .newsletterShare { display: flex; margin: 2.8rem 0 4rem; } @media (min-width: 701px) { .newsletterShare { margin: 3.4rem 0 4.8rem; } } .mailFormWrapper { grid-column-start: 1; grid-column-end: span 11; -ms-grid-columns: 1fr 1.6rem 1fr 1.6rem 1fr 1.6rem 1fr 1.6rem 1fr 1.6rem 1fr; grid-template-columns: 1fr 1.6rem 1fr 1.6rem 1fr 1.6rem 1fr 1.6rem 1fr 1.6rem 1fr; } @media (min-width: 701px) { .mailFormWrapper { -ms-grid-columns: 1fr 1.8rem 1fr 1.8rem 1fr 1.8rem 1fr 1.8rem 1fr 1.8rem 1fr 1.8rem 1fr 1.8rem 1fr 1.8rem 1fr 1.8rem 1fr 1.8rem 1fr 1.8rem 1fr; grid-template-columns: 1fr 1.8rem 1fr 1.8rem 1fr 1.8rem 1fr 1.8rem 1fr 1.8rem 1fr 1.8rem 1fr 1.8rem 1fr 1.8rem 1fr 1.8rem 1fr 1.8rem 1fr 1.8rem 1fr; grid-column-start: 1; grid-column-end: span 23; } } @media (min-width: 1201px) { .mailFormWrapper { grid-column-start: 12; grid-column-end: span 12; -ms-grid-columns: 1fr 3.8rem 1fr 3.8rem 1fr 3.8rem 1fr 3.8rem 1fr 3.8rem 1fr; grid-template-columns: 1fr 3.8rem 1fr 3.8rem 1fr 3.8rem 1fr 3.8rem 1fr 3.8rem 1fr; } } .mailWrapper { top: 3rem; position: absolute; left: 0; color: #706d77; transition: font-size 0.15s ease, line-height 0.15s ease, top 0.15s ease, color 0.15s ease; font-size: 1.6rem; line-height: 150%; font-family: Larsseit; font-style: normal; font-weight: 400; } @media (min-width: 1201px) { .mailWrapper { top: 3rem; font-size: 1.8rem; line-height: 180%; } } .divider { grid-column-start: 1; grid-column-end: span 11; border-bottom: 1px solid hsla(0, 0%, 87%, 0.3); margin-bottom: 3rem; -ms-grid-columns: 1fr 1.6rem 1fr 1.6rem 1fr 1.6rem 1fr 1.6rem 1fr 1.6rem 1fr; grid-template-columns: 1fr 1.6rem 1fr 1.6rem 1fr 1.6rem 1fr 1.6rem 1fr 1.6rem 1fr; } @media (min-width: 701px) { .divider { margin-bottom: 3rem; -ms-grid-columns: 1fr 1.8rem 1fr 1.8rem 1fr 1.8rem 1fr 1.8rem 1fr 1.8rem 1fr 1.8rem 1fr 1.8rem 1fr 1.8rem 1fr 1.8rem 1fr 1.8rem 1fr 1.8rem 1fr; grid-template-columns: 1fr 1.8rem 1fr 1.8rem 1fr 1.8rem 1fr 1.8rem 1fr 1.8rem 1fr 1.8rem 1fr 1.8rem 1fr 1.8rem 1fr 1.8rem 1fr 1.8rem 1fr 1.8rem; grid-column-start: 1; grid-column-end: span 23; } } .mailLabel { position: relative; width: 100%; min-height: 6.2rem; display: flex; flex-direction: column; justify-content: flex-end; cursor: pointer; } .inputMail { width: 100%; height: 5rem; padding: 0; margin: 2.5rem 0 0; background: transparent; border: none; cursor: pointer; font-family: "Larsseit", sans-serif; font-style: normal; font-size: 1.2rem; line-height: 150%; color: #fff; } .inputMail:focus-visible { border: none; outline: none; } .inputMail::placeholder { color: #fff; opacity: 0.8; font-size: 1.2rem; font-family: "Larsseit", sans-serif; } .inputLabelDiv { position: absolute; top: 3.5rem; left: 0; transition: font-size 0.15s ease, line-height 0.15s ease, top 0.15s ease, color 0.15s ease; color: #ddd; } .textFieldDivider { position: relative; margin: 1.2rem 0 0.8rem; content: ""; position: absolute; bottom: 0; left: 0; height: 1px; width: 100%; background-color: #706d77; transition: height 0.15s ease, background-color 0.15s ease; } .formButton { display: flex; align-items: center; justify-content: center; border-radius: 24px; cursor: pointer; outline: none; border: none; opacity: 0.8; transition: box-shadow 0.12s ease; background-color: transparent; position: absolute; top: 15.5rem; right: 0.6rem; } @media (min-width: 701px) { .formButton { top: 10.5rem; } } .iconWrapper { height: 2.4rem; display: flex; align-items: center; justify-content: center; margin-right: 2.4rem; } .aboutUs { grid-column-start: 0; grid-column-end: span 11; grid-gap: 6rem; gap: 6rem; } @media (min-width: 701px) { .aboutUs { grid-column-start: 1; display: grid; grid-template-columns: repeat(3, 1fr); grid-gap: 1.8rem; gap: 1.8rem; } } @media (min-width: 1201px) { .aboutUs { grid-column-end: span 11; } } .aboutUsGridColumns { display: grid; grid-template-columns: repeat(2, 1fr); grid-gap: 1.6rem; gap: 1.6rem; padding-bottom: 1.6rem; font-family: "Sabon LT", serif; } @media (min-width: 701px) { .aboutUsGridColumns { display: block; } } .aboutUsText { margin-bottom: 1.5rem; font-size: 0.875rem; font-family: "Larsseit", sans-serif; font-style: normal; font-weight: 400; line-height: 150%; margin-top: 0; } .lowOpacity { opacity: 0.8; } .aboutUsLinks { display: flex; flex-direction: column; font-family: "Larsseit", sans-serif; color: #fff; } .aboutUsRedirectLinks { color: #fff; margin-bottom: 0.5rem; font-family: "Larsseit"; font-size: 0.625rem; } .aboutUsCharityNavigator { grid-column-start: 12; grid-column-end: span 6; -ms-grid-columns: 1fr 1.6rem 1fr 1.6rem 1fr 1.6rem 1fr 1.6rem 1fr 1.6rem 1fr; grid-template-columns: 1fr 1.6rem 1fr 1.6rem 1fr 1.6rem 1fr 1.6rem 1fr 1.6rem 1fr; } @media (min-width: 701px) { .aboutUsCharityNavigator { -ms-grid-columns: 1fr 1.8rem 1fr 1.8rem 1fr; grid-template-columns: 1fr 1.8rem 1fr 1.8rem 1fr; grid-column-end: span 9; grid-column-start: 13; } } @media (min-width: 1201px) { .aboutUsCharityNavigator { display: flex; -ms-grid-columns: 1fr 3.8rem 1fr 3.8rem 1fr 3.8rem 1fr 3.8rem 1fr; grid-template-columns: 1fr 3.8rem 1fr 3.8rem 1fr 3.8rem 1fr 3.8rem 1fr; grid-column-start: 12; grid-column-end: span 6; } } .charityNavigatorWrapper { display: flex; align-items: flex-start; padding-top: 4rem; border-top: 1px solid hsla(0, 0%, 87%, 0.3); } @media (min-width: 701px) { .charityNavigatorWrapper { border: none; padding-top: 0; } } @media (min-width: 1201px) { .charityNavigatorWrapper { flex-direction: row; } } .charityNavigatorWrapperText { font-family: "Larsseit", sans-serif; font-style: normal; font-weight: 400; line-height: 150%; opacity: 0.8; margin-left: 1.6rem; font-size: 0.875rem; margin-inline: 1.5rem; } @media (min-width: 1201px) { .charityNavigatorWrapperText { width: 350px; } } .bottomMainContainer { padding-top: 4rem; padding-bottom: 4rem; align-items: flex-end; } .gridBottomItems { display: flex; } @media (min-width: 701px) { .gridBottomItems { display: flex; grid-column-start: 1; grid-column-end: span 23; padding-bottom: 1.6rem; -ms-grid-columns: 1fr 1.8rem 1fr 1.8rem 1fr 1.8rem 1fr 1.8rem 1fr 1.8rem 1fr 1.8rem 1fr 1.8rem 1fr 1.8rem 1fr 1.8rem 1fr 1.8rem 1fr 1.8rem 1fr; grid-template-columns: 1fr 1.8rem 1fr 1.8rem 1fr 1.8rem 1fr 1.8rem 1fr 1.8rem 1fr 1.8rem 1fr 1.8rem 1fr 1.8rem 1fr 1.8rem 1fr 1.8rem 1fr 1.8rem 1fr; } } @media (min-width: 1201px) { .gridBottomItems { display: grid; grid-column-start: 1; grid-column-end: span 23; grid-template-columns: 1fr 3.8rem 1fr 3.8rem 1fr 3.8rem 1fr 3.8rem 1fr 3.8rem 1fr 3.8rem 1fr 3.8rem 1fr 3.8rem 1fr 3.8rem 1fr 3.8rem 1fr 3.8rem 1fr; padding-block: 2.5rem; grid-row: 1; } } .gridBottomItemsLinksContainer { display: flex; flex-wrap: wrap; padding-right: 4.8rem; grid-column-end: 10; grid-column-start: 1; } @media (min-width: 701px) { .gridBottomItemsLinksContainer { padding-right: 0; flex-wrap: nowrap; grid-column-end: 24; display: grid; } } @media (min-width: 1201px) { .gridBottomItemsLinksContainer { padding-right: 0; grid-column-end: 24; grid-row-start: 2; display: grid; } } .bottomItemLinkWrapper { display: flex; margin-top: 3.75rem; } @media (min-width: 701px) { .bottomItemLinkWrapper { margin-top: 3.75rem; } } .linksDivider { font-style: normal; font-weight: 400; font-size: 0.875; display: block; margin-inline: 0.5rem; opacity: 0.8; } .footerDisclaimer { grid-row: 1; display: flex; justify-content: space-between; align-items: center; grid-column-end: 23; grid-column-start: 12; max-width: 490px; } @media (min-width: 701px) { .footerDisclaimer { grid-column-start: 1; } } @media (min-width: 1201px) { .footerDisclaimer { grid-column-start: 15; grid-row-start: 1; } } .rightsReservedFooter { font-size: 0.875rem; opacity: 0.8; font-family: "Larsseit", sans-serif; font-style: normal; display: grid; line-height: 150%; padding-top: 25px; grid-column-start: 11; grid-column-end: 24; }<iframe src="https://www.googletagmanager.com/ns.html?id=GTM-K6CHKDP" height="0" width="0" style="display:none;visibility:hidden"></iframe>

Xeloda (capecitabine)

All about Xeloda
I will complete my first cycle of Xeloda today (2 weeks on; one week off). I have already noticed some signs of HFS on my feet. Sometimes they are red and feel hot. I've had some minor skin peeling, but not any blistering. The heels are the worst (the most sensitive) and it is uncomfortable to walk. I hope I get to see the…
Hello Im new here.
Hi my name is Pam. Good morning. I'm just looking for support and advise or knowledge concerning my treatment. I was diagnosed in May of 2021 with metastatic breast cancer. I had breast cancer in2014 and had a right mastectomy and 12 rounds of chemo 5 years of anastrozole. Then this diagnosis. My oncologist started me on…
Just diagnosed with metastatic breast cancer (MBC), Stage IV? Start here.
Here are some helpful resources if you've just been diagnosed with stage IV breast cancer, also known as metastatic or MBC. Join our Zoom Meetups for MBC! Anyone with MBC, register here: Mondays 2-3:30 pm ETTuesdays 8:30 pm ETWednesdays 4-5:30 pm ETYounger With MBC, register here: Thursdays, bi-weekly at 1:00 PM ETGreat…
Important Stage IV Topics and Links for Stage IV Newbies
Here are some helpful resources if you've just been diagnosed with stage IV breast cancer, also known as metastatic or MBC. Join our Zoom Meetups for MBC! Anyone with MBC, register here: Mondays 2-3:30 pm ETTuesdays 8:30 pm ETWednesdays 4-5:30 pm ETYounger With MBC, register here: Thursdays, bi-weekly at 1:00 PM ETGreat…

Join Us on Zoom: Upcoming virtual meetups. Read more...

@font-face { font-family: "Larsseit"; src: url(https://bco-cdn.s3.amazonaws.com/vanilla/fonts/Larsseit.woff2) format("woff2"); } @font-face { font-family: "Sabon LT"; src: url(https://bco-cdn.s3.amazonaws.com/vanilla/fonts/Sabon-LT.woff2) format("woff2"); } a { color: inherit; text-decoration: none; } .footerContainer { background-color: #221836; color: #fff; padding-top: 4rem; position: relative; } @media (min-width: 701px) { .footerContainer { position: relative; } } .container { grid-template-columns: 1fr 1.6rem 1fr 1.6rem 1fr 1.6rem 1fr 1.6rem 1fr 1.6rem 1fr; -ms-grid-columns: 1fr 1.6rem 1fr 1.6rem 1fr 1.6rem 1fr 1.6rem 1fr 1.6rem 1fr; padding-left: 2rem; padding-right: 2rem; } @media (min-width: 1201px) { .container { grid-template-columns: 1fr 3.8rem 1fr 3.8rem 1fr 3.8rem 1fr 3.8rem 1fr 3.8rem 1fr 3.8rem 1fr 3.8rem 1fr 3.8rem 1fr 3.8rem 1fr 3.8rem 1fr 3.8rem 1fr; -ms-grid-columns: 1fr 3.8rem 1fr 3.8rem 1fr 3.8rem 1fr 3.8rem 1fr 3.8rem 1fr 3.8rem 1fr 3.8rem 1fr 3.8rem 1fr 3.8rem 1fr 3.8rem 1fr 3.8rem 1fr; padding: 0; max-width: 144rem; margin-inline: 240px; display: grid; } } @media (min-width: 701px) { .container { grid-template-columns: 1fr 1.8rem 1fr 1.8rem 1fr 1.8rem 1fr 1.8rem 1fr 1.8rem 1fr 1.8rem 1fr 1.8rem 1fr 1.8rem 1fr 1.8rem 1fr 1.8rem 1fr 1.8rem 1fr; -ms-grid-columns: 1fr 1.8rem 1fr 1.8rem 1fr 1.8rem 1fr 1.8rem 1fr 1.8rem 1fr 1.8rem 1fr 1.8rem 1fr 1.8rem 1fr 1.8rem 1fr 1.8rem 1fr 1.8rem 1fr; padding: 0; display: grid; } } .donateGridWrapper { grid-column-start: 1; grid-column-end: span 9; -ms-grid-columns: 1fr 1.6rem 1fr 1.6rem 1fr 1.6rem 1fr 1.6rem 1fr; grid-template-columns: 1fr 1.6rem 1fr 1.6rem 1fr 1.6rem 1fr 1.6rem 1fr; } @media (min-width: 1201px) { .donateGridWrapper { grid-column-start: 1; grid-column-end: span 11; -ms-grid-columns: 1fr 3.8rem 1fr 3.8rem 1fr 3.8rem 1fr 3.8rem 1fr; grid-template-columns: 1fr 3.8rem 1fr 3.8rem 1fr 3.8rem 1fr 3.8rem 1fr; } } @media (min-width: 701px) { .donateGridWrapper { grid-column-start: 1; grid-column-end: span 8; -ms-grid-columns: 1fr 1.8rem 1fr 1.8rem 1fr 1.8rem 1fr 1.8rem 1fr 1.8rem 1fr 1.8rem 1fr 1.8rem 1fr; grid-template-columns: 1fr 1.8rem 1fr 1.8rem 1fr 1.8rem 1fr 1.8rem 1fr 1.8rem 1fr 1.8rem 1fr 1.8rem 1fr; } } .textWrapper { line-height: 110%; letter-spacing: -0.02em; font-family: "Sabon LT", serif; font-weight: 400; margin: 0; font-size: 2.25rem; letter-spacing: 0; margin-bottom: 1.2rem; } @media (min-width: 701px) { .textWrapper { margin-bottom: 2.4rem; letter-spacing: -0.02em; font-size: 2rem; } } @media (min-width: 1201px) { .textWrapper { font-size: 2.25rem; } } .donateButton { align-items: center; justify-content: center; border-radius: 30px; cursor: pointer; outline: none; text-decoration: none; border: none; transition: border 0.12s ease, box-shadow 0.12s ease, background-color 0.12s ease; font-family: "Larsseit", sans-serif; font-style: normal; font-weight: 500; display: inline-flex; margin-bottom: 4rem; margin-top: 8rem; height: 3.5rem; padding: 0 3.2rem; font-size: 1rem; line-height: 130%; background-color: #fff; color: #2d262d; -webkit-text-fill-color: #2d262d; } @media (min-width: 701px) { .donateButton { margin-bottom: 4.8rem; margin-top: 2.4rem; } } .signupContainerText { letter-spacing: -0.02em; margin: 0; letter-spacing: 0; line-height: 120%; margin-bottom: 1rem; font-size: 2.25rem; font-family: "Sabon LT"; font-style: normal; font-weight: 400; } @media (min-width: 701px) { .signupContainerText { letter-spacing: -0.02em; font-size: 2rem; } } @media (min-width: 1201px) { .signupContainerText { font-size: 1.8rem; } } .signupContainerParagraph { font-size: 1rem; margin-bottom: 1.6rem; opacity: 0.8; font-family: "Sabon LT", sans-serif; font-style: normal; line-height: 150%; margin-top: 0; } .newsletterSignup { position: relative; } .newsletterShare { display: flex; margin: 2.8rem 0 4rem; } @media (min-width: 701px) { .newsletterShare { margin: 3.4rem 0 4.8rem; } } .mailFormWrapper { grid-column-start: 1; grid-column-end: span 11; -ms-grid-columns: 1fr 1.6rem 1fr 1.6rem 1fr 1.6rem 1fr 1.6rem 1fr 1.6rem 1fr; grid-template-columns: 1fr 1.6rem 1fr 1.6rem 1fr 1.6rem 1fr 1.6rem 1fr 1.6rem 1fr; } @media (min-width: 701px) { .mailFormWrapper { -ms-grid-columns: 1fr 1.8rem 1fr 1.8rem 1fr 1.8rem 1fr 1.8rem 1fr 1.8rem 1fr 1.8rem 1fr 1.8rem 1fr 1.8rem 1fr 1.8rem 1fr 1.8rem 1fr 1.8rem 1fr; grid-template-columns: 1fr 1.8rem 1fr 1.8rem 1fr 1.8rem 1fr 1.8rem 1fr 1.8rem 1fr 1.8rem 1fr 1.8rem 1fr 1.8rem 1fr 1.8rem 1fr 1.8rem 1fr 1.8rem 1fr; grid-column-start: 1; grid-column-end: span 23; } } @media (min-width: 1201px) { .mailFormWrapper { grid-column-start: 12; grid-column-end: span 12; -ms-grid-columns: 1fr 3.8rem 1fr 3.8rem 1fr 3.8rem 1fr 3.8rem 1fr 3.8rem 1fr; grid-template-columns: 1fr 3.8rem 1fr 3.8rem 1fr 3.8rem 1fr 3.8rem 1fr 3.8rem 1fr; } } .mailWrapper { top: 3rem; position: absolute; left: 0; color: #706d77; transition: font-size 0.15s ease, line-height 0.15s ease, top 0.15s ease, color 0.15s ease; font-size: 1.6rem; line-height: 150%; font-family: Larsseit; font-style: normal; font-weight: 400; } @media (min-width: 1201px) { .mailWrapper { top: 3rem; font-size: 1.8rem; line-height: 180%; } } .divider { grid-column-start: 1; grid-column-end: span 11; border-bottom: 1px solid hsla(0, 0%, 87%, 0.3); margin-bottom: 3rem; -ms-grid-columns: 1fr 1.6rem 1fr 1.6rem 1fr 1.6rem 1fr 1.6rem 1fr 1.6rem 1fr; grid-template-columns: 1fr 1.6rem 1fr 1.6rem 1fr 1.6rem 1fr 1.6rem 1fr 1.6rem 1fr; } @media (min-width: 701px) { .divider { margin-bottom: 3rem; -ms-grid-columns: 1fr 1.8rem 1fr 1.8rem 1fr 1.8rem 1fr 1.8rem 1fr 1.8rem 1fr 1.8rem 1fr 1.8rem 1fr 1.8rem 1fr 1.8rem 1fr 1.8rem 1fr 1.8rem 1fr; grid-template-columns: 1fr 1.8rem 1fr 1.8rem 1fr 1.8rem 1fr 1.8rem 1fr 1.8rem 1fr 1.8rem 1fr 1.8rem 1fr 1.8rem 1fr 1.8rem 1fr 1.8rem 1fr 1.8rem; grid-column-start: 1; grid-column-end: span 23; } } .mailLabel { position: relative; width: 100%; min-height: 6.2rem; display: flex; flex-direction: column; justify-content: flex-end; cursor: pointer; } .inputMail { width: 100%; height: 5rem; padding: 0; margin: 2.5rem 0 0; background: transparent; border: none; cursor: pointer; font-family: "Larsseit", sans-serif; font-style: normal; font-size: 1.2rem; line-height: 150%; color: #fff; } .inputMail:focus-visible { border: none; outline: none; } .inputMail::placeholder { color: #fff; opacity: 0.8; font-size: 1.2rem; font-family: "Larsseit", sans-serif; } .inputLabelDiv { position: absolute; top: 3.5rem; left: 0; transition: font-size 0.15s ease, line-height 0.15s ease, top 0.15s ease, color 0.15s ease; color: #ddd; } .textFieldDivider { position: relative; margin: 1.2rem 0 0.8rem; content: ""; position: absolute; bottom: 0; left: 0; height: 1px; width: 100%; background-color: #706d77; transition: height 0.15s ease, background-color 0.15s ease; } .formButton { display: flex; align-items: center; justify-content: center; border-radius: 24px; cursor: pointer; outline: none; border: none; opacity: 0.8; transition: box-shadow 0.12s ease; background-color: transparent; position: absolute; top: 15.5rem; right: 0.6rem; } @media (min-width: 701px) { .formButton { top: 10.5rem; } } .iconWrapper { height: 2.4rem; display: flex; align-items: center; justify-content: center; margin-right: 2.4rem; } .aboutUs { grid-column-start: 0; grid-column-end: span 11; grid-gap: 6rem; gap: 6rem; } @media (min-width: 701px) { .aboutUs { grid-column-start: 1; display: grid; grid-template-columns: repeat(3, 1fr); grid-gap: 1.8rem; gap: 1.8rem; } } @media (min-width: 1201px) { .aboutUs { grid-column-end: span 11; } } .aboutUsGridColumns { display: grid; grid-template-columns: repeat(2, 1fr); grid-gap: 1.6rem; gap: 1.6rem; padding-bottom: 1.6rem; font-family: "Sabon LT", serif; } @media (min-width: 701px) { .aboutUsGridColumns { display: block; } } .aboutUsText { margin-bottom: 1.5rem; font-size: 0.875rem; font-family: "Larsseit", sans-serif; font-style: normal; font-weight: 400; line-height: 150%; margin-top: 0; } .lowOpacity { opacity: 0.8; } .aboutUsLinks { display: flex; flex-direction: column; font-family: "Larsseit", sans-serif; color: #fff; } .aboutUsRedirectLinks { color: #fff; margin-bottom: 0.5rem; font-family: "Larsseit"; font-size: 0.625rem; } .aboutUsCharityNavigator { grid-column-start: 12; grid-column-end: span 6; -ms-grid-columns: 1fr 1.6rem 1fr 1.6rem 1fr 1.6rem 1fr 1.6rem 1fr 1.6rem 1fr; grid-template-columns: 1fr 1.6rem 1fr 1.6rem 1fr 1.6rem 1fr 1.6rem 1fr 1.6rem 1fr; } @media (min-width: 701px) { .aboutUsCharityNavigator { -ms-grid-columns: 1fr 1.8rem 1fr 1.8rem 1fr; grid-template-columns: 1fr 1.8rem 1fr 1.8rem 1fr; grid-column-end: span 9; grid-column-start: 13; } } @media (min-width: 1201px) { .aboutUsCharityNavigator { display: flex; -ms-grid-columns: 1fr 3.8rem 1fr 3.8rem 1fr 3.8rem 1fr 3.8rem 1fr; grid-template-columns: 1fr 3.8rem 1fr 3.8rem 1fr 3.8rem 1fr 3.8rem 1fr; grid-column-start: 12; grid-column-end: span 6; } } .charityNavigatorWrapper { display: flex; align-items: flex-start; padding-top: 4rem; border-top: 1px solid hsla(0, 0%, 87%, 0.3); } @media (min-width: 701px) { .charityNavigatorWrapper { border: none; padding-top: 0; } } @media (min-width: 1201px) { .charityNavigatorWrapper { flex-direction: row; } } .charityNavigatorWrapperText { font-family: "Larsseit", sans-serif; font-style: normal; font-weight: 400; line-height: 150%; opacity: 0.8; margin-left: 1.6rem; font-size: 0.875rem; margin-inline: 1.5rem; } @media (min-width: 1201px) { .charityNavigatorWrapperText { width: 350px; } } .bottomMainContainer { padding-top: 4rem; padding-bottom: 4rem; align-items: flex-end; } .gridBottomItems { display: flex; } @media (min-width: 701px) { .gridBottomItems { display: flex; grid-column-start: 1; grid-column-end: span 23; padding-bottom: 1.6rem; -ms-grid-columns: 1fr 1.8rem 1fr 1.8rem 1fr 1.8rem 1fr 1.8rem 1fr 1.8rem 1fr 1.8rem 1fr 1.8rem 1fr 1.8rem 1fr 1.8rem 1fr 1.8rem 1fr 1.8rem 1fr; grid-template-columns: 1fr 1.8rem 1fr 1.8rem 1fr 1.8rem 1fr 1.8rem 1fr 1.8rem 1fr 1.8rem 1fr 1.8rem 1fr 1.8rem 1fr 1.8rem 1fr 1.8rem 1fr 1.8rem 1fr; } } @media (min-width: 1201px) { .gridBottomItems { display: grid; grid-column-start: 1; grid-column-end: span 23; grid-template-columns: 1fr 3.8rem 1fr 3.8rem 1fr 3.8rem 1fr 3.8rem 1fr 3.8rem 1fr 3.8rem 1fr 3.8rem 1fr 3.8rem 1fr 3.8rem 1fr 3.8rem 1fr 3.8rem 1fr; padding-block: 2.5rem; grid-row: 1; } } .gridBottomItemsLinksContainer { display: flex; flex-wrap: wrap; padding-right: 4.8rem; grid-column-end: 10; grid-column-start: 1; } @media (min-width: 701px) { .gridBottomItemsLinksContainer { padding-right: 0; flex-wrap: nowrap; grid-column-end: 24; display: grid; } } @media (min-width: 1201px) { .gridBottomItemsLinksContainer { padding-right: 0; grid-column-end: 24; grid-row-start: 2; display: grid; } } .bottomItemLinkWrapper { display: flex; margin-top: 3.75rem; } @media (min-width: 701px) { .bottomItemLinkWrapper { margin-top: 3.75rem; } } .linksDivider { font-style: normal; font-weight: 400; font-size: 0.875; display: block; margin-inline: 0.5rem; opacity: 0.8; } .footerDisclaimer { grid-row: 1; display: flex; justify-content: space-between; align-items: center; grid-column-end: 23; grid-column-start: 12; max-width: 490px; } @media (min-width: 701px) { .footerDisclaimer { grid-column-start: 1; } } @media (min-width: 1201px) { .footerDisclaimer { grid-column-start: 15; grid-row-start: 1; } } .rightsReservedFooter { font-size: 0.875rem; opacity: 0.8; font-family: "Larsseit", sans-serif; font-style: normal; display: grid; line-height: 150%; padding-top: 25px; grid-column-start: 11; grid-column-end: 24; }

Your donation goes directly to what you read, hear, and see on Breastcancer.org.

Donate

Stay informed with emails from us

By submitting my email, I agree to receive newsletters from Breastcancer.org

About Us

Mission Team Media Financials

Get In Touch

Contact us Job postings FAQ Guidelines Abbreviations

You can help

Ways to give Donate Host a fundraiser Partnerships

Breastcancer.org is a registered 501(c)(3) nonprofit organization.
EIN is 23-3082851.

© 2022 Breastcancer.org - All rights reserved. 40 E Montgomery Avenue, 4th Floor Ardmore, PA 19003. Breastcancer.org does not provide medical advice, diagnosis or treatment. See additional information.

Policies|

Privacy|

Terms of Use|