@charset "UTF-8";
/*** IL HCP Portal - Custom Styles ***/
@import url('https://fonts.googleapis.com/css2?family=Heebo:wght@400;700&display=swap');

html * {
  font-family: "Heebo", sans-serif !important;
}

body {
  direction: rtl;
}

/*-- WCAG skip navigation starts */

.skiptocontent ul {
  list-style-type: none !important;
  margin-bottom: 0;
}

#IsHeader .cmp-container>.aem-Grid> .container--fixed.aem-GridColumn {
  position: absolute !important;
  top:-100px;
  margin-right:-20px;
  max-width:220px;
}

#skiptocontent {
  margin: 0;
}

.skiptocontent ul a {
  position: absolute;
  top: 0px;
  right: 0px;
  color: #FFF;
  background: 0 0;
  padding: 20px 14px;
  -webkit-transition: top .1s ease-out,background .1s linear;
  transition: top .1s ease-out,background .1s linear;
  z-index: 100;
}

.skiptocontent a:focus {
  position: absolute;
  top: 80px;
  right: 0px;
  background: #0C1529;
  outline: 0;
  -webkit-transition: top .1s ease-in,background .3s linear;
  transition: top .1s ease-in,background .3s linear;
}

/*-- skip navigation ends */

h3 * sup {
  font-size: medium !important;
}

a.cmp-breadcrumb__item-link[href*='therapeutic-areas.html'], 
a.cmp-breadcrumb__item-link[href*='oncology.html'],
a.cmp-breadcrumb__item-link[href*='news.html'] {
  pointer-events: none;
  cursor: auto;
  color: #75757A;
}

a.cmp-breadcrumb__item-link[href*='therapeutic-areas.html']:focus, 
a.cmp-breadcrumb__item-link[href*='oncology.html']:focus,
a.cmp-breadcrumb__item-link[href*='news.html']:focus {
  visibility: hidden;
}

.text {
  text-align: right !important;
}

.text .cmp-text ul, .text .cmp-text ol, .teaser .cmp-teaser ul, .teaser .cmp-teaser ol {
  padding-right: 20px !important;
}

.core-primary {
  color: #830051;
}

.user #cmp-user--displayname .user-icon-italy, .user .cmp-user-az__base .fa-user {
  background-image: url('/content/dam/intelligentcontent/portals/hcp/il/he/images/icons/User-Graphite.png') !important;
}

.modal .exit-ramp-title, .modal .exit-ramp-body {
  text-align: right !important;
}

#reference-text {
  direction: ltr;
}

#eng-menu .cmp-navigation__group {
  direction: ltr;
  flex-direction: row !important;
}

#ttitle-right .cmp-teaser__title {
  margin-right: 0 !important;
}

#home-orange-banner .cmp-teaser__description, #home-orange-banner .cmp-teaser__subtitle {
  max-width: 100% !important;
}

#home-orange-banner img {
  opacity: 1 !important;
}

#flumist-chart .cmp-image--desktop {
  max-width: 640px;
}

#flumist-chart .cmp-image--mobile {
  max-width: 400px;
}

/* ---------- Accessibility success criteria ------------*/

.user .cmp-user--dynamicLabel {
  color: var(--textColor-label-2) !important;
}

/*---------- temp ---------*/

.container--login>.cmp-container>.container>div[class^='cmp'][class$='container'] {
  max-width: 90% !important;
}

.container .cmp-container--protected-cta-content .text {
  text-align: center !important;
}

.cmp-cta--align-center-btn {
  text-align: center;
}
/*---------- temp ---------*/

/* ------ header ------*/

/*.cmp-experiencefragment--customMenu .cmp-experiencefragment--Header>.cmp-container>.aem-Grid {*/
/*  display: block !important;*/
/*}*/

/*.ic-header .cmp-navigation>ul.cmp-navigation__group {*/
/*  flex-wrap: nowrap;*/
    /*justify-content: center;*/
  /*flex-direction: row-reverse;*/
 /* have menu items in right direction */

/*}*/

.cmp-experiencefragment--customMenu .cmp-experiencefragment--Header>.cmp-container>.aem-Grid>.container--headerLogin {
  padding-top: 4px;
  margin: 0 auto 0 20px !important;
}

/* ----- place menu item chevron left position ------ */
.fa, .fas, .far, .fa1, .fab {
  display: contents;
}

.cmp-navigation__item--level-1 .fa {
  display: inline-block;
}

/* --------- footer sicial ----------- */

.cmp-experiencefragment--footer #footer-social .cmp-masterlist__item-cta-link:focus {
  outline: -webkit-focus-ring-color auto 1px;
}

