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

Recliner sleeping after DIEP: What to look for? What to avoid?
Hi! I'm hoping some of your have experience that can help us out with preparing for my next surgery. I'm going to be having a DIEP reconstruction sometime in either Oct or early Nov. After my mastectomies in Aug I made due with sleeping in our king size bed with a bunch of pillows wedged all around me. But after reading…

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|