/* strting css */
:root {
    --saphnelo-brand-color: #00AECA;
    --saphnelo-teaser-text-color: #5B6771;
    --saphnelo-text-color: #363B3B;
    --saphnelo-title--2: #4F0031;
    --saphnelo-off-white: #F5F5F5;
}
 
.marker-app {display: none !important;}

#saphnelo-main .ptb-16 {padding: 16px 0px;}
#saphnelo-main .ptb-20 {padding: 16px 0px;}
#saphnelo-main .mb-14 {margin-bottom: 14px;}
#saphnelo-main .mb-25 {margin-bottom: 25px;}
#saphnelo-main .mtb-20 {margin-top: 20px;margin-bottom: 20px;}
#saphnelo-main .video {margin: 20px 0px;}
#saphnelo-main .video .cmp-video__content {display: none;}
#saphnelo-main .cmp-container[role="parent-container"] ul{padding-left: 24px; }
#saphnelo-main a.back-to-top-anchore {margin: 20px 0px;display: block;font-weight: 600; color: var(--textColor-title-2); } 
#saphnelo-main .cmp-container[role="parent-container"] p{color:var(--saphnelo-text-color);}
#saphnelo-main .teaser .cmp-teaser__subtitle {margin-top: 0px;}
#saphnelo-main .cmp-container[role="parent-container"] p.txt-teal, .txt-teal {color: var(--saphnelo-brand-color);} 
.text-nowrap{white-space: nowrap;}
#saphnelo-main .mob-only{display:none !important;}
#saphnelo-main .desk-only{display:block !important;}
    
/*Home page*/
.basicpage #saphnelo-main .teaser--home-hero .cmp-teaser__image {background-color: transparent;}
.basicpage #saphnelo-main .teaser--home-hero #saph-home-banner h1.cmp-teaser__title p{font-size: 56px;line-height: 60px;
color: var(--saphnelo-brand-color);}  
.basicpage #saphnelo-main .teaser--home-hero #saph-home-banner .cmp-teaser__subtitle p,
.basicpage #saphnelo-main .teaser--home-hero #saph-home-banner .cmp-teaser__subtitle p span{color:var(--saphnelo-teaser-text-color);
font-size: 18px;line-height: 28px; max-width: 550px;}
.basicpage #saphnelo-main .teaser--home-hero .cmp-teaser__image .cmp-image__image {height: auto;}
.basicpage #saphnelo-main h2.cmp-title__text--h2 {color:var(--saphnelo-teaser-text-color);font-size: 46px;line-height: 50px;} 
.basicpage #saphnelo-main .teaser .cmp-teaser__content {padding: 24px;}
.basicpage #saphnelo-main .teaser h6.cmp-teaser__title p {color:var(--saphnelo-teaser-text-color);font-size: 26px;line-height: 34px;font-weight: 400;}  
.basicpage #saphnelo-main .container--3-column-wrap #teaser-home-list {gap: 12px 10px;}
.basicpage #saphnelo-main #home-text {margin: 16px auto;color: var(--saphnelo-text-color);}
.basicpage #saphnelo-main #home-text ul {padding-left: 24px;margin: 20px auto;color: var(--saphnelo-text-color);}
.basicpage #saphnelo-main .footnotes,.basicpage #saphnelo-main .footnotes span ,.basicpage #saphnelo-main .footnotes i{font-family: "Inter-Regular";
font-size: 12px;line-height: 18px;color: var(--saphnelo-text-color);}
.basicpage #saphnelo-main .title.title--left h2.cmp-title__text--h2{text-align:left;}
.basicpage #saphnelo-main .title--color-title-1 .cmp-title__text--h2{color:var(--saphnelo-brand-color);}
.basicpage #saphnelo-main .cmp-title__text--h2 sup {font-size: 50% !important;font-weight: 600;}
.basicpage #saphnelo-main #home-title-text h5 span{color: var(--saphnelo-teaser-text-color);}
    
/*Footer*/
#saphnelo-main .brand-gooter .saphnelo-footer img {padding-bottom: 36px;max-width: 191px;}
#saphnelo-main .brand-gooter .saphnelo-footer {padding: 44px 25px 48px;}
#saphnelo-main #truqap-footer-exf .breztri-sub-copy {font-size: 14px;line-height: 18px;} 