.cmp-experiencefragment--footer #footer-social .cmp-masterlist__item-cta-link:focus-visible {
  outline-offset: -1px;
}

/* ---------- breadcrumb ----------- */

.breadcrumb .cmp-breadcrumb__item {
  margin-left: 12px;
  margin-right: 0 !important;
}

.breadcrumb .cmp-breadcrumb__item:after {
  bottom: 1px !important;
  display: inline-block;
  margin-right: 6px;
  transform: rotate(180deg);
}
/* ---------------------------------*/

/* ----------- tab rtl nav fixing ------------ */
.tabs--list-items-fixed-width .cmp-tabs__tablist-wrapper:before {
  right: unset !important;
}

/* ----------- WCAG large tabs opacity accessibility fixing ------------ */

.tabs--large-size .cmp-tabs__tab:hover {
  opacity: 1 !important;
}

/* ----------------------- end -----------------------------------------*/

/* ------------- WCAG Saphnelo Large tabs contrast ratioo --------------*/

#saphnelo .tabs--large-size .cmp-tabs__tab--active {
    background-color:#3C7C96 !important;
}

.list--fixed-width .cmp-list__wrapper:before {
  right: unset !important;
}

/* -------------- Secondary Nav ----------------*/
.ic-hamburger .hamburger-wrapper:after {
  transform: rotate(-270deg) !important;
}

.ic-hamburger.open .hamburger-wrapper:after {
  transform: rotate(0deg) !important;
}

/*----------- protected-content screen XF -------------- */

#protected-content .button {
  text-align: center;
}


/* --------- components ------------- */

.teaser--home-hero .cmp-teaser__content {
  text-align: right !important;
}

.teaser .cmp-teaser__content {
  text-align: right !important;
}

.teaser .cmp-teaser__description a {
  color: var(--textColor-title-2);
}

/* -------- user forms ------------ */

#reg-container .aem-Grid.aem-Grid--default--12 > .aem-GridColumn.aem-GridColumn--offset--default--2 {
  margin: 0;
  width: 100%;
}

#forgotPassword, #resetPassword, #resendVerificationEmail {
  flex-direction: row-reverse;
}


/* R&I LUPUS */

#btn-donwload .btn-dl {
  background-color: #D0006F;
  border-radius: 12px;
  text-align: center;
  width: 50%;
}

#btn-donwload .btn-dl p {
  padding: 20px 12px;
}

#btn-donwload .btn-dl a {
  display: block;
  color: #FFF;
  text-decoration: none;
}

#btn-donwload .cmp-text {
  display: flex;
  align-items: center;
  justify-content: center;
}
/* --------------*/

/* KOSELUGO page table  */

#koselugo-table .section {
  display: table;
  width: 60%;
  padding-bottom: 40px;
}

#koselugo-table .section p {
  padding: 5px 0px;
}

#koselugo-table p {
  font-weight: 700;
}

#koselugo-table .header, #koselugo-table .row {
  display: table-row;
}

#koselugo-table .header p {
  color: #830051;
}

#koselugo-table .col1 {
  border-bottom: 1px solid #8B1057;
  display: table-cell;
  width: 36%;
}

#koselugo-table .col3 {
  border-bottom: 1px solid #8B1057;
  display: table-cell;
  width: 60%;
}

#koselugo-table .col2 {
  border-bottom: 1px solid #8B1057;
  display: table-cell;
  width: 4%;
}

#koselugo-table .col3 {
  direction: ltr;
  text-align: right;
}

#koselugo #teaser-text-en .cmp-teaser__description {
  margin: auto 0;
  direction: ltr;
  text-align: left;
}

/* ---------------- */


/* -------- LP Haematology page --------*/

#lp-haematology .azcl-container, #lp-itto {
  direction: ltr !important;
}

#lp-haematology .cmp-video__item-title p {
  color: #8F0052;
  font-size: 26px;
  font-weight: 700;
  line-height: 30px;
  padding-top: 20px;
}

#lp-haematology .contacts a, #lp-breast .contacts a {
  text-decoration: none;
  display: block;
}

#lp-haematology .contacts p, #lp-breast .contacts p {
  line-height: 32px;
}

#lp-haematology .contacts-title, #lp-breast .contacts-title {
  color: #8F0052;
  direction: rtl;
  font-size: 18px;
  font-weight: 700;
}

#lp-haematology .email-icons, #lp-breast .email-icons {
  width: 36px;
}

/* ------------------ */

/* -------- LP ITTO -------- */

#lp-itto .itto-buttons {
  display: flex;
  justify-content: center;
  gap: 10px;
  margin-top: 20px;
}

