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

Not Diagnosed But Worried

Archives for January 2021

Zero to Cancer in Just a Few Clicks
Let me start by admitting that anxiety is in my DNA, and my health anxiety in particular has gotten worse as I've gotten older. I'll be 63 next month. I've always been diligent about breast self-exam and mammogram appointments. Have had various benign issues (cysts, fibroadenomas). The skin texture is normal --- no raised,…

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|