/* Efficacy profile */
#saphnelo-main #InpageNavigation {border-left: 2px solid #C1D82F;margin: 20px auto;}
#saphnelo-main #InpageNavigation a {padding: 8px 16px;display: block;color: var(--saphnelo-brand-color);font-family: "Inter-Bold";font-size: 16px;
line-height: 18px;font-weight: 700;}
#saphnelo-main #superior-BICLA-container .container--bgColor-supporting-1 {margin: 20px auto;background-color: var(--saphnelo-off-white);}
#saphnelo-main #superior-BICLA-img{max-width: 949px;margin: 36px auto 25px;}
#saphnelo-main #superior-BICLA-img-wrap .footnotes {max-width: 949px;margin: auto;padding: 0px 13px 14px;}
#saphnelo-main .accordion .cmp-accordion__button{outline: none!important;padding-left: 0;}
#saphnelo-main .accordion .cmp-accordion__title {color: var(--saphnelo-teaser-text-color);font-size: 36px;line-height: 40px;}
#saphnelo-main .accordion .cmp-accordion__item {border-bottom: 0px solid;} 
#saphnelo-main .accordion .cmp-accordion__button .cmp-accordion__icon:before{content:'' !important;position: relative;left: auto;top:0px;
background: url(/content/dam/intelligentcontent/portals/hcp/ca/en/images/saphnelo/icons/down-angle.svg);width: 20px;height: 20px;
background-size: contain;background-position: center;background-repeat: no-repeat;transform: rotate(180deg);}
#saphnelo-main .accordion .cmp-accordion__button[aria-expanded=true] .cmp-accordion__icon:before {content: '' !important;transform: rotate(0deg);}     
#saphnelo-main .accordion ul{ margin-bottom: 25px;color:var(--saphnelo-text-color);}
#saphnelo-main .accordion .cmp-title__text--h4 span {color: var(--saphnelo-teaser-text-color);}
#saphnelo-main #portion-BICLA-container .container--bgColor-supporting-2 {margin: 20px auto;background-color: var(--saphnelo-off-white);}
#saphnelo-main #portion-BICLA-wrapper .cmp-image {max-width: 949px;margin: 40px auto 30px;}
#saphnelo-main #portion-BICLA-wrapper .cmp-text {max-width: 949px;margin: 0px auto 64px;padding-left: 60px;}
#saphnelo-main .cmp-title__text--h4 span {color: var(--saphnelo-brand-color);}
#saphnelo-main #concomitant-steroid-treatment-sub1 .cmp-title__text--h5, #concomitant-steroid-treatment-sub1 .cmp-title__text--h5 span {
font-size: 21px;line-height: 22px;font-weight: 700;text-align: center;max-width: 770px;margin: auto;color: var(--saphnelo-teaser-text-color);}

.basicpage #saphnelo-main #long-term-extension-study-container .footnotes.ti-10{position: relative;text-indent: 10px;} 
.basicpage #saphnelo-main #long-term-extension-study-container .footnotes.ti-10 sup {position: absolute;top: 6px;left: -8px;font-size: 60% !important;}

/*Dosage*/
#saphnelo-main #single-dose {max-width: 327px;margin: 40px auto;}
#saphnelo-main #reconstitution-information-img {margin: 20px auto;}

/* psp */
#saphnelo-psp .container.container--bgColor-supporting-1.aem-GridColumn.aem-GridColumn--default--12 {background: rgba(0, 174, 202, 0.10); }
#saphnelo-main #psp-img {max-width: 933px;margin: 20px auto 50px;}
#saphnelo-main #connect-360-container .azcl-columns--2 {display: flex;gap: 30px;align-items: center;}
#saphnelo-main #connect-360-container .azcl-columns--2 .azcl-column-par1 {max-width: 356px;}
#saphnelo-main #connect-360-container .azcl-columns--2 .azcl-column-par2 {max-width: calc(100% - 386px);}
#saphnelo-main #psp-sub-title .cmp-title__text--h4 span{color: var(--saphnelo-title--2);}  
#saphnelo-main .icon-content-wrap {display: flex;align-items: center;margin-bottom: 14px;gap: 9px;}
#saphnelo-main .icon-content-wrap a {font-size: 18px;line-height: 28px;color: var(--saphnelo-text-color);}
#saphnelo-main .icon-content-wrap .icon-wrap {width: 43px;height: 43px;line-height: 0;}
#saphnelo-main #connect-360-container p {font-size: 18px;line-height: 28px;color: var(--saphnelo-text-color);max-width: 592px;}
.basicpage #saphnelo-main .footnotes span.no-wrap {font-size: 12px;line-height: 18px;}
#saphnelo-main #psp-sub-title{margin-bottom: 17px;} 
#saphnelo-main #connect-360-container .icon-content-wrap a.no-underline{ text-decoration: underline;}
 