#lp-itto .teaser .cmp-teaser__content h6 {
  font-size: 16px;
  line-height: 24px;
}

#lp-itto .teaser--home-hero .cmp-teaser__subtitle {
  max-width: 100%;
}

#lp-itto #mobile-center .button a {
  width: 212px;
}
/* --------------------*/

/* --------- EGPA, ATTR & Saphnelo mobile carousel -------------*/

#egpa-mobile-only, #attr-mobile-only, #saph1-mobile-only, #saph2-mobile-only, #saph3-mobile-only, #saph4-mobile-only, #saph4a-mobile-only {
  direction: ltr;
  display: none;
}

#egpa-mobile-only .cmp-carousel__actions, #attr-mobile-only .cmp-carousel__actions {
  padding: 16px;
  position: relative;
  top: -220px;
  left: 0;
  justify-content: space-between;
}

#attr-mobile-only .cmp-carousel__actions {
  top: -400px;
}

#test-carousel {
  direction: ltr !important;
}
/* --------------------*/

/* --------- LP Beast Oncology Medical -------------*/

#lp-breast .cmp-tabs__tablist-wrapper {
  direction: ltr;
}
/* --------------------*/

/* ---------- PODCASTS----------*/

#podcast .btn {
  background-color: var(--button-primary-bgColor);
  border: 1px solid var(--button-primary-borderColor);
  color: var(--button-primary-textColor);
  display: inline-block;
  font-family: "Inter-Bold";
  font-weight: normal;
  font-style: normal;
  font-size: 16px;
  line-height: 24px;
  padding: 8px 16px;
  text-decoration: none;
  border-radius: 4px;
  text-align: center;
}
/* -------------------------------*/

/* ------------ BAX Video Banner ---------------*/

#bax .playpause {
  top: -490px;
}

#bax .section-blur-layer {
  background: linear-gradient(281.01deg, rgba(15, 45, 66, 0.0745098) 50%, #0F2D42 80%);
}

#bax .cmp-container__video {
  width: 100%;
  position: relative;
    /*right: -15%;*/
  display: block;
}

#bax #background-banner {
  /*width: 100%;*/
  min-height: 510px;
  /*background-repeat: no-repeat;*/
  /*background-size: 100%;*/
  /*padding-top: 42px;*/
  ;
}

#bax #banner-container {
  padding: 75px 460px 35px 15px;
  margin: 0 auto;
}


/* ---------- BRAND COLORS FIXING ----------*/

/*#wainzua .tabs--large-size .cmp-tabs__tablist-wrapper, #wainzua  .tabs--large-size .cmp-tabs__tablist-wrapper:before, #wainzua  .tabs--large-size .cmp-tabs__tablist-wrapper:after {*/
/*        border-bottom-color:var(--bgColor-core-3) !important;*/
/*}*/

#forxiga .tabs--large-size .cmp-tabs__tablist-wrapper, #forxiga  .tabs--large-size .cmp-tabs__tablist-wrapper:before, #forxiga  .tabs--large-size .cmp-tabs__tablist-wrapper:after {
  border-bottom-color: var(--tabsOn) !important;
}

#wainzua .list .cmp-list__item.active .cmp-list__item-link {
  border-bottom-color: var(--textColor-title-2) !important;
}

#wainzua .teaser .cmp-teaser__footnotes p {
  font-size: x-small;
}

/* -------------- Secondary Nav ----------------*/
@media screen and (min-width: 1536px) {
  /*.navigation--secondary-nav {*/
  /*  direction: ltr !important;*/
  /*}*/

  #bax .section-blur-layer {
    background: linear-gradient(281.01deg, rgba(15, 45, 66, 0.0745098) 8.41%, #0F2D42 68%);
  }

  #bax .cmp-html-video--holder {
    height: 966px;
  }

  #bax .cmp-container__video {
    width: 100%;
    position: relative;
    right: -15%;
    top: -2.028vw;
    max-height: 100%;
  }

  #bax #background-banner {
    min-height: 620px;
  }

  #bax-hero .teaser--home-hero .cmp-teaser__content {
    padding-right: 480px;
  }
}

