@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>

New Feature: Fill out your Profile to share more about you. Learn more...

Announcements, news, and Breastcancer.org content updates

Archives for July 2023

Study participant opportunity! Earn $78.00
Open enrollment for Assessing Cognitive Outcomes After Breast Cancer Study has begun at the University of Texas at Austin! Through this remote study, they hope to learn more about the impact of cognitive changes on everyday life following breast cancer treatment. What to expect: The study will take about 2 months to…

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

Give your account some personality! Add a profile photo.

@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|