/* Smooth scroll for all anchor/hash links CSS only */
html {
scroll-behavior: smooth;
}
html.isi-restoring-scroll {
scroll-behavior: auto !important;
}
#header-section .pbc-nav__arrow {
width: 12px;
height: 12px;
margin-left: 6px;
vertical-align: middle;
}
/* DESKTOP */
#header-section .pbc-nav-desktop {
display: block;
width: 100%;
position: sticky;
top: 0;
z-index: 1000;
}
#header-section .pbc-nav-desktop__banner {
background: #f5f5f0;
text-align: right;
padding: 10px 40px;
border-top: 3px solid #6BCABA;
border-bottom: 1px solid #e0e0e0;
}
#header-section .pbc-nav-desktop__banner span {
font-family: "Barlow", "Barlow", sans-serif;
font-size: 14px;
font-weight: 700;
color: #2d2d2d;
}
#header-section .pbc-nav-desktop__inner {
background: #f5f5f0;
display: flex;
align-items: center;
justify-content: space-between;
padding: 5px 40px;
border-bottom: 1px solid #e0e0e0;
}
#header-section .pbc-nav-desktop__logo img {
height: 45px;
width: auto;
}
#header-section .pbc-nav-desktop__links {
display: flex;
list-style: none;
margin: 0;
padding: 0;
gap: 40px;
}
#header-section .pbc-nav-desktop__link {
font-family: "Barlow", "Barlow", sans-serif;
font-size: 14px;
font-weight: 600;
color: #000000;
text-decoration: none;
display: flex;
align-items: baseline;
transition: color 0.2s ease;
}
#header-section .pbc-nav-desktop__link:hover {
color: #D16DFF;
}
#header-section .pbc-nav-desktop__link:hover .pbc-nav__arrow {
filter: brightness(0) saturate(100%) invert(55%) sepia(60%) saturate(3000%) hue-rotate(250deg);
}
#header-section .pbc-nav-mobile {
display: none;
}
/*////////////////////////////////////////////////////////*/
#breast-franchise *,
#pbc-error-pages *,
#advancing-treatment * {
padding: 0px;
margin: 0px;
/* position: relative !important; */
box-sizing: border-box;
}
#breast-franchise img,
#advancing-treatment img {
width: 100%;
height: 100%;
}
#breast-franchise .cmp-teaser__content,
#breast-franchise .cmp-teaser__image,
#pbc-error-pages .cmp-teaser__content,
#pbc-error-pages .cmp-teaser__image {
width: 100%;
padding: 0px;
}
/*css for the hero section image, text and cta*/
#breast-franchise #poiner-in-breast-cancer,
#pbc-error-pages #poiner-in-breast-cancer,
#advancing-treatment #poiner-in-breast-cancer,
#advancing-treatment #az-all-logos-section .cmp-cards__advanced--image {
display: grid;
grid-template-columns: 1fr;
grid-template-rows: 1fr;
}
#breast-franchise #poiner-in-breast-cancer .cmp-teaser__content,
#breast-franchise #poiner-in-breast-cancer .cmp-teaser__image,
#pbc-error-pages #poiner-in-breast-cancer .cmp-teaser__content,
#pbc-error-pages #poiner-in-breast-cancer .cmp-teaser__image,
#advancing-treatment #poiner-in-breast-cancer .cmp-teaser__content,
#advancing-treatment #poiner-in-breast-cancer .cmp-teaser__image,
#advancing-treatment #az-all-logos-section .cmp-cards__advanced--container .cmp-cards__advanced--media,
#advancing-treatment #az-all-logos-section .cmp-cards__advanced--container .cmp-cards__advanced--body {
grid-row: 1;
grid-column: 1;
}
#breast-franchise #poiner-in-breast-cancer .cmp-teaser__content,
#pbc-error-pages #poiner-in-breast-cancer .cmp-teaser__content,
#advancing-treatment #poiner-in-breast-cancer .cmp-teaser__content {
display: flex;
flex-direction: column;
justify-content: start;
align-items: self-start;
padding: 9% 0% 0% 27%;
color: #fff;
font-family: rift;
}
#breast-franchise #poiner-in-breast-cancer .cmp-teaser__content {
position: relative;
top: 0px;
border-bottom: 10px solid #D16DFF
}
/*#breast-franchise #poiner-in-breast-cancer .cmp-teaser__content:after{*/
/* position:absolute;*/
/* top:50%;*/
/* right:5%;*/
/* content:"";*/
/* width:300px;*/
/* height:300px;*/
/* background:url("/content/dam/intelligentcontent/multibrand/pbc/us/en/desktop/breast-cancer-awaerness-round.png") no-repeat;*/
/* background-size:100%;*/
/*}*/
#breast-franchise .cmp-teaser__image-mobile,
#advancing-treatment .cmp-teaser__image-mobile {
display: none;
}
#breast-franchise #poiner-in-breast-cancer .cmp-teaser__image-desktop .cmp-image img,
#pbc-error-pages #poiner-in-breast-cancer .cmp-teaser__image-desktop .cmp-image img,
#advancing-treatment #poiner-in-breast-cancer .cmp-teaser__image-desktop .cmp-image img {
height: 100%;
max-height: 700px;
}
#breast-franchise #poiner-in-breast-cancer .cmp-teaser__content .cmp-teaser__pretitle,
#pbc-error-pages #poiner-in-breast-cancer .cmp-teaser__content .cmp-teaser__pretitle,
#advancing-treatment #poiner-in-breast-cancer .cmp-teaser__content .cmp-teaser__pretitle {
font-size: 60px;
margin: 0px;
border-bottom: 3px solid #CF65FF;
font-style: italic;
text-transform: uppercase;
font-family: 'rift';
font-weight: 500;
padding-bottom: 10px;
letter-spacing: 4%;
}
#breast-franchise #poiner-in-breast-cancer .cmp-teaser__content .cmp-teaser__subtitle,
#pbc-error-pages #poiner-in-breast-cancer .cmp-teaser__content .cmp-teaser__subtitle,
#advancing-treatment #poiner-in-breast-cancer .cmp-teaser__content .cmp-teaser__subtitle {
font-size: 36px;
font-style: italic;
margin: 10px 0px;
font-family: rift;
text-transform: uppercase;
font-weight: 500;
letter-spacing: 4%;
line-height: 100%;
}
#breast-franchise #poiner-in-breast-cancer .cmp-teaser__content .cmp-teaser__description,
#pbc-error-pages #poiner-in-breast-cancer .cmp-teaser__content .cmp-teaser__description,
#advancing-treatment #poiner-in-breast-cancer .cmp-teaser__content .cmp-teaser__description {
font-size: 20px;
font-family: 'Barlow';
max-width: 560px !important;
margin: 30px 0px;
line-height: 130%;
font-style: italic;
}
#breast-franchise #poiner-in-breast-cancer .cmp-teaser__content .cmp-teaser__action-container .cmp-teaser__action-link,
#pbc-error-pages #poiner-in-breast-cancer .cmp-teaser__content .cmp-teaser__action-container .cmp-teaser__action-link,
#advancing-treatment #poiner-in-breast-cancer .cmp-teaser__content .cmp-teaser__action-container .cmp-teaser__action-link {
display: flex;
justify-content: center;
align-items: flex-start;
background: black;
padding: 8px 10px 12px;
border-radius: 5px;
border: 1px solid #CF65FF;
color: #fff;
font-family: 'Barlow';
font-size: 16px;
margin: 10px 0px
}
#breast-franchise #poiner-in-breast-cancer .cmp-teaser__content .cmp-teaser__action-container .cmp-teaser__actionicon,
#pbc-error-pages #poiner-in-breast-cancer .cmp-teaser__content .cmp-teaser__action-container .cmp-teaser__actionicon,
#advancing-treatment #poiner-in-breast-cancer .cmp-teaser__content .cmp-teaser__action-container .cmp-teaser__actionicon {
margin: 0px 0px 0px 10px;
display: flex;
/* align-content: center; */
/* flex-wrap: wrap; */
justify-content: center;
}
/*css for the text right down the banner */
#qa-section.azcl-columns__base {
gap: 30px
}
#breast-franchise #qa-section,
#advancing-treatment #qa-section {
max-width: 1200px;
margin: 5% auto;
}
#breast-franchise #qa-section .azcl-column-par1,
#advancing-treatment #qa-section .azcl-column-par1 {
font-size: 32px;
font-weight: 700 !important;
line-height: 120%;
font-family: Barlow;
max-width: 500px;
font-style: italic;
}
#breast-franchise #qa-section .azcl-column-par2,
#advancing-treatment #qa-section .azcl-column-par2 {
font-size: 20px;
line-height: 150%;
margin: 10px 0px 0px 0px;
}
/*us card section*/
#breast-franchise #united-states-section,
/*us card section*/
#advancing-treatment #united-states-section {
max-width: 1200px;
margin: 20px auto;
}
#breast-franchise #united-states-section #us-head-text,
#advancing-treatment #united-states-section #us-head-text {
text-align: center;
font-size: 20px;
font-weight: 600;
background: #fff;
padding: 0px 20px 30px;
position: relative;
top: 0px;
max-width:1118px;
font-family:"barlow";
}
#breast-franchise #united-states-section #us-head-text:after,
#advancing-treatment #united-states-section #us-head-text:after {
position: absolute;
content: " ";
width: 38%;
height: 3px;
background: #CF65FF;
border-radius: 10px;
right: 00px;
top: 22%;
}
#breast-franchise #united-states-section #us-head-text:before,
#advancing-treatment #united-states-section #us-head-text:before {
position: absolute;
content: " ";
width: 38%;
height: 3px;
background: #CF65FF;
border-radius: 10px;
left: 00px;
top: 22%;
}
#breast-franchise #united-states-section .cmp-cards__advanced--container,
#advancing-treatment #united-states-section .cmp-cards__advanced--container {
display: block;
}
#breast-franchise #united-states-section .cmp-cards__advanced--container .cmp-cards__advanced,
#advancing-treatment #united-states-section .cmp-cards__advanced--container .cmp-cards__advanced {
border: none;
max-height: 500px;
height: 100%;
background: #000;
}
#breast-franchise #united-states-section .cmp-cards__advanced--container .cmp-cards__advanced .cmp-cards__advanced--media,
#advancing-treatment #united-states-section .cmp-cards__advanced--container .cmp-cards__advanced .cmp-cards__advanced--media {
padding: 0px
}
#breast-franchise #united-states-section .cmp-cards__advanced--description,
#advancing-treatment #united-states-section .cmp-cards__advanced--description {
padding: 5px 20px;
}
#breast-franchise #united-states-section .cmp-cards__advanced--description #us-card-1,
#breast-franchise #united-states-section .cmp-cards__advanced--description #us-card-2,
#breast-franchise #united-states-section .cmp-cards__advanced--description #us-card-3,
#advancing-treatment #united-states-section .cmp-cards__advanced--description #us-card-1,
#advancing-treatment #united-states-section .cmp-cards__advanced--description #us-card-2,
#advancing-treatment #united-states-section .cmp-cards__advanced--description #us-card-3 {
display: flex;
flex-direction: column;
justify-content: space-around;
align-items: self-start;
margin: 20px 0px;
max-height: 280px;
}
#breast-franchise #united-states-section .cmp-cards__advanced--description #us-card-1 div h3,
#breast-franchise #united-states-section .cmp-cards__advanced--description #us-card-2 div h3,
#breast-franchise #united-states-section .cmp-cards__advanced--description #us-card-3 div h3,
#advancing-treatment #united-states-section .cmp-cards__advanced--description #us-card-1 div h3,
#advancing-treatment #united-states-section .cmp-cards__advanced--description #us-card-2 div h3,
#advancing-treatment #united-states-section .cmp-cards__advanced--description #us-card-3 div h3 {
font-size: 32px;
font-family: rift;
color: #fff;
line-height: 125%;
max-width: 230px;
position: relative;
top: 0px;
font-weight: 600;
}
/* after effect for the heading in the card */
#breast-franchise #united-states-section .cmp-cards__advanced--description #us-card-1 div h3:after,
#breast-franchise #united-states-section .cmp-cards__advanced--description #us-card-2 div h3:after,
#breast-franchise #united-states-section .cmp-cards__advanced--description #us-card-3 div h3:after,
/* after effect for the heading in the card */
#advancing-treatment #united-states-section .cmp-cards__advanced--description #us-card-1 div h3:after,
#advancing-treatment #united-states-section .cmp-cards__advanced--description #us-card-2 div h3:after,
#advancing-treatment #united-states-section .cmp-cards__advanced--description #us-card-3 div h3:after {
content: " ";
position: absolute;
width: 75px;
height: 3px;
background: #CF65FF;
left: 0;
top: -13px;
border-radius: 5px;
}
#breast-franchise #united-states-section .cmp-cards__advanced--description #us-card-1 div .us-sec-text,
#breast-franchise #united-states-section .cmp-cards__advanced--description #us-card-2 div .us-sec-text,
#breast-franchise #united-states-section .cmp-cards__advanced--description #us-card-3 div .us-sec-text,
#advancing-treatment #united-states-section .cmp-cards__advanced--description #us-card-1 div .us-sec-text,
#advancing-treatment #united-states-section .cmp-cards__advanced--description #us-card-2 div .us-sec-text,
#advancing-treatment #united-states-section .cmp-cards__advanced--description #us-card-3 div .us-sec-text {
font-family: barlow !important;
color: #fff;
font-size: 18px;
margin: 20px 60px 20px 0px;
line-height: 150%;
}
#breast-franchise #united-states-section .cmp-cards__advanced--description #us-card-1 div .us-sec-text,
#breast-franchise #united-states-section .cmp-cards__advanced--description #us-card-2 div .us-sec-text,
#advancing-treatment #united-states-section .cmp-cards__advanced--description #us-card-1 div .us-sec-text,
#advancing-treatment #united-states-section .cmp-cards__advanced--description #us-card-2 div .us-sec-text {
max-width: 200px;
margin-top: 30px
}
#breast-franchise #united-states-section .cmp-cards__advanced--description #us-card-1 .us-img-sub-section img,
#breast-franchise #united-states-section .cmp-cards__advanced--description #us-card-2 .us-img-sub-section img,
#advancing-treatment #united-states-section .cmp-cards__advanced--description #us-card-1 .us-img-sub-section img,
#advancing-treatment #united-states-section .cmp-cards__advanced--description #us-card-2 .us-img-sub-section img {
margin: 60px 0px 0px 0px
}
#breast-franchise #united-states-section .cmp-cards__advanced--description #us-card-1 .us-img-sub-section img,
#breast-franchise #united-states-section .cmp-cards__advanced--description #us-card-2 .us-img-sub-section img,
#breast-franchise #united-states-section .cmp-cards__advanced--description #us-card-3 .us-img-sub-section img,
#advancing-treatment #united-states-section .cmp-cards__advanced--description #us-card-1 .us-img-sub-section img,
#advancing-treatment #united-states-section .cmp-cards__advanced--description #us-card-2 .us-img-sub-section img,
#advancing-treatment #united-states-section .cmp-cards__advanced--description #us-card-3 .us-img-sub-section img {
max-height: 100px;
height: 100%;
}
/*sun image section css */
#breast-franchise #sun-card-section .cmp-cards__advanced--container,
/*sun image section css */
#advancing-treatment #sun-card-section .cmp-cards__advanced--container {
display: block;
margin: 10px 0px;
}
#breast-franchise #sun-card-section .cmp-cards__advanced--container .cmp-cards__advanced--media,
#breast-franchise #az-all-logos-section .cmp-cards,
#advancing-treatment #sun-card-section .cmp-cards__advanced--container .cmp-cards__advanced--media,
#advancing-treatment #az-all-logos-section .cmp-cards {
padding: 0px;
}
#breast-franchise #sun-card-section .cmp-cards__advanced--container .cmp-cards__advanced,
#advancing-treatment #sun-card-section .cmp-cards__advanced--container .cmp-cards__advanced {
border: none;
background-color: #000;
color: #fff;
display: flex;
flex-direction: row;
gap: 0px
}
#breast-franchise #sun-card-section .cmp-cards__advanced--container .cmp-cards__advanced .cmp-cards__advanced--media,
#advancing-treatment #sun-card-section .cmp-cards__advanced--container .cmp-cards__advanced .cmp-cards__advanced--media {
max-width: 500px;
width: 100%;
}
#breast-franchise #sun-card-section .cmp-cards__advanced--container .cmp-cards__advanced .cmp-cards__advanced--body,
#advancing-treatment #sun-card-section .cmp-cards__advanced--container .cmp-cards__advanced .cmp-cards__advanced--body {
max-width: calc(100% - 500px);
width: 100%;
padding: 5% 0% 0% 8%;
}
#breast-franchise #sun-card-section .cmp-cards__advanced--container .cmp-cards__advanced .cmp-cards__advanced--body .cmp-cards__advanced--description #section-3,
#advancing-treatment #sun-card-section .cmp-cards__advanced--container .cmp-cards__advanced .cmp-cards__advanced--body .cmp-cards__advanced--description #section-3 {
display: flex;
justify-content: space-around;
flex-direction: column;
height: auto;
gap: 40px;
}
#breast-franchise #sun-card-section .cmp-cards__advanced--container .cmp-cards__advanced .cmp-cards__advanced--body .cmp-cards__advanced--description #section-3 .img-txt-sub-section-1 h4,
#advancing-treatment #sun-card-section .cmp-cards__advanced--container .cmp-cards__advanced .cmp-cards__advanced--body .cmp-cards__advanced--description #section-3 .img-txt-sub-section-1 h4 {
font-size: 32px;
line-height: 125%;
color: #fff;
font-family: 'barlow' !important;
max-width: 550px;
font-style: italic;
font-weight: 600;
}
#breast-franchise #sun-card-section .cmp-cards__advanced--container .cmp-cards__advanced .cmp-cards__advanced--body .cmp-cards__advanced--description #section-3 .img-txt-sub-section-2 p,
#breast-franchise #sun-card-section .cmp-cards__advanced--container .cmp-cards__advanced .cmp-cards__advanced--body .cmp-cards__advanced--description #section-3 .img-txt-sub-section-3 p,
#breast-franchise #sun-card-section .cmp-cards__advanced--container .cmp-cards__advanced .cmp-cards__advanced--body .cmp-cards__advanced--description #section-3 .img-txt-sub-section-4 p,
#breast-franchise #sun-card-section .cmp-cards__advanced--container .cmp-cards__advanced .cmp-cards__advanced--body .cmp-cards__advanced--description #section-3 .img-txt-sub-section-4 .sub-sec-4-sub-3,
#breast-franchise #sun-card-section .cmp-cards__advanced--container .cmp-cards__advanced .cmp-cards__advanced--body .cmp-cards__advanced--description #section-3 .img-txt-sub-section-4 .sub-sec-4-sub-1,
#advancing-treatment #sun-card-section .cmp-cards__advanced--container .cmp-cards__advanced .cmp-cards__advanced--body .cmp-cards__advanced--description #section-3 .img-txt-sub-section-2 p,
#advancing-treatment #sun-card-section .cmp-cards__advanced--container .cmp-cards__advanced .cmp-cards__advanced--body .cmp-cards__advanced--description #section-3 .img-txt-sub-section-3 p,
#advancing-treatment #sun-card-section .cmp-cards__advanced--container .cmp-cards__advanced .cmp-cards__advanced--body .cmp-cards__advanced--description #section-3 .img-txt-sub-section-4 p,
#advancing-treatment #sun-card-section .cmp-cards__advanced--container .cmp-cards__advanced .cmp-cards__advanced--body .cmp-cards__advanced--description #section-3 .img-txt-sub-section-4 .sub-sec-4-sub-3,
#advancing-treatment #sun-card-section .cmp-cards__advanced--container .cmp-cards__advanced .cmp-cards__advanced--body .cmp-cards__advanced--description #section-3 .img-txt-sub-section-4 .sub-sec-4-sub-1 {
font-size: 18px;
color: #fff;
font-family: Barlow;
line-height: 150%;
max-width: 550px;
margin: 0px 0px 5% 0px;
position: relative;
top: 0px;
}
#breast-franchise #sun-card-section .cmp-cards__advanced--container .cmp-cards__advanced .cmp-cards__advanced--body .cmp-cards__advanced--description #section-3 .img-txt-sub-section-4 .sub-sec-4-sub-1,
#breast-franchise #sun-card-section .cmp-cards__advanced--container .cmp-cards__advanced .cmp-cards__advanced--body .cmp-cards__advanced--description #section-3 .img-txt-sub-section-4 .sub-sec-4-sub-3 {
font-size: 28px;
line-height: 150%;
}
#breast-franchise #sun-card-section .cmp-cards__advanced--container .cmp-cards__advanced .cmp-cards__advanced--body .cmp-cards__advanced--description #section-3 .img-txt-sub-section-2 p:after,
#advancing-treatment #sun-card-section .cmp-cards__advanced--container .cmp-cards__advanced .cmp-cards__advanced--body .cmp-cards__advanced--description #section-3 .img-txt-sub-section-2 p:after {
content: " ";
position: absolute;
top: 155%;
height: 3px;
width: 80%;
background: #CF65FF;
left: 0;
border-radius: 10px
}
/* number after the txt is an hex-value of colur */
.txt-c-d16dff {
color: #CF65FF;
}
#breast-franchise #sun-card-section .cmp-cards__advanced--container .cmp-cards__advanced .cmp-cards__advanced--body .cmp-cards__advanced--description #section-3 .img-txt-sub-section-3 p,
#advancing-treatment #sun-card-section .cmp-cards__advanced--container .cmp-cards__advanced .cmp-cards__advanced--body .cmp-cards__advanced--description #section-3 .img-txt-sub-section-3 p {
max-width: 560px;
margin: 0px;
font-size: 22px;
font-weight: 500;
}
#breast-franchise #sun-card-section .cmp-cards__advanced--container .cmp-cards__advanced .cmp-cards__advanced--body .cmp-cards__advanced--description #section-3 .img-txt-sub-section-4,
#advancing-treatment #sun-card-section .cmp-cards__advanced--container .cmp-cards__advanced .cmp-cards__advanced--body .cmp-cards__advanced--description #section-3 .img-txt-sub-section-4 {
display: flex;
justify-content: flex-start;
gap: 30px;
margin: 20px 0px 0px
}
#breast-franchise #sun-card-section .cmp-cards__advanced--container .cmp-cards__advanced .cmp-cards__advanced--body .cmp-cards__advanced--description #section-3 .img-txt-sub-section-4 .sub-sec-4-sub-1,
#breast-franchise #sun-card-section .cmp-cards__advanced--container .cmp-cards__advanced .cmp-cards__advanced--body .cmp-cards__advanced--description #section-3 .img-txt-sub-section-4 .sub-sec-4-sub-3,
#advancing-treatment #sun-card-section .cmp-cards__advanced--container .cmp-cards__advanced .cmp-cards__advanced--body .cmp-cards__advanced--description #section-3 .img-txt-sub-section-4 .sub-sec-4-sub-1,
#advancing-treatment #sun-card-section .cmp-cards__advanced--container .cmp-cards__advanced .cmp-cards__advanced--body .cmp-cards__advanced--description #section-3 .img-txt-sub-section-4 .sub-sec-4-sub-3 {
display: flex;
gap: 10px;
justify-content: center;
align-items: center;
}
#breast-franchise #sun-card-section .cmp-cards__advanced--container .cmp-cards__advanced .cmp-cards__advanced--body .cmp-cards__advanced--description #section-3 .img-txt-sub-section-4 .sub-sec-4-sub-2 .opac-5,
#advancing-treatment #sun-card-section .cmp-cards__advanced--container .cmp-cards__advanced .cmp-cards__advanced--body .cmp-cards__advanced--description #section-3 .img-txt-sub-section-4 .sub-sec-4-sub-2 .opac-5 {
font-size: 100px;
font-family: 'Barlow';
font-weight: 800;
}
#breast-franchise #sun-card-section .cmp-cards__advanced--container .cmp-cards__advanced .cmp-cards__advanced--body .cmp-cards__advanced--description #section-3 .img-txt-sub-section-4 .num,
#advancing-treatment #sun-card-section .cmp-cards__advanced--container .cmp-cards__advanced .cmp-cards__advanced--body .cmp-cards__advanced--description #section-3 .img-txt-sub-section-4 .num {
font-size: 75px;
color: #CF65FF;
font-weight: 600;
font-family: "rift";
}
#breast-franchise #az-all-logos-section .cmp-cards__advanced--container .cmp-cards__advanced--media,
#breast-franchise #az-all-logos-section .cmp-cards__advanced--container .cmp-cards__advanced--body,
#advancing-treatment #az-all-logos-section .cmp-cards__advanced--container .cmp-cards__advanced--media,
#advancing-treatment #az-all-logos-section .cmp-cards__advanced--container .cmp-cards__advanced--body {
padding: 0px;
}
#breast-franchise #sun-card-section .cmp-cards,
#advancing-treatment #sun-card-section .cmp-cards {
padding-bottom: 0px
}
#breast-franchise #sun-card-section .cmp-cards__advanced--container,
#advancing-treatment #sun-card-section .cmp-cards__advanced--container {
margin-bottom: 0px
}
#breast-franchise #az-all-logos-section .cmp-cards__advanced--container,
#advancing-treatment #az-all-logos-section .cmp-cards__advanced--container {
display: block;
}
#breast-franchise #az-all-logos-section .cmp-cards__advanced--container .cmp-cards__advanced,
#advancing-treatment #az-all-logos-section .cmp-cards__advanced--container .cmp-cards__advanced {
border: none;
}
#breast-franchise #az-all-logos-section .cmp-cards__advanced.cmp-cards__advanced--image,
#advancing-treatment #az-all-logos-section .cmp-cards__advanced.cmp-cards__advanced--image {
position: relative;
top: 0px;
}
/*#breast-franchise #az-all-logos-section .cmp-cards__advanced--container .cmp-cards__advanced--body,*/
/*#advancing-treatment #az-all-logos-section .cmp-cards__advanced--container .cmp-cards__advanced--body{*/
/* position: absolute;*/
/* top: 10%;*/
/* left: 5%*/
/*}*/
#breast-franchise #az-all-logos-section .cmp-cards__advanced.cmp-cards__advanced--image {
display: flex;
flex-direction: column-reverse;
}
#breast-franchise #az-all-logos-section #all-az-logos-txt {
max-width: 650px;
width: 100%;
margin: 0px auto;
padding: 50px 25px;
}
#breast-franchise #az-all-logos-section .cmp-cards__advanced--container .cmp-cards__advanced--body #all-az-logos-txt h4,
#advancing-treatment #az-all-logos-section .cmp-cards__advanced--container .cmp-cards__advanced--body #all-az-logos-txt h4,
#all-az-logos-txt h4 {
font-family: 'Barlow';
font-size: 30px;
font-weight: 800;
line-height: 120%;
}
#breast-franchise #enhertu-datroway,
#breast-franchise #enhertu-datroway,
#breast-franchise #etcamah-card,
#advancing-treatment #enhertu-datroway,
#advancing-treatment #enhertu-datroway,
#advancing-treatment #etcamah-card {
gap: 0px;
background: linear-gradient(180deg, #F8E7FF 0%, rgba(249, 236, 255, 0.2) 60.58%, #FFFFFF 100%);
padding: 0px 20px;
margin-top: -7px;
}
#breast-franchise #enhertu-datroway .cmp-cards__advanced--container,
#breast-franchise #enhertu-datroway .cmp-cards__advanced--container,
#breast-franchise #etcamah-card .cmp-cards__advanced--container,
#advancing-treatment #enhertu-datroway .cmp-cards__advanced--container,
#advancing-treatment #enhertu-datroway .cmp-cards__advanced--container,
#advancing-treatment #etcamah-card .cmp-cards__advanced--container {
display: block;
margin: 15% 0% 0% 0%;
padding: 10px;
/* padding: 10px 16px; */
}
#breast-franchise #enhertu-datroway .cmp-cards__advanced--container .cmp-cards__advanced,
#breast-franchise #enhertu-datroway .cmp-cards__advanced--container .cmp-cards__advanced,
#breast-franchise #etcamah-card .cmp-cards__advanced--container .cmp-cards__advanced,
#advancing-treatment #enhertu-datroway .cmp-cards__advanced--container .cmp-cards__advanced,
#advancing-treatment #enhertu-datroway .cmp-cards__advanced--container .cmp-cards__advanced,
#advancing-treatment #etcamah-card .cmp-cards__advanced--container .cmp-cards__advanced {
border: none;
border-radius: 10px;
border: 1px solid #E5E5E7;
/*box-shadow: 2px 2px 0px #dbd3d3;*/
}
#breast-franchise #enhertu-datroway .cmp-cards__advanced--image .cmp-cards__advanced--media img,
#breast-franchise #etcamah-card .cmp-cards__advanced--image .cmp-cards__advanced--media img,
#advancing-treatment #enhertu-datroway .cmp-cards__advanced--image .cmp-cards__advanced--media img,
#advancing-treatment #enhertu-datroway .cmp-cards__advanced--image .cmp-cards__advanced--media img,
#advancing-treatment #etcamah-card .cmp-cards__advanced--image .cmp-cards__advanced--media img {
max-width: 200px;
margin: 4px auto;
width: 100%;
padding-top: 20px;
max-height: 90px;
}
/* Enhertu */
#breast-franchise #enhertu-datroway .cmp-cards__advanced--media img {
max-width: 203px !important;
max-height: 88px !important;
}
/* Etcamah */
#breast-franchise #etcamah-card .cmp-cards__advanced--media img {
max-width: 180px !important;
max-height: 70px !important;
}
/* Advancing Treatment - Enhertu */
#advancing-treatment #enhertu-datroway .cmp-cards__advanced--media img {
max-width: 220px;
max-height: 95px;
}
/* Advancing Treatment - Etcamah */
#advancing-treatment #etcamah-card .cmp-cards__advanced--media img {
max-width: 190px;
max-height: 75px;
}
/*#breast-franchise #enhertu-datroway .cmp-cards__advanced--media img[src*="Enhertu-logo.svg"] {*/
#breast-franchise #enhertu-datroway .cmp-cards__advanced--description,
#breast-franchise #enhertu-datroway .cmp-cards__advanced--description,
#breast-franchise #etcamah-card .cmp-cards__advanced--description,
#advancing-treatment #enhertu-datroway .cmp-cards__advanced--description,
#advancing-treatment #enhertu-datroway .cmp-cards__advanced--description,
#advancing-treatment #etcamah-card .cmp-cards__advanced--description {
padding: 15px;
}
#breast-franchise #enhertu-datroway #enhertu-card,
#breast-franchise #enhertu-datroway #datroway-card,
#breast-franchise #enhertu-datroway #truqap-card,
#breast-franchise #enhertu-datroway #lynparza-card,
#breast-franchise #etcamah-card #etcamah,
#advancing-treatment #enhertu-datroway #enhertu-card,
#advancing-treatment #enhertu-datroway #datroway-card,
#advancing-treatment #enhertu-datroway #truqap-card,
#advancing-treatment #enhertu-datroway #lynparza-card,
#advancing-treatment #etcamah-card #etcamah {
max-height: 800px;
height: 100%;
}
#breast-franchise #enhertu-datroway #enhertu-card .en-indication-card,
#breast-franchise #enhertu-datroway #datroway-card .dw-indication-card,
#breast-franchise #enhertu-datroway #truqap-card .tq-indication-card,
#breast-franchise #enhertu-datroway #lynparza-card .lp-indication-card,
#breast-franchise #etcamah-card #etcamah .ea-indication-card,
#advancing-treatment #enhertu-datroway #enhertu-card .en-indication-card,
#advancing-treatment #enhertu-datroway #datroway-card .dw-indication-card,
#advancing-treatment #enhertu-datroway #truqap-card .tq-indication-card,
#advancing-treatment #enhertu-datroway #lynparza-card .lp-indication-card,
#advancing-treatment #etcamah-card #etcamah .ea-indication-card {
max-height: 300px;
padding: 25px;
background: #f3f3f3;
font-family: "Barlow";
height: 330px;
border-radius: 10px;
box-shadow: 5px 6px 17.3px -3px rgba(0, 0, 0, 0.10) inset;
overflow-y: auto;
padding-right: 21px;
}
#breast-franchise #enhertu-datroway #enhertu-card .en-indication-card .text-lg,
#breast-franchise #enhertu-datroway #datroway-card .dw-indication-card .text-lg,
#breast-franchise #enhertu-datroway #truqap-card .tq-indication-card .text-lg,
#breast-franchise #enhertu-datroway #lynparza-card .lp-indication-card .text-lg,
#breast-franchise #etcamah-card #etcamah .ea-indication-card .text-lg,
#advancing-treatment #enhertu-datroway #enhertu-card .en-indication-card .text-lg,
#advancing-treatment #enhertu-datroway #datroway-card .dw-indication-card .text-lg,
#advancing-treatment #enhertu-datroway #truqap-card .tq-indication-card .text-lg,
#advancing-treatment #enhertu-datroway #lynparza-card .lp-indication-card .text-lg,
#advancing-treatment #etcamah-card #etcamah .ea-indication-card .text-lg {
font-size: 18px;
font-family: barlow;
font-weight: 400;
line-height: 125%;
font-weight: 700;
}
#breast-franchise #enhertu-datroway #enhertu-card .en-indication-card .text-lg,
#breast-franchise #enhertu-datroway #enhertu-card .en-important-card .en-in-text,
#advancing-treatment #enhertu-datroway #enhertu-card .en-indication-card .text-lg,
#advancing-treatment #enhertu-datroway #enhertu-card .en-important-card .en-in-text {
color: #EA721F;
}
#breast-franchise #enhertu-datroway #datroway-card .dw-indication-card .text-lg,
#breast-franchise #enhertu-datroway #datroway-card .dw-important-card .dw-in-text,
#advancing-treatment #enhertu-datroway #datroway-card .dw-indication-card .text-lg,
#advancing-treatment #enhertu-datroway #datroway-card .dw-important-card .dw-in-text {
color: #1e21aa;
}
#breast-franchise #enhertu-datroway .cmp-cards__advanced--container .cmp-cards__advanced,
#breast-franchise #enhertu-datroway .cmp-cards__advanced--container .cmp-cards__advanced,
#breast-franchise #etcamah-card .cmp-cards__advanced--container .cmp-cards__advanced,
#advancing-treatment #enhertu-datroway .cmp-cards__advanced--container .cmp-cards__advanced,
#advancing-treatment #enhertu-datroway .cmp-cards__advanced--container .cmp-cards__advanced,
#advancing-treatment #etcamah-card .cmp-cards__advanced--container .cmp-cards__advanced {
gap: 0px
}
#breast-franchise #enhertu-datroway #enhertu-card .en-indication-card .text-md,
#breast-franchise #enhertu-datroway #datroway-card .dw-indication-card .text-md,
#breast-franchise #enhertu-datroway #enhertu-card .en-in-text-container .en-in-text-main-list,
#breast-franchise #enhertu-datroway #datroway-card .dw-in-text-container p,
#breast-franchise #enhertu-datroway #enhertu-card .en-in-text-container p,
#breast-franchise #enhertu-datroway #lynparza-card .lp-indication-card .text-md,
#breast-franchise #enhertu-datroway #truqap-card .tq-indication-card .text-md,
#breast-franchise #enhertu-datroway #lynparza-card .lp-in-text-container .en-in-text-main-list,
#breast-franchise #enhertu-datroway #truqap-card .tq-in-text-container p,
#breast-franchise #enhertu-datroway #lynparza-card .lp-in-text-container p,
#breast-franchise #enhertu-datroway #lynparza-card .lp-indication-card p,
#breast-franchise #etcamah-card #etcamah .ea-indication-card p,
#breast-franchise #etcamah-card #etcamah .ea-in-text-container .ea-in-text-main-list,
#advancing-treatment #enhertu-datroway #enhertu-card .en-indication-card .text-md,
#advancing-treatment #enhertu-datroway #datroway-card .dw-indication-card .text-md,
#advancing-treatment #enhertu-datroway #enhertu-card .en-in-text-container .en-in-text-main-list,
#advancing-treatment #enhertu-datroway #datroway-card .dw-in-text-container p,
#advancing-treatment #enhertu-datroway #enhertu-card .en-in-text-container p,
#advancing-treatment #enhertu-datroway #lynparza-card .lp-indication-card .text-md,
#advancing-treatment #enhertu-datroway #truqap-card .tq-indication-card .text-md,
#advancing-treatment #enhertu-datroway #lynparza-card .lp-in-text-container .en-in-text-main-list,
#advancing-treatment #enhertu-datroway #truqap-card .tq-in-text-container p,
#advancing-treatment #enhertu-datroway #lynparza-card .lp-in-text-container p,
#advancing-treatment #enhertu-datroway #lynparza-card .lp-indication-card p,
#advancing-treatment #etcamah-card #etcamah .ea-indication-card p,
#advancing-treatment #etcamah-card #etcamah .ea-in-text-container .ea-in-text-main-list,
.enhertu-text p{
color: #000000;
font-family: 'Barlow';
font-size: 16px !important;
font-style: normal;
font-weight: 400;
line-height: 125%;
margin: 10px 0px
}
#breast-franchise #enhertu-datroway #enhertu-card .en-in-text-container .en-in-text-main-list,
#breast-franchise #enhertu-datroway #datroway-card .dw-in-text-container p,
#breast-franchise #enhertu-datroway #lynparza-card .lp-in-text-container .en-in-text-main-list,
#breast-franchise #enhertu-datroway #truqap-card .tq-in-text-container p,
#advancing-treatment #enhertu-datroway #enhertu-card .en-in-text-container .en-in-text-main-list,
#advancing-treatment #enhertu-datroway #datroway-card .dw-in-text-container p,
#advancing-treatment #enhertu-datroway #lynparza-card .lp-in-text-container .en-in-text-main-list,
#advancing-treatment #enhertu-datroway #truqap-card .tq-in-text-container p {
line-height: 130%;
}
#breast-franchise #enhertu-datroway #enhertu-card .en-indication-card .en-main-list,
#breast-franchise #enhertu-datroway #datroway-card .dw-indication-card .dw-main-list,
#breast-franchise #enhertu-datroway #enhertu-card .en-in-text-container .en-in-text-main-list,
#breast-franchise #etcamah-card #etcamah .ea-indication-card .ea-main-list,
#breast-franchise #etcamah-card #etcamah .ea-in-text-container .ea-in-text-main-list,
#advancing-treatment #enhertu-datroway #enhertu-card .en-indication-card .en-main-list,
#advancing-treatment #enhertu-datroway #datroway-card .dw-indication-card .dw-main-list,
#advancing-treatment #enhertu-datroway #enhertu-card .en-in-text-container .en-in-text-main-list,
#advancing-treatment #etcamah-card #etcamah .ea-indication-card .ea-main-list,
#advancing-treatment #etcamah-card #etcamah .ea-in-text-container .ea-in-text-main-list {
list-style: disc;
padding-left: 0px;
font-size: 16px;
color: #000;
}
#breast-franchise #enhertu-datroway #enhertu-card .en-indication-card .en-main-list li b,
#advancing-treatment #enhertu-datroway #enhertu-card .en-indication-card .en-main-list li b {
font-weight: bold;
font-family: 'Barlow';
color: #000;
font-family: Barlow;
font-weight: 500;
font-size: 16px;
line-height: 130%;
letter-spacing: normal;
text-decoration: underline;
text-decoration-style: solid;
text-decoration-thickness: 0%;
}
#breast-franchise #enhertu-datroway #enhertu-card .en-indication-card .en-main-list li .en-sub-list,
#advancing-treatment #enhertu-datroway #enhertu-card .en-indication-card .en-main-list li .en-sub-list {
list-style: disc;
/*padding-left: 25px;*/
font-size: 16px;
}
#breast-franchise #enhertu-datroway #enhertu-card .en-important-card,
#breast-franchise #enhertu-datroway #datroway-card .dw-important-card,
#breast-franchise #enhertu-datroway #lynparza-card .lp-important-card,
#breast-franchise #enhertu-datroway #truqap-card .tq-important-card,
#breast-franchise #etcamah-card #etcamah .ea-important-card,
#advancing-treatment #enhertu-datroway #enhertu-card .en-important-card,
#advancing-treatment #enhertu-datroway #datroway-card .dw-important-card,
#advancing-treatment #enhertu-datroway #lynparza-card .lp-important-card,
#advancing-treatment #enhertu-datroway #truqap-card .tq-important-card,
#advancing-treatment #etcamah-card #etcamah .ea-important-card {
margin-top: 30px;
padding: 0px 20px;
height: 450px;
overflow-y: auto
}
#breast-franchise #enhertu-datroway #enhertu-card .en-important-card .en-in-container,
#breast-franchise #enhertu-datroway #lynparza-card .lp-important-card .lp-in-container,
#breast-franchise #enhertu-datroway #enhertu-card .dw-important-card .dw-in-container,
#breast-franchise #enhertu-datroway #truqap-card .tq-important-card .tq-in-container,
#breast-franchise #etcamah-card #etcamah .ea-important-card .ea-in-container,
#advancing-treatment #enhertu-datroway #enhertu-card .en-important-card .en-in-container,
#advancing-treatment #enhertu-datroway #lynparza-card .lp-important-card .lp-in-container,
#advancing-treatment #enhertu-datroway #enhertu-card .en-important-card .en-in-container,
#advancing-treatment #enhertu-datroway #truqap-card .tq-important-card .tq-in-container,
#advancing-treatment #etcamah-card #etcamah .ea-important-card .ea-in-container {
display: flex;
justify-content: space-between;
align-items: center;
margin: 20px 0px 10px 0px
}
#breast-franchise #datroway-card .dw-in-container {
display: flex;
justify-content: space-between;
align-items: center
}
#breast-franchise #enhertu-datroway #enhertu-card .en-important-card .en-in-container img,
#breast-franchise #enhertu-datroway #datroway-card .dw-important-card .dw-in-container img,
#breast-franchise #enhertu-datroway #truqap-card .tq-important-card .tq-in-container img,
#breast-franchise #enhertu-datroway #lynparza-card .lp-important-card .lp-in-container img,
#breast-franchise #etcamah-card #etcamah .ea-important-card .ea-in-container img,
#advancing-treatment #enhertu-datroway #enhertu-card .en-important-card .en-in-container img,
#advancing-treatment #enhertu-datroway #datroway-card .dw-important-card .dw-in-container img,
#advancing-treatment #enhertu-datroway #truqap-card .tq-important-card .tq-in-container img,
#advancing-treatment #enhertu-datroway #lynparza-card .lp-important-card .lp-in-container img,
#advancing-treatment #etcamah-card #etcamah .ea-important-card .ea-in-container img {
max-width: 30px;
width: 100%;
height: auto;
}
#breast-franchise #enhertu-datroway #enhertu-card .en-important-card .en-in-container img,
#breast-franchise #enhertu-datroway #truqap-card .tq-important-card .tq-in-container img,
#breast-franchise #etcamah-card #etcamah .ea-important-card .ea-in-container img,
#advancing-treatment #enhertu-datroway #enhertu-card .en-important-card .en-in-container img,
#advancing-treatment #enhertu-datroway #truqap-card .tq-important-card .tq-in-container img,
#advancing-treatment #etcamah-card #etcamah .ea-important-card .ea-in-container img {
max-width: 30px
}
#breast-franchise #enhertu-datroway #enhertu-card .en-important-card .en-in-text,
#breast-franchise #enhertu-datroway #datroway-card .dw-important-card .dw-in-text,
#breast-franchise #enhertu-datroway #truqap-card .tq-important-card .tq-in-text,
#breast-franchise #enhertu-datroway #lynparza-card .lp-important-card .lp-in-text,
#breast-franchise #etcamah-card #etcamah .ea-important-card .ea-in-text,
#advancing-treatment #enhertu-datroway #enhertu-card .en-important-card .en-in-text,
#advancing-treatment #enhertu-datroway #datroway-card .dw-important-card .dw-in-text,
#advancing-treatment #enhertu-datroway #truqap-card .tq-important-card .tq-in-text,
#advancing-treatment #enhertu-datroway #lynparza-card .lp-important-card .lp-in-text,
#advancing-treatment #etcamah-card #etcamah .ea-important-card .ea-in-text {
font-size: 18px;
font-weight: 700;
font-family: barlow;
}
#breast-franchise #enhertu-datroway #datroway-card .dw-important-card .dw-in-text-line,
#advancing-treatment #enhertu-datroway #datroway-card .dw-important-card .dw-in-text-line {
text-decoration: underline;
}
#breast-franchise #enhertu-datroway #enhertu-card .en-in-text-container p,
#advancing-treatment #enhertu-datroway #enhertu-card .en-in-text-container p {
/* margin-top: 20px; */
}
#breast-franchise #enhertu-datroway #enhertu-card .en-important-card .en-in-text-container .en-in-text:nth-child(1),
#advancing-treatment #enhertu-datroway #enhertu-card .en-important-card .en-in-text-container .en-in-text:nth-child(1) {
font-size: 16px;
/* margin-bottom: 30px; */
}
#breast-franchise #enhertu-datroway .cmp-cards__advanced--container,
#breast-franchise #etcamah-card .cmp-cards__advanced--container,
#advancing-treatment #enhertu-datroway .cmp-cards__advanced--container,
#advancing-treatment #etcamah-card .cmp-cards__advanced--container {
margin: 0;
display: flex;
}
#breast-franchise #enhertu-datroway #truqap-card .tq-indication-card .text-lg,
#breast-franchise #enhertu-datroway #truqap-card .tq-in-text,
#advancing-treatment #enhertu-datroway #truqap-card .tq-indication-card .text-lg,
#advancing-treatment #enhertu-datroway #truqap-card .tq-in-text {
color: #250E62;
}
#breast-franchise #enhertu-datroway #lynparza-card .lp-indication-card .text-lg,
#breast-franchise #enhertu-datroway #lynparza-card .lp-in-text,
#advancing-treatment #enhertu-datroway #lynparza-card .lp-indication-card .text-lg,
#advancing-treatment #enhertu-datroway #lynparza-card .lp-in-text {
color: #004D74!important;
margin-top: 0;
font-size:18px !important;
}
#breast-franchise #etcamah-card #etcamah .ea-indication-card .text-lg,
#breast-franchise #etcamah-card #etcamah .ea-in-text,
#advancing-treatment #etcamah-card #etcamah .ea-indication-card .text-lg,
#advancing-treatment #etcamah-card #etcamah .ea-in-text {
color: #c803c8;
}
#breast-franchise #etcamah-card #etcamah,
#advancing-treatment #etcamah-card #etcamah {
display: flex;
justify-content: center;
align-content: center;
width: 100%;
gap: 20px
}
#breast-franchise #etcamah-card #etcamah .ea-indication-card,
#breast-franchise #etcamah-card #etcamah .ea-important-card,
#advancing-treatment #etcamah-card #etcamah .ea-indication-card,
#advancing-treatment #etcamah-card #etcamah .ea-important-card {
width: calc(100% / 2);
}
#breast-franchise #etcamah-card #etcamah .ea-indication-card,
#advancing-treatment #etcamah-card #etcamah .ea-indication-card {
max-height: max-content;
height: 100%;
}
#breast-franchise #etcamah-card #etcamah .ea-important-card,
#advancing-treatment #etcamah-card #etcamah .ea-important-card {
margin: 0px;
padding-top: 0px
}
#breast-franchise #reference-section,
#advancing-treatment #reference-section {
padding: 50px 50px 0px 50px;
}
#breast-franchise #reference-section p,
#advancing-treatment #reference-section p {
font-family: 'inter-18pt' !important;
font-size: 12px;
/*color: #3C4242*/
color:#000;
}
#advancing-treatment #az-all-logos-section .cmp-cards__advanced--container .cmp-cards__advanced--body {
position: relative;
top: 0px;
left: 0px
}
#advancing-treatment #az-all-logos-section .cmp-cards__advanced--image {
display: flex;
flex-direction: column-reverse;
background: #fff
}
#advancing-treatment #az-all-logos-section #all-az-logos-txt {
display: flex;
justify-content: center;
align-items: center;
}
#advancing-treatment #az-all-logos-section .cmp-cards__advanced--container .cmp-cards__advanced--body #all-az-logos-txt h4 {
max-width: 650px;
text-align: center;
padding-top: 5%;
}
#breast-franchise .imagelist {
max-width: 100%;
margin: 20px auto 0px;
}
#breast-franchise .imagelist .cmp-imagelist {
display: flex;
justify-content: space-between;
align-items: center;
padding: 0px 40px 40px
}
#breast-franchise .imagelist .cmp-imagelist .cmp-imagelist__item {
max-width: 125px;
width: 100%;
}
div#content-container,
.container.responsivegrid.aem-GridColumn.aem-GridColumn--default--12 {
background: #f0f0f0;
}
#breast-franchise #qa-section,
#breast-franchise #united-states-section {
background: #fff;
padding: 59px 112px;
margin: 50px auto 0px;
max-width: 1340px;
width: 100%;
gap: 0px;
/* border-radius: 10px 10px 0 0; */
}
#breast-franchise #qa-section .azcl-column-par2 .text {
margin-left: -50px;
font-family: Barlow;
font-weight: 400;
font-size: 18px;
line-height: 150%;
letter-spacing: normal;
max-width: 435px;
}
#breast-franchise #qa-section {
padding-bottom: 10px;
border-radius: 10px 10px 0 0;
outline: none;
}
#breast-franchise #united-states-section {
margin: 0px auto 50px;
border-radius: 0 0 10px 10px;
}
#breast-franchise #az-all-logos-section {
width: 100%;
padding: 48px 0px 32px;
/*background: url("/content/dam/intelligentcontent/multibrand/pioneersinbreastcancer/us/en/images/desktop/steps-background.png") no-repeat center bottom;*/
background-size: 102%;
background-color: #f8e8ffba
}
#breast-franchise #az-all-logos-section .azpbc-logo-wrapper {
max-width: 1200px;
margin: auto;
}
#breast-franchise #az-all-logos-section .azpbc-main-heading {
text-align: center;
font-weight: 700;
color: #000;
margin: 0 0 60px;
font-family: Barlow;
font-weight: 700;
font-style: Italic;
font-size: 32px;
line-height: 125%;
text-align: center;
}
#breast-franchise #az-all-logos-section .azpbc-timeline-holder {
width: 78%;
height: 40px;
margin: 40px auto 40px;
position: relative;
}
#breast-franchise #az-all-logos-section .azpbc-timeline-line {
position: absolute;
/* top: 20px; */
left: 0;
width: 100%;
height: 2px;
background: #d9d9d9;
}
#breast-franchise #az-all-logos-section .azpbc-timeline-point {
width: 2px;
height: 18px;
/*background: #d9d9d9;*/
position: absolute;
top: 20px;
}
#breast-franchise #az-all-logos-section .azpbc-timeline-point:nth-child(2) {
left: 0;
}
#breast-franchise #az-all-logos-section .azpbc-timeline-point:nth-child(3) {
left: 25%;
}
#breast-franchise #az-all-logos-section .azpbc-timeline-point:nth-child(4) {
left: 50%;
}
#breast-franchise #az-all-logos-section .azpbc-timeline-point:nth-child(5) {
left: 75%;
}
#breast-franchise #az-all-logos-section .azpbc-timeline-point:nth-child(6) {
right: 0;
}
#breast-franchise #az-all-logos-section .azpbc-treatment-grid {
display: grid;
grid-template-columns: repeat(5, 1fr);
background: #ffffff99;
border: 1px solid #e8e8e8;
border-radius: 12px;
overflow: hidden;
box-shadow: 0 8px 30px rgba(0, 0, 0, .08);
}
#breast-franchise #az-all-logos-section .azpbc-treatment-block {
text-decoration: none;
color: #111;
min-height: 215px;
padding: 38px 28px;
display: flex;
flex-direction: column;
justify-content: space-between;
align-items: center;
/*border-right: 1px solid #ececec;*/
transition: .3s;
}
#breast-franchise #az-all-logos-section .azpbc-treatment-block:last-child {
border-right: none;
}
#breast-franchise #az-all-logos-section .azpbc-logo-holder {
height: 75px;
display: flex;
align-items: center;
justify-content: center;
}
#breast-franchise #az-all-logos-section .azpbc-logo-holder img {
max-width: 160px;
max-height: 70px;
width: auto;
height: auto;
display: block;
}
#breast-franchise #az-all-logos-section .azpbc-learnmore {
display: flex;
align-items: center;
gap: 8px;
font-size: 16px;
color: #000;
font-weight: 500;
font-family: Barlow;
}
#breast-franchise #az-all-logos-section .azpbc-learnmore img {
width: 9px;
height: 9px;
transition: .3s;
rotate: -90deg;
margin:5px 0px 0px 0px;
}
#breast-franchise #enhertu-datroway #datroway-card .dw-important-card .dw-in-text {
/*display:flex;*/
gap: 20px;
}
#breast-franchise #enhertu-datroway .cmp-cards__advanced--container .cmp-cards__advanced,
#breast-franchise #enhertu-datroway .cmp-cards__advanced--container .cmp-cards__advanced,
#breast-franchise #etcamah-card .cmp-cards__advanced--container .cmp-cards__advanced,
#advancing-treatment #enhertu-datroway .cmp-cards__advanced--container .cmp-cards__advanced,
#advancing-treatment #enhertu-datroway .cmp-cards__advanced--container .cmp-cards__advanced,
#advancing-treatment #etcamah-card .cmp-cards__advanced--container .cmp-cards__advanced {
max-height: 508px;
height: 508px;
/* flex-grow: 1; */
/* display: flex; */
}
#breast-franchise #enhertu-datroway #enhertu-card .en-important-card,
#breast-franchise #enhertu-datroway #datroway-card .dw-important-card,
#breast-franchise #enhertu-datroway #lynparza-card .lp-important-card,
#breast-franchise #enhertu-datroway #truqap-card .tq-important-card,
#breast-franchise #etcamah-card #etcamah .ea-important-card,
#advancing-treatment #enhertu-datroway #enhertu-card .en-important-card,
#advancing-treatment #enhertu-datroway #datroway-card .dw-important-card,
#advancing-treatment #enhertu-datroway #lynparza-card .lp-important-card,
#advancing-treatment #enhertu-datroway #truqap-card .tq-important-card,
#advancing-treatment #etcamah-card #etcamah .ea-important-card {
margin-bottom: 40px;
height: 339px
}
#breast-franchise #enhertu-datroway .cmp-cards__advanced--description,
#breast-franchise #enhertu-datroway .cmp-cards__advanced--description,
#breast-franchise #etcamah-card .cmp-cards__advanced--description,
#advancing-treatment #enhertu-datroway .cmp-cards__advanced--description,
#advancing-treatment #enhertu-datroway .cmp-cards__advanced--description,
#advancing-treatment #etcamah-card .cmp-cards__advanced--description {
max-height: 700px;
}
#breast-franchise #etcamah-card #etcamah .ea-important-card {
height: 450px
}
/*Refernce Section*/
#pbc-error-pages #reference-section {
padding: 40px 50px 0px;
}
#reference-section .pbc-footer__sideeffects {
font-family: "Barlow", "Barlow",;
font-size: 12px;
line-height: 1.6;
color: #000000;
margin: 0 0 16px 0;
}
#reference-section .pbc-footer__sideeffects strong {
font-weight: 700;
color: #2d2d2d;
}
#reference-section .pbc-footer__link {
color: #CF65FF;
text-decoration: none;
font-weight: 700;
transition: opacity 0.2s ease;
}
#reference-section .pbc-footer__link:hover {
text-decoration: underline;
opacity: 0.85;
}
#reference-section .pbc-footer__linkout {
width: 14px;
height: 14px;
margin-left: 4px;
vertical-align: middle;
position: relative;
display: inline-block;
bottom: 2px;
}
#reference-section .pbc-footer__references {
font-family: "Barlow", "Barlow", sans-serif;
font-size: 12px;
line-height: 1.7;
color: #000000;
margin: 0 0 20px 0;
}
#reference-section .pbc-footer__references strong {
font-weight: 700;
}
/* DESKTOP */
#reference-section .pbc-footer-desktop {
display: block;
width: 100%;
}
/*#reference-section .pbc-footer-desktop__inner {*/
/* max-width: 1200px;*/
/* margin: 0 auto;*/
/* padding: 30px 40px 0;*/
/*}*/
#reference-section .pbc-footer-mobile {
display: none;
}
/*Footer section design */
#pbc-footer-section .pbc-btmfooter__line {
border-bottom: 1px solid #000;
}
#pbc-footer-section .pbc-btmfooter__logo-ds {
height: 26px;
width: 145px;
position: relative;
top: 8px;
}
#pbc-footer-section .pbc-btmfooter__logo-az {
height: 40px;
width: auto;
}
#pbc-footer-section .pbc-btmfooter__legal p {
font-family: "Barlow", "Barlow", sans-serif;
font-size: 11px;
line-height: 1.6;
color: #000000;
margin: 0;
}
#pbc-footer-section .pbc-btmfooter__privacy-icon {
width: 30px;
height: 14px;
margin-left: 5px;
vertical-align: middle;
}
#pbc-footer-section .pbc-btmfooter-desktop {
display: block;
width: 100%;
}
#pbc-footer-section .pbc-btmfooter-desktop__inner {
margin: 0 auto;
padding: 0 50px 30px;
}
#pbc-footer-section .pbc-btmfooter-desktop__top {
display: flex;
align-items: center;
justify-content: space-between;
padding: 24px 0;
}
#pbc-footer-section .pbc-btmfooter-desktop__logos {
display: flex;
align-items: center;
gap: 24px;
}
#pbc-footer-section .pbc-btmfooter-desktop__nav {
display: flex;
align-items: center;
gap: 67px;
}
#pbc-footer-section .pbc-btmfooter__navlink {
font-family: "Barlow", "Barlow", sans-serif;
font-size: 13px;
font-weight: 600;
color: #000000;
text-decoration: none;
transition: color 0.2s ease;
}
#pbc-footer-section .pbc-btmfooter__navlink:hover {
color: #D16DFF;
}
#pbc-footer-section .pbc-btmfooter-desktop__bottom {
display: flex;
align-items: flex-start;
justify-content: space-between;
padding: 20px 0 0;
gap: 10px;
}
#pbc-footer-section .pbc-btmfooter-desktop__bottom .pbc-btmfooter__legal {
/* flex: 0 0 551px; */
}
#pbc-footer-section .pbc-btmfooter-desktop__privacy {
display: flex;
align-items: center;
flex-wrap: wrap;
gap: 20px;
}
#pbc-footer-section .pbc-btmfooter__privlink {
font-family: "Barlow", "Barlow", sans-serif;
font-size: 12px;
font-weight: 400;
color: #000000;
text-decoration: none;
min-width: 117px;
transition: color 0.2s ease;
}
#pbc-footer-section .pbc-btmfooter__privlink:hover {
color: #D16DFF;
}
#pbc-footer-section .pbc-btmfooter__privlink--choices {
display: flex;
align-items: center;
}
#pbc-footer-section .pbc-btmfooter-mobile {
display: none;
}
/*/////////////////////////////////////////////////////*/
/*overflow model*/
/* Overlay */
.modal.exit-ramp-modal {
display: none !important;
position: fixed !important;
top: 50% !important;
transform: translate(0, -50%);
left: 0 !important;
right: 0 !important;
height: fit-content;
bottom: 0 !important;
/* background: rgba(0, 0, 0, 0.65) !important; */
z-index: 9999 !important;
align-items: center !important;
justify-content: center !important;
padding: 0 !important;
}
.modal.exit-ramp-modal.modal--visible {
display: flex !important;
}
/* Modal Box Desktop: full-width horizontal strip */
.modal.exit-ramp-modal .modal-box {
background: #fff !important;
position: relative !important;
max-width: 1026px!important;
width: 100% !important;
border-radius: 10px !important;
overflow: visible !important;
box-shadow: none !important;
border: none !important;
border-image: none !important;
margin: 0 !important;
margin: 50px !important;
}
/* Remove old gradient left border */
.modal.exit-ramp-modal .modal-box::before {
display: none !important;
}
.modal.exit-ramp-modal .modal-box__content {
padding: 60px 0px 60px 60px !important;
max-width: 100%;
margin: 0 100px 0 auto!important;
}
/* Close Button */
.modal.exit-ramp-modal .modal__close {
position: absolute !important;
top: 46px !important;
/* right: 40% !important; */
background: none !important;
border: none !important;
outline: none !important;
cursor: pointer !important;
z-index: 10 !important;
padding: 20px 46px!important;
display: flex !important;
opacity: 1 !important;
visibility: visible !important;
/* transform: translateY(-35%); */
max-width: 1083px;
width: 100%;
/* margin: 0 50px !important; */
justify-content: end;
}
.modal.exit-ramp-modal .modal__closeIcon {
display: flex !important;
align-items: center !important;
justify-content: center !important;
width: 22px !important;
height: 22px !important;
}
.modal.exit-ramp-modal .modal__closeIcon svg {
width: 16px !important;
height: 16px !important;
}
.modal.exit-ramp-modal .modal__closeIcon svg path {
fill: #2d2d2d !important;
}
.modal.exit-ramp-modal .modal__closeLabel {
font-size: 0 !important;
position: absolute !important;
overflow: hidden !important;
width: 1px !important;
height: 1px !important;
}
.modal.exit-ramp-modal .modal__close:hover .modal__closeIcon svg path {
fill: #D16DFF !important;
}
/* Title */
.modal.exit-ramp-modal .exit-ramp-title {
font-family: 'rift';
font-size: 36px !important;
font-weight: 400 !important;
font-style: italic !important;
text-transform: uppercase !important;
color: #000 !important;
line-height: 1.3 !important;
margin: 0 !important;
padding: 0 0px 12px 0 !important;
}
/* Gradient horizontal line under title */
.modal.exit-ramp-modal .exit-ramp-title::after {
content: '' !important;
display: block !important;
width: 100% !important;
height: 2px !important;
background: #CF65FF;
margin-top: 12px !important;
border-radius: 2px !important;
}
/* Body */
.modal.exit-ramp-modal .exit-ramp-body {
font-family: "Barlow", "Barlow", sans-serif !important;
font-size: 16px !important;
font-weight: 400 !important;
color: #000 !important;
line-height: 1.2 !important;
margin: 0px 0 20px 0 !important;
padding: 0 !important;
max-width: 728px;
}
/* Action Buttons */
.modal.exit-ramp-modal .exit-ramp-actions {
display: flex !important;
align-items: center !important;
gap: 14px !important;
flex-direction: row-reverse !important;
justify-content: flex-end !important;
}
/* "Go back" purple filled, rounded */
.modal.exit-ramp-modal .exit-ramp-cancel.close-exit-ramp {
display: inline-flex !important;
align-items: center !important;
justify-content: center !important;
min-width: 100px !important;
padding: 12px 12px !important;
background: #CF65FF !important;
background-color: #CF65FF!important;
color: #fff !important;
font-family: "Barlow", "Barlow", sans-serif !important;
font-size: 16px !important;
font-weight: 500 !important;
border: 2px solid #D16DFF !important;
border-radius: 5px !important;
cursor: pointer !important;
text-decoration: none !important;
transition: background 0.2s ease !important;
-webkit-appearance: none !important;
appearance: none !important;
line-height: 125%;
border: 1px solid #000000 !important;
}
.modal.exit-ramp-modal .exit-ramp-cancel.close-exit-ramp:hover {
background: #b94fe6 !important;
background-color: #b94fe6 !important;
border-color: #b94fe6 !important;
}
/* "Continue" outlined, rounded */
.modal.exit-ramp-modal a.exit-ramp-continue.skip-exit-ramp {
display: inline-flex !important;
align-items: center !important;
justify-content: center !important;
min-width: 100px !important;
padding: 12px 12px !important;
background: #fff !important;
background-color: #fff !important;
color: #000000 !important;
font-family: "Barlow", sans-serif !important;
font-size: 16px !important;
font-weight: 500 !important;
border: 2px solid #2d2d2d !important;
border-radius: 5px !important;
cursor: pointer !important;
line-height: 125%;
text-decoration: none !important;
transition: all 0.2s ease !important;
-webkit-appearance: none !important;
appearance: none !important;
border: 1px solid #CF65FF !important;
}
.modal.exit-ramp-modal a.exit-ramp-continue.skip-exit-ramp:hover {
background: #2d2d2d !important;
background-color: #2d2d2d !important;
color: #fff !important;
border: 1px solid #000 !important;
}
#enhertu-card-isi .en-indication-card .text-md,
#datroway-card-isi .dw-indication-card .text-md,
#enhertu-card-isi .en-in-text-container .en-in-text-main-list,
#datroway-card-isi .dw-in-text-container p,
#enhertu-card-isi .en-in-text-container p,
#lynparza-card-isi .lp-indication-card .text-md,
#truaqp-card-isi .tq-indication-card .text-md,
#lynparza-card-isi .lp-in-text-container .en-in-text-main-list,
#truaqp-card-isi .tq-in-text-container p,
#lynparza-card-isi .lp-in-text-container p,
#lynparza-card -isi.lp-indication-card p {
color: rgba(1, 2, 23, 0.90);
font-family: 'Barlow';
font-size: 16px !important;
font-style: normal;
font-weight: 400;
line-height: 125%;
margin: 10px 0px
}
#enhertu-card-isi .en-important-card .en-in-container,
#lynparza-card-isi .lp-important-card .lp-in-container,
#datroway-card-isi .dw-important-card .dw-in-container,
#truaqp-card-isi .tq-important-card .tq-in-container {
display: flex;
justify-content: space-between;
align-items: center;
margin: 20px 0px 10px 0px
}
#truaqp-card-isi .tq-important-card .tq-in-container img,
#lynparza-card-isi .lp-important-card .lp-in-container img,
#datroway-card-isi .dw-important-card .dw-in-container img,
#enhertu-card-isi .en-important-card .en-in-container img {
max-width: 30px;
width: 100%;
height: auto;
display: none;
}
#enhertu-datroway .cmp-cards__advanced--description,
#enhertu-datroway .cmp-cards__advanced--description {
padding: 15px;
}
#enhertu-datroway .cmp-cards__advanced--container .cmp-cards__advanced,
#enhertu-datroway .cmp-cards__advanced--container .cmp-cards__advanced,
#etcamah-card .cmp-cards__advanced--container .cmp-cards__advanced {
border-radius: 20px
}
#truaqp-card-isi .tq-important-card .tq-in-text,
#lynparza-card-isi .lp-important-card .lp-in-text,
#datroway-card-isi .dw-important-card .lp-in-text,
#enhertu-card-isi .en-important-card .lp-in-text {
font-size: 16px;
}
#lynparza-card-isi .lp-indication-card .text-lg,
#lynparza-card-isi .lp-in-text {
color: #004d74 !important;
}
#truaqp-card-isi .tq-indication-card .text-lg,
#truaqp-card-isi .tq-in-text {
color: #240e62
}
#datroway-card-isi .dw-indication-card .text-lg,
#datroway-card-isi .dw-important-card .dw-in-text {
color: #1d21aa;
}
#enhertu-card-isi .en-indication-card .text-lg,
#enhertu-card-isi .en-important-card .en-in-text {
color: #EA721F;
}
#isi-section .azcl-column-par1,
#isi-section .azcl-column-par2,
#isi-section .azcl-column-par3,
#isi-section .azcl-column-par4 {
padding: 10px;
background: #fff;
}
#isi-section #enhertu-datroway {
padding: 0;
margin-top: 30px
}
#header-section .pbc-nav-desktop__banner {
border: none !important;
padding: 20px 40px 0px 0px;
}
#header-section .pbc-nav-desktop__banner span {
font-family: Barlow;
font-weight: 700;
font-size: 14px;
line-height: 150%;
letter-spacing: normal;
text-align: right;
color: #000000;
}
#header-section .pbc-nav-desktop__link {
font-family: Barlow;
font-weight: 500;
font-size: 16px;
line-height: 125%;
letter-spacing: normal;
}
#header-section .pbc-nav-desktop__logo img {
/*max-width: 175px;*/
max-width: 217px;
height: auto;
margin-bottom: 20px
}
#pbc-error-pages #poiner-in-breast-cancer .cmp-teaser__content .cmp-teaser__description {
max-width: 581px;
}
#pbc-error-pages #poiner-in-breast-cancer .cmp-teaser__content .cmp-teaser__action-container .cmp-teaser__actionicon {
rotate: 270deg
}
#reference-section .pbc-footer__linkout {
width: 10px;
height: auto;
margin-top:3px
}
#reference-section .pbc-footer__link {
color: #CF65FF;
text-decoration: underline;
font-weight: 700 !important;
}
#pbc-footer-section .pbc-btmfooter__navlink,
#pbc-footer-section .pbc-btmfooter__privlink,
#pbc-footer-section .pbc-btmfooter__legal p,
#reference-section .pbc-footer__references,
#reference-section .pbc-footer__link {
font-family: inter-18pt;
font-weight: 400;
font-size: 12px;
line-height: 130%;
letter-spacing: 0px;
}
#pbc-footer-section .pbc-btmfooter__privlink--choices {
flex-direction: column;
display: inline-flex;
padding-top: 20px;
gap:2px;
}
#pbc-footer-section .pbc-btmfooter-desktop__privacy {
justify-content: space-around;
gap: 40px;
margin-top: -15px
}
#pbc-footer-section .pbc-btmfooter__privlink:nth-child(5) {
max-width: 110px;
margin-top: 20px;
text-align: center;
}
#pbc-footer-section .pbc-btmfooter__legal p {
max-width: 580px;
}
#breast-franchise #poiner-in-breast-cancer .cmp-teaser__content .cmp-teaser__action-container .cmp-teaser__action-link:hover,
#pbc-error-pages #poiner-in-breast-cancer .cmp-teaser__content .cmp-teaser__action-container .cmp-teaser__action-link:hover,
#advancing-treatment #poiner-in-breast-cancer .cmp-teaser__content .cmp-teaser__action-container .cmp-teaser__action-link:hover {
background: #F0F0F0;
color: #000;
font-family: Barlow;
font-weight: 500;
font-size: 16px;
line-height: 125%;
letter-spacing: normal;
text-decoration: none;
}
#breast-franchise #poiner-in-breast-cancer .cmp-teaser__content .cmp-teaser__action-container .cmp-teaser__action-link,
#pbc-error-pages #poiner-in-breast-cancer .cmp-teaser__content .cmp-teaser__action-container .cmp-teaser__action-link,
#advancing-treatment #poiner-in-breast-cancer .cmp-teaser__content .cmp-teaser__action-container .cmp-teaser__action-link {
font-family: Barlow;
font-weight: 500;
font-size: 16px;
text-align: center;
line-height: 125%;
letter-spacing: normal;
align-items: center;
flex-wrap: wrap;
}
#header-section .pbc-nav-desktop__link:hover,
.pbc-btmfooter__navlink:hover,
.pbc-btmfooter__privlink:hover,
#breast-franchise #az-all-logos-section .azpbc-learnmore:hover{
color: #707070 !important;
text-decoration:none;
}
#pbc-error-pages #header-section .pbc-nav-desktop__links {
gap:70px;
}
.desktop-only{
display:block;
}
.mobile-only{
display:none;
}
#breast-franchise .en-sub-list-dash {
list-style: none !important;
padding-left: 0;
}
#breast-franchise .en-sub-list-dash li {
position: relative;
padding-left:15px !important
}
#breast-franchise .en-sub-list-dash li::before {
/*content: "\2212";
position: absolute;
left: -0px;*/
content: ""; /* Required to render pseudo-element */
position: absolute;
left: 0;
top: 11px; /* Center vertically relative to line height */
transform: translateY(-50%); /* Exact vertical alignment alignment */
/* Bullet Dimensions */
width: 4px;
height: 4px;
/* Make it round */
border-radius: 50%;
/* Styling options */
background-color: #000; /* Bullet color */
}
#breast-franchise #enhertu-card .en-sub-list-dash li::before {
content: "\2212";
position: absolute;
left: 0;
width: 0;
height: 0;
top: 0;
}
#breast-franchise #poiner-in-breast-cancer .cmp-teaser__action-container .cmp-teaser__action-link{
width:194px;
}
#breast-franchise #united-states-section .cmp-cards__advanced--container .cmp-cards__advanced{
max-width:359px;
max-height:393px;
gap:0px;
height:393px
}
#breast-franchise #united-states-section .cmp-cards__advanced--description #us-card-1 div .us-sec-text,
#breast-franchise #united-states-section .cmp-cards__advanced--description #us-card-2 div .us-sec-text,
#breast-franchise #united-states-section .cmp-cards__advanced--description #us-card-3 div .us-sec-text{
margin:10px 0px
}
#breast-franchise #united-states-section .cmp-cards__advanced--description #us-card-1, #breast-franchise #united-states-section .cmp-cards__advanced--description #us-card-2, #breast-franchise #united-states-section .cmp-cards__advanced--description #us-card-3, #advancing-treatment #united-states-section .cmp-cards__advanced--description #us-card-1, #advancing-treatment #united-states-section .cmp-cards__advanced--description #us-card-2, #advancing-treatment #united-states-section .cmp-cards__advanced--description #us-card-3{
gap:0px;
margin:-10px 13px 0px 10px;
}
#breast-franchise #united-states-section .cmp-cards__advanced--description #us-card-3 div h3{
line-height:95%;
}
#breast-franchise #united-states-section .cmp-cards__advanced--description #us-card-3 div .us-sec-text{
margin-bottom:20px
}
:is(body, #enhertu-datroway) :is(#enhertu-card-isi, .enhertu-card-isi) .en-warning-box .en-in-text-main-list li::marker {
font-size: 10px; /* adjust to your preferred size */
}
#breast-franchise #az-all-logos-section .azpbc-logo-wrapper{
max-width:1099px;
}
#breast-franchise #az-all-logos-section .azpbc-timeline-line{
background:url("/content/dam/intelligentcontent/multibrand/pioneersinbreastcancer/us/en/images/desktop/lines.svg") no-repeat 100%;
height:41px;
background-size:100%;
}
#breast-franchise #az-all-logos-section .azpbc-main-heading{
margin-bottom: 0;
}
#breast-franchise #united-states-section .cmp-cards__advanced{
border-radius:10px
}
#breast-franchise #sun-card-section .cmp-cards__advanced--container .cmp-cards__advanced .cmp-cards__advanced--body .cmp-cards__advanced--description #section-3 .img-txt-sub-section-4 .sub-sec-4-sub-2 .opac-5{
color:#535353;
font-weight:600;
}
#enhertu-datroway .cmp-cards__advanced--body{
flex-direction:column-reverse;
align-items:center;
margin-top:10px;
gap:0px;
justify-content: flex-end;
}
#enhertu-datroway .cmp-cards__advanced--footer, #enhertu-datroway .cmp-cards__advanced--content{
gap:0px
}
#enhertu-datroway .cmp-cards__advanced--actions a{
max-width:123px;
/* max-height:44px; */
height: 44px;
flex-wrap: wrap;
width:100%;
align-items: center;
/* height:100%; */
padding: 12px;
font-size:16px;
font-family:"barlow";
font-weight:500;
line-height: 124%;
position:relative;
top:0px;
white-space:nowrap;
}
#enhertu-datroway .cmp-cards__advanced--actions a:after{
content:"";
/* position: relative; */
width: 11px;
height: 11px;
background:url("/content/dam/intelligentcontent/multibrand/pioneersinbreastcancer/us/en/images/icons/lern-more-icon.svg") no-repeat 100%;
right:7%;
top:50%;
/* transform:translateY(-20%); */
background-size:100%;
display: block;
margin-bottom: -1px;
}
#enhertu-datroway .azcl-column-par1 .cmp-cards__advanced--actions a{
background:#EA721F
}
#enhertu-datroway .azcl-column-par2 .cmp-cards__advanced--actions a{
background:#1E22AA
}
#enhertu-datroway .azcl-column-par3 .cmp-cards__advanced--actions a{
background:#250E62
}
#enhertu-datroway .azcl-column-par4 .cmp-cards__advanced--actions a{
background:#004D74
}
#breast-franchise #enhertu-datroway #truqap-card .tq-indication-card li.text-md::marker, li::marker {
font-size: 0.75em !important; /* adjust this value as needed */
}
.nowrap{
white-space:nowrap;
}
@media screen and (min-width:991px){
#pbc-footer-desktop > div > p.pbc-footer__references{
padding-right:20px
}
#breast-franchise #enhertu-datroway .azcl-column-par2 .cmp-cards__advanced--image .cmp-cards__advanced--media img{
max-width:180px !important
}
#breast-franchise #enhertu-datroway .azcl-column-par3 .cmp-cards__advanced--image .cmp-cards__advanced--media img,
#breast-franchise #enhertu-datroway .azcl-column-par4 .cmp-cards__advanced--image .cmp-cards__advanced--media img{
max-width:184px !important
}
#breast-franchise #pbc-footer-section .pbc-btmfooter-desktop__privacy{
gap:20px
}
#breast-franchise #header-section .pbc-nav-desktop__inner{
padding-bottom:15px;
border:none !important;
margin-top:-10px;
}
#breast-franchise .en-main-list, #breast-franchise .dw-main-list {margin-left: 20px !important}
.en-main-list li::marker { color: var(--isi-sub) !important; }
#enhertu-card .en-main-list li::marker{ color:#000 !important }
#breast-franchise #poiner-in-breast-cancer .cmp-teaser__content .cmp-teaser__description{
max-width:390px !important;
}
#breast-franchise #united-states-section .azcl-columns__base{
gap:0px
}
#breast-franchise #az-all-logos-section .azpbc-timeline-line:after{
content:"";
position:absolute;
height:20px;
background:#cecece8c;
width:1.5px;
top:12px;
left:33%
}
#breast-franchise #az-all-logos-section .azpbc-timeline-line:before{
content:"";
position:absolute;
height:20px;
background:#cecece8c;
width:1.5px;
top:12px;
left:66%
}
#sun-card-section .cmp-cards__advanced{
border-radius:0px
}
#breast-franchise #sun-card-section .cmp-cards__advanced--container .cmp-cards__advanced .cmp-cards__advanced--body .cmp-cards__advanced--description #section-3{
gap:15px;
}
#breast-franchise #poiner-in-breast-cancer .cmp-teaser__content .cmp-teaser__pretitle,
#pbc-error-pages #poiner-in-breast-cancer .cmp-teaser__content .cmp-teaser__pretitle,
#advancing-treatment #poiner-in-breast-cancer .cmp-teaser__content .cmp-teaser__pretitle {
position: relative;
display: block;
border:none
}
#breast-franchise #poiner-in-breast-cancer .cmp-teaser__content .cmp-teaser__pretitle::after,
#pbc-error-pages #poiner-in-breast-cancer .cmp-teaser__content .cmp-teaser__pretitle::after,
#advancing-treatment #poiner-in-breast-cancer .cmp-teaser__content .cmp-teaser__pretitle::after {
content: "";
display: block;
width: 100%;
height: 3px;
background-color: #CF65FF;
border-radius: 4px;
position: absolute;
bottom: 0;
left: 0;
}
#sticky-isi-tray{
max-height:180px;
height:100%;
}
#sticky-isi-tray.isi-shrink{
max-height:150px;
height:100%;
}
#breast-franchise #poiner-in-breast-cancer, #pbc-error-pages #poiner-in-breast-cancer, #advancing-treatment #poiner-in-breast-cancer, #advancing-treatment #az-all-logos-section .cmp-cards__advanced--image{
/* min-height:780px; */
max-height:780px;
height:100%;
}
#breast-franchise #poiner-in-breast-cancer .cmp-teaser__image-desktop .cmp-image img, #pbc-error-pages #poiner-in-breast-cancer .cmp-teaser__image-desktop .cmp-image img, #advancing-treatment #poiner-in-breast-cancer .cmp-teaser__image-desktop .cmp-image img{
max-height:100%;
}
#header-section .pbc-nav-desktop__link img{
padding-top:2px;
margin-left:8px
}
#enhertu-datroway .azcl-column-par4 ul.lp-sub-list.en-sub-list-dash{
padding-left:5px !important
}
#breast-franchise #enhertu-datroway #enhertu-card .en-indication-card{max-height: 244px;}
#breast-franchise #lynparza-card .en-sub-list-dash li::before{
content:none;
}
#breast-franchise #lynparza-card .en-sub-list-dash{
padding-left:20px !important
}
#breast-franchise #lynparza-card .en-sub-list-dash li{
list-style:disc outside;
padding:0px !important;
}
#breast-franchise #poiner-in-breast-cancer .cmp-teaser__actionicon{
max-width:11px;
height:12px;
margin-top:3px !important
}
/* Force 4 columns to stay in one row without shifting */
#enhertu-datroway.azcl-columns--4 {
display: grid;
grid-template-columns: repeat(4, minmax(0, 1fr));
overflow: hidden;
}
#enhertu-datroway.azcl-columns--4 > [class^="azcl-column-par"] {
min-width: 0;
overflow: hidden;
}
}
/*Mobile Css should be reviewd once the figma is recived */
/* =========================
TABLET + MOBILE (<= 992px)
========================= */
@media (max-width: 992px) {
#us-head-text > div{
min-width: fit-content;
padding: 0 20px;
}
#content-container #enhertu-datroway {background: linear-gradient(180deg, #F8E7FF 0%, rgba(247, 229, 255, 0.2) 61%, #FFFFFF 100%) !important;}
#breast-franchise .en-main-list, #breast-franchise .dw-main-list{
margin-left: 20px !important;
}
#united-states-section>.azcl-container::-webkit-scrollbar{
display:none
}
.mobile-only{
display:block !important;
}
.desktop-only{
display:none !important;
}
#content-container>div:nth-child(4) {
background-color: white;
}
#breast-franchise #az-all-logos-section .azpbc-logo-wrapper {
padding: 0 24px 0 26px;
text-align: center;
}
#section-3>div.img-txt-sub-section-2.reveal.reveal--right.revealed>p {
position: relative;
margin-bottom: 32px !important;
}
#section-3>div.img-txt-sub-section-2.reveal.reveal--right.revealed>p:after {
position: unset !important;
display: block;
margin-top: 32px;
width: 100% !important;
height: 3px !important;
}
#breast-franchise #sun-card-section .cmp-cards__advanced--container .cmp-cards__advanced .cmp-cards__advanced--body .cmp-cards__advanced--description #section-3,
#advancing-treatment #sun-card-section .cmp-cards__advanced--container .cmp-cards__advanced .cmp-cards__advanced--body .cmp-cards__advanced--description #section-3 {
gap: 0;
}
#united-states-section>div.container.responsivegrid {
padding: 0 17px 32px 17px;
}
#breast-franchise #united-states-section #us-head-text,
#advancing-treatment #united-states-section #us-head-text {
padding: 0;
/* max-width: 359px; */
margin: 0 auto;
display: flex;
align-items: center;
}
#breast-franchise #qa-section .azcl-column-par2 .text {
margin-left: unset;
}
#breast-franchise .imagelist .cmp-imagelist:before {
content: "";
position: absolute;
border-bottom: solid 1px #DBDBDB;
width: 100%;
}
#breast-franchise .imagelist .cmp-imagelist .cmp-imagelist__item.logo-4 {
grid-column: 2;
grid-row: 2;
position: relative;
right: 70px;
padding: 0 9px;
}
#breast-franchise .imagelist .cmp-imagelist .cmp-imagelist__item.logo-5 {
grid-column: 2;
position: relative;
grid-row: 2;
padding: 0 9px;
left: 87px;
}
#breast-franchise .imagelist .cmp-imagelist {
position: relative;
padding: 20px 20px 20px 27px;
display: grid;
/* grid-auto-columns: 1fr 1fr 1fr; */
/* grid-auto-rows: 1fr; */
grid-template-columns: 1fr 1fr 1fr;
grid-template-rows: 1fr 1fr;
column-gap: 18px;
row-gap: 30px;
}
#breast-franchise .imagelist {
margin-top: 0;
}
#breast-franchise #poiner-in-breast-cancer .cmp-teaser__content::after {
left: unset !important;
bottom: -48px !important;
top: unset !important;
right: 29px;
display: none;
}
#breast-franchise #poiner-in-breast-cancer .cmp-teaser__content::before {
left: unset !important;
bottom: 12px !important;
top: unset !important;
right: 29px;
display: none;
}
#breast-franchise .bcam-badge {
right: 16px !important;
left: unset !important;
bottom: -10px !important;
max-width: 180px !important;
max-height: 180px;
}
#badge-wrapper{
position:relative;
border-radius: 2000px;
}
#breast-franchise #badge-wrapper::before {
content: "";
position: absolute;
bottom: 23px;
/* z-index: -1; */
left: 50%;
transform: translateY(-10%);
width: var(--ring-size);
height: var(--ring-size);
margin-top: calc(-1 * var(--ring-offset));
margin-left: calc(-1 * var(--ring-offset));
border-radius: 2000px;
background: var(--gradient-shadow);
background-size: 400%;
z-index: 1;
animation: bcam-gradient-rotate 20s linear infinite;
}
#breast-franchise #badge-wrapper::after {
content: "";
position: absolute;
/* top: -12%; */
left: 50%;
top: -203px;
/* bottom: -7px; */
/* transform: translateY(-50%); */
width: var(--ring-size);
height: var(--ring-size);
margin-top: calc(-1 * var(--ring-offset));
margin-left: calc(-1 * var(--ring-offset));
border-radius: 2000px;
background: var(--gradient-shadow);
background-size: 400%;
z-index: 0;
filter: blur(20px);
animation: bcam-gradient-rotate 20s linear infinite;
-webkit-backface-visibility: hidden;
-moz-backface-visibility: hidden;
-webkit-transform: translate3d(0, 0, 0);
-moz-transform: translate3d(0, 0, 0);
}
/*Mobile navigation design */
#poiner-in-breast-cancer>div.cmp-teaser__content>div.cmp-teaser__action-container.reveal.revealed>a {
margin: 0 !important;
}
#header-section .pbc-nav-desktop {
display: none;
}
#header-section .pbc-nav-mobile {
display: block;
width: 100%;
position: sticky;
top: 0;
z-index: 1000;
}
#header-section .pbc-nav-mobile__banner {
background: #f5f5f0;
text-align: center;
padding: 12px 20px;
/* border-top: 3px solid #6BCABA; */
border-bottom: 1px solid #e0e0e0;
line-height: 150%;
color: #000000;
}
#header-section .pbc-nav-mobile__banner span {
font-family: "Barlow", "Barlow", sans-serif;
font-size: 14px;
font-weight: 700;
color: #2d2d2d;
}
#header-section .pbc-nav-mobile__bar {
background: #f5f5f0;
display: flex;
align-items: center;
justify-content: space-between;
padding: 8px 25px 16px 27px;
border-bottom: 1px solid #e0e0e0;
position: relative;
}
#header-section .pbc-nav-mobile__logo img {
height: 30px;
width: auto;
}
#header-section .pbc-nav-mobile__checkbox {
display: none;
}
#header-section .pbc-nav-mobile__toggle {
cursor: pointer;
display: flex;
align-items: center;
justify-content: center;
width: 32px;
height: 32px;
z-index: 10;
}
#header-section .pbc-nav-mobile__icon-open,
#header-section .pbc-nav-mobile__icon-close {
width: 19px;
height: 19px;
position: relative;
top: 7px;
}
#header-section .pbc-nav-mobile__icon-close {
display: none;
}
#header-section .pbc-nav-mobile__icon-open {
display: block;
width: 32px;
height: 9px;
}
#header-section .pbc-nav-mobile__checkbox:checked~.pbc-nav-mobile__toggle .pbc-nav-mobile__icon-open {
display: none;
}
#header-section .pbc-nav-mobile__checkbox:checked~.pbc-nav-mobile__toggle .pbc-nav-mobile__icon-close {
display: block;
}
#header-section .pbc-nav-mobile__menu {
position: absolute;
top: 100%;
left: 0;
right: 0;
background: #fff;
display: flex;
flex-direction: column;
overflow: hidden;
max-height: 0;
opacity: 0;
transition: max-height 0.4s ease, opacity 0.3s ease;
z-index: 999;
box-shadow: 0 4px 12px rgba(0, 0, 0, 0.1);
}
#header-section .pbc-nav-mobile__checkbox:checked~.pbc-nav-mobile__menu {
max-height: 400px;
opacity: 1;
}
#header-section .pbc-nav-mobile__link {
font-family: "Barlow", "Barlow", sans-serif;
font-size: 16px;
font-weight: 500;
color: #2d2d2d;
line-height: 125%;
text-decoration: none;
text-align: right;
padding: 28px 25px;
display: flex;
align-items: center;
justify-content: flex-end;
transition: background 0.2s ease;
}
#header-section .pbc-nav-mobile__link:nth-child(1) {
background: #F9EDFF;
}
#header-section .pbc-nav-mobile__link:nth-child(2) {
background: #F5DDFF;
}
#header-section .pbc-nav-mobile__link:hover {
opacity: 0.85;
}
#header-section .pbc-nav-mobile__link .pbc-nav__arrow {
width: 9px;
height: 9px;
margin-left: 9px;
margin-top: 2px;
}
/*//////////////////////////////////////////////////// */
#breast-franchise .cmp-teaser__image-mobile,
#advancing-treatment .cmp-teaser__image-mobile {
display: block;
}
#advancing-treatment .cmp-teaser__image-desktop,
#breast-franchise .cmp-teaser__image-desktop {
display: none;
}
/* Global */
#breast-franchise,
/* Global */
#advancing-treatment {
overflow-x: hidden;
}
/* HERO SECTION */
#breast-franchise #poiner-in-breast-cancer .cmp-teaser__content,
/* HERO SECTION */
#advancing-treatment #poiner-in-breast-cancer .cmp-teaser__content {
padding: 62px;
align-items: center;
}
#breast-franchise #poiner-in-breast-cancer .cmp-teaser__content .cmp-teaser__pretitle,
#advancing-treatment #poiner-in-breast-cancer .cmp-teaser__content .cmp-teaser__pretitle {
font-size: 40px;
text-align: center;
padding-bottom: 14px;
/* padding: 0px 20px; */
font-weight: 500;
letter-spacing: 4%;
}
#breast-franchise #poiner-in-breast-cancer .cmp-teaser__content .cmp-teaser__subtitle,
#advancing-treatment #poiner-in-breast-cancer .cmp-teaser__content .cmp-teaser__subtitle {
font-size: 22px;
text-align: center;
font-weight: 500;
padding: 0 20px;
margin: 10px 0 16px 0;
}
#breast-franchise #poiner-in-breast-cancer .cmp-teaser__content .cmp-teaser__description,
#advancing-treatment #poiner-in-breast-cancer .cmp-teaser__content .cmp-teaser__description {
/* font-size: 16px; */
max-width: 100%;
margin: 0 0 28px 0;
text-align: center;
}
/* QA SECTION */
#breast-franchise #qa-section,
/* QA SECTION */
#advancing-treatment #qa-section {
padding: 16px 15px 0 15px;
margin: 32px 25px 0 25px;
width: unset;
border-radius: 10px 10px 0 0;
}
#breast-franchise #qa-section .azcl-column-par1,
#advancing-treatment #qa-section .azcl-column-par1 {
font-size: 24px !important;
line-height: 125%;
letter-spacing: normal;
margin-right: -10px;
}
#breast-franchise #qa-section .azcl-column-par2,
#advancing-treatment #qa-section .azcl-column-par2 {
font-size: 18px;
margin-top: 20px;
}
#qa-section.azcl-columns__base {
display: flex;
flex-direction: column;
gap: 20px;
}
/* US SECTION */
#breast-franchise #united-states-section,
/* US SECTION */
#advancing-treatment #united-states-section {
padding: 40px 0 32px 0;
margin: 0 25px 40px 25px;
width: unset;
/* padding: 0; */
border-radius: 0 0 10px 10px;
}
#breast-franchise #united-states-section .cmp-cards__advanced--container,
#advancing-treatment #united-states-section .cmp-cards__advanced--container {
display: flex;
flex-direction: column;
gap: 24px;
align-content: center;
flex-wrap: wrap;
}
#breast-franchise #united-states-section .cmp-cards__advanced,
#advancing-treatment #united-states-section .cmp-cards__advanced {
width: 100%;
max-height: unset;
}
/* SUN SECTION */
#breast-franchise #sun-card-section .cmp-cards__advanced--container .cmp-cards__advanced,
/* SUN SECTION */
#advancing-treatment #sun-card-section .cmp-cards__advanced--container .cmp-cards__advanced {
flex-direction: column-reverse;
border-radius: 0;
}
#breast-franchise #sun-card-section .cmp-cards__advanced--media,
#advancing-treatment #sun-card-section .cmp-cards__advanced--media {
max-width: 100%;
}
#breast-franchise #sun-card-section .cmp-cards__advanced--body,
#advancing-treatment #sun-card-section .cmp-cards__advanced--body {
max-width: 100% !important;
padding: 40px 22px 40px 26px !important;
border-radius: 0 !important;
}
#breast-franchise #sun-card-section .img-txt-sub-section-4,
#advancing-treatment #sun-card-section .img-txt-sub-section-4 {
flex-direction: row;
gap: 20px !important;
margin-top: 40px !important;
/* font-size: 20px; */
}
/* AZ LOGOS SECTION */
#breast-franchise #az-all-logos-section .cmp-cards__advanced--container .cmp-cards__advanced--body,
/* AZ LOGOS SECTION */
#advancing-treatment #az-all-logos-section .cmp-cards__advanced--container .cmp-cards__advanced--body {
position: static;
padding: 24px;
background: #fff;
}
/* PRODUCT SECTIONS STACK */
#breast-franchise #enhertu-datroway,
#breast-franchise #enhertu-datroway,
#breast-franchise #etcamah-card,
/* PRODUCT SECTIONS STACK */
#advancing-treatment #enhertu-datroway,
#advancing-treatment #enhertu-datroway,
#advancing-treatment #etcamah-card {
display: flex;
flex-direction: column;
padding: 20px;
}
#breast-franchise #enhertu-datroway .cmp-cards__advanced--container,
#breast-franchise #enhertu-datroway .cmp-cards__advanced--container,
#breast-franchise #etcamah-card .cmp-cards__advanced--container,
#advancing-treatment #enhertu-datroway .cmp-cards__advanced--container,
#advancing-treatment #enhertu-datroway .cmp-cards__advanced--container,
#advancing-treatment #etcamah-card .cmp-cards__advanced--container {
width: 100%;
margin: 0 0 30px 0;
padding: 0;
}
#breast-franchise #enhertu-datroway .cmp-cards__advanced,
#breast-franchise #enhertu-datroway .cmp-cards__advanced,
#breast-franchise #etcamah-card .cmp-cards__advanced,
#advancing-treatment #enhertu-datroway .cmp-cards__advanced,
#advancing-treatment #enhertu-datroway .cmp-cards__advanced,
#advancing-treatment #etcamah-card .cmp-cards__advanced {
width: 100%;
}
/* Product images */
#breast-franchise #enhertu-datroway img,
#breast-franchise #enhertu-datroway img,
#breast-franchise #etcamah-card img,
/* Product images */
#advancing-treatment #enhertu-datroway img,
#advancing-treatment #enhertu-datroway img,
#advancing-treatment #etcamah-card img {
max-width: 240px !important;
}
/* Accordion style sections */
#breast-franchise .en-indication-card,
#breast-franchise .dw-indication-card,
#breast-franchise .tq-indication-card,
#breast-franchise .lp-indication-card,
#breast-franchise .ea-indication-card,
/* Accordion style sections */
#advancing-treatment .en-indication-card,
#advancing-treatment .dw-indication-card,
#advancing-treatment .tq-indication-card,
#advancing-treatment .lp-indication-card,
#advancing-treatment .ea-indication-card {
height: auto !important;
max-height: 250px;
overflow-y: auto;
padding: 20px;
}
#breast-franchise .en-important-card,
#breast-franchise .dw-important-card,
#breast-franchise .tq-important-card,
#breast-franchise .lp-important-card,
#breast-franchise .ea-important-card,
#advancing-treatment .en-important-card,
#advancing-treatment .dw-important-card,
#advancing-treatment .tq-important-card,
#advancing-treatment .lp-important-card,
#advancing-treatment .ea-important-card {
height: max-content;
max-height: max-content;
overflow-y: auto;
padding: 0 !important;
}
/* ETCAMAH */
#breast-franchise #etcamah-card #etcamah,
/* ETCAMAH */
#advancing-treatment #etcamah-card #etcamah {
flex-direction: column;
}
#breast-franchise #etcamah-card #etcamah .ea-indication-card,
#breast-franchise #etcamah-card #etcamah .ea-important-card,
#advancing-treatment #etcamah-card #etcamah .ea-indication-card,
#advancing-treatment #etcamah-card #etcamah .ea-important-card {
width: 100%;
}
/* Reference */
#breast-franchise #reference-section,
/* Reference */
#advancing-treatment #reference-section {
padding: 30px 20px;
}
#breast-franchise #reference-section p,
#advancing-treatment #reference-section p {
font-size: 16px;
-webkit-text-size-adjust: 100%;
}
#breast-franchise .azcl-column-par2 p {
font-size: 16px;
line-height: 150%;
font-weight: 400;
}
#breast-franchise #us-head-text p {
font-size: 18px;
line-height: 125%;
}
#breast-franchise #united-states-section #us-head-text:after,
#advancing-treatment #united-states-section #us-head-text:after {
/* width: 16%; */
height: 3px;
/* top: 50%; */
position: relative;
margin-top: 2px;
right: unset;
}
#breast-franchise #united-states-section #us-head-text:before,
#advancing-treatment #united-states-section #us-head-text:before {
/* width: 16%; */
height: 3px;
position: relative;
/* top: 50%; */
left: unset;
display: block;
margin-top: 2px;
}
#breast-franchise #sun-card-section .cmp-cards__advanced--container .cmp-cards__advanced .cmp-cards__advanced--body .cmp-cards__advanced--description #section-3 .img-txt-sub-section-1 h4,
#advancing-treatment #sun-card-section .cmp-cards__advanced--container .cmp-cards__advanced .cmp-cards__advanced--body .cmp-cards__advanced--description #section-3 .img-txt-sub-section-1 h4 {
font-size: 24px;
margin-bottom: 20px;
font-family: 'Barlow';
}
#breast-franchise #sun-card-section .cmp-cards__advanced--container .cmp-cards__advanced .cmp-cards__advanced--body .cmp-cards__advanced--description #section-3 .img-txt-sub-section-2 p,
#breast-franchise #sun-card-section .cmp-cards__advanced--container .cmp-cards__advanced .cmp-cards__advanced--body .cmp-cards__advanced--description #section-3 .img-txt-sub-section-3 p,
#breast-franchise #sun-card-section .cmp-cards__advanced--container .cmp-cards__advanced .cmp-cards__advanced--body .cmp-cards__advanced--description #section-3 .img-txt-sub-section-4 p,
#breast-franchise #sun-card-section .cmp-cards__advanced--container .cmp-cards__advanced .cmp-cards__advanced--body .cmp-cards__advanced--description #section-3 .img-txt-sub-section-4 .sub-sec-4-sub-3,
#breast-franchise #sun-card-section .cmp-cards__advanced--container .cmp-cards__advanced .cmp-cards__advanced--body .cmp-cards__advanced--description #section-3 .img-txt-sub-section-4 .sub-sec-4-sub-1,
#advancing-treatment #sun-card-section .cmp-cards__advanced--container .cmp-cards__advanced .cmp-cards__advanced--body .cmp-cards__advanced--description #section-3 .img-txt-sub-section-2 p,
#advancing-treatment #sun-card-section .cmp-cards__advanced--container .cmp-cards__advanced .cmp-cards__advanced--body .cmp-cards__advanced--description #section-3 .img-txt-sub-section-3 p,
#advancing-treatment #sun-card-section .cmp-cards__advanced--container .cmp-cards__advanced .cmp-cards__advanced--body .cmp-cards__advanced--description #section-3 .img-txt-sub-section-4 p,
#advancing-treatment #sun-card-section .cmp-cards__advanced--container .cmp-cards__advanced .cmp-cards__advanced--body .cmp-cards__advanced--description #section-3 .img-txt-sub-section-4 .sub-sec-4-sub-3,
#advancing-treatment #sun-card-section .cmp-cards__advanced--container .cmp-cards__advanced .cmp-cards__advanced--body .cmp-cards__advanced--description #section-3 .img-txt-sub-section-4 .sub-sec-4-sub-1 {
font-size: 16px;
padding: 0px 3px
}
#breast-franchise #sun-card-section .cmp-cards__advanced--container .cmp-cards__advanced .cmp-cards__advanced--body .cmp-cards__advanced--description #section-3 .img-txt-sub-section-2 p:after,
#advancing-treatment #sun-card-section .cmp-cards__advanced--container .cmp-cards__advanced .cmp-cards__advanced--body .cmp-cards__advanced--description #section-3 .img-txt-sub-section-2 p:after {
top: 113%;
width: 100%;
}
#breast-franchise #sun-card-section .cmp-cards__advanced--container .cmp-cards__advanced .cmp-cards__advanced--media,
#advancing-treatment #sun-card-section .cmp-cards__advanced--container .cmp-cards__advanced .cmp-cards__advanced--media {
max-width: 230px;
max-height: 500px;
margin-top: -84px;
}
#breast-franchise #enhertu-datroway #enhertu-card .en-indication-card .en-main-list,
#breast-franchise #enhertu-datroway #datroway-card .dw-indication-card .dw-main-list,
#breast-franchise #enhertu-datroway #enhertu-card .en-in-text-container .en-in-text-main-list,
#breast-franchise #etcamah-card #etcamah .ea-indication-card .ea-main-list,
#breast-franchise #etcamah-card #etcamah .ea-in-text-container .ea-in-text-main-list,
#advancing-treatment #enhertu-datroway #enhertu-card .en-indication-card .en-main-list,
#advancing-treatment #enhertu-datroway #datroway-card .dw-indication-card .dw-main-list,
#advancing-treatment #enhertu-datroway #enhertu-card .en-in-text-container .en-in-text-main-list,
#advancing-treatment #etcamah-card #etcamah .ea-indication-card .ea-main-list,
#advancing-treatment #etcamah-card #etcamah .ea-in-text-container .ea-in-text-main-list {
padding-left: 0px;
}
#breast-franchise #enhertu-datroway #enhertu-card .en-indication-card,
#breast-franchise #enhertu-datroway #datroway-card .dw-indication-card,
#breast-franchise #enhertu-datroway #truqap-card .tq-indication-card,
#breast-franchise #enhertu-datroway #lynparza-card .lp-indication-card,
#breast-franchise #etcamah-card #etcamah .ea-indication-card,
#advancing-treatment #enhertu-datroway #enhertu-card .en-indication-card,
#advancing-treatment #enhertu-datroway #datroway-card .dw-indication-card,
#advancing-treatment #enhertu-datroway #truqap-card .tq-indication-card,
#advancing-treatment #enhertu-datroway #lynparza-card .lp-indication-card,
#advancing-treatment #etcamah-card #etcamah .ea-indication-card {
padding: 20px;
border-radius: 20px;
max-height: max-content
}
#breast-franchise li,
#breast-franchise #enhertu-datroway #enhertu-card .en-indication-card .text-md,
#breast-franchise #enhertu-datroway #enhertu-card .en-important-card .en-in-text,
#advancing-treatment #united-states-section #us-head-text,
#breast-franchise #enhertu-datroway #enhertu-card .en-important-card .en-in-text,
#breast-franchise #enhertu-datroway #datroway-card .dw-important-card .dw-in-text,
#breast-franchise #enhertu-datroway #truqap-card .tq-important-card .tq-in-text,
#breast-franchise #enhertu-datroway #lynparza-card .lp-important-card .lp-in-text,
#breast-franchise #etcamah-card #etcamah .ea-important-card .ea-in-text,
#advancing-treatment #enhertu-datroway #enhertu-card .en-important-card .en-in-text,
#advancing-treatment #enhertu-datroway #datroway-card .dw-important-card .dw-in-text,
#advancing-treatment #enhertu-datroway #truqap-card .tq-important-card .tq-in-text,
#advancing-treatment #enhertu-datroway #lynparza-card .lp-important-card .lp-in-text,
#advancing-treatment #etcamah-card #etcamah .ea-important-card .ea-in-text {
font-size: 16px;
}
#breast-franchise #enhertu-datroway #enhertu-card .en-important-card .en-in-container img,
#breast-franchise #enhertu-datroway #datroway-card .dw-important-card .dw-in-container img,
#breast-franchise #enhertu-datroway #truqap-card .tq-important-card .tq-in-container img,
#breast-franchise #enhertu-datroway #lynparza-card .lp-important-card .lp-in-container img,
#breast-franchise #etcamah-card #etcamah .ea-important-card .ea-in-container img,
#advancing-treatment #enhertu-datroway #enhertu-card .en-important-card .en-in-container img,
#advancing-treatment #enhertu-datroway #datroway-card .dw-important-card .dw-in-container img,
#advancing-treatment #enhertu-datroway #truqap-card .tq-important-card .tq-in-container img,
#advancing-treatment #enhertu-datroway #lynparza-card .lp-important-card .lp-in-container img,
#advancing-treatment #etcamah-card #etcamah .ea-important-card .ea-in-container img {
max-width: 20px !important;
width: 100%
}
#breast-franchise #enhertu-datroway #enhertu-card .en-important-card {
padding: 10px
}
#breast-franchise #enhertu-datroway #enhertu-card .en-important-card,
#breast-franchise #enhertu-datroway #datroway-card .dw-important-card,
#breast-franchise #enhertu-datroway #lynparza-card .lp-important-card,
#breast-franchise #enhertu-datroway #truqap-card .tq-important-card,
#breast-franchise #etcamah-card #etcamah .ea-important-card,
#advancing-treatment #enhertu-datroway #enhertu-card .en-important-card,
#advancing-treatment #enhertu-datroway #datroway-card .dw-important-card,
#advancing-treatment #enhertu-datroway #lynparza-card .lp-important-card,
#advancing-treatment #enhertu-datroway #truqap-card .tq-important-card,
#advancing-treatment #etcamah-card #etcamah .ea-important-card {
padding: 0px
}
#breast-franchise #enhertu-datroway .cmp-cards__advanced--container .cmp-cards__advanced,
#breast-franchise #enhertu-datroway .cmp-cards__advanced--container .cmp-cards__advanced,
#breast-franchise #etcamah-card .cmp-cards__advanced--container .cmp-cards__advanced,
#advancing-treatment #enhertu-datroway .cmp-cards__advanced--container .cmp-cards__advanced,
#advancing-treatment #enhertu-datroway .cmp-cards__advanced--container .cmp-cards__advanced,
#advancing-treatment #etcamah-card .cmp-cards__advanced--container .cmp-cards__advanced {
height: 1150px;
}
#az-all-logos-section {
padding: 40px 0 24px 0px !important;
/* background: url("/content/dam/intelligentcontent/multibrand/pbc/us/en/desktop/steps-background.png") no-repeat center bottom !important; */
background-size: cover !important;
background-color: #F8E7FF !important;
}
#breast-franchise #az-all-logos-section .azpbc-main-heading {
text-align: center;
font-size: 24px;
line-height: 1.3;
/* margin-right: -33px; */
margin-bottom: 0;
}
#breast-franchise #az-all-logos-section .azpbc-main-heading br{
display:none;
}
#breast-franchise #az-all-logos-section .azpbc-timeline-holder {
display: none;
}
#breast-franchise #az-all-logos-section .azpbc-treatment-grid {
display: flex;
flex-direction: column;
gap: 8px;
border: none;
box-shadow: none;
background: transparent;
}
#breast-franchise #az-all-logos-section .azpbc-treatment-block {
min-height: 91px;
display: flex;
flex-direction: row;
justify-content: space-between;
align-items: center;
padding: 16px 30px 16px 20px;
border: 1px solid #d8d8d8;
border-radius: 12px;
background: #fff;
}
#breast-franchise #az-all-logos-section .azpbc-logo-holder {
width:125px;
height: auto;
display: flex;
justify-content: flex-start;
align-items: center;
flex-shrink: 0;
}
#breast-franchise #az-all-logos-section .azpbc-logo-holder img {
/*max-width: 100%;*/
max-width:118px;
width:100%;
max-height: 42px;
object-fit: contain;
}
#breast-franchise #az-all-logos-section .azpbc-learnmore {
display: flex;
align-items: center;
gap: 8px;
font-size: 16px;
font-weight: 500;
color:#000;
white-space: nowrap;
}
#breast-franchise #az-all-logos-section .azpbc-learnmore img {
width: 9px;
height: 9px;
}
#united-states-section>.azcl-container {
overflow: scroll;
padding: 0 16px;
}
#united-states-section>.azcl-container #us-images-section {
width: 770px;
display: flex;
padding: 0 20px;
}
/*Refernce Section*/
#pbc-error-pages #reference-section {
padding: 20px 50px 0px
}
#reference-section .pbc-footer-desktop {
display: none;
}
#reference-section .pbc-footer-mobile {
display: block;
width: 100%;
}
#reference-section .pbc-footer-mobile__inner {
padding: 24px 5px 0;
display: flex;
justify-content: center;
flex-direction:column;
}
#reference-section .pbc-footer__sideeffects {
font-size: 12px;
line-height: 1.5;
margin: 0 0 20px 0;
}
#reference-section .pbc-footer__references {
font-size: 12px;
line-height: 130%;
margin: 0px 0 5px 0;
font-weight: 400;
}
#reference-section .pbc-footer__linkout {
width: 11px;
height: 11px;
margin-left: 5px;
margin-top: 3px;
}
/*Footer Section Desing*/
#pbc-footer-section .pbc-btmfooter-desktop {
display: none;
}
#pbc-footer-section .pbc-btmfooter-mobile {
display: block;
width: 100%;
}
#pbc-footer-section .pbc-btmfooter-mobile__inner {
padding: 30px 25px;
}
#pbc-footer-section .pbc-btmfooter-mobile__logos {
display: flex;
flex-direction: column;
align-items: center;
gap: 12px;
margin-bottom: 28px;
}
#pbc-footer-section .pbc-btmfooter-mobile__logos .pbc-btmfooter__logo-ds {
height: 23px;
width: 123px;
}
#pbc-footer-section .pbc-btmfooter-mobile__logos .pbc-btmfooter__logo-az {
height: 30px;
width: 125px;
margin-top: 8px;
}
#pbc-footer-section .pbc-btmfooter-mobile__links {
display: flex;
flex-direction: column;
align-items: center;
gap: 20px;
margin-bottom: 32px;
}
#pbc-footer-section .pbc-btmfooter__moblink {
font-family: "Barlow", "Barlow", sans-serif;
font-size: 14px;
font-weight: 400;
color: #2d2d2d;
text-decoration: none;
text-align: center;
transition: color 0.2s ease;
}
#pbc-footer-section .pbc-btmfooter__moblink:hover {
color: #707070 !important;
}
#pbc-footer-section .pbc-btmfooter__moblink--choices {
display: flex;
align-items: center;
}
#pbc-footer-section .pbc-btmfooter__legal--mobile {
text-align: center;
display: flex;
justify-content: center;
}
#pbc-footer-section .pbc-btmfooter__legal--mobile p {
font-size: 12px;
line-height: 130%;
}
/*/////////////////////////////////////////////////////*/
/*pop exit ramp model*/
.modal.exit-ramp-modal {
align-items: center !important;
justify-content: center !important;
padding: 20px !important;
}
.modal.exit-ramp-modal .modal-box {
max-width: unset !important;
width: calc(100% - 40px) !important;
border-radius: 12px !important;
overflow: hidden !important;
box-shadow: 0 8px 30px rgba(0, 0, 0, 0.25) !important;
margin: 6px !important;
width: 100% !important;
}
.modal.exit-ramp-modal .modal-box__content {
padding: 60px 30px 60px 30px !important;
max-width: 100% !important;
margin-right: 0 !important;
}
.modal.exit-ramp-modal .modal__close {
/* top: 32% !important; */
/* left: unset !important; */
/* left: unset !important; */
/* transform: unset !important; */
/* padding: 0px !important; */
/* right: calc(50% - 152px) !important; */
}
.modal.exit-ramp-modal .exit-ramp-title {
font-size: 30px !important;
line-height: 1 !important;
padding: 0 0px 16px 0 !important;
font-weight: 400 !important;
}
.modal.exit-ramp-modal .exit-ramp-title::after {
margin-top: 16px !important;
}
.modal.exit-ramp-modal .exit-ramp-body {
font-size: 16px !important;
line-height: 1.3 !important;
margin: 0px 3px 32px 0 !important;
}
.modal.exit-ramp-modal .exit-ramp-actions {
gap: 12px !important;
}
.modal.exit-ramp-modal .exit-ramp-cancel.close-exit-ramp,
.modal.exit-ramp-modal a.exit-ramp-continue.skip-exit-ramp {
padding: 12px 12px !important;
min-width: unset !important;
font-size: 16px !important;
}
#breast-franchise #enhertu-datroway #enhertu-card .en-indication-card .text-md, #breast-franchise #enhertu-datroway #datroway-card .dw-indication-card .text-md, #breast-franchise #enhertu-datroway #enhertu-card .en-in-text-container .en-in-text-main-list, #breast-franchise #enhertu-datroway #datroway-card .dw-in-text-container p, #breast-franchise #enhertu-datroway #enhertu-card .en-in-text-container p, #breast-franchise #enhertu-datroway #lynparza-card .lp-indication-card .text-md, #breast-franchise #enhertu-datroway #truqap-card .tq-indication-card .text-md, #breast-franchise #enhertu-datroway #lynparza-card .lp-in-text-container .en-in-text-main-list, #breast-franchise #enhertu-datroway #truqap-card .tq-in-text-container p, #breast-franchise #enhertu-datroway #lynparza-card .lp-in-text-container p, #breast-franchise #enhertu-datroway #lynparza-card .lp-indication-card p, #breast-franchise #etcamah-card #etcamah .ea-indication-card p, #breast-franchise #etcamah-card #etcamah .ea-in-text-container .ea-in-text-main-list, #advancing-treatment #enhertu-datroway #enhertu-card .en-indication-card .text-md, #advancing-treatment #enhertu-datroway #datroway-card .dw-indication-card .text-md, #advancing-treatment #enhertu-datroway #enhertu-card .en-in-text-container .en-in-text-main-list, #advancing-treatment #enhertu-datroway #datroway-card .dw-in-text-container p, #advancing-treatment #enhertu-datroway #enhertu-card .en-in-text-container p, #advancing-treatment #enhertu-datroway #lynparza-card .lp-indication-card .text-md, #advancing-treatment #enhertu-datroway #truqap-card .tq-indication-card .text-md, #advancing-treatment #enhertu-datroway #lynparza-card .lp-in-text-container .en-in-text-main-list, #advancing-treatment #enhertu-datroway #truqap-card .tq-in-text-container p, #advancing-treatment #enhertu-datroway #lynparza-card .lp-in-text-container p, #advancing-treatment #enhertu-datroway #lynparza-card .lp-indication-card p, #advancing-treatment #etcamah-card #etcamah .ea-indication-card p, #advancing-treatment #etcamah-card #etcamah .ea-in-text-container .ea-in-text-main-list {
font-size: 14px !important;
}
}
/*/////////////////////////////////*/
/* =========================
SMALL MOBILE (<=576px)
========================= */
@media (max-width: 576px) {
#breast-franchise #poiner-in-breast-cancer .cmp-teaser__content,
#advancing-treatment #poiner-in-breast-cancer .cmp-teaser__content {
/* padding: 30px 16px; */
}
#breast-franchise #poiner-in-breast-cancer .cmp-teaser__content .cmp-teaser__pretitle,
#advancing-treatment #poiner-in-breast-cancer .cmp-teaser__content .cmp-teaser__pretitle {
/* font-size: 28px; */
}
#breast-franchise #poiner-in-breast-cancer .cmp-teaser__content .cmp-teaser__subtitle,
#advancing-treatment #poiner-in-breast-cancer .cmp-teaser__content .cmp-teaser__subtitle {
/* font-size: 18px; */
}
#breast-franchise #qa-section .azcl-column-par1,
#advancing-treatment #qa-section .azcl-column-par1 {
font-size: 24px;
}
#breast-franchise #sun-card-section .num,
#advancing-treatment #sun-card-section .num {
font-size: 42px !important;
}
#breast-franchise #sun-card-section .opac-5,
#advancing-treatment #sun-card-section .opac-5 {
font-size: 48px !important;
}
#breast-franchise .text-lg,
#advancing-treatment .text-lg {
font-size: 18px !important;
}
#breast-franchise .text-md,
#breast-franchise p,
#breast-franchise li,
#advancing-treatment .text-md,
#advancing-treatment p,
#advancing-treatment li {
/* font-size: 15px !important; */
}
#pbc-error-pages #poiner-in-breast-cancer .cmp-teaser__content{
padding:20% 10px 0px 50px
}
#pbc-error-pages #reference-section{
padding:0px 10px;
}
#pbc-error-pages #pbc-footer-section .pbc-btmfooter-mobile__inner{
margin-bottom:-100px
}
#reference-section .pbc-footer__linkout{
width:10px;
height:auto;
}
#header-section .pbc-nav-mobile__banner{
border-top:none;
}
.page-500 #header-section .pbc-nav-mobile__banner {
border:none;
border-bottom:2px solid #c6bebe7d;
}
.page-500 #header-section .pbc-nav-mobile__banner span{
max-width:160px;
display:-webkit-inline-box
}
}
@media only screen and (max-width:992px){
#breast-franchise #sun-card-section .num, #advancing-treatment #sun-card-section .num{
font-size: 54px !important;
}
.sub-sec-4-sub-1, .sub-sec-4-sub-3{
font-size: 20px !important;
}
#breast-franchise #sun-card-section .opac-5, #advancing-treatment #sun-card-section .opac-5{
font-size:72px !important;
font-weight: 600 !important;
/* line-height: 150%; */
position: relative;
}
#breast-franchise #poiner-in-breast-cancer .cmp-teaser__content .cmp-teaser__pretitle,
#pbc-error-pages #poiner-in-breast-cancer .cmp-teaser__content .cmp-teaser__pretitle,
#advancing-treatment #poiner-in-breast-cancer .cmp-teaser__content .cmp-teaser__pretitle {
font-size: 40px;
}
#breast-franchise #poiner-in-breast-cancer .cmp-teaser__content .cmp-teaser__subtitle,
#pbc-error-pages #poiner-in-breast-cancer .cmp-teaser__content .cmp-teaser__subtitle,
#advancing-treatment #poiner-in-breast-cancer .cmp-teaser__content .cmp-teaser__subtitle {
font-size: 22px;
margin: 20px 0px 5px 0px;
}
#breast-franchise #poiner-in-breast-cancer .cmp-teaser__content .cmp-teaser__description, #pbc-error-pages #poiner-in-breast-cancer
.cmp-teaser__content .cmp-teaser__description,
#advancing-treatment #poiner-in-breast-cancer
.cmp-teaser__content .cmp-teaser__description{
font-size: 18px;
max-width: 310px !important;
margin: 20px 0px 28px 0px;
}
}
#breast-franchise .imagelist{
display:none
}
#az-all-logos-section > div > div.azpbc-treatment-grid.reveal.reveal--scale.revealed > div:nth-child(5){
display: none !important;
}
#breast-franchise #az-all-logos-section .azpbc-treatment-grid{
grid-template-columns: repeat(4, 1fr);
}
/* ==========================================================================
INDICATIONS section mobile only (Figma 4:370). Desktop untouched.
Placed BEFORE the ISI rules: both sections share the #enhertu-datroway
container, so on specificity ties the ISI rules (later) win.
========================================================================== */
@media (max-width: 992px) {
:is(body, #breast-franchise, #advancing-treatment) #enhertu-datroway.azcl-columns--4 {
display: flex;
flex-direction: column;
gap: 20px;
background: #f6f6f3;
padding: 0px 25px 32px;
margin-top: 0;
}
:is(body, #breast-franchise, #advancing-treatment) #enhertu-datroway [class^="azcl-column-par"] {
flex: 1 1 auto;
width: 100%;
min-width: 0;
margin: 0;
}
:is(body, #breast-franchise, #advancing-treatment) #enhertu-datroway .cmp-cards__advanced--container {
margin: 0;
padding: 0;
}
/* Product card: white, #E5E5E7 border, 10px radius, 24/16 padding */
:is(body, #breast-franchise, #advancing-treatment) #enhertu-datroway .cmp-cards__advanced--container .cmp-cards__advanced {
background: #fff;
border: 1px solid #e5e5e7;
border-radius: 10px;
box-shadow: none;
max-height: fit-content;
padding: 24px 16px;
}
/* Centered logo, 20px down to the indication box */
:is(body, #breast-franchise, #advancing-treatment) #enhertu-datroway .cmp-cards__advanced--image .cmp-cards__advanced--media img {
max-width: 132px !important;
max-height: 48px !important;
width: 100% !important;
/*width:auto !important;*/
margin: 0 auto 10px;
padding-top: 0;
display: block;
}
:is(body, #breast-franchise, #advancing-treatment) #enhertu-datroway .cmp-cards__advanced--description {
padding: 0;
}
/* Indication box: #FAFAFA, 10px radius, 20/16 padding, inset shadow */
:is(body, #breast-franchise, #advancing-treatment) #enhertu-datroway :is(#enhertu-card .en-indication-card, #datroway-card .dw-indication-card, #truqap-card .tq-indication-card, #lynparza-card .lp-indication-card) {
background: #fafafa;
border: 1px solid #f6f6f3;
border-radius: 10px;
padding: 20px 16px;
box-shadow: inset 0px 4px 14px 0px rgba(0, 0, 0, 0.1);
height: auto;
max-height: 300px;
overflow-y: auto;
}
/* Heading: Bold 18px in the brand color (Figma mobile) */
:is(body, #breast-franchise, #advancing-treatment) #enhertu-datroway :is(#enhertu-card .en-indication-card, #datroway-card .dw-indication-card, #truqap-card .tq-indication-card, #lynparza-card .lp-indication-card) .text-lg {
font-family: "barlow", sans-serif;
font-size: 16px !important;
font-weight: 700;
line-height: 1.25;
margin: 0 0 10px;
}
:is(body, #breast-franchise, #advancing-treatment) #enhertu-datroway #enhertu-card .en-indication-card .text-lg { color: #ea721f !important; }
:is(body, #breast-franchise, #advancing-treatment) #enhertu-datroway #datroway-card .dw-indication-card .text-lg { color: #1e22aa !important; }
:is(body, #breast-franchise, #advancing-treatment) #enhertu-datroway #truqap-card .tq-indication-card .text-lg { color: #250e62 !important; }
:is(body, #breast-franchise, #advancing-treatment) #enhertu-datroway #lynparza-card .lp-indication-card .text-lg { color: #004d74 !important; }
/* Body: Barlow Regular 14px black, 10px between blocks */
:is(body, #breast-franchise, #advancing-treatment) #enhertu-datroway :is(#enhertu-card .en-indication-card, #datroway-card .dw-indication-card, #truqap-card .tq-indication-card, #lynparza-card .lp-indication-card) :is(p, li, ul) {
font-family: "Barlow", "Helvetica Neue", Arial, sans-serif;
font-size: 14px !important;
font-weight: 400;
line-height: 1.25;
color: #000;
}
:is(body, #breast-franchise, #advancing-treatment) #enhertu-datroway :is(#enhertu-card .en-indication-card, #datroway-card .dw-indication-card, #truqap-card .tq-indication-card, #lynparza-card .lp-indication-card) :is(p, ul) {
margin: 0 0 10px;
}
:is(body, #breast-franchise, #advancing-treatment) #enhertu-datroway :is(#enhertu-card .en-indication-card, #datroway-card .dw-indication-card, #truqap-card .tq-indication-card, #lynparza-card .lp-indication-card) :is(p, ul):last-child {
margin-bottom: 0;
}
:is(body, #breast-franchise, #advancing-treatment) #enhertu-datroway :is(#enhertu-card .en-indication-card, #datroway-card .dw-indication-card, #truqap-card .tq-indication-card, #lynparza-card .lp-indication-card) li {
margin: 0;
}
:is(body, #breast-franchise, #advancing-treatment) #enhertu-datroway :is(#enhertu-card .en-indication-card, #datroway-card .dw-indication-card, #truqap-card .tq-indication-card, #lynparza-card .lp-indication-card) ul {
list-style: disc outside;
padding-left: 0;
}
:is(body, #breast-franchise, #advancing-treatment) #enhertu-datroway :is(#enhertu-card .en-indication-card, #datroway-card .dw-indication-card, #truqap-card .tq-indication-card, #lynparza-card .lp-indication-card) ul ul {
margin: 0;
}
:is(body, #breast-franchise, #advancing-treatment) #enhertu-datroway :is(#enhertu-card .en-indication-card, #datroway-card .dw-indication-card, #truqap-card .tq-indication-card, #lynparza-card .lp-indication-card) b {
font-size: 14px !important;
font-weight: 700;
}
}
#isi-section #enhertu-datroway,
#sticky-isi-tray {
--isi-enhertu: #ea721f;
--isi-enhertu-sub: #260859;
--isi-datroway: #1e22aa;
--isi-datroway-sub: #0f7e95;
--isi-truqap: #250e62;
--isi-lynparza: #004d74;
--isi-text: #000;
--isi-divider: #cecece;
--isi-font: "Barlow", "Helvetica Neue", Arial, sans-serif;
--isi-title-size: 18px;
--isi-body-size: 14px;
--isi-lh: 1.25;
--isi-col-width: 340px;
--isi-col-gap: 10px;
--isi-pad-x: 20px;
--isi-pad-top: 16px;
--isi-header-gap: 12px;
--isi-block-gap: 10px;
--isi-item-gap: 6px;
--isi-list-indent: 5px;
--isi-card-max-height: none;
}
:is(body, #enhertu-datroway) :is(#enhertu-card-isi, .enhertu-card-isi) { --isi-brand: var(--isi-enhertu); --isi-sub: var(--isi-enhertu-sub); }
:is(body, #enhertu-datroway) :is(#datroway-card-isi, .datroway-card-isi) { --isi-brand: var(--isi-datroway); --isi-sub: var(--isi-datroway-sub); }
:is(body, #enhertu-datroway) :is(#truaqp-card-isi, .truaqp-card-isi) { --isi-brand: var(--isi-truqap); --isi-sub: var(--isi-truqap); }
:is(body, #enhertu-datroway) :is(#lynparza-card-isi, .lynparza-card-isi) { --isi-brand: var(--isi-lynparza); --isi-sub: var(--isi-lynparza); }
#isi-section #enhertu-datroway.azcl-columns--4 {
display: flex;
align-items: stretch;
gap: var(--isi-col-gap);
box-sizing: border-box;
max-width: calc(var(--isi-col-width) * 4 + var(--isi-col-gap) * 3);
padding: 0;
margin-inline: auto;
background: #fff;
font-family: var(--isi-font);
color: var(--isi-text);
-webkit-font-smoothing: antialiased;
}
#isi-section #enhertu-datroway [class^="azcl-column-par"] {
flex: 1 1 0;
min-width: 0;
display: flex;
padding: 0;
background: transparent;
}
#isi-section #enhertu-datroway .azcl-column-par1,
#isi-section #enhertu-datroway .azcl-column-par2,
#isi-section #enhertu-datroway .azcl-column-par3 {
border-right: 1px solid var(--isi-divider);
height:max-content;
}
#isi-section #enhertu-datroway [class^="azcl-column-par"] .cmp-container,
#isi-section #enhertu-datroway [class^="azcl-column-par"] .text,
#isi-section #enhertu-datroway [class^="azcl-column-par"] .cmp-text,
#isi-section #enhertu-datroway [id$="-card-isi"] {
display: flex;
flex: 1 1 auto;
flex-direction: column;
min-width: 0;
width: 100%;
}
:is(body, #enhertu-datroway) :is(#enhertu-card-isi, .enhertu-card-isi) .en-important-card,
:is(body, #enhertu-datroway) :is(#datroway-card-isi, .datroway-card-isi) .dw-important-card,
:is(body, #enhertu-datroway) :is(#truaqp-card-isi, .truaqp-card-isi) .tq-important-card,
:is(body, #enhertu-datroway) :is(#lynparza-card-isi, .lynparza-card-isi) .lp-important-card {
display: flex;
flex: 1 1 auto;
flex-direction: column;
align-items: flex-start;
gap: var(--isi-header-gap);
box-sizing: border-box;
margin: 0;
/*padding: var(--isi-pad-top) var(--isi-pad-x) var(--isi-pad-top);*/
padding: 0px var(--isi-pad-x) var(--isi-pad-top);
min-width: 0;
max-height: var(--isi-card-max-height);
overflow-x: clip;
overflow-y: auto;
scrollbar-width: thin;
scrollbar-color: var(--isi-divider) transparent;
}
:is(body, #enhertu-datroway) :is(#enhertu-card-isi, .enhertu-card-isi) .en-in-container,
:is(body, #enhertu-datroway) :is(#datroway-card-isi, .datroway-card-isi) .dw-in-container,
:is(body, #enhertu-datroway) :is(#truaqp-card-isi, .truaqp-card-isi) .tq-in-container,
:is(body, #enhertu-datroway) :is(#lynparza-card-isi, .lynparza-card-isi) .lp-in-container {
display: flex;
align-items: center;
gap: 8px;
margin: 0;
width: 100%;
}
:is(body, #enhertu-datroway) :is(#enhertu-card-isi, .enhertu-card-isi) .en-in-container > .en-in-text,
:is(body, #enhertu-datroway) :is(#datroway-card-isi, .datroway-card-isi) .dw-in-container > .dw-in-text,
:is(body, #enhertu-datroway) :is(#truaqp-card-isi, .truaqp-card-isi) .tq-in-container > .tq-in-text,
:is(body, #enhertu-datroway) :is(#lynparza-card-isi, .lynparza-card-isi) .lp-in-container > .lp-in-text {
flex: 1 1 0;
min-width: 0;
margin: 0;
font-family: var(--isi-font);
font-size: var(--isi-title-size) !important;
font-weight: 700;
font-style: normal;
line-height: var(--isi-lh);
color: var(--isi-brand) !important;
word-break: break-word;
}
:is(body, #enhertu-datroway) :is(#enhertu-card-isi, .enhertu-card-isi) .en-in-text-container,
:is(body, #enhertu-datroway) :is(#datroway-card-isi, .datroway-card-isi) .dw-in-text-container,
:is(body, #enhertu-datroway) :is(#truaqp-card-isi, .truaqp-card-isi) .tq-in-text-container,
:is(body, #enhertu-datroway) :is(#lynparza-card-isi, .lynparza-card-isi) .lp-in-text-container {
width: 100%;
min-width: 0;
font-family: var(--isi-font);
font-size: var(--isi-body-size);
line-height: var(--isi-lh);
color: var(--isi-text);
word-break: break-word;
}
:is(body, #enhertu-datroway) :is(#enhertu-card-isi, .enhertu-card-isi) .en-in-text-container p,
:is(body, #enhertu-datroway) :is(#datroway-card-isi, .datroway-card-isi) .dw-in-text-container p,
:is(body, #enhertu-datroway) :is(#truaqp-card-isi, .truaqp-card-isi) .tq-in-text-container p,
:is(body, #enhertu-datroway) :is(#lynparza-card-isi, .lynparza-card-isi) .lp-in-text-container p {
margin: 0 0 var(--isi-block-gap);
font-family: var(--isi-font);
font-size: var(--isi-body-size) !important;
line-height: var(--isi-lh);
color: var(--isi-text);
}
:is(body, #enhertu-datroway) :is(#enhertu-card-isi, .enhertu-card-isi) .en-in-text-container ul,
:is(body, #enhertu-datroway) :is(#datroway-card-isi, .datroway-card-isi) .dw-in-text-container ul,
:is(body, #enhertu-datroway) :is(#truaqp-card-isi, .truaqp-card-isi) .tq-in-text-container ul,
:is(body, #enhertu-datroway) :is(#lynparza-card-isi, .lynparza-card-isi) .lp-in-text-container ul {
margin: 0 0 var(--isi-block-gap);
padding-left: var(--isi-list-indent);
list-style: disc outside;
font-family: var(--isi-font);
font-size: var(--isi-body-size) !important;
line-height: var(--isi-lh);
color: var(--isi-text);
}
:is(body, #enhertu-datroway) :is(#enhertu-card-isi, .enhertu-card-isi) .en-in-text-container > :first-child,
:is(body, #enhertu-datroway) :is(#datroway-card-isi, .datroway-card-isi) .dw-in-text-container > :first-child,
:is(body, #enhertu-datroway) :is(#truaqp-card-isi, .truaqp-card-isi) .tq-in-text-container > :first-child,
:is(body, #enhertu-datroway) :is(#lynparza-card-isi, .lynparza-card-isi) .lp-in-text-container > :first-child {
margin-bottom: var(--isi-header-gap);
}
:is(body, #enhertu-datroway) :is(#enhertu-card-isi, .enhertu-card-isi) .en-in-text-container > :last-child,
:is(body, #enhertu-datroway) :is(#datroway-card-isi, .datroway-card-isi) .dw-in-text-container > :last-child,
:is(body, #enhertu-datroway) :is(#truaqp-card-isi, .truaqp-card-isi) .tq-in-text-container > :last-child,
:is(body, #enhertu-datroway) :is(#lynparza-card-isi, .lynparza-card-isi) .lp-in-text-container > :last-child {
margin-bottom: 0;
}
:is(body, #enhertu-datroway) :is(#enhertu-card-isi, .enhertu-card-isi) .en-in-body,
:is(body, #enhertu-datroway) :is(#datroway-card-isi, .datroway-card-isi) .dw-in-body,
:is(body, #enhertu-datroway) :is(#truaqp-card-isi, .truaqp-card-isi) .tq-in-body,
:is(body, #enhertu-datroway) :is(#lynparza-card-isi, .lynparza-card-isi) .lp-in-body {
font-weight: 400;
font-style: normal;
}
:is(body, #enhertu-datroway) :is(#enhertu-card-isi, .enhertu-card-isi) .en-in-text-container .en-in-text,
:is(body, #enhertu-datroway) :is(#datroway-card-isi, .datroway-card-isi) .dw-in-text-container .dw-in-text,
:is(body, #enhertu-datroway) :is(#truaqp-card-isi, .truaqp-card-isi) .tq-in-text-container .tq-in-text,
:is(body, #enhertu-datroway) :is(#lynparza-card-isi, .lynparza-card-isi) .lp-in-text-container .lp-in-text {
font-size: var(--isi-body-size) !important;
font-weight: 700;
font-style: normal;
color: var(--isi-brand) !important;
}
:is(body, #enhertu-datroway) :is(#enhertu-card-isi, .enhertu-card-isi) .en-in-subtext,
:is(body, #enhertu-datroway) :is(#datroway-card-isi, .datroway-card-isi) .dw-in-subtext {
font-weight: 700;
font-style: normal;
color: var(--isi-sub) !important;
}
:is(body, #enhertu-datroway) :is(#enhertu-card-isi, .enhertu-card-isi) .en-in-text-line,
:is(body, #enhertu-datroway) :is(#datroway-card-isi, .datroway-card-isi) .dw-in-text-line,
:is(body, #enhertu-datroway) :is(#truaqp-card-isi, .truaqp-card-isi) .tq-in-text-line,
:is(body, #enhertu-datroway) :is(#lynparza-card-isi, .lynparza-card-isi) .lp-in-text-line {
font-weight: 400;
text-decoration: underline;
text-decoration-skip-ink: none;
text-underline-position: from-font;
}
:is(body, #enhertu-datroway) :is(#enhertu-card-isi, .enhertu-card-isi) .en-in-text-line,
:is(body, #enhertu-datroway) :is(#datroway-card-isi, .datroway-card-isi) .dw-in-text-line {
font-style: normal;
}
:is(body, #enhertu-datroway) :is(#truaqp-card-isi, .truaqp-card-isi) .tq-in-text-line,
:is(body, #enhertu-datroway) :is(#lynparza-card-isi, .lynparza-card-isi) .lp-in-text-line {
font-style: italic;
}
:is(body, #enhertu-datroway) :is(#enhertu-card-isi, .enhertu-card-isi) .en-in-italic,
:is(body, #enhertu-datroway) :is(#datroway-card-isi, .datroway-card-isi) .dw-in-italic,
:is(body, #enhertu-datroway) :is(#lynparza-card-isi, .lynparza-card-isi) .lp-in-italic {
font-weight: 400;
font-style: italic;
}
:is(body, #enhertu-datroway) :is(#lynparza-card-isi, .lynparza-card-isi) .lp-in-text-container .lp-in-italic {
margin-bottom: 0;
}
:is(body, #enhertu-datroway) :is(#lynparza-card-isi, .lynparza-card-isi) .lp-in-subheading {
font-weight: 700;
font-style: normal;
color: var(--isi-text);
}
:is(body, #enhertu-datroway) :is(#enhertu-card-isi, .enhertu-card-isi) .en-warning-box {
box-sizing: border-box;
width: 100%;
margin: 0 0 var(--isi-header-gap);
padding: 8px;
border: 1px solid var(--isi-text);
}
:is(body, #enhertu-datroway) :is(#enhertu-card-isi, .enhertu-card-isi) .en-warning-box .en-warning-title {
margin: 0 0 var(--isi-block-gap);
font-size: var(--isi-body-size) !important;
font-weight: 700;
color: var(--isi-text);
}
:is(body, #enhertu-datroway) :is(#enhertu-card-isi, .enhertu-card-isi) .en-warning-box .en-in-text-main-list {
margin: 0;
padding-left: 16px;
}
:is(body, #enhertu-datroway) :is(#enhertu-card-isi, .enhertu-card-isi) .en-warning-box .en-in-text-main-list li {
margin: 0 0 var(--isi-block-gap);
font-weight: 600;
}
:is(body, #enhertu-datroway) :is(#enhertu-card-isi, .enhertu-card-isi) .en-warning-box .en-in-text-main-list li:last-child {
margin-bottom: 0;
}
:is(body, #enhertu-datroway) :is(#enhertu-card-isi, .enhertu-card-isi) .en-in-text-container li,
:is(body, #enhertu-datroway) :is(#datroway-card-isi, .datroway-card-isi) .dw-in-text-container li,
:is(body, #enhertu-datroway) :is(#truaqp-card-isi, .truaqp-card-isi) .tq-in-text-container li,
:is(body, #enhertu-datroway) :is(#lynparza-card-isi, .lynparza-card-isi) .lp-in-text-container li {
margin: 0 0 var(--isi-item-gap);
font-size: var(--isi-body-size);
line-height: var(--isi-lh);
font-family: Barlow;
font-weight: 400;
letter-spacing: normal;
color: var(--isi-text);
}
:is(body, #enhertu-datroway) :is(#enhertu-card-isi, .enhertu-card-isi) .en-in-text-container li:last-child,
:is(body, #enhertu-datroway) :is(#datroway-card-isi, .datroway-card-isi) .dw-in-text-container li:last-child,
:is(body, #enhertu-datroway) :is(#truaqp-card-isi, .truaqp-card-isi) .tq-in-text-container li:last-child,
:is(body, #enhertu-datroway) :is(#lynparza-card-isi, .lynparza-card-isi) .lp-in-text-container li:last-child {
margin-bottom: 0;
}
:is(body, #enhertu-datroway) :is(#enhertu-card-isi, .enhertu-card-isi) .en-in-text-container li::marker,
:is(body, #enhertu-datroway) :is(#datroway-card-isi, .datroway-card-isi) .dw-in-text-container li::marker,
:is(body, #enhertu-datroway) :is(#truaqp-card-isi, .truaqp-card-isi) .tq-in-text-container li::marker,
:is(body, #enhertu-datroway) :is(#lynparza-card-isi, .lynparza-card-isi) .lp-in-text-container li::marker {
color: var(--isi-text);
}
:is(body, #enhertu-datroway) :is(#enhertu-card-isi, .enhertu-card-isi) .en-main-list li > b,
:is(body, #enhertu-datroway) :is(#datroway-card-isi, .datroway-card-isi) .dw-main-list li > b {
color: var(--isi-sub);
}
:is(body, #enhertu-datroway) :is(#enhertu-card-isi, .enhertu-card-isi) .en-in-text-container b,
:is(body, #enhertu-datroway) :is(#datroway-card-isi, .datroway-card-isi) .dw-in-text-container b,
:is(body, #enhertu-datroway) :is(#truaqp-card-isi, .truaqp-card-isi) .tq-in-text-container b,
:is(body, #enhertu-datroway) :is(#lynparza-card-isi, .lynparza-card-isi) .lp-in-text-container b {
font-weight: 700;
}
:is(body, #enhertu-datroway) :is(#enhertu-card-isi, .enhertu-card-isi) .en-in-text-container sup,
:is(body, #enhertu-datroway) :is(#datroway-card-isi, .datroway-card-isi) .dw-in-text-container sup,
:is(body, #enhertu-datroway) :is(#truaqp-card-isi, .truaqp-card-isi) .tq-in-text-container sup,
:is(body, #enhertu-datroway) :is(#lynparza-card-isi, .lynparza-card-isi) .lp-in-text-container sup {
font-size: 0.65em;
line-height: 0;
vertical-align: super;
}
:is(body, #enhertu-datroway) :is(#enhertu-card-isi, .enhertu-card-isi) .en-in-text-container u,
:is(body, #enhertu-datroway) :is(#datroway-card-isi, .datroway-card-isi) .dw-in-text-container u {
text-decoration: underline;
text-decoration-skip-ink: none;
text-underline-position: from-font;
}
:is(body, #enhertu-datroway) :is(#enhertu-card-isi, .enhertu-card-isi) .en-in-text-container a,
:is(body, #enhertu-datroway) :is(#datroway-card-isi, .datroway-card-isi) .dw-in-text-container a,
:is(body, #enhertu-datroway) :is(#truaqp-card-isi, .truaqp-card-isi) .tq-in-text-container a,
:is(body, #enhertu-datroway) :is(#lynparza-card-isi, .lynparza-card-isi) .lp-in-text-container a {
color: inherit;
text-decoration: underline;
text-decoration-skip-ink: none;
text-underline-position: from-font;
cursor: pointer;
}
#datroway-card-isi > div > div.dw-in-text-container > p:nth-child(48) > b > a{
text-decoration: none !important;
}
:is(body, #enhertu-datroway) :is(#lynparza-card-isi, .lynparza-card-isi) .lp-in-body a {
color: var(--isi-brand);
}
:is(body, #enhertu-datroway) :is(#enhertu-card-isi, .enhertu-card-isi) .en-in-text-container a:focus-visible,
:is(body, #enhertu-datroway) :is(#datroway-card-isi, .datroway-card-isi) .dw-in-text-container a:focus-visible,
:is(body, #enhertu-datroway) :is(#truaqp-card-isi, .truaqp-card-isi) .tq-in-text-container a:focus-visible,
:is(body, #enhertu-datroway) :is(#lynparza-card-isi, .lynparza-card-isi) .lp-in-text-container a:focus-visible {
outline: 2px solid currentColor;
outline-offset: 2px;
border-radius: 2px;
}
:is(body, #enhertu-datroway) [id$="-card-isi"] [class$="-important-card"]::-webkit-scrollbar {
width: 6px;
}
:is(body, #enhertu-datroway) [id$="-card-isi"] [class$="-important-card"]::-webkit-scrollbar-thumb {
background-color: var(--isi-divider);
border-radius: 3px;
}
:is(body, #enhertu-datroway) [id$="-card-isi"] [class$="-important-card"]::-webkit-scrollbar-track {
background: transparent;
}
#breast-franchise p.tq-in-text.digital-asset {
font-family: "Barlow", sans-serif !important;
font-size: 14px !important;
font-weight: 400 !important;
font-style: italic !important;
line-height: 125% !important;
letter-spacing: 0 !important;
}
@media (max-width: 1023px) {
#isi-section #enhertu-datroway.azcl-columns--4 {
flex-direction: row;
flex-wrap: wrap;
background: #fff;
padding: 0;
padding: 8px 22px 40px 25px;
}
#isi-section #enhertu-datroway [class^="azcl-column-par"] {
flex: 1 1 calc(50% - var(--isi-col-gap));
}
#isi-section #enhertu-datroway .azcl-column-par2 {
border-right: 0;
}
}
@media (max-width: 639px) {
#isi-section #enhertu-datroway {
--isi-title-size: 14px;
--isi-header-gap: 8px;
--isi-pad-top: 0px;
--isi-pad-x: 0px;
}
#isi-section #enhertu-datroway.azcl-columns--4 {
flex-direction: column;
flex-wrap: nowrap;
gap: 20px;
max-width: none;
padding: 8px 22px 40px 25px;
}
#isi-section #enhertu-datroway [class^="azcl-column-par"] {
flex: 1 1 auto;
width: 100%;
border-right: 0;
border-bottom: 1px solid var(--isi-divider);
padding-bottom: 20px;
}
#isi-section #enhertu-datroway [class^="azcl-column-par"]:last-child {
border-bottom: 0;
padding-bottom: 0;
}
:is(body, #enhertu-datroway) :is(#enhertu-card-isi, .enhertu-card-isi) .en-in-text-container > :first-child,
:is(body, #enhertu-datroway) :is(#datroway-card-isi, .datroway-card-isi) .dw-in-text-container > :first-child,
:is(body, #enhertu-datroway) :is(#truaqp-card-isi, .truaqp-card-isi) .tq-in-text-container > :first-child,
:is(body, #enhertu-datroway) :is(#lynparza-card-isi, .lynparza-card-isi) .lp-in-text-container > :first-child {
margin-bottom: var(--isi-block-gap);
}
:is(body, #enhertu-datroway) :is(#enhertu-card-isi, .enhertu-card-isi) .en-in-text-container > .en-warning-box {
margin-bottom: var(--isi-header-gap);
}
:is(body, #enhertu-datroway) :is(#enhertu-card-isi, .enhertu-card-isi) .en-in-text-container > .en-warning-box{
padding-right:4px
}
:is(body, #enhertu-datroway) :is(#enhertu-card-isi, .enhertu-card-isi) .en-in-body{
padding-right:11px
}
#pbc-error-pages #poiner-in-breast-cancer .cmp-teaser__content .cmp-teaser__subtitle{
margin-bottom:30px;
}
.nowrap{
white-space:nowrap
}
}
/* ==========================================================================
Sticky ISI tray (behavior lives in pbc-home.js initStickyISI)
Note: the 80px peek must match ACC_PEEK in the JS.
========================================================================== */
#sticky-isi-tray {
position: fixed;
bottom: 0;
left: 0;
right: 0;
width: auto;
max-width: 100%;
max-height: 180px;
box-sizing: border-box;
height: min(30vh, 180px);
background: #fff;
z-index: 9990;
box-shadow: 0 -4px 20px rgba(0, 0, 0, 0.15);
display: flex;
flex-direction: column;
transition: height 0.45s cubic-bezier(0.4, 0, 0.2, 1), transform 0.4s cubic-bezier(0.4, 0, 0.2, 1);
transform: translateY(0);
overflow: hidden;
overflow-x: hidden;
--isi-pad-top: 0px;
--isi-pad-x: 0px;
}
#sticky-isi-tray .en-important-card,
#sticky-isi-tray .dw-important-card,
#sticky-isi-tray .tq-important-card,
#sticky-isi-tray .lp-important-card {
padding: 0;
max-width: 100%;
height: auto !important;
max-height: none !important;
overflow-x: visible !important;
overflow-y: visible !important;
scrollbar-width: none;
}
#sticky-isi-tray.isi-shrink {
height: min(20vh, 150px);
max-height: 150px;
}
#sticky-isi-tray.isi-expanded {
bottom: 0;
height: 100vh;
height: 100dvh;
max-height: none;
overflow: hidden;
}
html.isi-overlay-open,
body.isi-overlay-open {
overflow: hidden !important;
overscroll-behavior: none;
}
#sticky-isi-tray.isi-hidden {
transform: translateY(110%);
pointer-events: none;
}
#sticky-isi-header {
position: absolute;
top: 20px;
right: 12px;
z-index: 2;
}
#sticky-isi-toggle-btn {
width: 30px;
height: 30px;
border-radius: 50%;
border: 2px solid #CF65FF;
background: #fff;
color: #CF65FF;
font-size: 22px;
font-weight: 700;
line-height: 150%;
cursor: pointer;
display: flex;
align-items: center;
justify-content: center;
padding: 0;
transition: background 0.2s ease, color 0.2s ease, transform 0.2s ease;
}
#sticky-isi-toggle-btn:hover {
background: #CF65FF;
color: #fff;
}
#sticky-isi-content {
flex: 1;
overflow: hidden;
box-sizing: border-box;
padding: 18px 50px 40px;
display: flex;
gap: 20px;
width: 100%;
max-width: 1440px;
margin: 0 auto;
}
#sticky-isi-tray.isi-expanded #sticky-isi-content {
overflow-y: auto;
overflow-x: hidden;
overscroll-behavior: contain;
-webkit-overflow-scrolling: touch;
}
#sticky-isi-content .isi-col {
flex: 1;
min-width: 0;
overflow: visible;
}
#sticky-isi-tray .en-important-card::-webkit-scrollbar,
#sticky-isi-tray .dw-important-card::-webkit-scrollbar,
#sticky-isi-tray .tq-important-card::-webkit-scrollbar,
#sticky-isi-tray .lp-important-card::-webkit-scrollbar {
display: none;
}
/* The four ISI cards must not create four independent scroll areas. The page
owns scrolling in the inline ISI; the sticky overlay owns one content scroll. */
#isi-section :is(
.en-important-card,
.dw-important-card,
.tq-important-card,
.lp-important-card
) {
height: auto !important;
max-height: none !important;
overflow-x: visible !important;
overflow-y: visible !important;
scrollbar-width: none;
}
#isi-section :is(
.en-important-card,
.dw-important-card,
.tq-important-card,
.lp-important-card
)::-webkit-scrollbar {
display: none;
}
#sticky-isi-content .isi-col:not(:last-child) {
border-right: 1px solid #cecece;
padding-right: 20px;
}
#sticky-isi-tray .en-in-container img,
#sticky-isi-tray .dw-in-container img,
#sticky-isi-tray .tq-in-container img,
#sticky-isi-tray .lp-in-container img {
display: none !important;
}
@media (max-width: 992px) {
#sticky-isi-header { display: none; }
#sticky-isi-tray,
#sticky-isi-tray.isi-shrink {
height: var(--isi-collapsed-h, 320px);
max-height: none;
}
#sticky-isi-tray.isi-expanded {
bottom: 0;
height: 100vh;
height: 100dvh;
max-height: none;
}
#sticky-isi-tray {
max-width: 100%;
overflow-x: hidden;
--isi-title-size: 14px;
--isi-header-gap: 8px;
--isi-pad-top: 8px;
--isi-pad-x: 25px;
}
#sticky-isi-content {
padding: 0;
flex-direction: column;
gap: 0;
overflow-y: auto;
overflow-x: hidden;
-webkit-overflow-scrolling: touch;
}
#sticky-isi-content .isi-col {
flex: 0 0 auto;
width: 100%;
max-width: 100%;
min-width: 0;
}
#sticky-isi-content .isi-col:not(:last-child) {
border-right: 0;
padding-right: 0;
}
#sticky-isi-tray .isi-acc-card,
#sticky-isi-tray .isi-acc-card * {
box-sizing: border-box;
max-width: 100%;
min-width: 0;
overflow-wrap: anywhere;
}
#sticky-isi-tray .isi-acc-card { width: 100%; }
#sticky-isi-tray .isi-acc-card img { height: auto; }
#sticky-isi-tray .isi-acc-card table { table-layout: fixed; width: 100%; }
#sticky-isi-tray .isi-acc-head {
display: flex;
align-items: center;
justify-content: space-between;
gap: 12px;
cursor: pointer;
}
#sticky-isi-tray .isi-acc-head > p { flex: 1; margin: 0 !important; }
#sticky-isi-tray .isi-acc-btn {
flex: 0 0 auto;
width: 20px;
height: 20px;
padding: 0;
color: #CF65FF;
border: 2px solid currentColor;
border-radius: 50%;
background: transparent;
cursor: pointer;
position: relative;
}
#sticky-isi-tray .isi-acc-btn::before,
#sticky-isi-tray .isi-acc-btn::after {
content: '';
position: absolute;
top: 50%;
left: 50%;
border-radius: 50%;
background: currentColor;
transform: translate(-50%, -50%);
}
#sticky-isi-tray .isi-acc-btn::before { width: 8px; height: 2px; border-radius:1px; }
#sticky-isi-tray .isi-acc-btn::after {
width: 2px;
height: 8px;
transition: opacity 0.2s ease;
border-radius:1px;
}
#sticky-isi-tray .isi-acc-open .isi-acc-btn::after { opacity: 0; }
#sticky-isi-tray .isi-acc-card {
max-height: 80px !important;
overflow: hidden !important;
position: relative;
background: #fff;
box-shadow: 0px -7px 14.8px 1px #00000012;
transition: max-height 0.3s ease;
padding: 8px 25px !important;
}
/* Expanded product: tray goes full screen */
#sticky-isi-tray.isi-acc-focused,
#sticky-isi-tray.isi-acc-focused.isi-expanded {
height: 100vh;
height: 100dvh;
}
#sticky-isi-tray.isi-acc-focused #sticky-isi-content {
overflow-y: hidden;
overflow-x: hidden;
overscroll-behavior: none;
}
/* Only the open product is scrollable. The other title rows stay outside
this scroll area, so they cannot move through the active ISI copy. */
#sticky-isi-tray.isi-acc-focused .isi-col.isi-acc-active {
flex: 1 1 0;
min-height: 0;
overflow-x: hidden;
overflow-y: auto;
overscroll-behavior: contain;
-webkit-overflow-scrolling: touch;
scrollbar-width: none;
}
#sticky-isi-tray.isi-acc-focused .isi-col.isi-acc-active::-webkit-scrollbar {
display: none;
}
#sticky-isi-tray .isi-acc-card.isi-acc-open {
overflow: visible !important;
}
/* The other products stay visible as title rows, in document order */
#sticky-isi-tray.isi-acc-focused .isi-col:not(.isi-acc-active) {
flex: 0 0 auto;
overflow: hidden;
}
#sticky-isi-tray.isi-acc-focused .isi-col:not(.isi-acc-active) .isi-acc-card {
max-height: none !important;
}
#sticky-isi-tray.isi-acc-focused .isi-col:not(.isi-acc-active) .en-in-text-container,
#sticky-isi-tray.isi-acc-focused .isi-col:not(.isi-acc-active) .dw-in-text-container,
#sticky-isi-tray.isi-acc-focused .isi-col:not(.isi-acc-active) .tq-in-text-container,
#sticky-isi-tray.isi-acc-focused .isi-col:not(.isi-acc-active) .lp-in-text-container {
display: none;
}
}
/* iPadOS changes the dynamic viewport while browser chrome appears or hides.
Keep the open ISI height stable while its scroll lock is active. */
@supports (-webkit-touch-callout: none) {
@media (max-width: 992px) {
#sticky-isi-tray.isi-expanded,
#sticky-isi-tray.isi-acc-focused {
height: 100svh;
}
}
}
/* Short viewports, such as a phone in landscape.
Keep all four product tabs available without covering most of the page. */
@media (max-height: 500px) {
#sticky-isi-tray .isi-acc-card {
max-height: 48px !important;
padding: 4px 20px !important;
}
#sticky-isi-tray .isi-acc-head {
gap: 8px;
}
#sticky-isi-tray .isi-acc-btn {
width: 18px;
height: 18px;
}
}
/* ==========================================================================
"In the United States" section mobile carousel (Figma 4:662).
Desktop untouched: everything sits under @media (max-width: 992px).
========================================================================== */
@media (max-width: 992px) {
:is(body, #breast-franchise, #advancing-treatment) #united-states-section > .azcl-container {
overflow: visible;
}
/* Vertical stack: all three cards remain visible in the main page flow. */
:is(body, #breast-franchise, #advancing-treatment) #united-states-section #us-images-section.azcl-columns--3 {
display: flex;
flex-direction: column;
align-items: center;
flex-wrap: nowrap;
width: 100%;
max-width: 100%;
gap: 32px;
overflow: visible;
padding: 0 0 8px;
}
/* Each card keeps the reference width and is centered in the stack. */
:is(body, #breast-franchise, #advancing-treatment) #united-states-section #us-images-section [class^="azcl-column-par"] {
flex: 0 0 auto;
width: 100%;
max-width: 100%;
min-width: 0;
margin: 0;
scroll-snap-align: none;
}
/* Black 246x300 card, 8px radius, swoosh on top, column layout */
:is(body, #breast-franchise, #advancing-treatment) #united-states-section #us-images-section .cmp-cards__advanced--container .cmp-cards__advanced {
height: 375px;
max-height: 375px;
border: none;
border-radius: 8px;
overflow: hidden;
background: #000;
display: flex;
flex-direction: column;
}
:is(body, #breast-franchise, #advancing-treatment) #united-states-section #us-images-section .cmp-cards__advanced .cmp-cards__advanced--media {
flex: 0 0 auto;
padding: 0;
}
:is(body, #breast-franchise, #advancing-treatment) #united-states-section #us-images-section .cmp-cards__advanced--media img {
display: block;
width: 100%;
height: 67px;
object-fit: cover;
object-position: top;
}
:is(body, #breast-franchise, #advancing-treatment) #united-states-section #us-images-section .cmp-cards__advanced--body,
:is(body, #breast-franchise, #advancing-treatment) #united-states-section #us-images-section .cmp-cards__advanced--content {
display: flex;
flex: 1 1 auto;
min-height: 0;
width: 100%;
}
:is(body, #breast-franchise, #advancing-treatment) #united-states-section #us-images-section .cmp-cards__advanced--description {
display: flex;
flex: 1 1 auto;
min-height: 0;
width: 100%;
padding: 12px 12px 32px;
}
:is(body, #breast-franchise, #advancing-treatment) #united-states-section #us-images-section :is(#us-card-1, #us-card-2, #us-card-3) {
display: flex;
flex-direction: column;
justify-content: flex-start;
align-items: flex-start;
margin: 0;
max-height: none;
width: 100%;
min-width: 0;
}
#us-card-3{
position: relative;
/* bottom: 56px; */
}
/* Title: Rift Bold 26px white, purple rule above */
:is(body, #breast-franchise, #advancing-treatment) #united-states-section #us-images-section :is(#us-card-1, #us-card-2, #us-card-3) div h3 {
font-size: 26px;
line-height: 1.15;
max-width: 230px;
margin: 22px 0 0;
font-weight: 600;
color: #fff;
}
:is(body, #breast-franchise, #advancing-treatment) #united-states-section #us-images-section :is(#us-card-1, #us-card-2, #us-card-3) div h3:after {
width: 57px;
height: 3px;
border-radius: 5px;
background: #cf65ff;
bottom: calc(100% + 10px);
}
/* Body copy: Barlow 16px white */
:is(body, #breast-franchise, #advancing-treatment) #united-states-section #us-images-section :is(#us-card-1, #us-card-2, #us-card-3) div .us-sec-text {
font-size: 16px;
line-height: 1.2;
margin: 12px 0 0;
max-width: 175px;
color: #fff;
}
:is(body, #breast-franchise, #advancing-treatment) #united-states-section #us-images-section #us-card-3 div .us-sec-text {
max-width: 227px;
}
/* Icon anchored to the bottom of the card */
:is(body, #breast-franchise, #advancing-treatment) #united-states-section #us-images-section :is(#us-card-1, #us-card-2, #us-card-3) .us-img-sub-section {
margin-top: auto;
}
:is(body, #breast-franchise, #advancing-treatment) #united-states-section #us-images-section :is(#us-card-1, #us-card-2, #us-card-3) .us-img-sub-section img {
margin: 16px 0 0;
max-height: 62px;
height: auto;
width: auto;
}
/*mobile fixes for the missalignment*/
:is(body, #breast-franchise, #advancing-treatment) #enhertu-datroway :is(#enhertu-card .en-indication-card, #datroway-card .dw-indication-card, #truqap-card .tq-indication-card, #lynparza-card .lp-indication-card){
min-height:365px
}
#breast-franchise #enhertu-datroway #truqap-card .tq-indication-card{
min-height:400px;
}
#breast-franchise #enhertu-datroway #lynparza-card .lp-indication-card{
min-height:308px
}
:is(body, #breast-franchise, #advancing-treatment) #enhertu-datroway :is(#enhertu-card .en-indication-card, #datroway-card .dw-indication-card, #truqap-card .tq-indication-card, #lynparza-card .lp-indication-card) li::marker {
font-size: 12px; /* Adjust this value as needed */
}
#breast-franchise #reference-section p{
font-size:12px
}
#pbc-footer-section .pbc-btmfooter__legal--mobile p{
max-width:330px
}
#breast-franchise #poiner-in-breast-cancer .cmp-teaser__content{
border-bottom: 6px solid #CF65FF;
}
:is(body, #breast-franchise, #advancing-treatment) #enhertu-datroway .azcl-column-par2 .cmp-cards__advanced--image .cmp-cards__advanced--media img{
max-width:120px !important;
width:100% !important;
display:inline-block
}
#breast-franchise #pbc-footer-section .pbc-btmfooter-mobile__inner{
margin:-60px 0px 0px 0px;
}
#breast-franchise #sun-card-section .cmp-cards__advanced--container .cmp-cards__advanced .cmp-cards__advanced--body .cmp-cards__advanced--description #section-3 .img-txt-sub-section-2 p{
margin:0px 0px 35px;
}
#enhertu-datroway .cmp-cards__advanced--body{
gap:16px;
}
.pbc-back-to-top{
top:83% !important;
right:11px !important
}
}
/*Exit Rammp Hove and Active State CTA*/
.modal.exit-ramp-modal .exit-ramp-cancel.close-exit-ramp:hover{
background:#fff !important;
color:#060606 !important
}
.modal.exit-ramp-modal .exit-ramp-cancel.close-exit-ramp:active{
background:#fff !important;
color:#CF65FF !important;
}
.modal.exit-ramp-modal a.exit-ramp-continue.skip-exit-ramp:hover{
background:#CF65FF !important;
color:#fff;
border:1px solid #000;
}
.modal.exit-ramp-modal a.exit-ramp-continue.skip-exit-ramp:active{
opacity:0.7 !important;
}
/*/////////////////////////////////////////*/
:is(body, #enhertu-datroway) :is(#datroway-card-isi, .datroway-card-isi) .dw-in-text-container li::marker{
color:#0F7E95;
height: 4px;
width: 4px;
}
.hide{
display:none !important;
}
.no-underline{
text-decoration:none !important;
}
#poiner-in-breast-cancer{
position: relative;
}
#breast-franchise #enhertu-datroway #truqap-card .tq-indication-card li.text-md{
list-style:disc;
margin-left:20px
}
#breast-franchise #poiner-in-breast-cancer:after {
content: "";
position: absolute;
display:block;
left: 50%;
bottom: 13px;
translate: -50% 0;
width: 10px;
height: 45px;
background: url("data:image/svg+xml,\
") center / contain no-repeat;
-webkit-mask-image: linear-gradient(180deg,
rgba(0,0,0,.3), rgba(0,0,0,1) 50%, rgba(0,0,0,.3));
mask-image: linear-gradient(180deg,
rgba(0,0,0,.3), rgba(0,0,0,1) 50%, rgba(0,0,0,.3));
-webkit-mask-size: 100% 75px;
mask-size: 100% 75px;
-webkit-mask-repeat: repeat;
mask-repeat: repeat;
animation: scroll-wave 1.4s linear infinite;
background: url("data:image/svg+xml,\
") center / contain no-repeat;
}
@keyframes scroll-wave {
from { -webkit-mask-position: 50% 0; mask-position: 50% 0; }
to { -webkit-mask-position: 50% 75px; mask-position: 50% 75px; }
}
.azcl-container > div{
z-index:2;
position: relative;
}
#pbc-error-pages #poiner-in-breast-cancer .cmp-teaser__content{
z-index:1;
}
#pbc-error-pages .pbc-footer__references{
display:none !important;
}
.pbc-footer__references{
color:#000;
}
.pbc-footer__references a{
color:#000000;
}
.enhertu-text p{font-family: Barlow !important;font-weight: 300 !important;font-size: 11px !important;line-height: 125% !important;text-align: center !important;padding: 0px 5px 15px 5px !important;}
#breast-franchise #enhertu-datroway p.tq-in-text.digital-asset img,
#breast-franchise #sticky-isi-content .tq-in-text.digital-asset img,
:is(body, #enhertu-datroway) :is(#lynparza-card-isi, .lynparza-card-isi) .lp-important-card .lp-isi-reporting img{
max-width:12px !important;
height:auto;
margin-bottom:-2px !important
}
/* Comment 3: on open, the exit-ramp modal's focus trap moves focus to the
close button (or the modal container as a fallback). Safari draws a ring on
that programmatic focus - via :focus, not only :focus-visible, and sometimes
on the container itself - so cover both the button and the modal root. */
.modal.exit-ramp-modal:focus,
.modal.exit-ramp-modal .modal__close,
.modal.exit-ramp-modal .modal__close:focus,
.modal.exit-ramp-modal .modal__close:focus-visible,
.modal.exit-ramp-modal [tabindex]:focus,
.modal.exit-ramp-modal .modal__close:-internal-direct-focus {
outline:none!important;
}
/*CSS for ISO */
/* iPhone in portrait */
@supports (-webkit-touch-callout: none) {
@media (max-width: 428px) and (orientation: portrait) {
.modal.exit-ramp-modal .modal__close{
/* top:150px !important */
}
}
}
#pbc-error-pages
#poiner-in-breast-cancer
.cmp-teaser__image-desktop {
overflow: hidden;
}
@media (max-width: 340px) {
#pbc-error-pages
#poiner-in-breast-cancer
.cmp-teaser__content
.cmp-teaser__description {
margin-right: 0;
}
}
#breast-franchise #qa-section .azcl-column-par2 .text .text {
margin-left: 0;
}
@media only screen and (min-width: 993px) and (max-width: 1079px) {
#breast-franchise #qa-section .azcl-column-par2 .text {
margin-left: 0;
}
}
@media only screen and (min-width: 993px) {
#breast-franchise #badge-wrapper .bcam-badge {
width: var(--badge-size);
max-width: var(--badge-size);
aspect-ratio: 1 / 1;
}
}
#breast-franchise #poiner-in-breast-cancer .cmp-teaser__content::before,
#breast-franchise #poiner-in-breast-cancer .cmp-teaser__content::after,
#breast-franchise #badge-wrapper::before,
#breast-franchise #badge-wrapper::after {
content: none;
}
#breast-franchise #badge-wrapper .bcam-badge {
border-radius: 50%;
}
#breast-franchise #badge-wrapper .bcam-badge::before {
/* content: ""; */
position: absolute;
inset: -10px;
border-radius: 50%;
background: var(--gradient-shadow);
background-size: 400%;
animation: bcam-gradient-rotate 20s linear infinite;
-webkit-mask: radial-gradient(circle closest-side, transparent calc(100% - 10px), #000 calc(100% - 10px));
mask: radial-gradient(circle closest-side, transparent calc(100% - 10px), #000 calc(100% - 10px));
}
@media only screen and (min-width: 993px) {
#breast-franchise #united-states-section #us-images-section.azcl-columns--3 {
grid-template-columns: repeat(3, 1fr);
column-gap: 19px;
}
#breast-franchise #united-states-section #us-images-section [class^="azcl-column-par"],
#breast-franchise #united-states-section #us-images-section :is(#us-card-1, #us-card-2, #us-card-3) {
width: 100%;
max-width: 100%;
margin-left: 0;
margin-right: 0;
}
}
@media only screen and (min-width: 991px) {
#breast-franchise #sun-card-section .cmp-cards__advanced--container .cmp-cards__advanced .cmp-cards__advanced--body .cmp-cards__advanced--description #section-3 .img-txt-sub-section-2 p:after, #advancing-treatment #sun-card-section .cmp-cards__advanced--container .cmp-cards__advanced .cmp-cards__advanced--body .cmp-cards__advanced--description #section-3 .img-txt-sub-section-2 p:after{
top: 50%;
}
#section-3 > div.img-txt-sub-section-2.reveal.is-revealed > p{
height: 3px;
margin-bottom: 0 !important;
padding: 35px 0;
}
#breast-franchise #poiner-in-breast-cancer .cmp-teaser__image-desktop .cmp-image img {
height: 780px;
max-height: 780px;
object-fit: cover;
object-position: center;
}
:is(body, #enhertu-datroway) :is(#enhertu-card-isi, .enhertu-card-isi) .en-in-text-container > :last-child{
margin-right:-6px !important
}
}
html.pbc-jump-scrolling {
scroll-behavior: auto !important;
}
/* Jump-link landing tuning. pbc-home.js (FIX 01) does a manual scroll and now
subtracts the target's computed scroll-margin-top, so these values control
where each section stops under the sticky nav.
#az-all-logos-section has 48px of its own padding-top; a negative margin
pulls the scroll past it so the heading lands flush instead of leaving a gap. */
#az-all-logos-section {
/* scroll-margin-top: -48px; */
}
#qa-section {
scroll-margin-top: 0;
}
@media (max-width: 992px) {
#poiner-in-breast-cancer > div.cmp-teaser__content > div.cmp-teaser__action-container.reveal.is-revealed > a > span > img{
margin-top: 3px;
height: 11px;
width: 11px;
}
#az-all-logos-section {
/* scroll-margin-top: -32px; */
}
#qa-section {
/* scroll-margin-top: 0; */
}
}
/* Comment 2: Safari fires :focus-visible on the programmatic .focus() that
FIX 01 puts on the jump-link target (tabindex="-1"), drawing a blue ring
around the whole section. It is a scroll destination, not keyboard-navigated
to, so the ring adds nothing. */
#az-all-logos-section:focus,
#qa-section:focus,
[tabindex="-1"]:focus {
outline: none;
}
p > sup{
/* position: absolute; */
/* bottom: 5px; */
/* display: inline-block; */
/* margin-bottom: 10px !important; */
font-size: 70%;
line-height: 0;
}
.pbc-back-to-top {
opacity: 0;
visibility: hidden;
pointer-events: none;
transition: opacity 0.3s ease, visibility 0.3s ease;
}
.pbc-back-to-top.pbc-back-to-top--visible {
opacity: 1;
visibility: visible;
pointer-events: auto;
}
@media (prefers-reduced-motion: reduce) {
.pbc-back-to-top {
transition: none;
}
}
#pbc-footer-section .pbc-btmfooter__brandlink {
font-family: inter-18pt;
font-weight: 700;
font-style: normal;
font-size: 12px;
line-height: 130%;
letter-spacing: 0px;
color: #CF65FF;
text-decoration: none;
transition: color 0.2s ease;
}
/* Same hover as the other footer links. */
#pbc-footer-section .pbc-btmfooter__brandlink:hover {
color: #707070;
text-decoration: none;
}
/* Auto columns keep ENHERTU/TRUQAP and DATROWAY/LYNPARZA aligned. */
#pbc-footer-section .pbc-btmfooter__brands {
display: grid;
grid-template-columns: repeat(2, auto);
justify-content: start;
gap: 12px;
}
/* margin-right: auto eats the free space, so logos + brands sit left and the
nav stays right, without touching the container's space-between. */
#pbc-footer-section .pbc-btmfooter-desktop__top .pbc-btmfooter__brands {
margin-left: 24px;
margin-right: auto;
}
/* inline-flex drops the baseline gap the anchor adds around the logo. */
#pbc-footer-section .pbc-btmfooter__logolink {
display: inline-flex;
align-items: center;
text-decoration: none;
}
@media (max-width: 992px) {
/* Mobile stacks centered. */
#pbc-footer-section .pbc-btmfooter-mobile__inner .pbc-btmfooter__brands {
justify-content: center;
margin: 0 auto 28px;
}
/* Card container: full height, no fixed height */
#enhertu-datroway:not(#isi-section *) .cmp-cards__advanced--container .cmp-cards__advanced {
height: auto !important;
max-height: none !important;
}
/* Indication cards: full height, no scroll */
#enhertu-datroway:not(#isi-section *) :is(
#enhertu-card .en-indication-card,
#datroway-card .dw-indication-card,
#truqap-card .tq-indication-card,
#lynparza-card .lp-indication-card
) {
max-height: none !important;
height: auto !important;
min-height: unset !important;
overflow-y: visible !important;
overflow: visible !important;
}
/* Important safety cards: full height, no scroll */
#enhertu-datroway:not(#isi-section *) :is(
.en-important-card,
.dw-important-card,
.tq-important-card,
.lp-important-card
) {
height: auto !important;
max-height: none !important;
overflow-y: visible !important;
overflow: visible !important;
}
/* Description wrapper: no max-height */
#enhertu-datroway:not(#isi-section *) .cmp-cards__advanced--description {
max-height: none !important;
overflow: visible !important;
}
/* Individual card wrappers */
#enhertu-datroway:not(#isi-section *) :is(
#enhertu-card,
#datroway-card,
#truqap-card,
#lynparza-card
) {
max-height: none !important;
height: auto !important;
}
#pbc-error-pages #reference-section .pbc-footer__sideeffects{
margin-right:20px;
}
}
#reference-section .pbc-footer__references u {
text-decoration: none !important;
}
/* ==========================================================================
FIX 05 - back to top sits above the sticky ISI
"Can we make sure the Go to Top button is above the Sticky ISI and not in
the middle"
========================================================================== */
/* The button was anchored to the viewport (`bottom: 30px`, and `top: 83%` on
mobile), landing over the middle of the tray. It now rides on --isi-offset,
published by pbc-home.js. `top: auto` is required: with both set, top wins. */
.pbc-back-to-top {
--btt-gap: 16px;
top: auto !important;
bottom: calc(var(--isi-offset, 0px) + var(--btt-gap)) !important;
}
/* Expanded, the ISI is a full-screen overlay with page scroll locked. */
html.isi-overlay-open .pbc-back-to-top {
opacity: 0 !important;
visibility: hidden !important;
pointer-events: none !important;
}
@supports (-webkit-touch-callout: none) {
@media (max-width: 992px) {
#breast-franchise #enhertu-datroway #enhertu-card .en-indication-card .en-main-list li b {
text-decoration: underline;
-webkit-text-decoration: underline;
text-decoration-thickness: 1px;
text-underline-offset: 2px;
}
}
}
#breast-franchise > div.modal.exit-ramp-modal.modal--visible:after{
content:'';
width: 100vw;
height: 100vh;
position: absolute;
background: rgba(0, 0, 0, 0.65) !important;
z-index: -800;
}
#pbc-error-pages > div.modal.exit-ramp-modal.modal--visible:after{
content:'';
width: 100vw;
height: 100vh;
position: absolute;
background: rgba(0, 0, 0, 0.65) !important;
z-index: -800;
}
#poiner-in-breast-cancer > div.cmp-teaser__image > div.cmp-teaser__image-mobile > div > a > img{
max-height: 667px;
}
@media screen and (min-width:991px) and (max-width:1439px){
#pbc-footer-section .pbc-btmfooter-desktop__nav{
gap:20px;
margin-left: 20px;
}
#pbc-footer-section .pbc-btmfooter-desktop__privacy{
gap: 10px !important;
min-width: 627px;
}
}
@media screen and (min-width:640px) and (max-width:1022px){
#isi-section #enhertu-datroway.azcl-columns--4{
gap:0;
}
#isi-section #enhertu-datroway [class^="azcl-column-par"]{
padding: 0 10px
}
}
@media screen and (min-width:992px) and (max-width:1128px){
.modal.exit-ramp-modal .modal__close{
padding-right: 64px !important;
}
}
@media screen and (max-width:992px){
#lynparza-card-isi > div > div.lp-in-text-container > p.lp-in-body.lp-isi-reporting{
padding-right:20px;
}
#truaqp-card-isi > div > div.tq-in-text-container > p.tq-in-text.digital-asset{
padding-right:20px
}
.modal.exit-ramp-modal .modal__close{
top: 24px !important;
}
#breast-franchise #sticky-isi-tray .truaqp-card-isi p.tq-in-text.digital-asset,
#breast-franchise #sticky-isi-tray .lynparza-card-isi p.lp-in-body.lp-isi-reporting{
font-weight:700 !important
}
}
/* ==========================================================================
HCP.com link under each treatment card's "Learn more" button
(authored at the top of each card's rich-text description)
========================================================================== */
#enhertu-datroway .hcp-link-wrap {
text-align: center;
margin: 0px 0 15px;
}
#enhertu-datroway .hcp-link {
font-family: 'BARLOW';
font-size: 12px;
font-weight: 700;
line-height: 130%;
text-decoration: none;
color: #004D74;
}
#enhertu-datroway .hcp-link:hover,
#enhertu-datroway .hcp-link:focus-visible {
text-decoration: underline;
}
/* Per-brand colour, same mapping as the "Learn more" buttons.
Delete this block to keep every link the single colour above. */
#enhertu-datroway .azcl-column-par1 .hcp-link { color: #EA721F; }
#enhertu-datroway .azcl-column-par2 .hcp-link { color: #1E22AA; }
#enhertu-datroway .azcl-column-par3 .hcp-link { color: #250E62; }
#enhertu-datroway .azcl-column-par4 .hcp-link { color: #004D74; }
#lynparza-card-isi > div > div.lp-in-text-container > p.lp-in-body.lp-isi-reporting{
font-weight:700 !important;
}
#enhertu-datroway #truaqp-card-isi > div > div.tq-in-text-container > p.tq-in-text.digital-asset{
font-weight:700 !important;
color:black!important
}
#enhertu-datroway #truaqp-card-isi > div > div.tq-in-text-container > p.tq-in-text.digital-asset a{
color: var(--isi-brand) !important;
}
@media screen and (min-width: 993px) {
#breast-franchise #enhertu-datroway .cmp-cards__advanced--container .cmp-cards__advanced,
#advancing-treatment #enhertu-datroway .cmp-cards__advanced--container .cmp-cards__advanced {
height: 508px !important;
max-height: 508px !important;
overflow: hidden !important;
}
#breast-franchise #enhertu-datroway .cmp-cards__advanced--body,
#advancing-treatment #enhertu-datroway .cmp-cards__advanced--body {
flex: 1 1 auto !important;
min-height: 0 !important;
}
#breast-franchise #enhertu-datroway .cmp-cards__advanced--content,
#advancing-treatment #enhertu-datroway .cmp-cards__advanced--content {
flex: 1 1 auto !important;
min-height: 0 !important;
}
#breast-franchise #enhertu-datroway .cmp-cards__advanced--footer,
#advancing-treatment #enhertu-datroway .cmp-cards__advanced--footer {
flex: 0 0 auto !important;
}
#breast-franchise #enhertu-datroway .cmp-cards__advanced--description,
#advancing-treatment #enhertu-datroway .cmp-cards__advanced--description {
display: flex !important;
flex-direction: column !important;
flex: 1 1 auto !important;
min-height: 0 !important;
max-height: none !important;
padding: 15px 15px 26px !important;
}
#breast-franchise #enhertu-datroway #enhertu-card,
#breast-franchise #enhertu-datroway #datroway-card,
#breast-franchise #enhertu-datroway #truqap-card,
#breast-franchise #enhertu-datroway #lynparza-card,
#advancing-treatment #enhertu-datroway #enhertu-card,
#advancing-treatment #enhertu-datroway #datroway-card,
#advancing-treatment #enhertu-datroway #truqap-card,
#advancing-treatment #enhertu-datroway #lynparza-card {
display: flex !important;
flex-direction: column !important;
flex: 1 1 auto !important;
min-height: 0 !important;
height: auto !important;
max-height: none !important;
}
#breast-franchise #enhertu-datroway #enhertu-card .en-indication-card.en-indication-card,
#breast-franchise #enhertu-datroway #datroway-card .dw-indication-card.dw-indication-card,
#breast-franchise #enhertu-datroway #truqap-card .tq-indication-card.tq-indication-card,
#breast-franchise #enhertu-datroway #lynparza-card .lp-indication-card.lp-indication-card,
#advancing-treatment #enhertu-datroway #enhertu-card .en-indication-card.en-indication-card,
#advancing-treatment #enhertu-datroway #datroway-card .dw-indication-card.dw-indication-card,
#advancing-treatment #enhertu-datroway #truqap-card .tq-indication-card.tq-indication-card,
#advancing-treatment #enhertu-datroway #lynparza-card .lp-indication-card.lp-indication-card {
flex: 1 1 auto !important;
min-height: 0 !important;
height: auto !important;
max-height: none !important;
overflow-y: auto !important;
scroll-padding-block: 25px;
}
#breast-franchise #enhertu-datroway [id$="-card"] :is(.en-indication-card,.dw-indication-card,.tq-indication-card,.lp-indication-card) :is(p,li,ul,.text-lg,.text-md,.txt-md,[class$="-main-list"]),
#advancing-treatment #enhertu-datroway [id$="-card"] :is(.en-indication-card,.dw-indication-card,.tq-indication-card,.lp-indication-card) :is(p,li,ul,.text-lg,.text-md,.txt-md,[class$="-main-list"]) {
line-height: 1.3 !important;
}
}
#breast-franchise #enhertu-datroway [id$="-card"]
:is(
.en-indication-card,
.dw-indication-card,
.tq-indication-card,
.lp-indication-card
) li,
#advancing-treatment #enhertu-datroway [id$="-card"]
:is(
.en-indication-card,
.dw-indication-card,
.tq-indication-card,
.lp-indication-card
) li {
margin-top:8pt
}
#breast-franchise #enhertu-datroway #truqap-card .tq-indication-card .text-md,
#breast-franchise #enhertu-datroway #lynparza-card .lp-indication-card p{
margin-bottom:0px
}
/* Print Styles */
@media print {
body {
-webkit-print-color-adjust: exact;
print-color-adjust: exact;
}
#pbc-error-pages #poiner-in-breast-cancer .cmp-teaser__content { padding: 4% 0% 0% 10%; }
#sticky-isi-tray { display: none !important; }
}
#sticky-isi-content > div:nth-child(4) > div > div > div.lp-in-text-container > p.lp-in-body.lp-isi-reporting{
font-weight:700 !important
}
#sticky-isi-content > div:nth-child(3) > div > div > div.tq-in-text-container > p.tq-in-text.digital-asset{
font-weight:700 !important;
}
#sticky-isi-content > div:nth-child(3) > div > div > div.tq-in-text-container > p.tq-in-text.digital-asset{
}