/* Patient Styles*/ @import url('https://fonts.googleapis.com/css2?family=Barlow+Condensed:wght@400;500;600;700&family=Barlow:wght@400;500;600;700&family=Montserrat:wght@400;500;600;700;800&display=swap'); #patient-login .cmp-container[role="patient-main-container"] .common-container .patient-login-banner-img {display:none;} .sec-title { font-size: 43px;line-height: normal;} #about .cmp-modal--defaultStyle .modal__closeIcon, #about .cmp-modal--defaultStyle .modal__closeLabel, #support .cmp-modal--defaultStyle .modal__closeIcon, #support .cmp-modal--defaultStyle .modal__closeLabel{ top: 6px;} /* Support Page*/ .cmp-container[role="patient-main-container"] .text-blue {color: #009FB8;} .cmp-container[role="patient-main-container"] .mt38 {margin-top: 38px;} .cmp-container[role="patient-main-container"] .mb--20 {margin-bottom: -20px;} #support .banner-title, #about .banner-title,#understanding-sle .banner-title {font-size: 64px !important;} #support .banner-title, #about .banner-title{padding: 54px 36px 62px;height: auto !important;} #support .pspbanner-img {position: relative;height: 180px;margin-top: -54px;/*right: 36px;*/right: -2px;margin-right: -211px;} #support .banner-title {height: 180px;} #patient-support, #about-saphnelo, #sle{text-align: center;padding: 15px 0;background: #F3F3F3;} #support .ps-section a,#about .ps-section a,#sle .ps-section a{font-size: 21px;color: #454545;line-height: 25px;font-family: 'Barlow Condensed';font-weight: 500; text-transform: uppercase;} div#connect-psp {text-align: center;} div#support-banner,#about-banner ,#sle-banner {padding: 0;} #connect-psp .resources-boxtext {margin: auto;max-width: 53%;padding-top: 2%;padding-bottom:18px;} #support .box-wrapper {display: flex;justify-content: center;text-align: center;padding-bottom: 11px;/*padding-bottom: 40px;*/} #support .box {flex: 1;padding: 0 15px;} #support .box-wrapper p , .support-copy{font-family: 'Montserrat' !important;font-size: 16px;line-height: 20px;letter-spacing: 0px;text-align: center;} #support .box img {height: 96px;margin-bottom: 10px;} #support .phone-icon {width: 69px;} #support .icon-copy {color: #454545;font-weight: 700;padding-bottom: 10px;} .cmp-container[role="patient-main-container"] .ps-section ul {display: flex;justify-content: center;} #support .ps-section li + li, #sle .ps-section li + li{border-left:1px solid #5B6870;padding-left: 15px;margin-left: 15px;} .cmp-container[role="patient-main-container"] .ps-section ul li {padding: 3px 0;} #connect-psp .connectlogo {width: 292px;} #support .contact-connect {font-family: Barlow Condensed;font-size: 21px;font-weight: 700;line-height: 20px;letter-spacing: 0px;text-align: left;text-transform: uppercase; color: #454545;} #support .support-options {display: flex;justify-content: center;background: #F3F3F3;padding: 16px;margin-top: 15px;} .helpline-txt , .support-copy {font-family: Montserrat;font-size: 14px;font-weight: 400;line-height: 20px;letter-spacing: 0px;text-align: left;color: #454545;} .support-copy {padding-bottom: 19px;} #support .support-options span {padding: 0 22px;} .cmp-container[role="patient-main-container"] #resources-section-two img {margin-bottom: 10px !important;} #support .icon-content {padding-left: 0;margin-left: 15px;} .cmp-container[role="patient-main-container"] #resources-section-two {margin-bottom: 50px;gap: 35px;} .cmp-container[role="patient-main-container"] #resources-section-two p {padding-right: 0;text-align: center; } .cmp-container[role="patient-main-container"] #resources-section-two .azcl-column-par3 p.img-wrap, .cmp-container[role="patient-main-container"] #resources-section-two .azcl-column-par4 p.img-wrap {min-height: 210px;display: flex;align-items: center; justify-content: center;} .cmp-container[role="patient-main-container"] #resources-section-two .azcl-column-par1 a.resources-boxtext, .cmp-container[role="patient-main-container"] #resources-section-two .azcl-column-par3 a.resources-boxtext{max-width: 250px;margin: auto;} .cmp-container[role="patient-main-container"] #resources-section-two .azcl-column-par2 img, .cmp-container[role="patient-main-container"] #resources-section-two .azcl-column-par3 img{max-width: 100%;} .pb-10{padding-bottom:10px} /* Support Page Ends*/ /* About Page*/ #about .banner-title {height: 180px;} #about .pspbanner-img {height: 180px;margin-top: -54px;/*margin-right: -163px;*/} #about .ps-section li {padding: 5px 18px;border-right: 1px solid #5B6870;} #about .ps-section li:last-child {border: none;} #about .font-hours {text-transform: uppercase;margin: 19px auto 16px;} .about-copy{font-family: Montserrat;font-size: 16px;font-weight: 400;line-height: 20px;letter-spacing: 0px;text-align: left;color:#454545;} #patient-about.cmp-container[role="patient-main-container"] .ps-section ul, #patient-about-fr.cmp-container[role="patient-main-container"] .ps-section ul{flex-wrap: wrap; gap: 21px 0px;} #patient-about.cmp-container[role="patient-main-container"] #about-long-btn .log-btn-flex, #patient-about-fr.cmp-container[role="patient-main-container"] #about-long-btn .log-btn-flex{display: flex;gap: 23px;align-items: center;margin-bottom: 46px;} #patient-about.cmp-container[role="patient-main-container"] #about-long-btn .img-wrap, #patient-about-fr.cmp-container[role="patient-main-container"] #about-long-btn .img-wrap{width: 100%;max-width: 228px;} #patient-about.cmp-container[role="patient-main-container"] #about-long-btn .btn-wrap, #patient-about-fr.cmp-container[role="patient-main-container"] #about-long-btn .btn-wrap{width: 100%;} #patient-about.cmp-container[role="patient-main-container"] #about-long-btn .log-btn-flex.last, #patient-about-fr.cmp-container[role="patient-main-container"] #about-long-btn .log-btn-flex.last{margin: 27px 0px 14px;} #patient-about.cmp-container[role="patient-main-container"] #about-long-btn .nav-text, #patient-about-fr.cmp-container[role="patient-main-container"] #about-long-btn .nav-text {padding:20px 25px 20px 35px;margin: 0px;max-width: 849px;} #what-is-saphnelo .sec-title {margin: 31px 0 2px;} #how-does-saphnelo-work {background-color: #C1D82F;padding: 1px 40px 34px;margin: 30px 0 5px;/*margin: 30px 0 8px;*/} .cmp-container[role="patient-main-container"] #how-saphnelo-administered {padding-top: 0px;} #how-does-saphnelo-work .sec-title, #how-does-saphnelo-work .about-copy{color: #333333;} #how-does-saphnelo-work .about-copy ,#how-to-take-saphnelo .about-copy, #possible-side-effects .about-copy,#what-is-sle .about-copy,#what-causes-lupus .about-copy, #before-taking-saphnelo .about-copy{padding-bottom: 10px;} #about .support-options {display: flex;justify-content: center;} #possible-side-effects ul li, #before-taking-saphnelo ul li, #what-causes-lupus ul li, #storingsaphnelo ul li {padding-left: 20px;} #possible-side-effects ul li:before, #before-taking-saphnelo ul li:before, #what-causes-lupus ul li:before, #storingsaphnelo ul li:before {content: '\2022';font-size: 22px; position: absolute;left: 8px;color: #5B6870;} #possible-side-effects ul .about-copy, #before-taking-saphnelo ul .about-copy, #what-causes-lupus ul .about-copy, #storingsaphnelo ul li.about-copy{padding-bottom: 0 !important;} #access-support-cta .nav-text {margin-top: 22px;} .cmp-container[role="patient-main-container"] #about .contact-column-40 {flex-basis: 38%;padding: 20px;} .cmp-container[role="patient-main-container"] #about .connect-wrap {padding: 0 20px !important;} .cmp-container[role="patient-main-container"] .nav-text {padding: 20px 40px;} .paddingtop25 {padding-top: 25px;} #about .moa-txt-4 {margin: 20px auto 0 !important;} #about .contact-column-40 {flex-basis: 41%;padding: 40px 27px 40px;} #about .support-options span {padding: 0 20px;} #about a.icon-content {margin-left: 15px;padding-left: 0;} #about .contact-column-60 { padding: 19px 30px 21px;} #patient-about-fr .contact-column-40 {flex-basis: 40%;padding: 35px 25px 25px;} /*About Page Ends*/ /* Understanding SLE*/ #understanding-sle .banner-title {padding: 22px 36px 28px;height: auto;} #understanding-sle .pspbanner-img {width: 339px;height: 178px;margin-top: -86px;/* margin-top: -89px;margin-right: -162px;*/} .pspbanner-img{margin-right: -214px;/*margin-right: -202px;*/} #understanding-sle .graphic-head p {font-family: Montserrat;font-size: 20px;font-weight: 600;line-height: 20px;letter-spacing: 0px;text-align: center;color: #5B6870; text-transform: uppercase;padding: 20px 0 6px 0;} #green-section {background-color: #C1D82F;margin: 25px auto 0px;} #understanding-sle .green-block {display: flex;/*justify-content: center;*/justify-content: space-evenly;margin: 20px 0;} #understanding-sle .green-block img {/*margin: auto 5px auto 5px;*/margin: auto;display:flex;min-height: 93px;} #understanding-sle .nav-text {margin-top:40px;} #understanding-sle a.nav-text span,#about a.nav-text span{position: absolute;right: 55px;top: calc(50% - 16px);} #understanding-sle .nav-text img, #about .nav-text img {width: 17px;} #understanding-sle #what-causes-lupus {padding-bottom: 0px;} #understanding-sle .green-block.green-block-1 {margin: 25px 0px 27px;} /* Understanding SLE Ends*/ /*Patient Header*/ .cmp-container[role="patient-main-container"] .topnav , .cmp-container[role="patient-main-container"] .top-menu-wrap {max-width: 100%;flex-direction: column;/*max-width: 1300px;*/} .cmp-container[role="patient-main-container"] .top-menu-wrap{margin-bottom: 24px;/*margin-bottom: 5px;*/} .cmp-container[role="patient-main-container"] .hover-popup {display: none;} .cmp-container[role="patient-main-container"] .nav-menu li:hover .hover-popup {display: block;position: absolute;top: 169px;z-index: 110;margin-left: 0px;text-transform: uppercase; box-shadow: 0px 0px 5px 0 rgba(0, 0, 0, 0.2);/*top: 80px;margin-left: -12px;*/} .cmp-container[role="patient-main-container"] .nav-menu {background-color: #009FB8;} .cmp-container[role="patient-main-container"] .nav-menu li a {color: #ffffff;padding: 10px 22px 10px 0;/*padding: 10px 0;*/text-transform:uppercase;position: relative;cursor: pointer;} .cmp-container[role="patient-main-container"] .navbar-header { max-width: 1108px;width: 100%;margin: auto;display: flex;align-items: center;justify-content: space-between;/*padding-left: 34px;max-width: 1070px;*/} .cmp-container[role="patient-main-container"] ul.nav.navbar-nav.navbar-right.nav-menu {display: flex;justify-content: center;min-height: 50px;max-width: 1108px; margin:11px auto 10px auto;/*max-width: 1000px; max-width: 1060px;margin:5px 0px 10px 0;margin:11px 0px 10px 0;*/} #patient-home .cmp-container[role="patient-main-container"] ul.nav.navbar-nav.navbar-right.nav-menu {max-width: 100%;} .cmp-container[role="patient-main-container"] .hover-popup ul li a {font-family: Barlow Condensed;font-size: 18px;font-weight: 500;line-height: 24px;letter-spacing: 0px; text-align: left;color: #009FB8;padding: 5px 0px !important} .cmp-container[role="patient-main-container"] .topnav li a:after{bottom: -3px; /*display:none;*/} .cmp-container[role="patient-main-container"] .topnav .hover-popup li a:after {display: none;} .cmp-container[role="patient-main-container"] .topnav a.navbar-brand{text-decoration: none !important;} .cmp-container[role="patient-main-container"] .topnav a.navbar-brand img {/*max-width: 140px;*/max-width: 181px;} .cmp-container[role="patient-main-container"] .topnav a.navbar-brand span.logo-text {color: #1B7284;font-family: Montserrat; font-size: 12px;font-weight: 700;line-height: 21px;/*display: block;*/margin-top: -4px;} body#patient-home .cmp-container[role="patient-main-container"] .topnav li:nth-child(2) a:after, body#understanding-sle .cmp-container[role="patient-main-container"] .topnav li:nth-child(3) a:after, body#about .cmp-container[role="patient-main-container"] .topnav li:nth-child(4) a:after, body#support .cmp-container[role="patient-main-container"] .topnav li:nth-child(5) a:after, body#safety-information .cmp-container[role="patient-main-container"] .topnav li:nth-child(6) a:after{opacity: 1;} .cmp-container[role="patient-main-container"] .sle-menu {background: #ffffff;padding: 7px 15px 10px;min-width: 180px;} .cmp-container[role="patient-main-container"] ul.nav.navbar-nav.navbar-right.nav-menu li {padding: 0 12px 0 12px;/*padding: 0 25px;position:relative;padding: 0 67px 0 45px;*/} .cmp-container[role="patient-main-container"] ul.nav.navbar-nav.navbar-right.nav-menu li a span {position: absolute;right: 0px;/*right: -20px;*/top: 8px;} /*.cmp-container[role="patient-main-container"] .topnav {margin: 5px auto 0;}*/ .cmp-container[role="patient-main-container"] ul.nav.navbar-nav.navbar-right.sle-menu li {padding: 0 15px !important;} .cmp-container[role="patient-main-container"] ul.nav.navbar-nav.navbar-right.nav-menu .hover-popup li {padding: 0;} .cmp-container[role="patient-main-container"] .sec-title {text-transform: inherit;margin: 35px 0 25px;} .cmp-container[role="patient-main-container"] #resources-section-two .azcl-column-par3 a.resources-boxtext.mt-0 {margin-top: 0px;} /* Patient Header Ends*/ body#patient-login { /*background: url(/content/dam/intelligentcontent/brands/saphnelo-ca/en/header-banner/patient-banner.png);*/ background: url(/content/dam/intelligentcontent/brands/saphnelo-ca/en/patient/patient-banner-desk.jpg);background-size: 100%;background-repeat: no-repeat;background-position: top right;} #patient-login .cmp-container[role="patient-main-container"] .common-container {margin: 50px 0px -3px 6%;max-width: 100%;} #patient-login .cmp-container[role="patient-main-container"] .common-container .page-medium-text{max-width: 350px;} #patient-login .cmp-container[role="patient-main-container"] .common-container .din-lable {font-family: Montserrat;font-size: 18px;font-weight: 400;line-height: 24px;color: #454545; margin-top: 15px;} #patient-login .cmp-dynamicform.patient-login-form {/*max-width: 1107px;*/ max-width: 100%;margin: 0px 0px 20px 6%;} #patient-login .cmp-dynamicform.patient-login-form input.form-control {background: #EFEFEF;min-height: 49px;border: 1px solid rgb(0 0 0 / 20%);color: black;border-radius: 5px; font-family: 'Montserrat';font-weight: 400;font-size: 16px;margin-bottom: 5px;} #patient-login .cmp-dynamicform.patient-login-form input.form-control::placeholder{opacity: 0;} #patient-login .cmp-dynamicform.patient-login-form .form-holder {max-width: 440px;} #patient-login .cmp-dynamicform.patient-login-form .cmp-dynamicform__form-label-container , #patient-login .cmp-dynamicform.patient-login-form .cmp-dynamicform__clear-btn {display: none;} #patient-login .cmp-dynamicform.patient-login-form .cmp-dynamicform__submit-btn {background: #009FB8;min-height: 62px;width: 100%;max-width: 348px;color: #FFFFFF; font-family: Barlow Condensed;font-weight: bold;font-size: 24px;line-height: 30px;text-transform: uppercase;border-radius: 5px;margin-bottom: 0px !important;cursor: pointer;} #patient-login .cmp-dynamicform.patient-login-form .button-group {margin-top: 80px;} #patient-login .cmp-container[role="patient-main-container"] .common-container.din-wrap {margin: 0px auto 380px;} #patient-login .common-container a.din-link {position: absolute;top: -145px;padding-left: 30px;font-size: 16px;line-height: 24px;color: #1B7284;left: 6%;} #patient-login .common-container a.din-link:before {content: '';display: block;background: url(/content/dam/intelligentcontent/brands/saphnelo-ca/en/icons/green-question.svg); background-size: contain;position: absolute;left: 0;top: -1px;height: 24px;width: 24px;} #patient-login .din-popup-content-wrap p {font-family: Barlow;font-size: 30px;font-weight: 400;line-height: 36px;letter-spacing: 0px;text-align: center;} #patient-login .din-popup-content-wrap {margin-top: 30px;} #patient-login .din-popup-content-wrap p.popup-small-text {font-family: Montserrat;font-size: 16px;line-height: 20px;} #patient-login .din-popup-content-wrap span.green-text {font-family: Montserrat;font-weight: 700;display: block;color: #1B7284;margin: 25px 0 20px;} #patient-login .din-popup-content-wrap img {margin: 30px auto 0px;} #patient-login .modal-box__content {padding: 2rem 3rem !important; max-height: 80vh; overflow-y: auto;} #patient-login .cmp-modal__modalbox.modal-md .modal-box {max-width: 870px;width: 100%;border-radius: 20px;overflow: hidden;} #patient-login .cmp-dynamicform.patient-login-form .cmp-dynamicform__form-group.has-error input.form-control, #patient-login .cmp-dynamicform.patient-login-form .cmp-dynamicform__form-group.has-error input.form-control:focus{border: 1px solid #BB4889; outline: none;} #patient-login .cmp-dynamicform__form-group.has-error {position: relative;} #patient-login p.cmp-dynamicform__generated-form-error.text-danger {color: #BB4889;position: absolute;right: 0;max-width: 135px;text-align: right;font-size: 15px; font-weight: 700;line-height: 20px;} .cmp-container[role="patient-main-container"] ul#top-menu {padding-right: 15px;} #patient-login .din-popup-content-wrap .popup-2-col {display: flex;justify-content:space-between;} #patient-login .din-popup-content-wrap .popup-col {width: 40%;} #patient-login .din-popup-content-wrap .popup-col + .popup-col{width: 43%;} #patient-login .din-popup-content-wrap p.popup-title{max-width: 500px;margin: auto;} #patient-login .din-popup-content-wrap .popup-col p.popup-small-text{max-width: 222px;margin: auto;} #patient-login .din-popup-content-wrap .popup-col + .popup-col p.popup-small-text{max-width: 318px;} #patient-login .din-popup-content-wrap .popup-2-col + p.popup-small-text{max-width: 502px;margin: 50px auto 20px;font-weight: 700;} html[lang="fr"] #patient-login .din-popup-content-wrap p.popup-title{max-width: 535px;} /* Patient EN Homepage start */ body#patient-home #home-hero-title {padding: 0;} .patient-home-banner-wrapper {max-width: 1920px;margin: -19px auto 0px;padding: 68px 0px; /*background: url(/content/dam/intelligentcontent/brands/saphnelo-ca/en/header-banner/patient-home-banner.png); background-size: initial; max-width: 1300px;*/ background: url(/content/dam/intelligentcontent/brands/saphnelo-ca/en/header-banner/patient/patient-home-banner.jpg);background-size: contain;background-repeat: no-repeat; background-position: top right;} .patient-home-banner-wrapper h1{margin: 22px 0px 58px;font-family: 'Barlow Condensed';font-size: 64px;font-style: normal;font-weight: 700;line-height: 60px;text-transform: uppercase; color: #5B6870;} .patient-home-banner-wrapper .patient-title-blue { color: #009FB8 !important;display:block;} .patient-home-banner-wrapper span.page-title-line-2 {max-width: 570px;display: block;} .patient-home-banner-inner {max-width: 1068px;margin: auto;} .ph-first-section {margin-bottom: 25px;} .ph-first-section h3 {font-family: Barlow Condensed;font-size: 43px;font-weight: 700;line-height: 42px;color: #5B6870;margin: 30px 0px 20px;} .ph-first-section p {font-size: 16px;font-weight: 400;line-height: 20px;color: #454545;margin-bottom: 10px;} #patient-home .cmp-container[role="patient-main-container"] .cmp-container[role="commonContainer"] {max-width: 1068px;} .cmp-container[role="patient-main-container"] .cmp-container[role="commonContainer"] {max-width: 1108px;} .green-large-box-wrap {margin-bottom: 35px;} .green-large-box {background: #009FB8;display: flex;margin-bottom: 30px;} .green-large-box .content-wrap {width: 374px;padding: 32px 32px;color: #fff;} .green-large-box .img-wrap {width: calc(100% - 374px);} .green-large-box .content-wrap p.block-title {font-family: Montserrat;font-size: 30px;font-weight: 600;line-height: 34px;margin-bottom: 12px;} .green-large-box .content-wrap p.block-sub-title {font-family: Montserrat;font-size: 18px;font-weight: 500;line-height: 22px;margin-bottom: 30px;} .green-large-box:nth-child(3) .content-wrap p.block-sub-title, .green-large-box:nth-child(4) .content-wrap p.block-sub-title {max-width: 285px;} .green-large-box .content-wrap a.white-link-btn {font-family: Barlow Condensed;font-size: 16px;font-weight: 700;line-height: 24px;width: 104px;padding: 8px 16px 8px 16px; border-radius: 4.800000190734863px;background: #fff;display: block;color: #454545;} .green-large-box .img-wrap img {margin-bottom: -2px;} .patient-home-banner-mobile{display:none;} .green-large-box:nth-child(2) .content-wrap{padding: 32px 22px 32px 32px;} .green-large-box:nth-child(4) .content-wrap {padding: 35px 32px 32px 37px;} /* Patient EN Homepage Ends */ /* Patient Homepage FR */ /*#patient-home-hero-container #home-hero-title h1 {margin: 24px 0px;font-family: 'Barlow Condensed';font-size: 38px;font-style: normal;font-weight: 400;line-height: 34px; text-transform: uppercase;color: #5B6870;} #patient-home-hero-container #home-hero-title .moa-title-blue {color: #009FB8 !important;display: block;} #patient-home-hero-container {background-color: #FFF;background: url(/content/dam/intelligentcontent/brands/saphnelo-ca/en/header-banner/patient-home-banner.png); background-size: 476px;background-repeat: no-repeat;background-position: top right;margin-top: 10px;height: 340px;} #patient-home-discover-section h2 {margin: 0 0 20px 0;font-family: 'Barlow Condensed';font-style: normal;font-weight: 700;line-height: 42px;font-size: 43px;color: #5B6870;} #patient-home-discover-section p {margin: 0;font-family: 'Montserrat';font-style: normal;font-weight: 400;line-height: 20px;font-size: 16px;color: #454545;} #patient-home-discover-section {margin: 30px 0;} #patient-home-blue-card-left {background-color: #009FB8;margin: 30px 0;box-sizing: border-box;padding: 0;} #patient-home-blue-card-left .card-container {display: flex;} #patient-home-blue-card-left .text-with-button {max-width: 375px;padding: 35px 32px 20px;color: #FFFFFF;font-family: 'Montserrat';font-size: 18px;font-weight: 400;line-height: 22px;} #patient-home-blue-card-left .text-with-button .title{font-size: 30px;font-weight: 600;line-height: 34px;} #patient-home-blue-card-left .text-with-button a{cursor: pointer;background-color: #FFFFFF;color: #000;padding: 8px 16px;font-size: 16px;font-weight: 700; font-family: 'Barlow Condensed';border-radius: 5px;} #patient-home-blue-card-left .text-with-button .body{margin-bottom: 30px;} #patient-home-blue-card-left .text-with-button a:hover{text-decoration: none;} #patient-home-blue-card-left img {flex-grow: 2;} #patient-home-blue-card-left .image-right {flex-direction: row-reverse;}*/ #patient-home-fr .patient-home-banner-wrapper h1 {font-size: 54px;line-height: 60px;} #patient-home-fr .green-large-box .content-wrap p.block-title {font-size: 26px;line-height: 28px;} #patient-home-fr .green-large-box .content-wrap p.block-sub-title {font-size: 17px;line-height: 19px;} #patient-home-fr .green-large-box .content-wrap a.white-link-btn {font-size: 15px;line-height: 24px;width: 120px;} /* Patient Homepage FR ends */ #understanding-sle .block {flex: 1;padding: 40px 52px 17px;background-color: #fff;max-width:200px} #understanding-sle .block p {font-size: 16px;line-height: 20px;text-align: center;color: #454545;font-weight: 700;padding: 30px 0 0px;} #understanding-sle .green-block-1 .block {padding: 50px 5px 47px;text-align: center;} #understanding-sle .green-block-1 .block p { padding: 30px 0 10px;} #understanding-sle .green-block-1 .block span {font-size: 16px;line-height: 20px;text-align: center;color: #454545;} #understanding-sle .green-block-1 .block:nth-child(3) span {display: block;max-width: 140px;margin: auto;} /* Patient Homepage FR ends */ #patient-understanding-fr .banner-title {font-size: 54px !important;min-height:180px;} #patient-understanding-fr .pspbanner-img {height: 180px;margin-top: -76px;} #patient-understanding-fr .about-copy{padding-bottom:10px;} #patient-about-fr .contact-column-60 {padding: 25px 18px;} #patient-about-fr .support-options span {padding: 0 8px;} /*patient-support-fr start*/ #patient-support-fr .box-wrapper p{font-size:14px;} #patient-support-fr .resources-boxtext {font-size:15px;} #access-support-cta a.patient-brochure-link {color: #454545;} /*patient-support-fr End*/ /*Footer css start*/ body#patient-login .footer-line-2 {max-width: 710px;margin: auto;} body#patient-login .footer-logo-wrap {margin-top: 20px;} .cmp-container[role="patient-main-container"] #pre-gate-footer[role="post-gate-footer"] { padding: 28px 0px 40px;} .cmp-container[role="patient-main-container"] #pre-gate-footer[role="post-gate-footer"] .footer-line-2 {max-width: 805px;} .cmp-container[role="patient-main-container"] #pre-gate-footer[role="post-gate-footer"] .footer-line-2 p + p {margin-top: 15px;} .cmp-container[role="patient-main-container"] #pre-gate-footer[role="post-gate-footer"] .footer-logo-wrap {margin: 25px auto 0px;} .cmp-container[role="patient-main-container"] #pre-gate-footer[role="post-gate-footer"] .footer-logo-wrap img {padding-bottom: 9px;} .cmp-container[role="patient-main-container"] .footer-logo-wrap img.brand-logo {padding-bottom: 0 !important;} #patient-login .patient-login-form-fr p.cmp-dynamicform__generated-form-error.text-danger {max-width: 180px;} /*Footer css ends*/ .cmp-container[role="patient-main-container"] ul#top-menu li:nth-child(1), .cmp-container[role="patient-main-container"] ul.nav.navbar-nav.navbar-right.nav-menu li.last{display: none;} .cmp-container[role="patient-main-container"] ul#top-menu li + li {border: 0px;} .cmp-container[role="patient-main-container"] .navbar-header img.Subcutaneous-Banner{display:none;} @media (min-width: 1200px){ .desk-nowrap {white-space: nowrap;} .cmp-container[role="patient-main-container"] #resources-section-two .azcl-column-par3 p.img-wrap img, .cmp-container[role="patient-main-container"] #resources-section-two .azcl-column-par4 p.img-wrap img {margin-bottom: 0px !important;} } @media (min-width: 992px){ .cmp-container[role="patient-main-container"] ul.nav.navbar-nav.navbar-right.nav-menu li.close-icon + li a {padding: 10px 0px;/*padding: 0 45px 0 45px;*/} .cmp-container[role="patient-main-container"] #storingsaphnelo .sec-title {margin-bottom:20px;} } @media (min-width: 940px){ #about .ps-section li:nth-child(4) {border-right: 0px;} } @media (min-width: 900px){ #patient-home-hero-container .azcl-column-par1{width: 646px;} #patient-home-hero-container #home-hero-title h1{font-size: 64px;line-height: 60px;} .cmp-container[role="patient-main-container"] .moa-txt-4 {padding: 30px 53px;} .cmp-container[role="patient-main-container"] #resources-section-two .azcl-column-par1 img {max-width: 148px;margin: auto;} /*.cmp-container[role="patient-main-container"] #resources-section-two p { padding-right: 33px;}*/ html[lang="fr"] .cmp-container[role="patient-main-container"] #resources-section-two #item-1 img{max-width: 140px;} html[lang="fr"] .cmp-container[role="patient-main-container"] #resources-section-two #item-4 img {max-width: 147px;} html[lang="fr"] .cmp-container[role="patient-main-container"] #resources-section-two #item-5 img {max-width: 125px;} } @media (min-width: 768px){ .dmtb-10{margin:15px auto;} #support .box-wrapper p.icon-subhead {max-width: 180px;margin: auto;} .cmp-container[role="patient-main-container"] #resources-section-two .azcl-column-par3 a.resources-boxtext {margin-top: 10px;} } @media (max-width: 1199px){ .cmp-container[role="patient-main-container"] #pre-gate-footer[role="post-gate-footer"] {padding: 28px 15px 40px;} .cmp-container[role="patient-main-container"] .navbar-header {padding-left: 15px;} .cmp-container[role="patient-main-container"] .topnav .Subcutaneous-Banner {padding: 10px 15px 0px;max-width: 575px;} .cmp-container[role="patient-main-container"] #resources-section-two p {padding-right: 0;text-align: center;max-width: 290px;margin: auto; } } @media (min-width: 768px) and (max-width: 920px){ #patient-home-blue-card-left .card-container {flex-direction: column !important;} } @media (max-width: 991px){ .cmp-container[role="patient-main-container"] ul#top-menu {top: 17px; justify-content: right;} .cmp-container[role="patient-main-container"] ul.nav.navbar-nav.navbar-right.nav-menu {display: none;} .cmp-container[role="patient-main-container"] .hover-popup {display: block;} .cmp-container[role="patient-main-container"] .topnav.responsive ul.nav.navbar-nav.navbar-right.nav-menu {display: flex;flex-direction: column;padding-top: 10px;top: 0px; /*top: 5px;*/ margin: 0px auto 10px auto;} .cmp-container[role="patient-main-container"] ul.nav.navbar-nav.navbar-right.nav-menu li {width: 100%;padding: 0 0px;} .cmp-container[role="patient-main-container"] .nav-menu li:hover .hover-popup {position: static;box-shadow: none;margin-left: 0px;} .cmp-container[role="patient-main-container"] .hover-popup ul li a {text-align: center; } .cmp-container[role="patient-main-container"] .topnav.responsive {/*min-height: 600px;*/ min-height: 650px;top: -10px;} .cmp-container[role="patient-main-container"] .sle-menu {background: transparent;padding: 0px 15px ; } .cmp-container[role="patient-main-container"] .hover-popup .sle-menu li a {color: #fff;font-weight: 400;text-align: left;} .cmp-container[role="patient-main-container"] ul.nav.navbar-nav.navbar-right.nav-menu .sle-menu li + li {border-top: 0px solid #fff;margin: 0px;} .cmp-container[role="patient-main-container"] ul.nav.navbar-nav.navbar-right.nav-menu li a span{display: none;} .cmp-container[role="patient-main-container"] .topnav.responsive a.icon {top: 30px;} .cmp-container[role="patient-main-container"] .nav-menu li.close-icon a.close-btn {padding: 0px;align-items: center;background: #00aeca;width: 75px;} } @media (max-width: 767px){ .sec-title {font-size: 32px;} .mob-nowrap {white-space: nowrap;} #patient-understanding-fr .nav-text {padding: 20px 35px;} .cmp-container[role="patient-main-container"] .ps-section ul {flex-direction: column;} #support .ps-section li + li, #sle .ps-section li + li {border-left: none;padding-left: 0;margin-left: 0;} #about .ps-section ul {display: flex;justify-content: center;flex-direction: column;} #about a.nav-text span {right: 20px;} #understanding-sle .nav-text img, #about .nav-text img {width: 11px;} #understanding-sle a.nav-text span, #about a.nav-text span {top: calc(50% - 10px);} #understanding-sle .graphic-head p {padding: 18px 6px 0px 6px;} .cmp-container[role="patient-main-container"] .sec-title {margin: auto !important;} #understanding-sle a.nav-text span {position: absolute;right: 15px;} #possible-side-effects ul .about-copy, #before-taking-saphnelo ul .about-copy, #what-causes-lupus ul .about-copy {padding: 0 25px 0 !important;} #possible-side-effects ul li:before, #before-taking-saphnelo ul li:before, #what-causes-lupus ul li:before {left: 10px;} .cmp-container[role="patient-main-container"] .contact-container {margin: 0;} .cmp-container[role="patient-main-container"] ul.nav.navbar-nav.navbar-right.nav-menu li a span {position: absolute;right: 68px;top: 8px;} .cmp-container[role="patient-main-container"] .connect-text {text-align: left;} .patient-mb a {font-size:14px !important;} #understanding-sle .banner-title , #about .banner-title,#support .banner-title{font-size: 32px!important ;height:auto;margin-bottom: 0px;} #patient-understanding-fr .banner-title, #patient-about-fr .banner-title, #patient-support-fr .banner-title {font-size: 40px!important;height: auto;} #patient-home-discover-section { margin: 0;} #patient-home-blue-card-left img {display: none;} #patient-home-blue-card-left .card-container {justify-content: center;} #patient-home-blue-card-left .text-with-button { padding: 35px 0;} #patient-home-hero-container {background: none;margin-top: 0px;height: auto;} #patient-home-hero-container #home-hero-title {padding: 0px 15px 30px;text-align: center;} #patient-home-hero-container #home-hero-title h1 {font-size: 34px;line-height: 40px;} #support .box-wrapper {flex-direction: column;padding: 0 15px;gap:40px;} #connect-psp .resources-boxtext {max-width: 90%;padding-top: 5%;} .helpline-txt, .support-copy {padding: 0 15px;} #about .ps-section a {padding: 5px 0;border-right: none;display: block;text-decoration: none !important;} #about .about-copy, #understanding-sle .about-copy {padding: 0 15px 10px;} #understanding-sle .green-block {flex-direction: column;margin: auto;display: table;} #understanding-sle .block{max-width: 100%;margin: 20px auto 10px;padding: 41px 52px 37px} #patient-login .cmp-container[role="patient-main-container"] .common-container {margin: 50px auto -3px;padding: 0px; /*max-width: 88%;*/} #patient-login .cmp-container[role="patient-main-container"] .common-container.din-wrap {margin: 0px auto 20px;/*margin: 0px auto 50px;*/} #patient-login .cmp-container[role="patient-main-container"] .common-container .login-brand-logo {margin: 0px auto 24px 15px;} #patient-login .cmp-container[role="patient-main-container"] .common-container .patient-login-banner-img {width: 100%;display:block;} #patient-login .cmp-container[role="patient-main-container"] .common-container h1.page-title {margin-bottom: 15px;margin-top: 0;} #patient-login .cmp-container[role="patient-main-container"] .common-container .page-medium-text {font-size: 20px;line-height: 24px;} #patient-login .cmp-container[role="patient-main-container"] .common-container .patient-login-wrapper {margin: auto;max-width: calc(100% - 30px);} #patient-login .cmp-container[role="patient-main-container"] .common-container .din-lable {margin-bottom: 10px;} body#patient-login {background: none;} #patient-login .cmp-dynamicform.patient-login-form {margin: 0px auto 20px;max-width: calc(100% - 30px);/*max-width: 88%;*/} #patient-login .din-popup-content-wrap p {font-size: 20px;line-height: 24px;} #patient-login .din-popup-content-wrap p.popup-small-text {font-size: 16px;line-height: 20px;} #patient-understanding-fr .patient-mb a ,#patient-about-fr .patient-mb a, #patient-support-fr .patient-mb a {font-size: 18px !important; text-decoration: none !important;} #understanding-sle .block:first-child {margin-top: 24px;} /* Home EN */ .green-large-box .img-wrap {width: 100%;} .green-large-box .content-wrap {text-align: center;width: 100%;} .green-large-box .content-wrap a.white-link-btn, #patient-home-fr .green-large-box .content-wrap a.white-link-btn {margin: 0 auto 10px;} .green-large-box {flex-direction: column;margin-bottom: 15px;} .green-large-box.left-image .img-wrap {order: 2;} .patient-home-banner-wrapper {background: none;text-align: center;padding: 0px 15px 0px;} .patient-home-banner-wrapper h1, #patient-home-fr .patient-home-banner-wrapper h1 {font-size: 36px;line-height: 36px;margin: 50px 0px 20px;} .ph-first-section {text-align: center;padding: 0px 15px;} .ph-first-section h3 {font-size: 30px;line-height: 32px;} .green-large-box .content-wrap p.block-sub-title, #patient-home-fr .green-large-box .content-wrap p.block-sub-title {font-size: 14px;line-height: 18px;} .green-large-box .content-wrap p.block-title, #patient-home-fr .green-large-box .content-wrap p.block-title {font-size: 24px;line-height: 28px;} .green-large-box-wrap {margin-bottom: 20px;} #patient-login .modal-box__content .cmp-modal__content {max-height: 100%;overflow-y: initial;} .green-large-box:nth-child(3) .content-wrap p.block-sub-title, .green-large-box:nth-child(4) .content-wrap p.block-sub-title {max-width: 100%;} #patient-about-fr .about-fr-copy {/*text-align: center;*/} #patient-about-fr .sec-title {/*font-size: 26px;*/} /*#support .box-wrapper p{min-height:50px;}*/ .safety-content-wrap p a.number-mobile {white-space: nowrap;word-break: keep-all;} #patient-login #pre-gate-footer {padding: 1px 15px 5px;} .cmp-container[role="patient-main-container"] .topnav { flex-direction: column; } .cmp-container[role="patient-main-container"] .top-menu-wrap {margin-bottom: 20px; } body#patient-login .footer-logo-wrap { margin-top: 0px;justify-content: space-evenly;max-width: 335px;} .cmp-container[role="patient-main-container"] .navbar-header {padding-left: 0px;/*30px auto 10px;margin-top: 10px;*/margin-top: 0px;flex-direction: column;padding-bottom: 17px;} .cmp-container[role="patient-main-container"] .navbar-header img.Subcutaneous-Banner {margin: 26px 0px 6px;padding:0px;max-width: 100%;} .cmp-container[role="patient-main-container"] .navbar-header img.Subcutaneous-Banner.banner-desk{display:none;} #patient-login #pre-gate-footer .footer-line-2 p span, .cmp-container[role="patient-main-container"] #pre-gate-footer .footer-line-2 p .copyright-span{display: block;margin-top: 20px;} .cmp-container[role="patient-main-container"] #pre-gate-footer[role="post-gate-footer"] .footer-logo-wrap {margin: 10px auto 0px; max-width: 335px;} .cmp-container[role="patient-main-container"] #pre-gate-footer[role="post-gate-footer"] {padding: 1px 15px;} .cmp-container[role="patient-main-container"] #pre-gate-footer .footer-line-2 p{display: block;} #patient-home .patient-home-banner-mobile { /*background: url(/content/dam/intelligentcontent/brands/saphnelo-ca/en/header-banner/patient-home-banner-mobile.png);background-position: center center;min-height: 200px;*/ background: url(/content/dam/intelligentcontent/brands/saphnelo-ca/en/header-banner/patient/patient-home-banner-mobile.jpg); background-size: cover;background-repeat: no-repeat;background-position: top center; display: block; min-height: 250px;min-height:62.6vw;} #patient-home .patient-home-banner-wrapper h1, #patient-home-fr .patient-home-banner-wrapper h1 {font-size: 44px;line-height: 44px;margin: 40px 4px 0px 0px;text-align: left;} #patient-home .ph-first-section h3 {font-size: 32px;line-height: 32px;} #patient-home .ph-first-section{text-align: unset;} #patient-home .green-large-box-wrap {margin-bottom: 11px;padding: 0px 15px 0px 17px;} #patient-home .green-large-box-wrap{padding: 0px 15px 0px 17px;} #patient-home .green-large-box{flex-direction: column-reverse;margin-bottom: 11px;} #patient-home .green-large-box .content-wrap {text-align: unset;padding: 14px 18px 28px 15px;} #patient-home .green-large-box .content-wrap p.block-title, #patient-home-fr .green-large-box .content-wrap p.block-title{font-size: 20px;} #patient-home .green-large-box .content-wrap p.block-sub-title, #patient-home-fr .green-large-box .content-wrap p.block-sub-title{font-size: 16px;line-height: 1.20; margin-bottom: 20px;} #patient-home .green-large-box .content-wrap a.white-link-btn, #patient-home-fr .green-large-box .content-wrap a.white-link-btn{margin: 0 0 0px;} #understanding-sle #green-section {margin: 25px 15px 0px;} #understanding-sle .green-block{/*margin: auto 45px;*/margin: auto;padding-left: 45px;padding-right: 45px;} #understanding-sle .block {margin: 30px auto;} /*#understanding-sle #sle{display: none;}*/ #understanding-sle .banner-title{ /*background: #009FB8 url(/content/dam/intelligentcontent/brands/saphnelo-ca/en/header-banner/understanding-sle-banner-mob.png) !important;background-size: cover !important;*/ background: #009FB8 url(/content/dam/intelligentcontent/brands/saphnelo-ca/en/patient/patient-sle-mob.png) !important;font-size: 32px!important;line-height: 32px; padding: 0px 27% 0px 15px !important; max-width: 100%;background-size: contain !important;background-position: top right !important;background-repeat: no-repeat !important;} #understanding-sle .mobile-remove{display: contents;} #understanding-sle .causes-list li{padding: 0px 14px 0px 40px !important;} #understanding-sle #what-causes-lupus ul li:before{left: 24px;} #patient-understanding-fr .banner-title{min-height:140px;} /* About us page */ #patient-support, #about-saphnelo, #sle {padding: 16px 24px;/*display: none;*/} /*#about #what-is-saphnelo .sec-title {padding: 20px 15px 10px;}*/ #about #how-does-saphnelo-work {margin: 15px auto 9px;max-width: calc(100% - 30px);padding: 5px 0px 12px;} #about #how-does-saphnelo-work .sec-title {padding: 15px 15px 24px;} #about .about-copy {padding: 0 15px 13px;margin-top: 24px;} #about .about-copy.paddingtop25 {margin-top: 20px;} #about #possible-side-effects ul .about-copy, #about #before-taking-saphnelo ul .about-copy {padding: 0px 14px 0px 40px !important;margin-top: 0px;} #about #possible-side-effects ul li:before, #about #before-taking-saphnelo ul li:before, #about #storingsaphnelo ul li:before {left: 24px;} .cmp-container[role="patient-main-container"] .nav-text {padding: 12px 65px 12px 15px;} #understanding-sle a.nav-text span, #about a.nav-text span{right: 15px;} #about .banner-title {/*background: #009FB8 url(/content/dam/intelligentcontent/brands/saphnelo-ca/en/header-banner/about-saphnelo-banner-mob.png);*/ background: #009FB8 url(/content/dam/intelligentcontent/brands/saphnelo-ca/en/patient/patient-about-mob.png); padding-right: 48vw !important; max-width: 100%;background-size: contain !important;background-position: top right !important;background-repeat: no-repeat !important;} #about .moa-txt-4 {max-width: calc(100% - 30px);padding:16px 10px 18px;margin: 20px auto 0 !important;} #about #what-is-saphnelo {padding-bottom: 0;margin-bottom: -9px;} #about .cmp-container[role="patient-main-container"] #how-saphnelo-administered {padding-bottom: 0px;} #about #about-long-btn {padding: 2px 0 14px;} /*Support Page*/ /*#support img.pspbanner-img {height: auto; margin-top: 0px;display: block;margin-right: 0px;}*/ #support .connectlogo { width: 195px;} #support .box {padding: 0;} #support .banner-title {/*background: #009FB8 url(/content/dam/intelligentcontent/brands/saphnelo-ca/en/header-banner/PSP-Patient-banner-mob.png);*/ background: #009FB8 url(/content/dam/intelligentcontent/brands/saphnelo-ca/en/patient/patient-support-mob.png); padding-right: 48vw !important; max-width: 100%;background-size: contain !important;background-position: top right !important;background-repeat: no-repeat !important;} #support .support-copy {font-size: 16px; } #support .contact-connect {font-size: 18px; justify-content: center; max-width: 100%;} html[lang="fr"] .cmp-container[role="patient-main-container"] ul#top-menu {max-width: 100%;margin: auto;} #patient-login .modal-box__content {padding: 2rem 1rem !important;} #patient-login .din-popup-content-wrap span.green-text {margin: 30px 0 20px;} #patient-login .din-popup-content-wrap .popup-2-col {flex-direction: column;} #patient-login .din-popup-content-wrap .popup-col, #patient-login .din-popup-content-wrap .popup-col + .popup-col {width: 100%;text-align: center;} #patient-login .din-popup-content-wrap .popup-col + .popup-col {margin-top: 40px;} #patient-login .din-popup-content-wrap img {margin: 21px auto 0px;} #patient-login .din-popup-content-wrap .popup-col + .popup-col p.popup-small-text {max-width: 290px;} #patient-login .din-popup-content-wrap .popup-col p.popup-small-text {max-width: 274px;} .cmp-container[role="patient-main-container"] ul#top-menu li a, #patient-login a.language-change-home{text-decoration: underline;} #about .font-hours {max-width: 300px; margin: 24px auto 22px;} #understanding-sle .green-block-1 .block {padding: 42px 5px; max-width: 300px;} .cmp-container[role="patient-main-container"] #resources-section-two .azcl-column-par1 img {max-width: 136px;} .cmp-container[role="patient-main-container"] #resources-section-two .azcl-column-par2 img {max-width: 133px;} .cmp-container[role="patient-main-container"] #resources-section-two { align-items: center;gap: 40px;} .cmp-container[role="patient-main-container"] #resources-section-two.azcl-columns--4 {--col-count: 1;gap: 25px;margin-top: 9px;} .cmp-container[role="patient-main-container"] #resources-section-two.azcl-columns--4 .azcl-column-par1, .cmp-container[role="patient-main-container"] #resources-section-two.azcl-columns--4 .azcl-column-par2, .cmp-container[role="patient-main-container"] #resources-section-two.azcl-columns--4 .azcl-column-par3, .cmp-container[role="patient-main-container"] #resources-section-two.azcl-columns--4 .azcl-column-par4{margin:0px;} #patient-about.cmp-container[role="patient-main-container"] #about-long-btn .log-btn-flex, #patient-about-fr.cmp-container[role="patient-main-container"] #about-long-btn .log-btn-flex{flex-direction: column;padding: 0px 15px;gap: 15px;margin-bottom: 27px;} #patient-about.cmp-container[role="patient-main-container"] #about-long-btn .nav-text, #patient-about-fr.cmp-container[role="patient-main-container"] #about-long-btn .nav-text{padding: 12px 11px 12px 15px;} .cmp-container[role="patient-main-container"] #resources-section-two img {margin-bottom: 15px !important;} #understanding-sle .cmp-container[role="patient-main-container"] .sec-title, #about .cmp-container[role="patient-main-container"] .sec-title, #support .cmp-container[role="patient-main-container"] .sec-title {padding: 31px 15px 20px;} .cmp-container[role="patient-main-container"] .ps-section li {border-right: 0px !important;} .cmp-container[role="patient-main-container"] .ps-section ul li {padding: 0px !important;} .cmp-container[role="patient-main-container"] .ps-section ul li a {padding: 0px !important;} #patient-about.cmp-container[role="patient-main-container"] .ps-section ul, #patient-about-fr.cmp-container[role="patient-main-container"] .ps-section ul {gap: 0px;} .cmp-container[role="patient-main-container"] .ps-section ul li + li {border-top: 1px solid #5B6870 !important;padding-top: 20px !important;margin-top: 20px;} #support .helpline-txt {margin-top: 22px;margin-bottom: 7px;} div#resources-section-one .azcl-column-par3, div#resources-section-two .azcl-column-par2 {margin: 0px auto;} #resources-section-one .cmp-text, #resources-section-two .cmp-text {padding: 0px;} .cmp-container[role="patient-main-container"] #resources-section-two .azcl-column-par3 p.img-wrap{min-height:auto;max-width: 275px;} #support .cmp-container[role="patient-main-container"] #pre-gate-footer[role="post-gate-footer"]{margin-top:0px;} #support #useful-tools {padding: 0px 0px 40px;} #patient-about.cmp-container[role="patient-main-container"] #about-long-btn .log-btn-flex + .log-btn-flex img, #patient-about-fr.cmp-container[role="patient-main-container"] #about-long-btn .log-btn-flex + .log-btn-flex img{margin-bottom: 43px;} #patient-about.cmp-container[role="patient-main-container"] #about-long-btn .log-btn-flex + .log-btn-flex, #patient-about-fr.cmp-container[role="patient-main-container"] #about-long-btn .log-btn-flex + .log-btn-flex{margin-bottom: 40px;} #patient-about.cmp-container[role="patient-main-container"] #about-long-btn .log-btn-flex.last, #patient-about-fr.cmp-container[role="patient-main-container"] #about-long-btn .log-btn-flex.last{margin: 14px 0px 17px;} #about .contact-column-40 {padding: 22px 30px;} #about .contact-column-60 {padding: 24px 30px 26px;} #about .support-options span {padding: 0 0px;margin: 0px;} #about .support-options span + span.connect-wrap {margin-top: 24px;} #about #before-taking-saphnelo .about-copy:last-child {padding-bottom: 0px;} #about #before-taking-saphnelo {padding-bottom: 0px;} #about #before-taking-saphnelo .about-copy:last-child{padding-bottom: 0px;} #about #storingsaphnelo p.about-copy:last-child {margin-top: 0px;padding-bottom: 0px;} #understanding-sle .green-block.green-block-1{margin: 9px auto;} #about #storingsaphnelo ul li.about-copy {margin-top: 0px;padding: 0px 15px 0px 40px !important;} .cmp-container[role="patient-main-container"] #resources-section-two .azcl-column-par3 img.IPT-brochure{max-width: 133px;} .cmp-container[role="patient-main-container"] #resources-section-two .azcl-column-par2 img.admstratv-guide{max-width: 250px;} .cmp-container[role="patient-main-container"] #resources-section-two .azcl-column-par1 img.consumer-infom, .cmp-container[role="patient-main-container"] #resources-section-two .azcl-column-par2 img.consumer-infom{max-width: 141px;} #about .cmp-container[role="patient-main-container"] #how-saphnelo-administered .about-copy {margin-top: 0px;} #about #about-long-btn p.about-copy:nth-child(5) {margin-top: 0px;} #about #about-long-btn p.about-copy:nth-child(4) {margin: 0px !important;} #about #possible-side-effects .about-copy, #about #storingsaphnelo .about-copy {margin-top: 0px;} .cmp-container[role="patient-main-container"] #resources-section-two #item-1 a.resources-boxtext, .cmp-container[role="patient-main-container"] #resources-section-two #item-2 a.resources-boxtext {max-width: 277px;} .cmp-container[role="patient-main-container"] #resources-section-two #item-3 a.resources-boxtext, .cmp-container[role="patient-main-container"] #resources-section-two #item-4 a.resources-boxtext, .cmp-container[role="patient-main-container"] #resources-section-two #item-6 a.resources-boxtext {max-width: 285px;} .cmp-container[role="patient-main-container"] #resources-section-two #item-5 a.resources-boxtext {max-width: 290px;} .cmp-container[role="patient-main-container"] #resources-section-two #item-5 p:nth-child(2) a.resources-boxtext {max-width: 250px;margin: 0px auto 7px;} .cmp-container[role="patient-main-container"] #resources-section-two p:nth-child(2) a.resources-boxtext{margin-bottom: 7px;} html[lang="fr"] .cmp-container[role="patient-main-container"] #resources-section-two #item-5 img {max-width: 133px;} html[lang="fr"] #resources-wraper .azcl-container:nth-child(4) .azcl-column-par2, html[lang="fr"] #resources-wraper .azcl-container:nth-child(4) .azcl-column-par3 {display: none;} } /* ------------- IPAD-CSS-START ------------- */ @media (min-width: 768px) and (max-width: 1199px){ body#patient-login {/* background: url(/content/dam/intelligentcontent/brands/saphnelo-ca/en/header-banner/patient-banner.png); */ background: url(/content/dam/intelligentcontent/brands/saphnelo-ca/en/patient/patient-banner-desk.jpg); background-size: 80%;background-repeat: no-repeat;background-position: top right;} .moa-txt-3, p.moa-txt-5, p.moa-txt-6, p.moa-txt-7, .s-txt, .safety-txt-1, .safety-txt-2 {padding-left: 0;padding: 0 15px;} .patient-home-banner-wrapper{margin:auto;padding: 3vw 0px;} .cmp-container[role="fr-main-container"] .topnav li a {font-size: 15px;} .patient-home-banner-wrapper h1{margin:50px 30px;margin: 4vw 30px;font-size: 5.4vw;line-height: 1.2;max-width: 50vw;} .ph-first-section {padding: 0 30px;} .green-large-box .img-wrap img {margin-bottom: 0px;height: -webkit-fill-available;} #understanding-sle .pspbanner-img{position: absolute;height: -webkit-fill-available;margin-top: -66px;right: 0;margin-right: 0;width: 240px;} #understanding-sle .banner-title {font-size: 44px !important;} .banner-title{width:100%;} #understanding-sle .green-block{justify-content: space-around;} #understanding-sle .block{padding: 15px 15px;margin: 10px 12px 10px 12px;} #support .pspbanner-img{position: absolute;height: -webkit-fill-available;margin-top: -54px;right: 0;margin-right: 0;} #support .contact-connect{font-size:18px;} #support .support-options span {padding: 0 12px;} #support .helpline-txt, .support-copy{padding: 0 15px;} .cmp-container[role="patient-main-container"] #resources-section-two{padding: 0 15px;} #resources-section-two{gap:15px;} .about-copy{padding: 0 15px;} #what-causes-lupus ul{padding:0 30px;} #what-causes-lupus ul li:before{left:36px;} #understanding-sle .green-block img{min-height:93px;} #about .banner-title {font-size: 44px !important;} #about .pspbanner-img {height: 160px;margin-top: -54px;margin-right: 0px;} #about .support-options span {padding: 0 10px;} #about a.icon-content{font-size:16px;} #about .font-hours{font-size:18px;} .contact-column-60{padding: 25px 15px;} .icon-content{font-size:16px;padding-left: 4px;} .pspbanner-img {margin-right: 0px;position: absolute;right: 0px;margin-top: -135px;} #resources .azcl-column-par1{padding:0px 15px;} #home-hero-container #home-hero-title {padding: 70px 30px;} #hcp-home .home-content-wrap{padding: 0 15px;} #moa .moa-txt-1{font-size: 13px;} #dosing-administration img.banner-img{position: absolute;right: 0;margin: -135px 0;} #psp .pspbanner-img {margin-right: 0;position: absolute;right: 0;margin-top: -135px;} .modal-box__content {padding: 2rem 2rem !important;} .pop-txt-1 {font-size: 40px;} .cmp-container[role="fr-main-container"] .contact-column-40{flex-basis:39%;} .cmp-container[role="fr-main-container"] .connect-text{font-size:16px !important;} .cmp-container[role="fr-main-container"] .connecticon{width:34px;} .cmp-container[role="fr-main-container"] .icon-content {font-size: 14px;} #patient-support-fr .support-options span {padding: 0 8px;font-size: 14px;} #patient-support-fr .icon-content {margin-left: 7px;} #patient-support-fr .box-wrapper p {font-size: 12px;min-height: 55px;line-height: 15px;} #about .moa-txt-4{padding:30px 15px;} #patient-about-fr .sec-title{padding: 10px 15px;} #patient-about-fr .ps-section a{font-size: 15px;line-height: 18px;} #patient-about-fr .contact-column-60 {padding: 25px 15px;} #patient-about-fr .connecticon {width: 32px;} #patient-about-fr a.icon-content {margin-left: 7px;font-size:12px;} .cmp-container[role="patient-main-container"] .sec-title {padding-left: 15px;padding-right: 15px;} #patient-about.cmp-container[role="patient-main-container"] #about-long-btn .log-btn-flex, #patient-about-fr.cmp-container[role="patient-main-container"] #about-long-btn .log-btn-flex{ padding: 0px 15px;} .cmp-container[role="patient-main-container"] #how-does-saphnelo-work {padding: 10px 0px 30px;} } @media all and (device-width: 1024px) and (device-height: 768px) and (orientation:landscape) { .top-menu-wrap {max-width: 1000px;} .topnav{max-width: 1000px;} .cmp-container[role="patient-main-container"] .sec-title{padding:0px 15px} #psp .pspbanner-img{margin-top: -143px;} #about .pspbanner-img{margin-top: -59px;} #support .pspbanner-img{margin-top: -59px;} #patient-about-fr .ps-section a {font-size: 21px;line-height: 25px;} #dosing-administration img.banner-img{margin: -143px 0;} #dosing-administration .sec-title{padding: 0px 15px;} #dosing-administration .sec-desc{padding: 0px 15px;} #resources .sec-title{padding: 0px 15px;} } /* ------------- IPAD-CSS-END ------------- */