@media screen and (max-width: 767px) {
  /*.cmp-experiencefragment--customMenu .cmp-experiencefragment--Header>.cmp-container>.aem-Grid {*/
  /*  display: flex !important;*/
  /*  align-items: center;*/
  /*  align-items: center;*/
  /*}*/

  .video .cmp-video__content {
    padding: 10px 16px 10px !important;
  }

  .container--login>.cmp-container>.container>div[class^='cmp'][class$='container'] {
    max-width: 100% !important;
  }

  #koselugo-table .section {
    width: 100%;
  }

  #egpa-mobile-only {
    display: block;
    background-color: var(--bgColor-supporting-1) !important;
  }

  #attr-mobile-only, #saph1-mobile-only, #saph2-mobile-only, #saph3-mobile-only, #saph4-mobile-only, #saph4a-mobile-only {
    display: block;
  }

  #egpa-desktop-only, #attr-desktop-only, #saph1-desktop-only, #saph2-desktop-only, #saph2a-desktop-only, #saph3-desktop-only, #saph4-desktop-only, #saph4a-desktop-only {
    display: none;
  }

  #lp-itto #mobile-center .button {
    text-align: center;
  }

  #isreal-footer .cmp-container .text {
    text-align: center !important;
  }

  .aem-Grid.aem-Grid--tablet--12 > .aem-GridColumn.aem-GridColumn--offset--tablet--2 {
    margin-left: 0;
  }

  #isreal-footer > .aem-Grid {
    display: flex;
    flex-wrap: wrap;
  }

  #isreal-footer > .aem-Grid > div:nth-child(3) {
    order: 1;
  }

  #isreal-footer > .aem-Grid > div:nth-child(2) {
    order: 2;
  }

  #isreal-footer > .aem-Grid > div:nth-child(4) {
    order: 3;
  }

  #home-orange-banner p, #home-orange-banner ul {
    margin-right: 0 !important;
  }

  #bax .cmp-container__video {
    display: none;
  }

  #bax #banner-container {
    background-image: url("/content/dam/intelligentcontent/portals/hcp/il/he/images/il-v1/landing-pages/bax/video/aldo-trimmed-looping-mobile.gif");
    background-size: cover;
    min-height: 600px;
    background-position-y: -100px;
  }
}

@media (max-width: 1024px) {
    
  /*.cmp-experiencefragment--customMenu .cmp-experiencefragment--Header>.cmp-container>.aem-Grid {*/
  /*  display: flex !important;*/
  /*  align-items: center;*/
  /*  align-items: center;*/
  /*}*/

  .cmp-experiencefragment--customMenu .cmp-experiencefragment--Header>.cmp-container>.aem-Grid>.navigation {
    width: auto !important;
  }

  #bax .section-blur-layer {
    background: none;
  }

  #bax #banner-container {
    padding-right: 100px;
  }
}

@media screen and (min-width: 768px) {
  .cmp-experiencefragment--customMenu .cmp-experiencefragment--Header>.cmp-container>.aem-Grid>.container--headerLogin {
    width: 100px !important;
  }

  .cmp-experiencefragment--customMenu .cmp-experiencefragment.cmp-experiencefragment--Header .cmp-container .navigation {
    width: calc(100% - 240px) !important;
    padding-left: 0 !important;
    padding-bottom: 0px !important;
    padding-top: 6px !important;
  }
}

@media screen and (min-width: 768px) {
  .cmp-experiencefragment--footer #footer-progetto>.aem-Grid {
    justify-content: left;
    margin-top: 0px;
  }

  #FooterLinks .aem-Grid.aem-Grid--9.aem-Grid--tablet--12.aem-Grid--default--9.aem-Grid--phone--12 {
    padding-right: 102px;
  }

  #isreal-footer .aem-Grid.aem-Grid--default--12 > .aem-GridColumn.aem-GridColumn--default--3 {
    width: 33% !important;
  }

  #isreal-footer .aem-Grid.aem-Grid--default--12 > .aem-GridColumn.aem-GridColumn--default--9 {
    width: 66% !important;
  }

  #standard-teaser .cmp-teaser__image {
    padding: 0 0 0 10px !important;
  }

  #standard-teaser .cmp-teaser__content {
    padding: 0 10px 0 0 !important;
  }

  #digital-space #standard-teaser .cmp-teaser__image {
    padding: 0 !important;
  }

  #digital-space #standard-teaser .cmp-teaser__content {
    padding: 24px !important;
  }

  .teaser--text-image .cmp-teaser__image {
    padding: 0 10px 0 0 !important;
  }

  .teaser--text-image .cmp-teaser__content {
    padding: 0 0 0 10px !important;
  }
  
  /* ----- COPD text columns --- */
  #copd-treat {
    display: flex;
    max-width: 700px;
  }

  #copd-treat .copd-treat-also {
    margin: auto;
  }
}

/*@media only screen and (min-width: 768px) and (max-width: 15369px) {*/
/*    #bax #background-banner {*/
/*        min-height: 35.417vw;*/
/*        background-position: top -2.431vw right;*/
/*        margin-top: 2.917vw;*/
/*    }*/
/*}*/