/* Resources */
#saphnelo-resources .cmp-container[role="parent-container"] .cmp-teaser__title-link p{color: var(--saphnelo-title--2);}
#saphnelo-resources .cmp-container[role="parent-container"] h6.cmp-teaser__subtitle p{font-family:'Inter-Regular';font-size:18px;line-height:28px;}
#saphnelo-resources #contact-container #inner-title .cmp-title__text--h4 span,
#saphnelo-resources #contact-container #inner-title .cmp-title__text--h3 span {color: var(--saphnelo-teaser-text-color);}
#saphnelo-resources #contact-container .icon-content-wrap {margin-bottom: 0px;gap: 25px;}
#saphnelo-resources #contact-container .icon-content-wrap a {font-size: 16px;line-height: 24px;}
.basicpage #saphnelo-main .ol-pl-25 {padding-left: 25px;}
#saphnelo-main a.no-link {text-decoration: none;}
#saphnelo-main #safety-information-container ul {color: var(--saphnelo-text-color);}
#saphnelo-main #stay-connected {background: var(--saphnelo-brand-color);}
#saphnelo-main #stay-connected h5.cmp-title__text--h5 span a{max-width: 750px;margin: auto;font-weight: 700;display: block;padding: 0px 12px;
    font-size: 26px;line-height: 34px;}

/* Responsive */
@media (min-width: 1200px) and (max-width: 1499px) {
    .basicpage #saphnelo-main #saph-inner-banner h1 {max-width: 900px;}
}

@media (min-width: 767px) and (max-width: 991px) {
    .basicpage #saphnelo-main .teaser--home-hero #saph-home-banner h1.cmp-teaser__title p {font-size: 42px;line-height: 48px;}
}

@media (min-width: 767px) and (max-width: 1199px) {
    .basicpage #saphnelo-main #saph-inner-banner h1 p {font-size: 40px;line-height: 40px;max-width: 80vw;}    
}

@media (min-width: 1601px) {
    #saphnelo-main .brand-gooter .saphnelo-footer {padding: 44px 0 48px;}
}

@media (max-width: 991px){
    #saphnelo-main .accordion .cmp-accordion__item {margin: auto;}
}

