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

Surgery - Before, During, and After

Archives for July 2009

Drinking cold things feels weird after mastectomy
Every time I take a drink of ice cold water (or anything ice cold), it feels as though someone is pouring ice cold water down my chest on the outside! It takes my breath away! Is this normal?

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|