/* Fonts */ /* Fonts */ @font-face { font-family: "Lexia"; src: local(Lexia), url("/content/dam/intelligentcontent/brands/truqap/ca/en/fonts/lexialight-webfont.woff2") format("woff2"), url("/content/dam/intelligentcontent/brands/truqap/ca/en/fonts/lexialight-webfont.woff") format("woff"); font-weight: normal; font-style: normal; font-display: swap; } @font-face { font-family: "Lexia-regular"; font-weight: 400; font-style: normal; src: url("/content/dam/intelligentcontent/brands/truqap/ca/en/fonts/400_Lexia_Rg.woff") format("woff"), url("/content/dam/intelligentcontent/brands/truqap/ca/en/fonts/400_Lexia_Rg.woff2") format("woff2"); } @font-face { font-family: "Lexia-bold"; font-weight: 700; font-style: normal; src: url("/content/dam/intelligentcontent/brands/truqap/ca/en/fonts/700_Lexia_Bd.woff") format("woff"), url("/content/dam/intelligentcontent/brands/truqap/ca/en/fonts/700_Lexia_Bd.woff2") format("woff2"); } @font-face { font-family: "Lexia-small"; font-weight: 300; font-style: normal; src: url("/content/dam/intelligentcontent/brands/truqap/ca/en/fonts/300_Lexia_Lt.woff") format("woff"), url("/content/dam/intelligentcontent/brands/truqap/ca/en/fonts/300_Lexia_Lt.woff2") format("woff2"); } @font-face { font-family: "LexiaLight"; src: url("/content/dam/intelligentcontent/brands/truqap/ca/en/fonts/lexialight-webfont.woff") format("woff"), url("/content/dam/intelligentcontent/brands/truqap/ca/en/fonts/lexialight-webfont.woff2") format("woff2"); font-weight: normal; font-style: normal; font-display: swap; } @font-face { font-family: 'Inter-Light'; font-style: normal; font-weight: 300; font-display: swap; src: url('/content/dam/intelligentcontent/brands/truqap/ca/en/fonts/Inter-Light.woff2') format('woff2'), url('/content/dam/intelligentcontent/brands/truqap/ca/en/fonts/Inter-Light.woff') format('woff'); } @font-face { font-family: 'Inter-Regular'; font-style: normal; font-weight: 400; font-display: swap; src: url('/content/dam/intelligentcontent/brands/truqap/ca/en/fonts/Inter-Regular.woff2') format('woff2'), url('/content/dam/intelligentcontent/brands/truqap/ca/en/fonts/Inter-Regular.woff') format('woff'); } @font-face { font-family: 'Inter-Medium'; font-style: normal; font-weight: 500; font-display: swap; src: url('/content/dam/intelligentcontent/brands/truqap/ca/en/fonts/Inter-Medium.woff2') format('woff2'), url('/content/dam/intelligentcontent/brands/truqap/ca/en/fonts/Inter-Medium.woff') format('woff'); } @font-face { font-family: 'Inter-SemiBold'; font-style: normal; font-weight: 600; font-display: swap; src: url('/content/dam/intelligentcontent/brands/truqap/ca/en/fonts/Inter-SemiBold.woff2') format('woff2'), url('/content/dam/intelligentcontent/brands/truqap/ca/en/fonts/Inter-SemiBold.woff') format('woff'); } @font-face { font-family: 'Inter-Bold'; font-style: normal; font-weight: 700; font-display: swap; src: url('/content/dam/intelligentcontent/brands/truqap/ca/en/fonts/Inter-Bold.woff2') format('woff2'), url('/content/dam/intelligentcontent/brands/truqap/ca/en/fonts/Inter-Bold.woff') format('woff'); } @font-face { font-family: 'Inter-ExtraBold'; font-style: normal; font-weight: 800; font-display: swap; src: url('/content/dam/intelligentcontent/brands/truqap/ca/en/fonts/Inter-ExtraBold.woff2') format('woff2'), url('/content/dam/intelligentcontent/brands/truqap/ca/en/fonts/Inter-ExtraBold.woff') format('woff'); } @font-face { font-family: 'Inter-Black'; font-style: normal; font-weight: 900; font-display: swap; src: url('/content/dam/intelligentcontent/brands/truqap/ca/en/fonts/Inter-Black.woff2') format('woff2'), url('/content/dam/intelligentcontent/brands/truqap/ca/en/fonts/Inter-Black.woff') format('woff'); } html { -webkit-text-size-adjust: 100%; -moz-text-size-adjust: 100%; -ms-text-size-adjust: 100%; } /*Postgate Home Starts*/ .truqap-indigo{color:#250E62;} .text-nowrap {text-wrap-mode: nowrap;} #postgate-header {padding: 0;} #postgate-header ul.language-node {display: flex;justify-content: end;background: #F3F3F3;padding: 16px 60px;} #postgate-header ul.language-node li a {color: #830051;font-family: "LexiaLight";font-size: 18px;line-height: 27px;} #postgate-header ul.language-node li.active a {font-family: "Lexia-bold";} #postgate-header ul.language-node li a:hover { text-decoration: none;} #postgate-header ul.language-node li + li {border-left: 1px solid #F0AB00; padding-left: 20px;margin-left: 20px;} #postgate-header .logo-section {padding: 12px 60px;} #postgate-header ul.nav-links {display: flex;justify-content: center;background: #F3F3F3;} #postgate-header ul.nav-links li a {font-size: 18px;line-height: 26px;font-family: 'LexiaLight' ;display: block;color: #1C1C1C; text-decoration: none;} #postgate-header ul.nav-links li a:active,#postgate-header ul.nav-links li a:hover {border-bottom: 3px solid #F0AB00;} #postgate-header ul.nav-links li {padding: 16px;} #postgate-header ul.cmp-navigation__group {justify-content: center;} #postgate-header .ic-header .cmp-navigation__item {padding: 16px;margin: 0;font-size: 18px;line-height: 26px;} #postgate-header span.cmp-navigation__item-text {font-size: 18px;line-height: 26px;font-family: 'LexiaLight';color: #1C1C1C;} #postgate-header a.cmp-navigation__item-link:hover {border-bottom: 3px solid #F0AB00;text-decoration: none;} #postgate-header .ic-header {background: #F3F3F3;} #postgate-header .ic-header li.cmp-navigation__item.cmp-navigation__item--level-0.cmp-navigation__item--active a {border-bottom: 3px solid #F0AB00;} #postgate-main .cmp-container__backgroundImage--enabled {margin: 0; background-size: cover; background-position: 62% 100%; background-repeat: no-repeat;} #postgate-main #Truqap-FAQs {max-width: 1242px; padding: 100px 0 113px; margin: 0 auto; } #Truqap-FAQs h2,#Helpful-resources h2,#Additional-resources h2 {font-size: 48px;line-height: 58px;font-family: 'Lexia-regular';color: #250E62;font-weight: 400; margin: 0 0 32px;} #Additional-resources h2 {margin: 0 0 64px;} .banner-content {padding: 87px 0 107px;margin: auto;max-width: 1242px;} .banner-content img {max-width: 224px;} .banner-content h1 {font-size: 64px;line-height: 74px;color: #250E62;font-family: 'Lexia-bold';margin: 28px 0 20px;} .banner-content p.sub-head {font-size: 24px;line-height: 34px;font-family: 'LexiaLight'; max-width: 611px; padding-bottom: 24px;} .banner-content p.sub-copy {font-size: 18px;line-height: 24px;font-family: 'Inter-Regular'; max-width: 590px;} #para-content p {font-size: 18px;line-height: 26px;font-family: 'Inter-Regular'; padding-bottom: 30px;} #para-content p:last-child {padding-bottom: 100px;} #moa-img { margin-bottom: 100px;} #dosing-table {margin-bottom: 64px;} #truqap-dose p,div#truqap-dose ul li { font-size: 18px; line-height: 26px; font-family: 'Inter-Regular';} #truqap-dose p.dosing-copy {color: #250E62;font-family: 'Inter-Bold';text-decoration: underline;} #truqap-dose p { padding-bottom: 20px;} #truqap-dose .callout {font-size: 22px;line-height: 150%;font-family: 'Inter-Bold';color: #250E62;padding: 60px 80px;border: 2px solid #2CCCD3;margin: 64px 0 100px;} #Truqap-FAQs ul.cmp-imagelist {display: flex;padding-left: 0; margin: 0 0 32px 0;} #Truqap-FAQs .cmp-imagelist li[role="last-list"] {align-items: flex-start;} #Truqap-FAQs li.cmp-imagelist__item {width: 50%;display: flex;align-items: center;} #Truqap-FAQs .cmp-imagelist__description ,#Truqap-FAQs .cmp-imagelist__description p{font-size: 18px;line-height: 26px;font-family: 'Inter-Regular';padding-left: 28px;} #miss-dose { margin-top: 100px;} #Truqap-FAQs .cmp-imagelist__description {padding-right: 16px;} #Truqap-FAQs li.cmp-imagelist__item.miss-a-dose-block {align-items: start; } #Truqap-FAQs .miss-a-dose-block .cmp-imagelist__description p.truqap-indigo {font-family: 'Inter-Bold';} .truqap-list li:before {content: "";display: block;width: 7px;height: 7px;border-radius: 50px;position: absolute;background: #000;top: 10px;left: 10px;} #Truqap-FAQs ul.truqap-list ,#Safety-information ul.truqap-list{position: relative;/*padding: 0;*/} #Truqap-FAQs ul.truqap-list li,#Safety-information ul.truqap-list li {position: relative;padding-left: 28px; font-family: 'Inter-Regular';} #Truqap-FAQs .cmp-imagelist__description p + p, #Truqap-FAQs .cmp-imagelist__description ul + p {padding-top: 25px;} #blue-bg {background-color: #EFFCFF;} #Helpful-resources ,#Additional-resources{max-width: 1242px;margin: auto;padding: 119px 0 71px;} #Additional-resources{max-width: 1242px;margin: auto;padding: 104px 0 103px;} #Helpful-resources .cmp-teaser__title p {font-size: 36px;line-height: 46px;font-family: 'LexiaLight';color: #250E62;font-weight: normal;} #Helpful-resources .cmp-teaser__content {background-color: #2CCCD3;padding: 30px 60px;} #Helpful-resources .cmp-teaser__subtitle {font-size: 18px;line-height: 26px;font-family: 'Inter-Regular';margin: 30px 0;font-weight: 400;} #Helpful-resources .cmp-teaser__subtitle p span { display: block;} #Helpful-resources .cmp-teaser__image {padding: 0;order: 2;} #Helpful-resources .cmp-teaser__action-link {max-width: 166px;width: 166px;background: #250E62;color: #fff;padding: 22px 32px 22px 32px;font-size: 16px;font-family: 'Lexia-Bold';font-style: italic;text-decoration: none;margin-top: 30px;display: block;position:relative;} #Helpful-resources .cmp-teaser__action-link:before {content: '';height: 12px; width: 6px;position: absolute;top: 25px;right: 35px;background: url(/content/dam/intelligentcontent/brands/truqap/ca/en/images/logo/Vector.svg); background-size: 100% 100%;} #Helpful-resources h4.cmp-teaser__title {margin: 0;} #Helpful-resources .teaser {margin-bottom: 30px;} #Helpful-resources .teaser:nth-child(odd) .cmp-teaser__image {order: 0;} #Helpful-resources p.truqap-track {padding-top: 50px;} #Helpful-resources p.dosing-calendar {padding-top: 60px;} #Helpful-resources p.patient-info, .additional-pages {padding-top: 38px;} #Helpful-resources a.cmp-teaser__title-link:hover {text-decoration: none;} #Safety-information {max-width: 1245px;margin: auto;padding: 100px 0;} #Safety-information p.safety-subhead {font-size: 36px;line-height: 46px;font-family: 'LexiaLight';} #Safety-information .safety-block {border: 2px solid #2CCCD3;padding: 60px 28px 64px 60px;margin: 32px 0 64px;} #Safety-information .safety-block p.sub-head {font-size: 18px;line-height: 26px;font-family: 'Inter-Bold';} #Safety-information .inner-box {display: flex;align-items: center;margin-top: 30px;} #Safety-information .copy-section p {font-family: 'Inter-Regular';} #Safety-information .copy-section {font-size: 18px;line-height: 26px;padding-left: 28px;} #Safety-information .inner-box img {max-width: 182px;} .safety-content p,.safety-content ul li {font-size: 18px;line-height: 26px; font-family: 'Inter-Regular';} .safety-content p + p {padding-top: 20px;} .safety-content p a {text-decoration: underline; font-family: 'Inter-Regular';} .safety-content ul li a {color: #000;text-decoration: underline;} .res-section {display: flex; align-items: center;max-width: 612px;margin: auto;} .res-section a {display: block;max-width: 166px;padding: 22px 73px 22px 57px;background: #250E62;color: #fff;font-size: 16px;line-height: 16px;font-family: 'Lexia-bold';font-style: italic; text-decoration: none; margin: 88px auto 88px; position: relative;} #additional-res-block {border-top: 1px solid #2CCCD3;} #cbcn-section {gap: 171px;} #rethink-section {gap: 235px;} #ccs-section {gap: 232px;} #quebec-section {gap: 213px; margin-top: 88px;} #rethink-section img {margin-left: 64px;} #ccs-section img {margin-left: 60px;} #quebec-section img {margin-left: 42px;} #quebec-section a {margin: 0;} .res-section a:before {content: '';height: 12px;width: 6px;position: absolute;top: 25px; right: 55px;background: url(/content/dam/intelligentcontent/brands/truqap/ca/en/images/logo/Vector.svg);background-size: 100% 100%;} #back-to-top {display: block;margin: 0 0 0 auto;right: 45px;z-index: 999;position: fixed; bottom: 85px; text-decoration: none;font-size: 14px; width: 104px;text-align: center;} #back-to-top:before {content: '';height: 88px;width: 88px;display: block;margin: 0 auto 4px;background: url("/content/dam/intelligentcontent/brands/truqap/ca/en/images/back-to-top-bg.png");background-repeat: no-repeat;} #Helpful-resources .teaser .cmp-teaser__image-desktop .cmp-image__image { min-height: 404px;} #Helpful-resources .teaser .cmp-teaser__content {min-height: 404px;height: 100%;} #Safety-information ul.truqap-list li b,#Safety-information .copy-section p b {font-family: 'Inter-Bold';} /*Postgate Home Ends*/ #coming-soon p.coming-soon-txt.truqap-indigo {font-family: 'Inter-Regular';font-size: 18px;line-height: 26px;max-width: 700px;margin: auto;text-align: center;} #pregate-banner #truqap-coming-soon h1 {margin: 64px auto 20px;} #coming-soon #pregate-banner {padding: 245px 25px 391px;} #coming-soon #footer .footer-logo-wrap img + img {display: none;} /*FR Styles*/ html[lang="fr"] #pregate-banner #pregate-wrapper {max-width: 765px;} html[lang="fr"] .res-section a {max-width: 230px;} html[lang="fr"] #Helpful-resources .cmp-teaser__action-link {max-width: 210px;width: 210px;} html[lang="fr"] #back-to-top:before {background: url(/content/dam/intelligentcontent/brands/truqap/ca/fr/images/back-to-top-bg-fr.png); background-repeat: no-repeat;} html[lang="fr"] #Helpful-resources .cmp-teaser__subtitle { font-size: 17px;line-height: 24px;font-family: 'Inter-Regular';margin: 10px 0 0;} html[lang="fr"] #pregate-banner #pregate-wrapper a.cmp-button#patient-btn:before {right: 72px;} /*html[lang="fr"] .cmp-teaser__image-desktop .cmp-image__image { min-height: 404px;}*/ /*html[lang="fr"] #Helpful-resources .cmp-teaser__content {min-height: 404px;height: 100%;}*/ /* Exit ramp modal css start */ #postgate-home .modal.exit-ramp-modal {background: rgb(51 51 51 / 50%);backdrop-filter: blur(0px);} #postgate-home .modal.exit-ramp-modal .modal-box {max-width: 745px;padding: 0px;} #postgate-home .modal.exit-ramp-modal .modal-box__content {padding: 32px 64px;} #postgate-home .modal.exit-ramp-modal .exit-ramp-body {font-family: "Inter-Regular";font-size: 18px;line-height: 26px;margin-bottom: 26px;max-width: 586px;margin-left: 8px;} #postgate-home .modal.exit-ramp-modal .exit-ramp-title {color: #250E62;font-family: 'LexiaLight';font-weight: 300;font-size: 30px;line-height: 40px;margin: 8px 0px 16px 8px;} #postgate-home .modal.exit-ramp-modal .exit-ramp-actions {display: flex;flex-direction: row-reverse;justify-content: left;} #postgate-home .modal.exit-ramp-modal .exit-ramp-cancel, .modal.exit-ramp-modal a.exit-ramp-continue { width: 166px;height: 60px;text-align: center;padding: 22px;border: 2px solid #250E62;font-family: 'Lexia';font-weight: 600;font-size: 16px;line-height: 16px;} #postgate-home .modal.exit-ramp-modal a.exit-ramp-continue {display: block;text-decoration: none;color: #FFF;margin-left: 24px;background: #250E62;} #postgate-home .modal.exit-ramp-modal .modal__close {color: #1C1C1C;width: 12px;height: 20px;top: 32px;right: 64px;} #postgate-home .modal__close {position: fixed;top: 2.5rem;right: 2.5rem;z-index: 1000;padding: 0;width: 2rem;height: 2rem;border: none;background-color: transparent;color: #fff;cursor: pointer; } #postgate-home .modal.exit-ramp-modal.modal--visible {height: 100% !important;} #postgate-home body .modal-box {padding: 60px 16px 30px;max-width: 720px;width: calc(100% - 68px);max-height: 90% !important;height: auto;top: auto;position: relative;background-color: #fff;overflow: auto;margin: auto;} #postgate-home .modal.exit-ramp-modal .modal__close {color: #000;width: 12px;height: 12px;top: calc(50% - 130px);right: calc(50% - 321px );} #postgate-home .modal-box {position: relative;flex-shrink: 0;margin-top: auto;margin-bottom: auto;width: 60%;border-radius: 4px;background: #fff;opacity: 1;cursor: auto;will-change: transform, opacity;} #postgate-home body .modal__close {color: var(--textColor-body-1);display: block !important;right: 14px;top: 18px;width: 20px !important;height: 20px !important;left: unset;background: transparent;} #postgate-home body .modal__closeLabel {display: none;} #postgate-home .modal.exit-ramp-modal.modal--visible { padding: 0px; display: flex;justify-content: center;} #postgate-home body .modal {background-color: rgba(60, 66, 66, 0.95);-webkit-backdrop-filter: unset;backdrop-filter: unsetdisplay: flex;padding-top: 0;top: 0px;width: 100%;} #postgate-home .modal--visible {visibility: visible;opacity: 1;} .modal {position: fixed;top: 0;right: 0;bottom: 0;left: 0;z-index: 1000;display: flex;visibility: hidden;flex-direction: column;align-items: center;overflow: hidden;-webkit-overflow-scrolling: touch;background: rgba(0, 0, 0, 0.9); opacity: 0;cursor: url(data:image/svg+xml,%3Csvg width='19' height='19' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M15.514.535l-6.42 6.42L2.677.536a1.517 1.517 0 00-2.14 0 1.517 1.517 0 000 2.14l6.42 6.419-6.42 6.419a1.517 1.517 0 000 2.14 1.517 1.517 0 002.14 0l6.419-6.42 6.419 6.42a1.517 1.517 0 002.14 0 1.517 1.517 0 000-2.14l-6.42-6.42 6.42-6.418a1.517 1.517 0 000-2.14 1.516 1.516 0 00-2.14 0z' fill='%23FFF' fill-rule='nonzero'/%3E%3C/svg%3E), auto;} #postgate-home span.modal__closeLabel {display: none;} /* Exit ramp modal css Ends */ /* Responsive css */ @media screen and (min-width: 2000px) { .banner-content {margin: 5vw auto 0;} /*#postgate-main .cmp-container__backgroundImage--enabled {min-height: 90vh;}*/ #postgate-main .cmp-container__backgroundImage--enabled {min-height: 85vh;} } @media screen and (min-width: 1280px) and (max-width: 1600px){ html[lang="fr"] .banner-content h1 {font-size: 58px;line-height: 68px;} } @media screen and (min-width: 1024px) and (max-width: 1279px) { body .modal {padding-top: 138px;padding-bottom: 138px;} } @media screen and (min-width: 768px) and (max-width: 1199px) { #postgate-home .cmp-teaser {flex-direction: column;align-items: center;} #Helpful-resources .cmp-teaser__image {order: 0;} #Helpful-resources .teaser .cmp-teaser__image-desktop .cmp-image__image {min-height: auto;} #Helpful-resources .cmp-teaser__content {padding: 30px;} } @media screen and (min-width: 768px) and (max-width: 1280px) { /*#postgate-main #Truqap-FAQs,#postgate-main #Helpful-resources,.banner-content,#postgate-main #Safety-information,#Additional-resources {padding: 0 25px;}*/ .banner-content {padding: 87px 15px 107px;} .banner-content h1 {font-size: 50px;} #postgate-main #Truqap-FAQs {padding: 100px 25px 113px;} #Helpful-resources, #Additional-resources {padding: 119px 25px 71px;} #Safety-information {padding: 100px 25px;} /*#Truqap-FAQs li.cmp-imagelist__item {flex-direction: column;}*/ #Truqap-FAQs .cmp-imagelist li[role="last-list"] { align-items: center;} #back-to-top {bottom: 40px;} #Helpful-resources p.truqap-track,#Helpful-resources p.dosing-calendar,#Helpful-resources p.patient-info, .additional-pages {padding-top: 0;} } @media (max-width: 991px){ /*#Truqap-FAQs li.cmp-imagelist__item {flex-direction: column;}*/ } @media screen and (min-width: 768px) and (max-width: 991px){ .banner-content {max-width: 500px;margin: auto 0;} /*#postgate-home .cmp-teaser {flex-direction: column;align-items: center;}*/ /*#Helpful-resources .cmp-teaser__image {order: 0;}*/ /*#Helpful-resources .teaser .cmp-teaser__image-desktop .cmp-image__image {min-height: auto;}*/ } @media (max-width: 767px) { /*Header styles*/ .ic-hamburger .hamburger-wrapper {position: relative;z-index: 3;top: -40px;display: block;width: 30px;height: 30px;cursor: pointer;left: 86%;} .ic-hamburger .hamburger-top {z-index: 4;} .ic-hamburger .hamburger-line { position: absolute; z-index: 1;left: 0px;display: block;width: 30px;height: 4px;background: #1C1C1C;} .ic-hamburger .hamburger-line-top {top: 18px;transform: translateY(-7px);width: 22px;} .ic-header .cmp-navigation__item { display: none;} .ic-hamburger .hamburger-line-bottom {bottom: 11px;transform: translateY(7px);} #postgate-header .ic-header {background: #fff;} #postgate-header ul.language-node {padding: 16px 40px;} ul.cmp-navigation__group {flex-direction: column;} /*.ic-hamburger.open .hamburger {transition: transform 0.3192s cubic-bezier(0.04, 0.04, 0.12, 0.96) 0.1008s; }*/ .ic-header.menuclose .ic-hamburger .hamburger {transition: transform 0.3192s cubic-bezier(0.04, 0.04, 0.12, 0.96) 0.1008s;} .ic-hamburger.open .hamburger-top {transform: rotate(45deg);} .ic-hamburger.open .hamburger-line {transform: none;bottom: 14px;} .ic-hamburger .hamburger {position: absolute;z-index: 3;color: #195471;width: 35px;height: 30px;} .ic-hamburger.open .hamburger-mid {visibility: hidden; } .ic-header.menuclose .ic-hamburger .hamburger-line {transform: none;transition: transform 0.1806s cubic-bezier(0.04, 0.04, 0.12, 0.96);} .ic-hamburger.open .hamburger-bottom {transform: rotate(-45deg);} .ic-hamburger .hamburger-line-bottom {width: 35px;bottom: 12px;} .ic-hamburger.open .hamburger-line-top {width: 35px;top: 12px;} #postgate-header ul.cmp-navigation__group li.cmp-navigation__item.cmp-navigation__item--level-0.cmp-navigation__item--active a {border-bottom: 3px solid #F0AB00;max-width: max-content;} /*Header styles ends*/ #postgate-home .modal.exit-ramp-modal .modal__close {top: calc(50% - 205px);right: 50px;} #postgate-main .cmp-container__backgroundImage--enabled {background-position: center;} .banner-content h1 {margin: 20px 0 8px;} #postgate-header .logo-section {padding: 26px 25px 0;} #postgate-banner {margin-top: -8px;} #postgate-header ul.nav-links {flex-direction: column;} #postgate-main #Truqap-FAQs {padding: 0 25px; margin: 27px auto 50px;} #postgate-banner .banner-content {padding: 23px 25px 348px;} .banner-content p.sub-copy {margin-bottom: 14px;} #truqap-dose .callout {padding: 20px;text-align: left; margin: 64px 0 64px;} #moa-img {margin-bottom: 71px;} #Truqap-FAQs li.cmp-imagelist__item {width: 100%;margin-bottom: 30px;} #Truqap-FAQs ul.cmp-imagelist {flex-direction: column;} #Truqap-FAQs img.cmp-imagelist__image {max-width: 93px;} #Truqap-FAQs .cmp-imagelist__description {padding-right: 0;padding-left: 22px;} /*#Truqap-FAQs h2, #Helpful-resources h2, #Additional-resources h2 { margin: 0 0 20px;}*/ #miss-dose { margin-top: 18px;} #Helpful-resources .teaser:nth-child(odd) .cmp-teaser__image {order: 0;} #Helpful-resources .cmp-teaser__image {order: 0;} #Helpful-resources { padding: 37px 25px 3px;} #Helpful-resources .cmp-teaser__title p {font-size: 24px;line-height: 34px;} #Helpful-resources .cmp-teaser__subtitle {margin: 20px 0;} #Helpful-resources .cmp-teaser__content {padding: 30px; min-height: 290px !important;} #Helpful-resources p.truqap-track,#Helpful-resources p.dosing-calendar,#Helpful-resources p.patient-info, .additional-pages {padding-top: 0;} #Helpful-resources .cmp-teaser__subtitle p span {display: contents;} #Helpful-resources .teaser {margin-bottom: 34px;} #Safety-information .inner-box img {max-width: 93px;} #postgate-main #Safety-information {padding: 42px 25px 0 !important;} #Safety-information .inner-box {align-items: flex-start;} #Safety-information .safety-block { padding: 32px 20px;} #Safety-information .copy-section {padding-left: 20px;} #Safety-information .safety-content ul.truqap-list li {font-size: 18px;line-height: 26px;} #cbcn-section {gap: 40px;margin-top: 31px;} .res-section a {margin: 0 0 40px 0;} #quebec-section a {margin: 0 0 64px 0;} #Additional-resources {padding: 41px 25px 0 !important;} #Additional-resources h2 {margin: 0 0 32px;} #additional-res-block {padding: 0;} #rethink-section {gap: 63px;margin-top: 63px;} .res-section {flex-direction: column;} #rethink-section img {margin: 0;} #ccs-section {gap: 58px;margin-top: 64px;} #additional-res-block #ccs-section img {margin-left: 0 !important;} #quebec-section {gap: 42px;margin-top: 62px;} #quebec-section img {margin-left: 0;} .safety-content {margin-bottom: 56px;} #postgate-main .button { background: #fff; margin-bottom: 90px;} #back-to-top {margin: 0 auto;right: 0;/*bottom: -41px;*/} #postgate-home .modal.exit-ramp-modal .modal-box {width: 90%;} #Safety-information ul.truqap-list li:nth-child(2) a {text-decoration: none;} /*FR Styles*/ html[lang="fr"] .banner-content h1 {font-size: 60px;} html[lang="fr"] #Truqap-FAQs h2, #Helpful-resources h2, #Additional-resources h2 {font-size: 46px;line-height: 56px;} } @media screen and (max-device-width: 767px) and (orientation: landscape) { #postgate-home .modal.exit-ramp-modal .modal__close { top: calc(50% - 170px);right: calc(50% - 220px);} #postgate-home .modal.exit-ramp-modal .exit-ramp-body { font-size: 14px;line-height: 18px;} #postgate-home .modal.exit-ramp-modal .exit-ramp-title {font-size: 24px;line-height: 36px;} #postgate-home .modal.exit-ramp-modal .modal__close {top: calc(50% - 155px);right: calc(50% - 300px);} html[lang="fr"] #postgate-home .modal.exit-ramp-modal .modal__close {top: calc(50% - 125px);right: calc(50% - 300px);} html[lang="fr"] #postgate-home .modal.exit-ramp-modal .exit-ramp-body {font-size: 12px;line-height: 15px;} } @media (max-width: 479px){ .banner-content h1 {font-size: 48px; line-height: 60px;} #postgate-header ul.language-node {padding: 16px 25px;} /*#Safety-information ul.truqap-list li a {text-decoration: none;}*/ #Safety-information .safety-block { padding: 32px 15px;} #Safety-information .copy-section {padding-left: 14px;} #Truqap-FAQs h2, #Helpful-resources h2, #Additional-resources h2 {font-size: 40px;line-height: 50px;margin: 0 0 25px;} .ic-hamburger .hamburger-wrapper {top: -32px;} #postgate-header .logo-section {padding: 20px 25px 0;} #Safety-information .inner-box img { max-width: 63px;} #Safety-information ul.truqap-list li, #Safety-information .copy-section p {font-size: 15px;line-height: 23px;} #postgate-home .modal.exit-ramp-modal .modal-box__content {padding: 25px 30px;} #postgate-home .modal.exit-ramp-modal .modal__close {top: calc(50% - 230px);right: 40px;} /*FR Styles*/ html[lang="fr"] .banner-content h1 {font-size: 38px;line-height: 48px;} html[lang="fr"] #postgate-home .modal.exit-ramp-modal .modal__close {top: calc(50% - 258px);right: 45px;} html[lang="fr"] .banner-content p.sub-head {font-size: 22px;line-height: 32px;} }