@media (max-width: 767px) {
    .mptb-10{padding:10px 0px;}
    .mob-wrap {white-space: normal;}
    #saphnelo-main .m-ptb-16 {padding: 16px 0px;}
    #saphnelo-main .m-ptb-6 {padding: 6px 0px;}
    #saphnelo-main .mob-only{display:block !important;}
    #saphnelo-main .desk-only{display:none !important;}
    /* Home page */
    .basicpage #saphnelo-main .teaser .cmp-teaser__content br{display: none;}
    #saphnelo-home #saphnelo-main .mob-only{display: none !important;}
    .basicpage #saphnelo-main .teaser .cmp-teaser__content br.mobile-visible{display:block;}
    .basicpage #saphnelo-main .teaser--home-hero #saph-home-banner h1.cmp-teaser__title p {font-size: 36px;line-height: 40px;}
    .basicpage #saphnelo-main .teaser .cmp-teaser__content {padding: 16px !important;}
    .basicpage #saphnelo-main #home-midle-container {padding: 0px 16px;}
    .basicpage #saphnelo-main h2.cmp-title__text--h2 {font-size: 36px;line-height: 40px;} 
    .basicpage #saphnelo-main #home-text {margin: 10px auto;}
    .basicpage #saphnelo-main #home-text ul li:nth-child(2){/*display: none;*/}
    .basicpage #saphnelo-main .teaser--home-hero #saph-home-banner .cmp-teaser__subtitle p{max-width: 345px;}
    .basicpage #saphnelo-main #home-title-text h5 span {padding: 0px 22px;display: block;font-size: 20px;}
    
    /* Footer */
    #saphnelo-main .brand-gooter .saphnelo-footer {padding: 47px 0px 0px;}
    #saphnelo-main #truqap-footer-exf .breztri-sub-copy {padding: 0px 0 24px;}
    #saphnelo-main #truqap-footer-exf img.az-logo {max-width: 250px;padding: 60px 0 40px;}
    #saphnelo-main .brand-gooter .saphnelo-footer {padding-top: 60px;}
    #saphnelo-main .brand-gooter .saphnelo-footer img {padding-bottom: 40px;}
    
    /* MOA */
    #saphnelo-moa .video {margin: 20px -16px;}
    #saphnelo-moa .title.title--left.title--color-title-2.title--tb-space{padding-top:10px;padding-bottom: 10px;}
    
    /* Efficacy profile */
    #saphnelo-main .cmp-container[role="parent-container"] {padding: 0px 16px;} 
    #saphnelo-main #superior-BICLA-container .container--bgColor-supporting-1 {margin: 20px -16px 14px -16px;padding: 24px 19px 30px 25px;
    width: calc(100% + 32px);}
    #saphnelo-main #superior-BICLA-img {margin: auto;} 
    #saphnelo-main #superior-BICLA-img-wrap .footnotes { padding: 8px 0px 0px;}
    #saphnelo-main .cmp-container[role="parent-container"] .ptb-20 {padding: 10px 0px;}
    #saphnelo-main .accordion .cmp-accordion__item {margin: auto;}
    #saphnelo-main .accordion .cmp-accordion__button {padding: 20px 0px 12px;gap: 24px;}
    #saphnelo-main .accordion .cmp-accordion__title {font-size: 36px;line-height: 40px; font-size: 36px;font-size: 26px;line-height: 34px;}
    #saphnelo-main .accordion .cmp-title__text--h4{width: calc(100% + 6px);margin: 0px -3px;display: block;}
    #saphnelo-main .accordion ul {padding-left: 24px;}
    #saphnelo-main #portion-BICLA-container .container--bgColor-supporting-2 {padding: 24px 28px 20px 25px;margin: 20px auto 0px;}
    #saphnelo-main #portion-BICLA-wrapper .cmp-image {margin: 0px auto 19px;}
    #saphnelo-main #portion-BICLA-wrapper .cmp-text {margin: 0px auto 33px;padding-left: 6vw;}
    #saphnelo-main #concomitant-steroid-treatment-sub1 .cmp-title__text--h5, 
    #saphnelo-main #concomitant-steroid-treatment-sub1 .cmp-title__text--h5 span {font-size: 18px;}
    html[lang="en"] #saphnelo-main #concomitant-steroid-treatment-container .title--b-space-md{padding-bottom: 0px;}
    
    #saphnelo-main .cmp-container[role="acc-container"] {margin: 20px auto;}
    #saphnelo-main #single-dose {margin: 20px auto;}
    #saphnelo-main .accordion #administering-SAPHNELO {padding-top: 20px;padding-bottom: 20px;}
    #saphnelo-resources #saphnelo-main .teaser .cmp-teaser__content {padding: 24px 16px !important;}
    #saphnelo-resources #contact-container .icon-content-wrap {gap: 16px;}
    #saphnelo-resources #contact-container .icon-content-wrap a,
    #saphnelo-main #connect-360-container .icon-content-wrap a{ text-decoration: underline;}
    #saphnelo-resources #contact-container .icon-content-wrap a.no-underline,
    #saphnelo-main #connect-360-container .icon-content-wrap a.no-underline{ text-decoration: none;}
    
    /* PSP */
    #saphnelo-main #connect-360-container .azcl-columns--2 {flex-direction: column;gap: 0px;}
    #saphnelo-main #connect-360-container .azcl-columns--2 .azcl-column-par1, 
    #saphnelo-main #connect-360-container .azcl-columns--2 .azcl-column-par2 {max-width: 100%;}
    #saphnelo-main #connect-360-container {padding: 0px;}
    #saphnelo-main #connect-360-container .azcl-columns--2 .azcl-column-par2 {padding: 24px 16px;}
    #saphnelo-main #psp-sub-title {margin-bottom: 16px;}
    #saphnelo-main .icon-content-wrap a {text-decoration: none;}
    #saphnelo-resources #saphnelo-main .container--3-column-wrap #teaser-home-list {gap: 10px 10px;}
    #saphnelo-main a.isi-link {word-break: break-all;}
    
}

@media (min-width: 481px) and (max-width: 767px){
    .basicpage #saphnelo-main #saph-inner-banner h1 {max-width: 350px;}
}

@media (max-width: 479px) {
    #saphnelo-main .teaser--home-hero.teaser--text-left .cmp-teaser__title {max-width: 80%;}
    #saphnelo-home .teaser--home-hero.teaser--text-left .cmp-teaser__title {max-width: 100%;}
}