/* Calquence FR css */

/*Landing page starts*/
html[lang="fr"] #button-wrapper {max-width: 745px;}
html[lang="fr"] #banner-container #button-wrapper a.cmp-button {max-width: 100%;}
html[lang="fr"] #banner-container #button-wrapper a.cmp-button:before {right: 35px;}
html[lang="fr"] #banner-container #button-wrapper a.cmp-button#patient-btn:before { right: 105px;}

/*Patient landing page starts*/
html[lang="fr"] #popup-text-wrap {max-width: 250px;}
html[lang="fr"] #patient-landing #form-container {max-width: 650px;}
html[lang="fr"] #patient-landing #form-container #din-input-fr {height: 64px;padding: 19px 14px 19px 14px;border: 1px solid var(--calquence-orange);text-align: center;font-size: 18px;line-height: 26px;width: 100%;border-radius: 0;}
/*html[lang="fr"] #patient-landing .modal-box img.din-image {margin-bottom: 50px;}*/
html[lang="fr"] #patient-landing #form-container #din-input-fr::placeholder {color: #1C1C1C;}
html[lang="fr"] #patient-landing .cmp-formcontainer .cmp-form-text__text:focus ,html[lang="fr"] #patient-landing #form-container #din-input-fr:active{outline: 2px solid var(--calquence-orange);}

/*Indication page starts*/
html[lang="fr"] #indication-btn {max-width: 205px;}

/*CLL monotherapy*/
html[lang="fr"] #calquence-main #teaser-container .teaser a.cmp-teaser__action-link {max-width: 190px;}
html[lang="fr"] #calquence-main #teaser-container .teaser a.cmp-teaser__action-link span.cmp-teaser__actionicon {padding-top: 2px;}

/*CLL with Venetoclax*/



/*Exit-ramp modal styles*/
html[lang="fr"] .modal.exit-ramp-modal .modal__close {top: calc(50% - 235px);}



@media screen and (min-width: 768px) and (max-width: 1199px) {
    html[lang="fr"] #home-banner img.cmp-image__image.cmp-image--desktop {min-height: 181px;}
          html[lang="fr"] #home-banner h1.cmp-teaser__title p {
        font-size: 30px;
        line-height: 40px;
    }
    html[lang="fr"] #calquence-main #home-banner .cmp-teaser__content {left: 33%;max-width: 500px;}
     html[lang="fr"] #home-banner h5.cmp-teaser__subtitle p { font-size: 28px;line-height: 38px;}
}

@media screen and (min-width: 992px) and (max-width: 1200px) {
    html[lang="fr"]  #calquence-main #teaser-container .teaser .cmp-teaser__content h6.cmp-teaser__title {font-size: 30px;line-height: 40px;}
    html[lang="fr"] #indication-banner h1 {font-size: 28px;line-height: 34px;}
}

@media screen and (min-width: 992px) and (max-width: 1300px) {
    html[lang="fr"]  #indication-banner {max-width: 555px;}
    html[lang="fr"]  #indication-banner-container {background-position: 60% 100%;}
}

@media screen and (min-width: 1200px) and (max-width: 1600px) {
    html[lang="fr"]  #home-banner h1.cmp-teaser__title p {
        font-size: 40px;
        line-height: 50px;
    }
}

@media screen and (min-width: 1201px) and (max-width: 1300px) {
    html[lang="fr"]  #indication-banner h1 {font-size: 40px;line-height: 50px;}
}

@media screen and (min-width: 1201px) and (max-width: 1600px) {
    html[lang="fr"] #home-banner h1.cmp-teaser__title p {font-size: 40px;line-height: 50px;}
    html[lang="fr"] #calquence-main #home-banner .cmp-teaser__content {max-width: 600px;    left: 31%;}
}

@media screen and (min-width: 768px) and (max-width: 991px) {
    html[lang="fr"] #indication-banner h1 {font-size: 28px;line-height: 36px;}
}

@media screen and (min-width: 768px) {
    html[lang="fr"] .green-icons-wrapper .light-green-block.single-block {min-height: 190px;}
    html[lang="fr"] #calquence-main #teaser-container .teaser .cmp-teaser__content {padding: 15px 60px;}
    html[lang="fr"] #calquence-main #imagelist-container ul.cmp-imagelist .ad-resource-data {min-height: 242px;}
    html[lang="fr"] #mcl .orange-flash-wrapper .flash-content p.copy-text {font-size: 16px;line-height: 26px;}
}

@media screen and (max-width: 767px) {
    /*html[lang="fr"] #header-container .navigation-overlay.show {height: 248px !important;}*/
    html[lang="fr"] #banner-container #button-wrapper a.cmp-button {max-width: 360px;}
    html[lang="fr"] #home-banner h1.cmp-teaser__title p {font-size: 40px;line-height: 42px;}
    html[lang="fr"] #patient-landing #form-container #din-input-fr {max-width: 65%;}
    /*html[lang="fr"] #indication-banner-container {min-height: 1130px;}*/
    html[lang="fr"] #calquence-main #home-banner .cmp-teaser__content {top: 59%;}
    html[lang="fr"] #calquence-main #teaser-container .teaser a.cmp-teaser__action-link {max-width: 180px;}
    html[lang="fr"]  #calquence-main .single-icon-block .single-icon-text-block{font-size: 14px;line-height: 22px;}
}
@media screen and (min-width: 351px) and (max-width: 470px) {
    html[lang="fr"] #banner-container #button-wrapper a.cmp-button:before {right: 32px;}
    html[lang="fr"] #banner-container #button-wrapper a.cmp-button#patient-btn:before { right: 70px;}
    /*html[lang="fr"] #indication-banner-container { min-height: 815px;}*/
}

@media screen and (max-width: 450px) {
    /*html[lang="fr"] #banner-container #button-wrapper a.cmp-button#patient-btn:before {right: 50px;}*/
    html[lang="fr"] #home-banner h1.cmp-teaser__title p {font-size: 30px;line-height: 34px;}
    html[lang="fr"] #patient-landing #form-container #din-input-fr {max-width: 85%; font-size: 15px;}
    html[lang="fr"] #calquence-main h2.cmp-title__text.cmp-title__text--h2 {font-size: 36px;line-height: 46px;}
}

@media screen and (min-width: 351px) and (max-width: 400px) {
    html[lang="fr"] #banner-container #button-wrapper a.cmp-button:before {top: calc(50% - 6px);}
}


@media screen and (min-width: 320px) and (max-width: 360px) {
    html[lang="fr"] #banner-container #button-wrapper a.cmp-button#patient-btn:before {right: 56px;}
    html[lang="fr"] #calquence-main .single-icon-block .single-icon-text-block {font-size: 14px !important;line-height: 22px !important;}
    html[lang="fr"] #calquence-main ul.table-red-bullet {padding: 0px 0px 0px 14px;}
     html[lang="fr"] .cust-table-mob-1 {font-size: 11px;line-height: 140%;}
      html[lang="fr"] #calquence-main #home-banner .cmp-teaser__content {top: 62% !important;}
}