/*! Theme Name: Dojolvi HCP child Theme URI: dojolvihcp.com Description: Dojolvi Patient site Author: Viscira Author URI: http://viscira.com/ Template: ultdo_full Version: 11.1.2 License: GNU General Public License v2 or later License URI: LICENSE Tags: custom-background, custom-logo, custom-menu, featured-images, threaded-comments, translation-ready Text Domain: ultdo_full_child_pat */ @import url('https://fonts.googleapis.com/css2?family=Inter:ital,opsz,wght@0,14..32,100..900;1,14..32,100..900&family=Noto+Sans+JP:wght@100..900&display=swap'); /*! normalize.css v8.0.0 | MIT License | github.com/necolas/normalize.css */html{line-height:1.15;-webkit-text-size-adjust:100%}body{margin:0}h1{font-size:2em;margin:.67em 0}hr{-webkit-box-sizing:content-box;box-sizing:content-box;height:0;overflow:visible}pre{font-family:monospace,monospace;font-size:1em}a{background-color:transparent}abbr[title]{border-bottom:none;text-decoration:underline;-webkit-text-decoration:underline dotted;text-decoration:underline dotted}b,strong{font-weight:bolder}code,kbd,samp{font-family:monospace,monospace;font-size:1em}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sub{bottom:-.25em}sup{top:-.5em}img{border-style:none}button,input,optgroup,select,textarea{font-family:inherit;font-size:100%;line-height:1.15;margin:0}button,input{overflow:visible}button,select{text-transform:none}[type=button],[type=reset],[type=submit],button{-webkit-appearance:button}[type=button]::-moz-focus-inner,[type=reset]::-moz-focus-inner,[type=submit]::-moz-focus-inner,button::-moz-focus-inner{border-style:none;padding:0}[type=button]:-moz-focusring,[type=reset]:-moz-focusring,[type=submit]:-moz-focusring,button:-moz-focusring{outline:1px dotted ButtonText}fieldset{padding:.35em .75em .625em}legend{-webkit-box-sizing:border-box;box-sizing:border-box;color:inherit;display:table;max-width:100%;padding:0;white-space:normal}progress{vertical-align:baseline}textarea{overflow:auto}[type=checkbox],[type=radio]{-webkit-box-sizing:border-box;box-sizing:border-box;padding:0}[type=number]::-webkit-inner-spin-button,[type=number]::-webkit-outer-spin-button{height:auto}[type=search]{-webkit-appearance:textfield;outline-offset:-2px}[type=search]::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit}details{display:block}summary{display:list-item}[hidden],template{display:none}.screen-reader-text{border:0;clip:rect(1px,1px,1px,1px);-webkit-clip-path:inset(50%);clip-path:inset(50%);height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute!important;width:1px;word-wrap:normal!important}.screen-reader-text:focus{background-color:#f1f1f1;border-radius:3px;-webkit-box-shadow:0 0 2px 2px rgba(0,0,0,.6);box-shadow:0 0 2px 2px rgba(0,0,0,.6);clip:auto!important;-webkit-clip-path:none;clip-path:none;color:#282e3c;display:block;font-size:14px;font-size:.875rem;font-weight:700;height:auto;left:5px;line-height:normal;padding:15px 23px 14px;text-decoration:none;top:5px;width:auto;z-index:100000}#content[tabindex="-1"]:focus{outline:0}@font-face{font-family:Mark Pro;src:url(https://dojolvihcpjp.ultragenyxdev.com/wp-content/uploads/fonts/MarkPro/MarkPro-Bold.eot);src:url(https://dojolvihcpjp.ultragenyxdev.com/wp-content/uploads/fonts/MarkPro/MarkPro-Bold.eot?#iefix) format("embedded-opentype"),url(https://dojolvihcpjp.ultragenyxdev.com/wp-content/uploads/fonts/MarkPro/MarkPro-Bold.woff2) format("woff2"),url(https://dojolvihcpjp.ultragenyxdev.com/wp-content/uploads/fonts/MarkPro/MarkPro-Bold.woff) format("woff"),url(https://dojolvihcpjp.ultragenyxdev.com/wp-content/uploads/fonts/MarkPro/MarkPro-Bold.ttf) format("truetype"),url(https://dojolvihcpjp.ultragenyxdev.com/wp-content/uploads/fonts/MarkPro/MarkPro-Bold.svg#MarkPro-Bold) format("svg");font-weight:700;font-style:normal;font-display:swap}@font-face{font-family:Mark Pro;src:url(https://dojolvihcpjp.ultragenyxdev.com/wp-content/uploads/fonts/MarkPro/MarkPro.eot);src:url(https://dojolvihcpjp.ultragenyxdev.com/wp-content/uploads/fonts/MarkPro/MarkPro.eot?#iefix) format("embedded-opentype"),url(https://dojolvihcpjp.ultragenyxdev.com/wp-content/uploads/fonts/MarkPro/MarkPro.woff2) format("woff2"),url(https://dojolvihcpjp.ultragenyxdev.com/wp-content/uploads/fonts/MarkPro/MarkPro.woff) format("woff"),url(https://dojolvihcpjp.ultragenyxdev.com/wp-content/uploads/fonts/MarkPro/MarkPro.ttf) format("truetype"),url(https://dojolvihcpjp.ultragenyxdev.com/wp-content/uploads/fonts/MarkPro/MarkPro.svg#MarkPro) format("svg");font-weight:400;font-style:normal;font-display:swap}body,button,input,optgroup,select,textarea{color:#282e3c;font-family:Gotham A,Gotham B,sans-serif;font-size:16px;font-size:1rem;line-height:1.5}.h1,.h2,.h3,.h4,.h5,.h6,h1,h2,h3,h4,h5,h6{color:#00d0bc;font-family:Gotham A,Gotham B,sans-serif;font-weight:700}.h1,h1{font-size:70px;background:-webkit-gradient(linear,left top,right top,from(#00d0bc),to(#c5f10d));background:-o-linear-gradient(left,#00d0bc,#c5f10d);background:linear-gradient(90deg,#00d0bc,#c5f10d);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent}.h2,h2{font-size:30px;line-height:1.25;text-transform:uppercase;margin-bottom:1.5rem}@media only screen and (max-width:767px){.h2,h2{font-size:20px;margin-top:-10px;margin-bottom:.75rem}}.h2.h2-md-down-large,h2.h2-md-down-large{line-height:1}@media only screen and (max-width:767px){.h2.h2-md-down-large,h2.h2-md-down-large{font-size:22px}}.h2 .sub-h2,h2 .sub-h2{text-transform:none;font-size:24px}@media only screen and (max-width:767px){.h2 .sub-h2,h2 .sub-h2{font-size:15px}}.h3,h3{font-size:25px;line-height:1.25;margin-bottom:3rem}@media only screen and (max-width:767px){.h3,h3{font-size:18px;margin-bottom:.75rem}}.heading{background:-webkit-gradient(linear,left top,right top,from(#00d0bc),to(#c5f10d));background:-o-linear-gradient(left,#00d0bc,#c5f10d);background:linear-gradient(90deg,#00d0bc,#c5f10d);text-align:center;-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent}@media (-ms-high-contrast:active),(-ms-high-contrast:none){.heading,.heading h2{background:none}}.h5,h5{margin:0 auto;color:#fff;font-size:19px;font-weight:400}.h6,h6{font-size:.65rem;color:red}.p,li,p{font-size:18px;font-weight:400;line-height:1.25}@media only screen and (max-width:767px){.p,li,p{font-size:.75rem}}li a,p a{color:#282e3c;text-decoration:underline}li a:hover,p a:hover{color:#282e3c;opacity:.6}.footnote{font-size:12px;margin-top:20px}.asterisk:before{content:"*";font-weight:700;display:inline-block;width:.5rem;margin-left:-.5rem}figcaption{text-transform:uppercase;text-align:center;font-size:14px;padding-top:8px}cite,dfn,em,i{font-style:italic}blockquote{margin:0 1.5em}address{margin:0 0 1.5em}pre{background:#eee;font-family:Courier\ 10 Pitch,Courier,monospace;line-height:1.6;margin-bottom:1.6em;max-width:100%;overflow:auto;padding:1.6em}code,kbd,pre,tt,var{font-size:15px;font-size:.9375rem}code,kbd,tt,var{font-family:Monaco,Consolas,Andale Mono,DejaVu Sans Mono,monospace}abbr,acronym{border-bottom:1px dotted #a9abb1;cursor:help}ins,mark{background:#fff9c0;text-decoration:none}big{font-size:125%}.font-size-small{font-size:15px;font-size:.9375rem}@media only screen and (max-width:575px){.font-size-small{font-size:11px;font-size:.6875rem}}.nowrap{white-space:nowrap}body{overflow-x:hidden;width:100%}.site-main{background-color:#fff}.fullwidth-dark{background-color:#282e3c;color:#fff;width:100%}.fullwidth-light{background-color:#f0f3f4;width:100%}.font-markpro{font-family:Mark Pro,sans-serif}.text-charcoal-grey{color:#282e3c!important}.font-weight-medium{font-weight:500!important}hr{border-top:2px solid #c5f10d}.section-left,.section-right{display:inline-block;width:49%}.hcp-left{padding-right:60px}@media only screen and (max-width:767px){.hcp-left{padding-right:15px}}.hcp-right{padding-left:60px}@media only screen and (max-width:767px){.hcp-right{padding-left:15px}}.container img{width:100%}.text-teal{color:#00d0bc!important}.text-lime{color:#c5f10d!important}ul{list-style:none;padding-left:1.5rem}ul li{margin-bottom:.5rem}ul li:before{content:"\2022";color:#00d0bc;font-weight:700;display:inline-block;width:1.5rem;margin-left:-1.5rem}ul li li:before{content:"\25E6"}body.is-window ul li li:before{font-size:22px;margin-top:-2px;margin-bottom:-2px}@media only screen and (max-width:767px){ul{padding-left:.75rem}ul li{margin-bottom:.25rem}ul li:before{width:.75rem;margin-left:-.75rem}}.site.hcp .btn-primary,.site.hcp a:visited .btn-primary,.site.hcp a:visited:hover .btn-primary{border:none}.site.hcp .btn-primary{color:#282e3c;background-color:#c5f10d;border-color:#c5f10d;border-radius:50px;min-width:125px;font-size:18px;font-weight:500;line-height:1.25;padding:4px 28px}@media only screen and (max-width:991px){.site.hcp .btn-primary{font-size:15px;padding:8px 20px}}@media only screen and (min-width:768px){.site.hcp .btn-primary:active,.site.hcp .btn-primary:focus,.site.hcp .btn-primary:hover{color:#fff;-webkit-box-shadow:none;box-shadow:none;border-color:#282e3c;background-color:#282e3c}}@media only screen and (max-width:767px){.site.hcp .btn-primary:active,.site.hcp .btn-primary:focus,.site.hcp .btn-primary:hover{background-color:#c5f10d;border-color:#282e3c}}.site.hcp .btn-primary.hover-dark:active,.site.hcp .btn-primary.hover-dark:focus,.site.hcp .btn-primary.hover-dark:hover{color:#282e3c;border-color:#fff;background-color:#fff}@media only screen and (max-width:767px){.site.hcp .btn-primary.hover-dark:active,.site.hcp .btn-primary.hover-dark:focus,.site.hcp .btn-primary.hover-dark:hover{opacity:1}}section{padding:3rem 0;overflow:hidden}section:focus{outline:none}section .violatorHorz{margin:0 auto}section .violatorHorz svg{width:100%;max-width:578px;height:auto}section .violatorHorz svg .st0{fill:none;stroke:#282e3c;stroke-width:2}section .violatorHorz svg .st1{fill:#00d0bc}section .violatorHorz svg .st2{fill:#282e3c}section .violatorHorz svg .st3{fill:#c5f10d}section .violatorHorz svg .st4{fill:#282e3c}@media only screen and (max-width:767px){section .violatorHorz svg{max-width:350px;width:100%}}section .violatorHorz h5{color:#282e3c;margin-top:10px;margin-bottom:20px}section .violatorVert{cursor:pointer;margin:0 auto;text-align:center}section .violatorVert svg{width:200px;height:auto}section .violatorVert svg .st0{fill:#c5f10d}section .violatorVert svg .st1{fill:#282e3c}section .violatorVert svg .st2{fill:#00d0bc}section .violatorVert svg .st3{fill:none;stroke:#282e3c;stroke-width:2}@media only screen and (min-width:768px){section .violatorVert svg{width:100%;max-width:232px}}section .violatorVert p{color:#282e3c;font-weight:400;margin:10px auto 1rem;max-width:75%;font-size:15px}section .violatorVert p strong{font-size:18px}@media only screen and (max-width:767px){section .violatorVert p{max-width:80%;font-size:12px}section .violatorVert p strong{font-size:14px}}@media (-ms-high-contrast:active),(-ms-high-contrast:none){section .violatorVert p{max-width:85%}}section .vActive-horiz-p .st1,section .vActive-horiz-p .st3{fill:#282e3c!important}section .vActive-horiz-p .st2{fill:#fff!important}section .vActive-vert-p .st0,section .vActive-vert-p .st2{fill:#282e3c!important}section .vActive-vert-p .st1{fill:#fff!important}section#references{border-bottom:1px solid #fff}section#references ol{margin-bottom:0}section#stay-informed h2{margin-bottom:0;color:#fff}section#stay-informed .form-container{border-radius:20px;padding:1.125rem}@media only screen and (min-width:768px){section#stay-informed .form-container{padding:2rem}}section#stay-informed #hcp-form{border:none}section#isi h2,section#pinned-isi h2{margin:0 0 .5rem;font-size:1.5rem;text-transform:uppercase}section#isi h3,section#pinned-isi h3{margin-bottom:.5rem;font-size:1.25rem;text-transform:uppercase;color:#282e3c}section#isi h4,section#pinned-isi h4{font-size:1.125rem;text-decoration:underline;color:#282e3c}section#isi li,section#isi p,section#pinned-isi li,section#pinned-isi p{font-size:1.125rem}section#isi ul,section#pinned-isi ul{margin-bottom:1.5rem}@media only screen and (max-width:767px){section#isi h2,section#pinned-isi h2{font-size:1rem}section#isi h3,section#pinned-isi h3{font-size:.875rem}section#isi h4,section#isi li,section#isi p,section#pinned-isi h4,section#pinned-isi li,section#pinned-isi p{font-size:.75rem}}section#isi .isi-more-less,section#pinned-isi .isi-more-less{top:0;right:15px;width:30px}@media only screen and (max-width:767px){section#isi .isi-more-less,section#pinned-isi .isi-more-less{margin-top:-5px}}@media only screen and (min-width:768px){section#isi .isi-more-less,section#pinned-isi .isi-more-less{right:-24px}}section#isi .isi-more-less svg.isi-arrow-svg circle,section#pinned-isi .isi-more-less svg.isi-arrow-svg circle{fill:#00d0bc}section#isi .isi-more-less svg.isi-arrow-svg polygon,section#pinned-isi .isi-more-less svg.isi-arrow-svg polygon{fill:#fff}section#isi .isi-more-less span,section#pinned-isi .isi-more-less span{font-size:10px;color:#282e3c}@media only screen and (min-width:768px){section#isi .isi-more-less span,section#pinned-isi .isi-more-less span{font-weight:500}}@media (-ms-high-contrast:active),(-ms-high-contrast:none){section#isi .isi-more-less span,section#pinned-isi .isi-more-less span{float:left;margin-top:-42px;margin-left:2px}}section#isi .isi-more-less a:hover,section#pinned-isi .isi-more-less a:hover{text-decoration:none}section#isi .isi-more-less a:hover svg.isi-arrow-svg circle,section#pinned-isi .isi-more-less a:hover svg.isi-arrow-svg circle{fill:#282e3c}@media only screen and (max-width:767px){section#isi .isi-more-less span,section#pinned-isi .isi-more-less span{font-size:20px;font-weight:700;color:#00d0bc}section#isi .isi-more-less a:hover span,section#pinned-isi .isi-more-less a:hover span{color:#282e3c}}section#isi .isi-more-less svg.isi-arrow-svg{-webkit-transform:rotate(180deg);transform:rotate(180deg)}section#pinned-isi{position:fixed;bottom:0;background:#fff;left:0;right:0;z-index:10;-webkit-box-shadow:0 -5px 5px -4px rgba(79,79,79,.5);box-shadow:0 -5px 5px -4px rgba(79,79,79,.5);height:220px;padding-top:25px}@media only screen and (max-width:575px){section#pinned-isi{height:170px;padding-top:1rem}}@media (min-width:576px) and (max-width:767px){section#pinned-isi{height:168px}}@media only screen and (min-width:1200px){section#pinned-isi{height:195px}}.modal .modal-dialog{width:60vw;max-width:600px;margin:30vh auto}.modal .modal-dialog .modal-content{background-color:#282e3c}.modal .modal-dialog .modal-content .modal-body{padding:2rem}.modal .modal-dialog .modal-content h1,.modal .modal-dialog .modal-content h2,.modal .modal-dialog .modal-content h3,.modal .modal-dialog .modal-content h4,.modal .modal-dialog .modal-content h5,.modal .modal-dialog .modal-content h6,.modal .modal-dialog .modal-content li,.modal .modal-dialog .modal-content p{color:#fff}.modal .modal-dialog .modal-content h2{text-transform:none;font-weight:500}.modal .modal-dialog .modal-content button.close{color:#fff}.modal .modal-dialog .modal-content button.close:focus{outline:none}.modal .modal-dialog .modal-content .btn-primary{color:#282e3c}@media only screen and (max-width:767px){.modal .modal-dialog{width:80vw;margin:25vh auto}}.modal.video-modal video{width:100%}.modal.video-modal .modal-dialog{max-width:90vw}@media only screen and (min-width:768px){.modal.video-modal .modal-dialog{max-width:65vw}}.modal.video-modal .modal-dialog .modal-content .modal-body{padding:1rem}.modal.video-modal .modal-content button.close{position:absolute;top:1.25rem;right:1.25rem;width:25px;height:25px;background-image:url(https://dojolvihcpjp.ultragenyxdev.com/wp-content/uploads/close-icon.png);background-size:contain}.FPO{width:100%;height:100%;background:#c5f10d}.FPO:after{display:block;content:"FPO";font-size:4rem;color:#00f;text-align:center;-webkit-transform:rotate(-30deg);transform:rotate(-30deg)}@media only screen and (min-width:768px){.FPO:after{-webkit-transform:rotate(-30deg) translateY(50%);transform:rotate(-30deg) translateY(50%)}}#masthead{background-color:#fff;position:fixed;top:0;left:0;width:100%;z-index:11}@media only screen and (max-width:1199px){#masthead{height:85px}}#site-navigation{z-index:2}.site-branding{height:auto;display:inline-block}.site-branding img{width:200px;height:auto;margin-top:-18px;margin-left:-25px}@media only screen and (max-width:1199px){.site-branding img{width:140px;margin-top:-15px;margin-left:-20px}}.site-branding .site-title{display:none}@media (min-width:768px) and (max-width:991px){.main-navigation{padding-left:0}}@media only screen and (min-width:1200px){.main-navigation #hcp-primary-menu>li:after{content:"|";font-weight:400;opacity:1;position:absolute;right:-7px;bottom:8px}.main-navigation #hcp-primary-menu>li:last-child:after{display:none}}.main-navigation ul{display:none;list-style:none;margin:0;padding-left:0}.main-navigation ul ul{-webkit-box-shadow:0 3px 3px rgba(0,0,0,.2);box-shadow:0 3px 3px rgba(0,0,0,.2);float:left;position:absolute;top:100%;left:-999em;z-index:99999}.main-navigation ul ul ul{left:-999em;top:0}.main-navigation ul ul li.focus>ul,.main-navigation ul ul li:hover>ul{display:block;left:auto}.main-navigation ul ul a{color:#fff;width:200px}.main-navigation ul li.focus>ul,.main-navigation ul li:hover>ul{left:auto}.main-navigation ul li{margin-right:10px;padding:30px 10px 3px;font-size:14px;font-weight:500;white-space:nowrap;position:relative}.main-navigation ul li:before{display:none}.main-navigation ul li a{display:block;color:#282e3c;text-decoration:none;opacity:.65}.main-navigation ul li a:hover{opacity:1}@media (min-width:768px) and (max-width:991px){.main-navigation ul li{padding:30px 2px 3px}}.main-navigation .current-menu-ancestor>a,.main-navigation .current-menu-item>a,.main-navigation .current_page_ancestor>a,.main-navigation .current_page_item>a{font-weight:700;opacity:1}.main-navigation #hcp-primary-menu>.menu-item{margin-bottom:0;padding-bottom:.5rem;padding-right:1.25rem}.main-navigation #hcp-primary-menu>.menu-item:hover .sub-menu{opacity:1}.main-navigation #hcp-primary-menu>.menu-item.menu-item-has-children:before{display:block;position:absolute;top:auto;bottom:.9rem;right:.25rem;content:"";color:#000;width:0;height:0;border-top:5px solid;border-left:5px solid transparent;border-right:5px solid transparent}.main-navigation .sub-menu{-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;opacity:0;-webkit-transition:opacity .5s;-o-transition:opacity .5s;transition:opacity .5s;min-width:220px;margin-left:0;background-color:#282e3c;border:none}.main-navigation .sub-menu li{padding:10px;margin:0}.main-navigation .sub-menu li:last-of-type{padding-bottom:20px}.main-navigation .sub-menu li a{color:#fff;opacity:1;width:auto}.main-navigation .sub-menu li.active a,.main-navigation .sub-menu li a:hover{color:#c5f10d}#site-nav-right{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:horizontal;-webkit-box-direction:normal;-ms-flex-direction:row;flex-direction:row;margin:auto 0 12px;-webkit-box-pack:end;-ms-flex-pack:end;justify-content:flex-end}@media only screen and (min-width:1200px){#site-nav-right{z-index:1}}#site-nav-right #secondary-nav{-ms-flex-preferred-size:35%;flex-basis:35%}#site-nav-right #secondary-nav ul#hcp-secondary-menu{margin:0;list-style:none}#site-nav-right #secondary-nav ul#hcp-secondary-menu li.menu-item{font-size:12px;font-weight:500;white-space:nowrap;padding-top:4px}#site-nav-right #secondary-nav ul#hcp-secondary-menu li.menu-item a{display:block;color:#282e3c;text-decoration:none}#site-nav-right #secondary-nav ul#hcp-secondary-menu li.menu-item:before{display:none}@media (-ms-high-contrast:active),(-ms-high-contrast:none){#site-nav-right #secondary-nav ul#hcp-secondary-menu{margin-top:14px}}#site-nav-right>.custom-html{-ms-flex-preferred-size:40%;flex-basis:40%;margin-top:6px}@media only screen and (min-width:768px){#site-nav-right>.custom-html .btn-primary{font-size:12px;margin-top:6px}}@media (min-width:768px) and (max-width:991px){#site-nav-right>.custom-html .btn-primary{padding:4px;min-width:110px;margin-left:5px}}@media (-ms-high-contrast:active),(-ms-high-contrast:none){#site-nav-right>.custom-html .btn-primary{margin-top:18px}}@media only screen and (max-width:1199px){#site-nav-right{background-color:#282e3c;margin-bottom:0}#site-nav-right:after,#site-nav-right:before{content:"";position:absolute;top:0;bottom:0;width:calc(50vw - 50%);background:#282e3c}#site-nav-right:before{left:calc(-50vw + 50%)}#site-nav-right:after{right:calc(-50vw + 50%)}#site-nav-right #secondary-nav{-ms-flex-preferred-size:100%;flex-basis:100%}#site-nav-right #secondary-nav ul#hcp-secondary-menu{padding:4px 0}#site-nav-right #secondary-nav ul#hcp-secondary-menu li.menu-item a{color:#fff}#site-nav-right #secondary-nav ul#hcp-secondary-menu li.menu-item:nth-child(2){display:none}}#mobile-navigation{margin-right:0!important}#mobile-navigation .mobile-navbar-toggler{width:20px;height:20px;float:right;background-repeat:no-repeat;background-size:contain;background-position:50%;opacity:1;margin-top:-6px}#mobile-navigation .mobile-navbar-toggler:hover{opacity:.7;cursor:pointer}#mobile-navigation .mobile-navbar-toggler.open{background-image:url(https://dojolvihcpjp.ultragenyxdev.com/wp-content/uploads/mobile-menu-open-button.png)}#mobile-navigation .mobile-navbar-toggler.close{background-image:url(https://dojolvihcpjp.ultragenyxdev.com/wp-content/uploads/mobile-menu-close-button.png)}#mobile-navigation #mobile-menu{position:fixed;top:0;left:0;right:0;padding-top:23px;background:#fff;display:none}#mobile-navigation #mobile-menu.active{display:block}#mobile-navigation #mobile-menu.scrollable{height:100vh;overflow:scroll}#mobile-navigation #mobile-menu .mobile-menu-top .mobile-menu-logo{display:inline-block}#mobile-navigation #mobile-menu .mobile-menu-top .mobile-menu-logo img{width:140px;height:auto;margin-top:-8px;margin-left:-20px}#mobile-navigation #mobile-menu .menu{padding:0;border-top:1px solid;margin-bottom:1rem;list-style:none}#mobile-navigation #mobile-menu .menu .menu-item{font-size:14px;font-weight:500;padding:1rem 0;margin-bottom:0;border-bottom:1px solid}#mobile-navigation #mobile-menu .menu .menu-item:before{display:none}#mobile-navigation #mobile-menu .menu .menu-item a{color:#282e3c;opacity:.65;text-decoration:none}#mobile-navigation #mobile-menu .menu .menu-item a:hover{opacity:1}#mobile-navigation #mobile-menu .menu .menu-item.current_page_item{font-weight:700}#mobile-navigation #mobile-menu .menu .menu-item.current_page_item a{opacity:1}#mobile-navigation #mobile-menu .custom-html .btn-primary{font-size:12px}#mobile-navigation #mobile-menu .header-share{margin-bottom:1rem}#mobile-navigation #mobile-menu .header-share .header-social-icon{opacity:.65}#mobile-navigation #mobile-menu .header-share .header-social-icon img{width:30px;height:30px;margin:0 2px}#mobile-navigation #mobile-menu .header-share .header-social-icon:hover{text-decoration:none;opacity:1}#mobile-navigation #mobile-menu .pat-hcp-link a{color:#282e3c}#mobile-navigation #mobile-menu .pat-hcp-link a p{background-color:#c5f10d;font-weight:500}#mobile-navigation #mobile-menu .pat-hcp-link a:hover{text-decoration:none}#mobile-navigation #mobile-menu .pat-hcp-link a:hover p{opacity:.6}#anchor-nav,#mobile-navigation .sub-menu{display:none}#anchor-nav{position:fixed;width:100%;z-index:10}#anchor-nav.enabled{display:block}@media only screen and (min-width:1200px){#anchor-nav{display:none!important;top:25vh!important;width:auto}}#anchor-nav .anchor-nav-heading{background-color:#282e3c;color:#fff;padding:6px 0}@media only screen and (min-width:1200px){#anchor-nav .anchor-nav-heading{display:none}}#anchor-nav .anchor-nav-heading p{margin:0;font-weight:700}#anchor-nav .anchor-nav-heading .container{position:relative}#anchor-nav .anchor-nav-heading .container:after{content:"";position:absolute;top:4px;right:18px;width:0;height:0;border-top:6px solid;border-left:6px solid transparent;border-right:6px solid transparent}#anchor-nav .anchor-nav-heading.active .container:after{border-top:0;border-bottom:6px solid}@media only screen and (max-width:1199px){#anchor-nav .anchor-nav-heading:not(.active)+.anchor-nav-links{display:none}}#anchor-nav .anchor-nav-heading:hover{cursor:pointer}#anchor-nav .anchor-nav-heading:hover .container:after,#anchor-nav .anchor-nav-heading:hover p{color:#c5f10d}#anchor-nav .anchor-nav-links #anchor-nav-menu{margin:0;padding:0;list-style:none}#anchor-nav .anchor-nav-links #anchor-nav-menu a:hover{text-decoration:none}@media only screen and (max-width:1199px){#anchor-nav .anchor-nav-links{background:#282e3c;border-top:2px solid #c5f10d}#anchor-nav .anchor-nav-links #anchor-nav-menu{padding:4px 0}#anchor-nav .anchor-nav-links #anchor-nav-menu .anchor-menu-item{font-size:12px;font-weight:500;padding:4px 4px 8px;border-bottom:1px solid #fff}#anchor-nav .anchor-nav-links #anchor-nav-menu .anchor-menu-item span{color:#fff}#anchor-nav .anchor-nav-links #anchor-nav-menu .anchor-menu-item:before{display:none}#anchor-nav .anchor-nav-links #anchor-nav-menu .anchor-menu-item.current span,#anchor-nav .anchor-nav-links #anchor-nav-menu .anchor-menu-item:hover span{color:#c5f10d}#anchor-nav .anchor-nav-links #anchor-nav-menu a:last-child .anchor-menu-item{border-bottom:none;padding-bottom:4px}}@media only screen and (min-width:1200px){#anchor-nav .anchor-nav-links #anchor-nav-menu{margin-left:-15px}#anchor-nav .anchor-nav-links #anchor-nav-menu .anchor-menu-item{padding:2px 0 4px;color:transparent;position:relative;pointer-events:none;width:0;-webkit-transition:.2s;-o-transition:.2s;transition:.2s}#anchor-nav .anchor-nav-links #anchor-nav-menu .anchor-menu-item span{visibility:hidden;white-space:nowrap;font-size:14px;line-height:1;font-weight:500}#anchor-nav .anchor-nav-links #anchor-nav-menu .anchor-menu-item:before{content:"";background:#fff;mix-blend-mode:difference;width:8px;height:8px;border:1px solid #282e3c;border-radius:4px;position:absolute;top:10px;margin:0;pointer-events:auto}#anchor-nav .anchor-nav-links #anchor-nav-menu .anchor-menu-item.active,#anchor-nav .anchor-nav-links #anchor-nav-menu .anchor-menu-item:hover{padding:2px 25px 4px;background-color:#282e3c;border-top-right-radius:14px;border-bottom-right-radius:14px;color:#fff;pointer-events:auto;width:auto}#anchor-nav .anchor-nav-links #anchor-nav-menu .anchor-menu-item.active.current:before,#anchor-nav .anchor-nav-links #anchor-nav-menu .anchor-menu-item.active:before,#anchor-nav .anchor-nav-links #anchor-nav-menu .anchor-menu-item:hover.current:before,#anchor-nav .anchor-nav-links #anchor-nav-menu .anchor-menu-item:hover:before{background:#fff;mix-blend-mode:normal}#anchor-nav .anchor-nav-links #anchor-nav-menu .anchor-menu-item.active span,#anchor-nav .anchor-nav-links #anchor-nav-menu .anchor-menu-item:hover span{visibility:visible}#anchor-nav .anchor-nav-links #anchor-nav-menu .anchor-menu-item.current:before{background:#282e3c}}@media only screen and (min-width:1200px){#anchor-nav .anchor-nav-links #anchor-nav-menu .anchor-menu-item{padding-left:calc((100vw - 1110px)/4 + 26px)}#anchor-nav .anchor-nav-links #anchor-nav-menu .anchor-menu-item:before{left:calc((100vw - 1110px)/4 - 4px)}#anchor-nav .anchor-nav-links #anchor-nav-menu .anchor-menu-item.active,#anchor-nav .anchor-nav-links #anchor-nav-menu .anchor-menu-item:hover{padding-left:calc((100vw - 1110px)/4 + 26px)}}@media only screen and (min-width:1280px){#anchor-nav .anchor-nav-links #anchor-nav-menu .anchor-menu-item{padding-left:68.5px}#anchor-nav .anchor-nav-links #anchor-nav-menu .anchor-menu-item:before{left:38.5px}#anchor-nav .anchor-nav-links #anchor-nav-menu .anchor-menu-item.active,#anchor-nav .anchor-nav-links #anchor-nav-menu .anchor-menu-item:hover{padding-left:68.5px}}.anchor-nav-target{margin-top:-3rem;padding-top:3rem}.anchor-nav-target:focus{outline:none}.main-navigation.toggled ul,.menu-toggle{display:block}@media screen and (min-width:37.5em){.menu-toggle{display:none}.main-navigation ul{display:-webkit-box;display:-ms-flexbox;display:flex}}.site-main .comment-navigation,.site-main .post-navigation,.site-main .posts-navigation{margin:0 0 1.5em}.comment-navigation .nav-links,.post-navigation .nav-links,.posts-navigation .nav-links{display:-webkit-box;display:-ms-flexbox;display:flex}.comment-navigation .nav-previous,.post-navigation .nav-previous,.posts-navigation .nav-previous{-webkit-box-flex:1;-ms-flex:1 0 50%;flex:1 0 50%}.comment-navigation .nav-next,.post-navigation .nav-next,.posts-navigation .nav-next{text-align:end;-webkit-box-flex:1;-ms-flex:1 0 50%;flex:1 0 50%}#covid-banner{display:none;padding:.5rem 0}#covid-banner a{font-weight:700;text-decoration:none}#covid-banner p{font-size:14px}@media only screen and (max-width:767px){#covid-banner p{font-size:12px}}.section__cookie-banner{background:#fff;display:none;position:fixed;z-index:1100;top:0}.section__cookie-banner .cookie-wrapper{padding:20px 0}.section__cookie-banner .cookie-wrapper .cookie-copy{font-family:Gotham A,Gotham B}@media only screen and (min-width:768px){.section__cookie-banner .cookie-wrapper .cookie-copy{margin-bottom:0}}.section__cookie-banner .cookie-wrapper .cookie-cta{text-decoration:underline}.section__cookie-banner .cookie-wrapper button#privacy-button,.section__cookie-banner .cookie-wrapper button#privacy-button-close{display:inline-block;text-decoration:none;border-radius:80px;font-family:Gotham A,Gotham B;margin-right:15px}.section__cookie-banner .cookie-wrapper button#privacy-button-close:hover,.section__cookie-banner .cookie-wrapper button#privacy-button:hover{-webkit-transition:all .3s;-o-transition:all .3s;transition:all .3s}.section__cookie-banner .cookie-wrapper button#privacy-button-close{color:#00d0bc;background-color:#fff;border:2px solid #00d0bc}.section__cookie-banner .cookie-wrapper button#privacy-button-close:hover{color:#fff;background-color:#00d0bc}.section__cookie-banner .cookie-wrapper .cookie-button{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center}@media (min-width:768px) and (max-width:991px){.section__cookie-banner .cookie-wrapper .cookie-button{-webkit-box-orient:vertical;-webkit-box-direction:reverse;-ms-flex-direction:column-reverse;flex-direction:column-reverse;-webkit-box-pack:space-evenly;-ms-flex-pack:space-evenly;justify-content:space-evenly}}#cky-consent{display:none!important}#header-placeholder{width:100%}#header-placeholder:focus{outline:none}#home-hero{background:-webkit-gradient(linear,left top,right top,from(#00d0bc),to(#c5f10d));background:-o-linear-gradient(left,#00d0bc,#c5f10d);background:linear-gradient(90deg,#00d0bc,#c5f10d);padding:3.8rem 0 2rem;text-align:center}#home-hero .animation{position:relative;min-height:200px}#home-hero h1{opacity:0;color:#282e3c;background:none;background-clip:unset;-webkit-text-fill-color:unset;font-size:40px;font-family:Mark Pro,sans-serif;min-height:96px}@media only screen and (max-width:1194px) and (min-width:767px){#home-hero h1{margin-top:0}}@media only screen and (max-width:767px){#home-hero h1{font-size:27px}}#home-hero h1#statement1,#home-hero h1#statement2{display:none}#home-hero #bm{position:absolute;display:block;bottom:0;left:42%}#home-hero #bm svg{width:120px!important;height:120px!important;margin:-20px 0}@media only screen and (max-width:1194px) and (min-width:767px){#home-hero #bm{bottom:-12px}}@media only screen and (max-width:767px){#home-hero #bm{left:35%}#home-hero #bm svg{margin:-40px 0}}@media only screen and (max-width:767px){#faod-defined-types .violator-heading{font-size:1rem}}#faod-defined-types .violatorHorz{margin-bottom:2rem}#faod-defined-types .violatorHorz svg{max-width:none;cursor:pointer;max-height:100px}@media only screen and (min-width:768px){#faod-defined-types .violatorHorz svg{margin-top:-12px}}#faod-defined-types .violatorHorz svg .st1,#faod-defined-types .violatorHorz svg .st3{fill:#c5f10d;-webkit-transition:fill .4s ease;-o-transition:fill .4s ease;transition:fill .4s ease}#faod-defined-types .violatorHorz svg .st2{fill:#282e3c}#faod-defined-types .violatorHorz svg #lchad-d .st1,#faod-defined-types .violatorHorz svg #lchad-d .st3,#faod-defined-types .violatorHorz svg #tfp-d .st1,#faod-defined-types .violatorHorz svg #tfp-d .st3,#faod-defined-types .violatorHorz svg #vlcad-d .st1,#faod-defined-types .violatorHorz svg #vlcad-d .st3{fill:#00d0bc}#faod-defined-types .violatorHorz .vActive-horiz-p .st1,#faod-defined-types .violatorHorz .vActive-horiz-p .st3{fill:#282e3c!important}#faod-defined-types .violatorHorz .vActive-horiz-p .st2{fill:#fff}#faod-defined-types .defChartContainer{position:relative;height:500px;background:#fff;border-radius:12px;overflow:hidden}@media (min-width:768px) and (max-width:991px){#faod-defined-types .defChartContainer{height:230px}}@media only screen and (min-width:992px){#faod-defined-types .defChartContainer{height:200px}}@media only screen and (max-width:767px){#faod-defined-types .defChartContainer{height:330px}}@media only screen and (max-width:329px){#faod-defined-types .defChartContainer{height:375px}}#faod-defined-types .defChartContainer p{font-size:16px;line-height:1.23}@media only screen and (max-width:767px){#faod-defined-types .defChartContainer p{margin-bottom:0}}#faod-defined-types .defChartContainer #chart-tfp-d>div.type2Col>div.cause>p{font-size:15.75px}#faod-defined-types .faod-defined-chart{position:absolute;top:0;left:0;-webkit-transition:opacity .4s ease-in;-o-transition:opacity .4s ease-in;transition:opacity .4s ease-in;opacity:0;width:100%;text-align:center}#faod-defined-types .faod-defined-chart.activeChart{opacity:1}#faod-defined-types .faod-defined-chart h5{color:#282e3c;margin-top:1.5rem;margin-bottom:.5rem;font-weight:700}@media only screen and (max-width:767px){#faod-defined-types .faod-defined-chart h5{margin-top:.5rem}}#faod-defined-types .faod-defined-chart .typeTitle{font-size:19px;line-height:1.75rem;text-align:center;color:#fff;background:#282e3c}@media only screen and (min-width:768px){#faod-defined-types .faod-defined-chart .typeTitle{line-height:2.5rem}}@media only screen and (max-width:767px){#faod-defined-types .faod-defined-chart .typeTitle{font-size:14px;line-height:1.2;padding:3px 0 8px}#faod-defined-types .faod-defined-chart .typeTitle .typeAbbrev{font-size:19px}}#faod-defined-types .faod-defined-chart .type2Col{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column}#faod-defined-types .faod-defined-chart .type2Col>div{padding:10px;width:100%}@media only screen and (min-width:768px){#faod-defined-types .faod-defined-chart .type2Col{min-height:180px;-webkit-box-orient:horizontal;-webkit-box-direction:normal;-ms-flex-direction:row;flex-direction:row}#faod-defined-types .faod-defined-chart .type2Col>div{padding:0 20px;width:50%}}#faod-defined-types .faod-defined-chart .estIncidence h5{margin-top:0}@media only screen and (min-width:768px){#faod-defined-types .faod-defined-chart .estIncidence h5{margin-top:1.5rem}}#faod-defined-types .faod-defined-chart .estIncidence .estIncidence-range{background:#c5f10d;max-width:80%;margin:.75rem auto 0;padding:15px 10px;border-radius:8px}#faod-defined-types .faod-defined-chart#chart-lchad-d .estIncidence .estIncidence-range,#faod-defined-types .faod-defined-chart#chart-tfp-d .estIncidence .estIncidence-range,#faod-defined-types .faod-defined-chart#chart-vlcad-d .estIncidence .estIncidence-range{background:#00d0bc}#prescribe-access .prescribe .btn-primary{padding:4px 25px}@media only screen and (max-width:767px){#prescribe-access .prescribe .btn-primary{margin-top:20px}}#prescribe-access .prescribe img{width:60%;margin-top:19px;max-width:135px}@media only screen and (min-width:992px){#prescribe-access .prescribe img{min-width:135px}}@media (min-width:768px) and (max-width:991px){#prescribe-access .prescribe{border-right:2px solid #c5f10d}}@media only screen and (max-width:767px){#prescribe-access .prescribe p{width:80%;margin-left:auto;margin-right:auto}}@media only screen and (min-width:992px){#prescribe-access .divider-col{border-right:2px solid #c5f10d}}@media only screen and (max-width:767px){#prescribe-access .access .btn-primary{margin-top:20px}}#prescribe-access .access img{width:85%}@media only screen and (max-width:767px){#prescribe-access .access img{max-width:260px}}@media only screen and (max-width:767px){#dojolvi .molecule-big img.video-placeholder{margin-bottom:1rem}}#resource-hero{background:-webkit-gradient(linear,left top,right top,from(#00d0bc),to(#c5f10d));background:-o-linear-gradient(left,#00d0bc,#c5f10d);background:linear-gradient(90deg,#00d0bc,#c5f10d);text-align:center;height:136px;padding-left:37px;padding-right:37px}#resource-hero .animation{position:relative;min-height:200px}#resource-hero h1{opacity:0;color:#282e3c;background:none;background-clip:unset;-webkit-text-fill-color:unset;font-size:19px;font-family:Mark Pro,sans-serif;line-height:1.13;margin:0}#resource-hero #bm{position:absolute;display:block;bottom:0;left:42%}#resource-hero #bm svg{width:120px!important;height:120px!important;margin:-20px 0}@media only screen and (max-width:1194px) and (min-width:767px){#resource-hero #bm{bottom:-12px}}@media only screen and (max-width:767px){#resource-hero #bm{left:30%;top:26px;-webkit-transform:scale(.7);transform:scale(.7)}#resource-hero #bm svg{margin:-40px 0}}@media only screen and (max-width:320px){#resource-hero #bm{left:24%;top:21px;-webkit-transform:scale(.7);transform:scale(.5)}#resource-hero #bm svg{margin:-40px 0}}#resource-hero .lifters{width:60px;height:auto}@media only screen and (min-width:768px){#resource-hero{height:302px}#resource-hero .container{height:100%}#resource-hero .container>.row{-webkit-box-align:center;-ms-flex-align:center;align-items:center;height:100%}#resource-hero h1{font-size:44px;margin:36px 0}#resource-hero .lifters{display:inline}}#patient-support{text-align:center}#patient-support .resources-icon{background-color:#00d0bc;padding:12px;border-radius:50%;width:61px;height:61px;margin:0 auto 0 15px}#patient-support .resources-icon.counseling,#patient-support .resources-icon.pat-support{padding:14px 10px}#patient-support .resources-icon img{width:93%;margin:1px auto 0;display:block}#patient-support h2{margin-bottom:.75rem}#patient-support h3{margin-bottom:1.5rem}#patient-support p{font-size:12px;line-height:1.21}@media only screen and (min-width:768px){#patient-support p{font-size:18px;line-height:1.29}}#patient-support p:nth-of-type(4){padding-top:20px}@media only screen and (max-width:767px){#patient-support p:nth-of-type(4){margin:0 50px 27px}}#patient-support>.container>.row>.col-12{margin-bottom:36px}#patient-support>.container>.row>.col-12:first-of-type,#patient-support>.container>.row>.col-12:last-of-type{margin-bottom:0}#patient-support>.container>.row>.col-12>.row{-webkit-box-align:center;-ms-flex-align:center;align-items:center}#patient-support>.container>.row>.col-12>.row p{margin:0;text-align:left}@media only screen and (max-width:1194px) and (min-width:767px){#patient-support>.container>.row>.col-12>.row p{margin-left:10px}}@media only screen and (min-width:768px){#patient-support{text-align:left}#patient-support .resources-icon{margin-left:auto}#patient-support p{font-size:18px;line-height:1.29}}#take-step .container{padding-left:52px;padding-right:40px}#take-step .step1{border-bottom:2px solid #c5f10d;margin-bottom:27px;padding-bottom:23px}@media only screen and (min-width:768px){#take-step .step1{border-right:2px solid #c5f10d;border-bottom:0}}#take-step .start-form{color:#282e3c;text-decoration:underline}#take-step p{margin-bottom:0;line-height:1.42}@media only screen and (min-width:768px){#take-step p{line-height:1.29}}#take-step .additional-support{margin-top:4px;margin-bottom:30px}#take-step .additional-support p{padding:0 5px}#take-step .btn-primary{font-size:18px;font-weight:500;line-height:1.25;padding:4px 28px;min-width:125px}@media only screen and (min-width:768px){#take-step .step1,#take-step .step2{padding-top:16px;padding-bottom:16px}}#patient-stories .row-pat-stories{border-radius:20px;background-color:#fafcfc;padding:4rem 4rem 2rem;margin-bottom:2rem;-webkit-box-align:center;-ms-flex-align:center;align-items:center;margin-left:0;margin-right:0}@media only screen and (max-width:767px){#patient-stories .row-pat-stories{padding:2rem}}#patient-stories .row-pat-stories .pat-quote{font-size:20px;font-weight:500;margin-bottom:.5rem;line-height:1.3;text-indent:-10px}@media only screen and (max-width:767px){#patient-stories .row-pat-stories .pat-quote{font-size:18px}}#patient-stories .row-pat-stories .pat-name{font-size:17px;font-style:italic;line-height:1.18}@media only screen and (max-width:767px){#patient-stories .row-pat-stories .pat-name{font-size:16px}}#patient-stories .row-pat-stories .pat-horiz{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:space-evenly;-ms-flex-pack:space-evenly;justify-content:space-evenly;margin-top:2rem}#patient-stories .row-pat-stories .pat-horiz .btn-primary{margin-bottom:0}#patient-stories .row-pat-stories .pat-signature{max-width:140px}@media (min-width:768px) and (max-width:991px){#patient-stories .row-pat-stories .pat-signature{max-width:120px}}@media only screen and (max-width:575px){#patient-stories .row-pat-stories .pat-signature{-ms-flex-preferred-size:40%;flex-basis:40%;margin-right:10px}}#patient-stories .row-pat-stories .pat-image{margin:-2rem 0}@media only screen and (max-width:991px){#patient-stories .row-pat-stories .pat-image{margin:1rem auto -2rem!important}}#patient-stories .row-pat-stories.hanna .pat-image{margin-left:-2rem}@media (min-width:768px) and (max-width:991px){#patient-stories .row-pat-stories.hanna .pat-image{margin-left:-4rem;margin-bottom:-3.5rem;margin-right:-.5rem}}@media only screen and (min-width:1200px){#patient-stories .row-pat-stories.hanna .pat-image{margin-left:-6rem}}@media only screen and (max-width:991px){#patient-stories .row-pat-stories.hanna .pat-image{max-width:400px}}@media (min-width:768px) and (max-width:991px){#patient-stories .row-pat-stories.alexandra .pat-image,#patient-stories .row-pat-stories.daniel .pat-image{margin-right:-2rem}}@media only screen and (min-width:1200px){#patient-stories .row-pat-stories.alexandra .pat-image,#patient-stories .row-pat-stories.daniel .pat-image{margin-left:-2rem}}@media only screen and (max-width:991px){#patient-stories .row-pat-stories.alexandra .pat-image,#patient-stories .row-pat-stories.daniel .pat-image{max-width:340px}}#dosing-video p.vid-esp{text-decoration:underline;color:#282e3c;font-weight:400}@media only screen and (max-width:767px){#dosing-video p,#mixing-video p{margin-left:12px}}@media only screen and (max-width:575px){#dosing-video p,#mixing-video p{margin-left:8px}}#downloadables .filter-row{padding-bottom:1rem}#downloadables .filter-label{color:#282e3c;font-weight:700;margin-bottom:.75rem}#downloadables #filter-all,#downloadables #filter-hcp,#downloadables #filter-pat{display:inline-block;margin-right:20px}#downloadables .active{background-color:#282e3c}#downloadables h2{font-size:18px;text-align:center}@media only screen and (min-width:768px){#downloadables h2{font-size:30px;text-align:left}}#downloadables .resources{display:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap;padding:0 30px;min-height:660px;-ms-flex-line-pack:start;align-content:flex-start}@media only screen and (min-width:768px){#downloadables .resources{-webkit-box-pack:start;-ms-flex-pack:start;justify-content:flex-start}}#downloadables .resources .resource{background-color:#f0f3f4;padding:1.5rem;border-radius:20px;margin-bottom:1.5rem;min-height:343px}@media (min-width:768px) and (max-width:991px){#downloadables .resources .resource{min-height:370px}}@media (min-width:992px) and (max-width:1199px){#downloadables .resources .resource{min-height:395px}}@media only screen and (min-width:1200px){#downloadables .resources .resource{min-height:375px}}#downloadables .resources .resource h3{font-size:18px;color:#282e3c;margin-bottom:0}@media only screen and (min-width:768px){#downloadables .resources .resource p{font-size:15px}}@media only screen and (min-width:768px){#downloadables .resources .resource .resource-description{height:70px}}@media (min-width:992px) and (max-width:1199px){#downloadables .resources .resource .resource-description{height:90px}}#downloadables .resources .resource img{width:70%;max-width:125px;margin-bottom:.5rem}@media (min-width:576px) and (max-width:767px){#downloadables .resources .resource img[src="https://dojolvihcpjp.ultragenyxdev.com/wp-content/uploads/MaterialsCompatabilityThumb.png"]{min-height:139px;min-width:184px;aspect-ratio:auto}}@media screen and (max-width:350px){#downloadables .resources .resource img[src="https://dojolvihcpjp.ultragenyxdev.com/wp-content/uploads/MaterialsCompatabilityThumb.png"]{width:100%;height:auto}}#downloadables .resources .resource .res-share-link,#downloadables .resources .resource .resource-download{color:#00d0bc;text-decoration:none;text-transform:uppercase;font-size:18px;font-weight:700}@media only screen and (max-width:767px){#downloadables .resources .resource .res-share-link,#downloadables .resources .resource .resource-download{font-size:13px}}#downloadables .resources .resource.resource-mcr img{max-width:150px}@media only screen and (min-width:768px){#downloadables .resources .resource.resource-mcr img{max-width:205px;width:80%;margin-top:-12px;margin-bottom:7px}}@media (min-width:992px) and (max-width:1199px){#downloadables .resources .resource.resource-mcr img{margin-bottom:26px}}#resource-share-modal button.close{position:absolute;top:1.5rem;right:1.5rem;width:25px;height:25px;background-image:url(https://dojolvihcpjp.ultragenyxdev.com/wp-content/uploads/close-icon.png);background-repeat:no-repeat;background-size:contain;z-index:1}#resource-share-modal button.close:focus{outline:none}#resource-share-modal button.close+h2{width:calc(100% - 30px)}#resource-share-modal .share-icon-container{display:inline-block;width:80px}#resource-share-modal .share-icon-container svg{width:60px;height:auto;margin:0 0 10px}#resource-share-modal .share-icon-container svg:hover{cursor:pointer}#resource-share-modal .share-icon-container svg:hover .cls-1,#resource-share-modal .share-icon-container svg:hover .st0{fill:#fff}#resource-share-modal .share-icon-container #copy-link{position:relative}#resource-share-modal .share-icon-container #copy-link svg:hover+.tooltip-container{display:block}#resource-share-modal .share-icon-container #copy-link .tooltip-container{display:none;position:absolute;bottom:78px;padding:3px;border-radius:3px;width:100%;text-align:center;pointer-events:none;background:#f5f6f8}#resource-share-modal .share-icon-container #copy-link .tooltip-container .tooltip-text{color:#514d50;font-size:12px;line-height:1}#resource-share-modal .share-icon-container #copy-link .tooltip-container .tooltip-text.copied span:not(.copied),#resource-share-modal .share-icon-container #copy-link .tooltip-container .tooltip-text:not(.copied) span.copied{display:none}#resource-share-modal .share-icon-container #copy-link .tooltip-container .tooltip-text.copied span.copied,#resource-share-modal .share-icon-container #copy-link .tooltip-container .tooltip-text:not(.copied) span:not(.copied){display:inline}#resource-share-modal .share-icon-container #copy-link .tooltip-container:after{content:"";position:absolute;bottom:-8px;left:0;right:0;margin-left:calc(50% - 4px);width:0;height:0;border:4px solid transparent;border-top-color:#f5f6f8}#resource-share-modal .share-icon-container #copy-link .copy-link-url{position:absolute;width:1px;height:1px;background:#252225;color:#252225;padding:0;border:none}#resource-share-modal .share-icon-container #copy-link .copy-link-url:focus{outline:none}#organizations{text-align:center;padding:45px 20px}#organizations .row{-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between}#organizations h2{margin:0 auto 1.5rem;font-size:18px;line-height:21px}@media only screen and (max-width:767px){#organizations h2{margin-bottom:.75rem}}#organizations .organization{background-color:#f0f3f4;padding:20px;border-radius:10px;margin-bottom:20px}#organizations .organization .card{background-color:#f0f3f4;border-radius:10px;border:none}#organizations .organization .card h5{color:#282e3c}#organizations .organization img{margin-bottom:12px;max-width:230px}#organizations .organization a{text-decoration:none;color:#282e3c}#organizations .organization h3{font-size:18px;color:#282e3c;margin-bottom:5px}#organizations .organization p{font-size:12px}#organizations .organization:hover{-webkit-box-shadow:4px 4px 10px 2px rgba(40,46,60,.33);box-shadow:4px 4px 10px 2px rgba(40,46,60,.33)}@media only screen and (min-width:768px){#organizations .col-md-5{-webkit-box-flex:0;-ms-flex:0 0 48%;flex:0 0 48%;max-width:48%}#organizations h2{margin-left:0;font-size:30px;line-height:1.02;text-align:left}#organizations .col p{text-align:left}#organizations .organization{padding:20px;border-radius:20px;margin-bottom:30px;display:-webkit-inline-box;display:-ms-inline-flexbox;display:inline-flex}#organizations .organization:nth-of-type(3),#organizations .organization:nth-of-type(6){margin-bottom:30px}#organizations .organization a{margin:auto}#organizations .organization img{max-width:270px}#organizations .organization p{font-size:15px;text-align:center}}@media only screen and (min-width:992px){#organizations .organization a[href*=gmdi] p{margin-left:62px;margin-right:62px}#organizations .organization a[href*=simd] p{margin-left:47px;margin-right:42px}#organizations .organization a[href*=informnetwork] p{margin-left:52px;margin-right:52px}#organizations .organization a[href*="rarediseases.info"] p,#organizations .organization a[href*=globalgenes] p,#organizations .organization a[href*=mitoaction] p{margin-left:40px;margin-right:40px}#organizations .organization a[href*="rarediseases.org"] p{margin-left:29px;margin-right:29px}#organizations .organization a[href*=ultrarareadvocacy] p{margin-left:26px;margin-right:26px}}#dosing-hero{background:-webkit-gradient(linear,left top,right top,from(#00d0bc),to(#c5f10d));background:-o-linear-gradient(left,#00d0bc,#c5f10d);background:linear-gradient(90deg,#00d0bc,#c5f10d);padding:3.8rem 0 2rem;text-align:center}#dosing-hero .animation{position:relative;min-height:200px}#dosing-hero h1{opacity:0;color:#282e3c;background:none;background-clip:unset;-webkit-text-fill-color:unset;font-size:40px;font-family:Mark Pro,sans-serif;min-height:96px}@media only screen and (max-width:1194px) and (min-width:767px){#dosing-hero h1{margin-top:0}}@media only screen and (max-width:767px){#dosing-hero h1{font-size:27px}}#dosing-hero h1#statement1,#dosing-hero h1#statement2{display:none}#dosing-hero #bm{position:absolute;display:block;bottom:0;left:42%}#dosing-hero #bm svg{width:120px!important;height:120px!important;margin:-20px 0}@media only screen and (max-width:1194px) and (min-width:767px){#dosing-hero #bm{bottom:-12px}}@media only screen and (max-width:767px){#dosing-hero #bm{left:35%}#dosing-hero #bm svg{margin:-40px 0}}#dosing-admin img{width:65%}@media only screen and (max-width:767px){#dosing-admin img{width:100%}}#dosing-admin .dose-selectors{-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;height:40px;margin-bottom:8px}#dosing-admin .dose-selectors .selector{color:#fff;background-color:#00d0bc;border-radius:50px;width:40px;height:40px;text-align:center;padding:8px;cursor:pointer}@media only screen and (max-width:767px){#dosing-admin .dose-selectors .selector{font-size:18px}}#dosing-admin .dose-selectors .spacer{width:100px;height:2px;background-color:#c5f10d;margin-top:18px}@media only screen and (max-width:767px){#dosing-admin .dose-selectors .spacer{width:50px}}#dosing-admin .dose-selectors #selector1{background-color:#282e3c}#dosing-admin .dosing-steps{-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column}#dosing-admin .dosing-steps .steps{display:inline-block;height:200px;border:1px solid #c5f10d;border-radius:20px;padding:24px 40px;background-color:#fff;margin:14px auto 40px}#dosing-admin .dosing-steps .steps #step1{display:inline-block}#dosing-admin .dosing-steps .steps #step1 strong{font-size:20px}#dosing-admin .dosing-steps .steps #step1 p:nth-of-type(2){height:44px}#dosing-admin .dosing-steps .steps #step2,#dosing-admin .dosing-steps .steps #step3,#dosing-admin .dosing-steps .steps #step4{display:none}#dosing-admin .dosing-steps .steps #step2 strong,#dosing-admin .dosing-steps .steps #step3 strong,#dosing-admin .dosing-steps .steps #step4 strong{font-size:20px}#dosing-admin .dosing-steps .steps #step2 p:nth-of-type(2),#dosing-admin .dosing-steps .steps #step3 p:nth-of-type(2),#dosing-admin .dosing-steps .steps #step4 p:nth-of-type(2){height:44px}#admin-dojolvi .hcp-icon,#initiating .hcp-icon,#storing-dosing .hcp-icon{width:45px}@media only screen and (max-width:767px){#initiating .hcp-icon{width:37px}#admin-dojolvi .hcp-icon{width:42px}}#admin-dojolvi .hcp-left,#initiating .hcp-left{border-right:2px solid #c5f10d}@media only screen and (max-width:767px){#admin-dojolvi .hcp-left,#initiating .hcp-left{border-right:none}}#admin-dojolvi .hcp-left{margin-bottom:20px}.takingDojolvi-copy{-webkit-box-flex:0;-ms-flex:0 0 50%;flex:0 0 50%;max-width:50%}@media only screen and (min-width:1200px){#storing-dosing{padding-bottom:6rem}}@media only screen and (min-width:768px){#storing-dosing .section-left{border-right:2px solid #c5f10d}}#storing-dosing .section-left .storing-copy img{display:inline-block;width:26px;height:auto;margin-right:20px;vertical-align:top}#storing-dosing .section-left .storing-copy p{display:inline-block;width:80%}@media only screen and (min-width:768px){#storing-dosing .section-left .storing-copy .calendar p,#storing-dosing .section-left .storing-copy .caution p,#storing-dosing .section-left .storing-copy .expire p{width:58%}}#storing-dosing .section-left .storing-copy .expire,#storing-dosing .section-left .storing-copy .freeze,#storing-dosing .section-left .storing-copy .temp{margin-bottom:1rem}@media only screen and (min-width:768px){#storing-dosing .section-left .storing-copy .expire,#storing-dosing .section-left .storing-copy .freeze,#storing-dosing .section-left .storing-copy .temp{margin-bottom:1.5rem}}@media only screen and (max-width:1194px) and (min-width:767px){#storing-dosing .section-left .storing-copy .expire,#storing-dosing .section-left .storing-copy .freeze,#storing-dosing .section-left .storing-copy .temp{margin-bottom:1rem}}#storing-dosing .section-left .storing-copy .caution img,#storing-dosing .section-left .storing-copy .expire img,#storing-dosing .section-left .storing-copy .freeze img{width:30px;margin:0 8px}@media only screen and (min-width:768px){#storing-dosing .section-left .storing-copy .caution img,#storing-dosing .section-left .storing-copy .expire img,#storing-dosing .section-left .storing-copy .freeze img{margin:0 24px 0 -8px}}#storing-dosing .section-left .storing-copy .temp img{width:20px;margin:0 13px}@media only screen and (min-width:768px){#storing-dosing .section-left .storing-copy .temp img{margin:0 26px 0 0}}@media only screen and (max-width:1194px) and (min-width:767px){#storing-dosing .section-left .storing-copy .expire,#storing-dosing .section-left .storing-copy .freeze,#storing-dosing .section-left .storing-copy .temp{margin-bottom:1rem}#storing-dosing .section-left .storing-copy .caution{margin-bottom:1.5rem}}#storing-dosing .section-left .bottle img{float:right;width:38%;margin-top:-280px}@media only screen and (max-width:767px){#storing-dosing .section-left .bottle{text-align:center}#storing-dosing .section-left .bottle img{float:none;width:40%;margin-top:0}}@media only screen and (min-width:992px){#storing-dosing .section-left .bottle img{margin-top:-220px;margin-bottom:-80px}}@media (min-width:768px) and (max-width:991px){#storing-dosing .section-right{padding-left:40px}}@media only screen and (min-width:992px){#storing-dosing .section-right{padding-left:65px}}#storing-dosing .section-right .dosing-guide{margin-top:2rem;margin-bottom:3rem}#storing-dosing .section-right .dosing-guide img{max-width:135px}@media (min-width:768px) and (max-width:991px){#storing-dosing .section-right .dosing-guide img{margin-left:25px}}@media only screen and (min-width:992px){#storing-dosing .section-right .dosing-guide img{max-width:168px;margin-left:35px}}#video-playlist #langSelect,#video-playlist-mix-dojolvi #langSelect{min-height:56px}#video-playlist-mix-dojolvi .switch-container-spanish,#video-playlist .switch-container-spanish{display:block}#video-playlist-mix-dojolvi .switch-container-english,#video-playlist .switch-container-english{display:none}#video-playlist #lang-english,#video-playlist #lang-spanish,#video-playlist-mix-dojolvi #lang-english,#video-playlist-mix-dojolvi #lang-spanish,#video-playlist-mix-dojolvi .dl-esp-guide-link,#video-playlist .dl-esp-guide-link{text-decoration:underline;cursor:pointer;color:#2065e7;font-weight:500}#video-playlist-mix-dojolvi video:focus,#video-playlist video:focus{outline:none}#video-playlist-mix-dojolvi .select-video p,#video-playlist .select-video p{font-weight:600;font-size:1rem}#video-playlist-mix-dojolvi .selected-video,#video-playlist .selected-video{border-bottom:2px solid #282e3c;margin-bottom:11px;font-weight:600;font-size:.85rem;padding-right:8%}#video-playlist-mix-dojolvi .selected-video:after,#video-playlist-mix-dojolvi .selected-video:before,#video-playlist .selected-video:after,#video-playlist .selected-video:before{content:"";position:absolute;top:66%;left:92%;-webkit-transform:scale(.65);transform:scale(.65)}#video-playlist-mix-dojolvi .selected-video:after,#video-playlist .selected-video:after{width:0;height:0;border:6px solid transparent;border-left:7px solid #282e3c;margin-top:-14px;margin-left:-8px;-webkit-transform:rotate(90deg);transform:rotate(90deg);-webkit-filter:drop-shadow(0 0 2px rgba(0,0,0,.25))}#video-playlist-mix-dojolvi .mobile-fixed,#video-playlist .mobile-fixed{position:absolute}#video-playlist-mix-dojolvi .mobile-playlist,#video-playlist .mobile-playlist{z-index:1;width:90%}@media only screen and (max-width:575px){#video-playlist-mix-dojolvi .video-transcript-mobile,#video-playlist .video-transcript-mobile{margin-top:59%!important}}@media only screen and (min-width:576px) and (max-width:600px){#video-playlist-mix-dojolvi .video-transcript-mobile,#video-playlist .video-transcript-mobile{margin-top:64%!important}}@media only screen and (max-width:600px){#video-playlist-mix-dojolvi .vjs-poster,#video-playlist .vjs-poster{background-size:cover}}#video-playlist-mix-dojolvi .player-container,#video-playlist .player-container{display:-webkit-box;display:-ms-flexbox;display:flex;padding:0;margin:0 auto;left:0;width:100vw}#video-playlist-mix-dojolvi ol.vjs-playlist-item-list,#video-playlist ol.vjs-playlist-item-list{margin-bottom:-2px}#video-playlist-mix-dojolvi ol.vjs-playlist-item-list>li:nth-child(6),#video-playlist ol.vjs-playlist-item-list>li:nth-child(6){height:52px}@media only screen and (min-width:1200px){#video-playlist-mix-dojolvi ol.vjs-playlist-item-list>li:nth-child(6),#video-playlist ol.vjs-playlist-item-list>li:nth-child(6){height:61px}}#video-playlist-mix-dojolvi .vjs-playlist,#video-playlist .vjs-playlist{background-color:#e2e2e2;padding:0;max-height:428px;overflow-y:hidden;overflow-x:hidden}@media only screen and (max-width:767px){#video-playlist-mix-dojolvi .vjs-playlist,#video-playlist .vjs-playlist{position:absolute;left:0;right:0;width:90%}}@media only screen and (min-width:768px){#video-playlist-mix-dojolvi .vjs-playlist,#video-playlist .vjs-playlist{background-color:#00d0bc}}#video-playlist-mix-dojolvi .vjs-playlist-item.vjs-selected,#video-playlist .vjs-playlist-item.vjs-selected{background-color:#282e3c;color:#fff}#video-playlist-mix-dojolvi .vjs-playlist-item,#video-playlist .vjs-playlist-item{background-color:#f0f3f4;color:#282e3c}#video-playlist-mix-dojolvi .vjs-playlist-item img,#video-playlist .vjs-playlist-item img{visibility:hidden}#video-playlist-mix-dojolvi .vjs-playlist-item:after,#video-playlist-mix-dojolvi .vjs-playlist-item:before,#video-playlist .vjs-playlist-item:after,#video-playlist .vjs-playlist-item:before{content:"";position:absolute;top:61%;left:10%;-webkit-transform:scale(.65);transform:scale(.65)}#video-playlist-mix-dojolvi .vjs-playlist-item:after,#video-playlist .vjs-playlist-item:after{width:0;height:0;border:11px solid transparent;border-left:16px solid #fff;margin-top:-16px;margin-left:-8px;-webkit-filter:drop-shadow(0 0 2px rgba(0,0,0,.25))}@media only screen and (max-width:575px){#video-playlist-mix-dojolvi .vjs-playlist-item:after,#video-playlist .vjs-playlist-item:after{margin-left:-18px}}@media (min-width:576px) and (max-width:767px){#video-playlist-mix-dojolvi .vjs-playlist-item:after,#video-playlist .vjs-playlist-item:after{margin-left:-28px}}@media (min-width:768px) and (max-width:991px){#video-playlist-mix-dojolvi .vjs-playlist-item:after,#video-playlist .vjs-playlist-item:after{margin-left:-38px}}#video-playlist-mix-dojolvi .vjs-playlist-item:before,#video-playlist .vjs-playlist-item:before{margin-top:-30px;margin-left:-25px;width:50px;height:50px;border:3px solid #fff;border-radius:50%;-webkit-box-shadow:0 0 4px rgba(0,0,0,.18);box-shadow:0 0 4px rgba(0,0,0,.18);background:rgba(0,0,0,.42)}@media only screen and (max-width:575px){#video-playlist-mix-dojolvi .vjs-playlist-item:before,#video-playlist .vjs-playlist-item:before{margin-left:-35px}}@media (min-width:576px) and (max-width:767px){#video-playlist-mix-dojolvi .vjs-playlist-item:before,#video-playlist .vjs-playlist-item:before{margin-left:-45px}}@media (min-width:768px) and (max-width:991px){#video-playlist-mix-dojolvi .vjs-playlist-item:before,#video-playlist .vjs-playlist-item:before{margin-left:-55px}}#video-playlist-mix-dojolvi .vjs-playlist-item:hover:before,#video-playlist .vjs-playlist-item:hover:before{background:rgba(0,0,0,.7)}#video-playlist-mix-dojolvi .vjs-playlist-item:focus,#video-playlist .vjs-playlist-item:focus{outline:none}#video-playlist-mix-dojolvi .vjs-mouse.vjs-playlist,#video-playlist .vjs-mouse.vjs-playlist{background-size:1px}#video-playlist-mix-dojolvi .vjs-playlist-title-container,#video-playlist .vjs-playlist-title-container{font-weight:500;text-shadow:none}#video-playlist-mix-dojolvi .vjs-playlist-title-container cite,#video-playlist .vjs-playlist-title-container cite{overflow:hidden;max-width:calc(100% - 68px);margin-left:.5rem!important;white-space:normal;margin-bottom:.152rem;line-height:13px}@media only screen and (max-width:350px){#video-playlist-mix-dojolvi .vjs-playlist-title-container cite,#video-playlist .vjs-playlist-title-container cite{max-width:calc(100% - 30px);margin-left:-13px!important}}@media only screen and (max-width:375px){#video-playlist-mix-dojolvi .vjs-playlist-title-container cite,#video-playlist .vjs-playlist-title-container cite{margin-bottom:.09rem;line-height:15px}}@media only screen and (min-width:1200px){#video-playlist-mix-dojolvi .vjs-playlist-title-container cite,#video-playlist .vjs-playlist-title-container cite{line-height:14px;margin-bottom:7px}}#video-playlist-mix-dojolvi .vjs-playlist .vjs-playlist-duration,#video-playlist-mix-dojolvi .vjs-playlist .vjs-playlist-now-playing-text,#video-playlist-mix-dojolvi .vjs-playlist .vjs-up-next .vjs-up-next-text,#video-playlist .vjs-playlist .vjs-playlist-duration,#video-playlist .vjs-playlist .vjs-playlist-now-playing-text,#video-playlist .vjs-playlist .vjs-up-next .vjs-up-next-text{display:none}#video-playlist-mix-dojolvi .vjs-playlist-vertical .vjs-playlist-item:first-child,#video-playlist .vjs-playlist-vertical .vjs-playlist-item:first-child{margin-top:0}#video-playlist-mix-dojolvi .vjs-playlist-vertical .vjs-playlist-item,#video-playlist .vjs-playlist-vertical .vjs-playlist-item{margin-top:-2px;font-size:12px}#video-playlist-mix-dojolvi .vjs-playlist .vjs-playlist-thumbnail,#video-playlist .vjs-playlist .vjs-playlist-thumbnail{max-width:180px;height:50px;margin:auto auto auto 3rem}@media only screen and (min-width:1200px){#video-playlist-mix-dojolvi .vjs-playlist .vjs-playlist-thumbnail,#video-playlist .vjs-playlist .vjs-playlist-thumbnail{height:59px!important}}#video-playlist-mix-dojolvi .video-transcript,#video-playlist .video-transcript{max-width:96%;border-radius:6px;padding:1.5rem 1.5rem .5rem;margin-top:1.5rem}@media only screen and (min-width:768px){#video-playlist-mix-dojolvi .video-transcript,#video-playlist .video-transcript{padding-left:3rem;padding-right:3rem}}#video-playlist-mix-dojolvi .video-transcript h3,#video-playlist .video-transcript h3{color:#fff;font-size:.75rem;margin-bottom:1rem}@media only screen and (min-width:768px){#video-playlist-mix-dojolvi .video-transcript h3,#video-playlist .video-transcript h3{font-size:18px}}#video-playlist .video-js .vjs-volume-panel{display:none}@media only screen and (min-width:992px){#video-playlist-mix-dojolvi .vjs-playlist{background-color:transparent}#video-playlist-mix-dojolvi ol.vjs-playlist-item-list{background-color:#00d0bc;padding-bottom:3px}#video-playlist-mix-dojolvi .vjs-playlist-vertical .vjs-playlist-item:nth-child(4){margin-bottom:0}}@media (min-width:992px) and (max-width:1199px){#video-playlist-mix-dojolvi .vjs-playlist .vjs-playlist-thumbnail{height:75px}#video-playlist-mix-dojolvi .vjs-playlist-title-container cite{margin-bottom:10px;font-size:13px;line-height:1.2}#video-playlist-mix-dojolvi .vjs-playlist-item:nth-child(4) .vjs-playlist-title-container cite{margin-bottom:0;max-height:4em}}@media only screen and (min-width:1200px){#video-playlist-mix-dojolvi .vjs-playlist .vjs-playlist-thumbnail{height:90px!important}#video-playlist-mix-dojolvi .vjs-playlist-title-container cite{margin-bottom:10px;font-size:16px;max-height:46px;line-height:1.2}#video-playlist-mix-dojolvi .vjs-playlist-item:nth-child(4) .vjs-playlist-title-container cite{margin-bottom:8px;max-height:55px}}#dojolvi .molecule-big video{width:100%;height:auto}#dojolvi .molecule-big img.video-placeholder{padding:0 4% 0 16%;display:none}#dojolvi .molecule-sm{border-right:2px solid #c5f10d;margin-right:20px}@media only screen and (max-width:767px){#dojolvi .molecule-sm{border-right:none}}#dojolvi .molecule-sm>div{max-width:235px;min-width:160px}@media only screen and (max-width:767px){#dojolvi .molecule-sm>div{width:50%;margin:0 auto}}.footer{background-color:#282e3c}.footer a,.footer p{color:#fff;font-size:.75rem;font-weight:500;line-height:1.33}@media only screen and (min-width:768px){.footer a,.footer p{font-size:1rem}}.footer .footer-logo img{max-width:220px}@media only screen and (max-width:1194px) and (min-width:767px){.footer .footer-links{padding:0}}.footer .footer-links a:hover{text-decoration:none;opacity:.6}.footer .footer-social-icon img{width:30px;margin:0 3px}.footer .footer-social-icon:hover{text-decoration:none}.footer .footer-social-icon:hover img{opacity:.6}.footer .footer-copyright p{font-weight:400} /*# sourceMappingURL=style.css.map */ /*Start custom minify-row-gap*/ .g-0,.gx-0{--bs-gutter-x:0}.g-0,.gy-0{--bs-gutter-y:0}.g-1,.gx-1{--bs-gutter-x:0.25rem}.g-1,.gy-1{--bs-gutter-y:0.25rem}.g-2,.gx-2{--bs-gutter-x:0.5rem}.g-2,.gy-2{--bs-gutter-y:0.5rem}.g-3,.gx-3{--bs-gutter-x:1rem}.g-3,.gy-3{--bs-gutter-y:1rem}.g-4,.gx-4{--bs-gutter-x:1.5rem}.g-4,.gy-4{--bs-gutter-y:1.5rem}.g-5,.gx-5{--bs-gutter-x:3rem}.g-5,.gy-5{--bs-gutter-y:3rem}@media (min-width:576px){.g-sm-0,.gx-sm-0{--bs-gutter-x:0}.g-sm-0,.gy-sm-0{--bs-gutter-y:0}.g-sm-1,.gx-sm-1{--bs-gutter-x:0.25rem}.g-sm-1,.gy-sm-1{--bs-gutter-y:0.25rem}.g-sm-2,.gx-sm-2{--bs-gutter-x:0.5rem}.g-sm-2,.gy-sm-2{--bs-gutter-y:0.5rem}.g-sm-3,.gx-sm-3{--bs-gutter-x:1rem}.g-sm-3,.gy-sm-3{--bs-gutter-y:1rem}.g-sm-4,.gx-sm-4{--bs-gutter-x:1.5rem}.g-sm-4,.gy-sm-4{--bs-gutter-y:1.5rem}.g-sm-5,.gx-sm-5{--bs-gutter-x:3rem}.g-sm-5,.gy-sm-5{--bs-gutter-y:3rem}}@media (min-width:768px){.g-md-0,.gx-md-0{--bs-gutter-x:0}.g-md-0,.gy-md-0{--bs-gutter-y:0}.g-md-1,.gx-md-1{--bs-gutter-x:0.25rem}.g-md-1,.gy-md-1{--bs-gutter-y:0.25rem}.g-md-2,.gx-md-2{--bs-gutter-x:0.5rem}.g-md-2,.gy-md-2{--bs-gutter-y:0.5rem}.g-md-3,.gx-md-3{--bs-gutter-x:1rem}.g-md-3,.gy-md-3{--bs-gutter-y:1rem}.g-md-4,.gx-md-4{--bs-gutter-x:1.5rem}.g-md-4,.gy-md-4{--bs-gutter-y:1.5rem}.g-md-5,.gx-md-5{--bs-gutter-x:3rem}.g-md-5,.gy-md-5{--bs-gutter-y:3rem}}@media (min-width:992px){.g-lg-0,.gx-lg-0{--bs-gutter-x:0}.g-lg-0,.gy-lg-0{--bs-gutter-y:0}.g-lg-1,.gx-lg-1{--bs-gutter-x:0.25rem}.g-lg-1,.gy-lg-1{--bs-gutter-y:0.25rem}.g-lg-2,.gx-lg-2{--bs-gutter-x:0.5rem}.g-lg-2,.gy-lg-2{--bs-gutter-y:0.5rem}.g-lg-3,.gx-lg-3{--bs-gutter-x:1rem}.g-lg-3,.gy-lg-3{--bs-gutter-y:1rem}.g-lg-4,.gx-lg-4{--bs-gutter-x:1.5rem}.g-lg-4,.gy-lg-4{--bs-gutter-y:1.5rem}.g-lg-5,.gx-lg-5{--bs-gutter-x:3rem}.g-lg-5,.gy-lg-5{--bs-gutter-y:3rem}}@media (min-width:1200px){.g-xl-0,.gx-xl-0{--bs-gutter-x:0}.g-xl-0,.gy-xl-0{--bs-gutter-y:0}.g-xl-1,.gx-xl-1{--bs-gutter-x:0.25rem}.g-xl-1,.gy-xl-1{--bs-gutter-y:0.25rem}.g-xl-2,.gx-xl-2{--bs-gutter-x:0.5rem}.g-xl-2,.gy-xl-2{--bs-gutter-y:0.5rem}.g-xl-3,.gx-xl-3{--bs-gutter-x:1rem}.g-xl-3,.gy-xl-3{--bs-gutter-y:1rem}.g-xl-4,.gx-xl-4{--bs-gutter-x:1.5rem}.g-xl-4,.gy-xl-4{--bs-gutter-y:1.5rem}.g-xl-5,.gx-xl-5{--bs-gutter-x:3rem}.g-xl-5,.gy-xl-5{--bs-gutter-y:3rem}}@media (min-width:1400px){.g-xxl-0,.gx-xxl-0{--bs-gutter-x:0}.g-xxl-0,.gy-xxl-0{--bs-gutter-y:0}.g-xxl-1,.gx-xxl-1{--bs-gutter-x:0.25rem}.g-xxl-1,.gy-xxl-1{--bs-gutter-y:0.25rem}.g-xxl-2,.gx-xxl-2{--bs-gutter-x:0.5rem}.g-xxl-2,.gy-xxl-2{--bs-gutter-y:0.5rem}.g-xxl-3,.gx-xxl-3{--bs-gutter-x:1rem}.g-xxl-3,.gy-xxl-3{--bs-gutter-y:1rem}.g-xxl-4,.gx-xxl-4{--bs-gutter-x:1.5rem}.g-xxl-4,.gy-xxl-4{--bs-gutter-y:1.5rem}.g-xxl-5,.gx-xxl-5{--bs-gutter-x:3rem}.g-xxl-5,.gy-xxl-5{--bs-gutter-y:3rem}} /*end-custom minify-row-gap */ #hcp-form-div .cause p { color: #000; } @media only screen and (max-width:900px) { form.form p.email-pref, form.form p.no-label { margin: 0 !important; } .text-nowrap { white-space: normal !important; } .resource { min-height: 250px !important; } .mob-center { text-align: center !important; } } .secondary-navigation ul#hcp-secondary-menu>.menu-item:hover .sub-menu { opacity: 1; } .secondary-navigation ul#hcp-secondary-menu>.menu-item.menu-item-has-children:before { display: block; position: absolute; top: 8px; bottom: 0.9rem; right: -1px; content: ""; color: #ffffff; width: 0; height: 0; border-top: 5px solid; border-left: 5px solid transparent; border-right: 5px solid transparent; } /* hcp-secondary-menu */ .secondary-navigation ul#hcp-secondary-menu>.menu-item .sub-menu { opacity: 0; display: none; } .has-dropdown:after { content: "\2022"; color: #00d0bc; font-weight: 700; display: inline-block; width: 1.5rem; /* right: 0; */ display: block; position: relative; top: auto; bottom: .9rem; right: .25rem; content: ""; color: #000; width: 0; height: 0; border-top: 5px solid; border-left: 5px solid transparent; border-right: 5px solid transparent; /* right: 0; */ left: 100%; margin-left: 5px; top: -10px; } .secondary-navigation ul#hcp-secondary-menu>.menu-item:hover .sub-menu { opacity: 1; display: inline-block; position: absolute; z-index: 255; background-color: #282e3c; min-width: 200px; float: left; left: 24%; } .no-link>a { pointer-events: none; } .secondary-navigation ul#hcp-secondary-menu>.menu-item:hover .sub-menu a { color: #fff !important; float: left; clear: both; padding: 10px 5px; } @media only screen and (max-width: 1199px) { #menu-item-1416, #menu-item-120 { display: block !important; } .has-dropdown:after { margin-left: -7px; color: #fff; } #masthead { height: auto; padding: 10px 0px; } } /* === REMOVE ISI FIXED SECTION COMPLETELY === */ #isi, #pinned-isi, section#isi, section#pinned-isi, .isi-more-less, .isi-more-less *, .isi-container, .isi-wrapper { display: none !important; visibility: hidden !important; height: 0 !important; min-height: 0 !important; max-height: 0 !important; overflow: hidden !important; padding: 0 !important; margin: 0 !important; } /* Remove any space reserved for ISI */ body, html { padding-bottom: 0 !important; margin-bottom: 0 !important; } /* Ensure footer sits normally */ footer { margin-bottom: 0 !important; padding-bottom: 0 !important; } /* Style for Home banner */ #home-hero { background: url('../../../wp-content/uploads/home_hero_banner_dojolvi-jp_mb-3.png'); background-repeat: no-repeat; background-size: cover; background-position: center; padding: 0; min-height: 51.282vw; } @media (min-width: 768px) { #home-hero { background-image: url('../../../wp-content/uploads/home_hero_banner_dojolvi-jp_dt-3.png'); min-height: 39.809vw; } } #admin-dojolvi .hcp-left, #initiating .hcp-left { border-right: 2px solid #c5f10d; } #faod-defined-types .faod-defined-chart{ display:none; } #faod-defined-types .faod-defined-chart.activeChart{ display:block; } #faod-defined-types .faod-defined-chart .typeTitle { font-size: 20px; line-height: 1; } #faod-defined-types .faod-defined-chart h5 { font-size: 20px; line-height: 1; font-weight: 600; } #dosing-hero h1 { font-family: "Noto Sans JP", sans-serif; font-size: 36px; line-height: 40px; } @media only screen and (max-width: 767px) { #faod-defined-types .faod-defined-chart .typeTitle { font-size: 14px; line-height: 1.142; padding: 10px 15px; } #faod-defined-types .faod-defined-chart .typeTitle .title-lead { display: block; font-size: 20px; line-height: 1; margin-bottom: 4px; } #faod-defined-types .faod-defined-chart h5 { font-size: 18px; } #dosing-hero h1 { font-size: 24px; line-height: 36px; font-weight: 700; } #anchor-nav .anchor-nav-heading p{ font-size: 16px; font-style: normal; font-weight: 600; line-height: 1; } } .chart-buttons { display: flex; justify-content: center; flex-wrap: wrap; gap: 6px; margin-bottom: 10px; } .chart-btn { padding: 5px 10px; background-color: #2d3748; color: white; border: none; border-radius: 5px; cursor: pointer; font-family: 'Inter', sans-serif; font-size: 24px; font-weight:700; line-height:130%; transition: all 0.3s ease; text-transform: uppercase; width: auto; height: auto; align-items: center; } .chart-btn:hover { background-color: #1a202c; } .chart-btn[data-chart="chart-cpt1-d"], .chart-btn[data-chart="chart-cact-d"], .chart-btn[data-chart="chart-cpt2-d"] { background-color: #C5F10D; color: #282E3C; } .chart-btn[data-chart="chart-vlcad-d"], .chart-btn[data-chart="chart-tfp-d"], .chart-btn[data-chart="chart-lchad-d"] { background-color: #00D0BC; color: #282E3C; } .chart-btn[data-chart="chart-cpt1-d"]:hover, .chart-btn[data-chart="chart-cact-d"]:hover, .chart-btn[data-chart="chart-cpt2-d"]:hover { background-color: #b0d60b; } button.chart-btn:focus{ outline: unset; } .chart-btn[data-chart="chart-vlcad-d"]:hover, .chart-btn[data-chart="chart-tfp-d"]:hover, .chart-btn[data-chart="chart-lchad-d"]:hover { background-color: #00b8a6; } .cpt-sub-text{ font-family: "Noto Sans JP", sans-serif; } /* Active state - moved after other styles to ensure priority */ .chart-btn.active { background-color: #282E3C !important; color: white !important; } @media (max-width: 768px) { .chart-buttons { gap: 4px; } .chart-btn { padding: 4px; font-size: 15px; line-height: 1.3; width: auto; height: auto; border-radius: 5px; } } /* Center the entire violator section */ .violatorHorz { display: flex; flex-direction: column; align-items: center; width: 100%; } /* Grey background container */ .defChartContainer { display: flex; width: 100%; height: 619px; padding: 48px 59px 48px 57px; justify-content: center; align-items: center; /* flex-shrink: 0; */ } /* Black heading section */ .typeTitle { padding: 10px; } /* Two column container */ .type2Col { display: flex; gap: 20px; } /* Each half of the table (cause and estIncidence) */ .cause, .estIncidence { display: flex; width: 555px; /* height: 160px; */ padding: 24px 20px; flex-direction: column; align-items: center; } #faod-defined-types .faod-defined-chart .estIncidence .estIncidence-range { font-weight: 500; } .estIncidence-range { display: flex; width: 412px; height: 54px; padding: 15px 10px; justify-content: center; align-items: center; flex-shrink: 0; } body { margin: 0; font-family: "Noto Sans JP", sans-serif; color: #282E3C; } .h1, .h2, .h3, .h4, .h5, .h6, h1, h2, h3, h4, h5, h6 { font-family: "Noto Sans JP", sans-serif; } .font-inter { font-family: "Inter", sans-serif; } /* Hide radio buttons */ input[type="radio"] { display: none; } /* Tab button container */ .tab-labels { display: flex; justify-content: center; margin-bottom: 30px; display: flex; gap: 40px; border-bottom: 2px solid #00D0BC; } /* Tab labels */ .tab-labels label { padding: 15px 40px; font-size: clamp(16px, 3.47vw, 24px); cursor: pointer; color: #333; transition: opacity 0.4s ease-in-out; background: #efefef; margin-bottom: 0; border-radius: 5px 5px 0 0; font-weight: 600; } .tab-labels label:hover { background: #f9f9f9; } /* Active tab */ #tab-1:checked~.tab-labels label[for="tab-1"], #tab-2:checked~.tab-labels label[for="tab-2"] { font-weight: 600; color:#282E3C; background: #fff; border-radius: 5px 5px 0 0; border-top: 2px solid #00D0BC; border-right: 2px solid #00D0BC; border-left: 2px solid #00D0BC; border-bottom: 2px solid #fff; position: relative; bottom: -2px; line-height:24px; } /* Tab content */ .tab-content { display: none; padding: 20px 0; } .tab-content h3.body-text-md{ font-size: clamp(14px, 2.43vw, 16px); line-height: 1.5; } .page-id-1533 .tab-content { padding:0; } /* .tab-content p { font-size: unset; line-height:unset; color: unset; font-weight: unset; } */ .tab-content p.footer-note { font-size: 14px; line-height: 21px; color: #282E3C; font-weight: 400; } .tab-content p.subtitle { font-size: 16px; line-height: 24px; color: #282E3C; font-weight: 600; } .tab-content p.subtext { font-size: 16px; line-height: 24px; color: #282E3C; font-weight: 400; } #tab-1:checked~#content-1, #tab-2:checked~#content-2 { display: block; } .tab-content h3 { color: #282E3C; font-size: 24px; margin-bottom: auto; font-weight: 600; line-height: 36px; } .ref-note{ display:flex; gap:10px; } #content-1 .section-4 .points ol{ padding-left: 14px; } /* Mobile tab*/ @media only screen and (max-width: 768px) { .tab-labels { gap: 10px; } .tab-labels label { padding: 10px 12px; } } /* Content grid layout */ .content-grid { display: grid; grid-template-columns: 180px 1fr; gap: 30px; margin-top: 30px; align-items: start; } /* Side color boxes */ .sidebar-box { background: #00d0bc; color: white; text-align: center; padding: 30px 20px; border-radius: 5px; display: flex; align-items: center; justify-content: center; width:200px; } .sidebar-box.xxlarge { min-height: 258px; } .sidebar-box.xlarge { min-height: 150px; } .sidebar-box.large { min-height: 198px; } .sidebar-box.medium { min-height: 120px; } .sidebar-box.small { min-height: 80px; } /* Content links */ .content-links ul { margin: 0; padding-left: 16px; list-style: none; } .content-links li { margin-bottom: 12px; padding-left: 10px; position: relative; } .content-links li::before { content: ""; position: absolute; left: 0; top: 12px; width: 6px; height: 6px; background-color: #00bfa5; border-radius: 50%; } .content-links a { color: #2065E7; font-family: "Noto Sans JP", sans-serif; font-size: 20px; font-weight: 500; line-height: 30px; text-decoration: underline; text-decoration-line: underline; text-decoration-style: solid; text-decoration-skip-ink: auto; text-decoration-thickness: auto; text-underline-offset: auto; text-underline-position: from-font; } .content-links a:hover { color: #2065E7; } /* Outer wrapper borders (Figma style) */ .content-links-wrapper { border-top: 2px solid #EFEFEF; border-bottom: 2px solid #EFEFEF; padding: 50px 95px; } .content-links-wrapper .content-links{ padding-left: 0; margin-left: 0; } @media (min-width: 768px) { .content-links-wrapper .content-links{ padding-left: 15px; margin-left: 16px; } } /* Mobile view adjustments */ @media (max-width: 768px) { .content-grid { display: block !important; gap: 0 !important; margin: 0 !important; padding: 0 !important; } /* Teal boxes become full-width headings with rounded edges */ .sidebar-box { width: 100% !important; max-width: 100% !important; min-height: 40px !important; padding: 10px 20px !important; font-size: 20px !important; line-height: 20px !important; border-radius: 5px !important; margin: 0 0 0 0 !important; box-sizing: border-box !important; } .cyan-title{ font-size: 20px !important; line-height: 20px !important; min-height: 40px !important; padding: 10px 20px !important; text-align: center; } #understanding-dosing #trial-overview .points ul li { font-size: 14px; font-weight: 400; line-height: 21px; } /* Content section appears directly below the teal box */ .content-section { width: 100% !important; max-width: 100% !important; padding: 20px 16px !important; margin-bottom: 30px !important; background: white; box-sizing: border-box !important; } /* Make links container wider to prevent wrapping */ .content-links-wrapper { width: 100% !important; max-width: 100% !important; box-sizing: border-box !important; padding: 50px 0 35px; } /* Adjust link styles for mobile */ .content-links, .content-links ul { width: 100% !important; max-width: 100% !important; box-sizing: border-box !important; margin: 15px 0px; } .content-links li, .content-links a { font-size: 18px !important; line-height:27px; } .content-links ul { padding-left: 20px !important; padding-right: 16px !important; } #patient-background .subtitle{ line-height: 21px !important; font-size: 14px !important; } .clinical-trial-table th, .clinical-trial-table td{ font-size: 12px !important; line-height: 18px !important; } .entry-content ul li{ font-size: 14px; line-height: 21px; font-weight: 400; } .ugx-dojolvi-paragraph{ text-align:center; } .adverse-effects-table { margin: unset !important; width: 100% !important; } #trial-overview .points ul { padding-left: 16px; } #trial-overview .points>ul>li::before { left: 0; } #trial-overview .points>ul>li>ul>li::before { left: 0; font-size: 14px; } } /* Hero section */ #understanding-dosing { background: white; padding: 40px 0; } .points ul { list-style: none; padding-left: 21px; } .points li { margin-bottom: 10px; color: black; position: relative; } /* First level bullets - turquoise */ .points>ul>li::before { content: "•"; color: #00D0BC; position: absolute; left: 5px; } /* Nested bullets - black */ .points>ul>li>ul>li::before { content: "•"; color: black; position: absolute; left: 5px; } .cyan-title { background: #00d0bc; color: white; padding: 16px 16px; font-size: 24px; font-weight: 600; border-radius:5px; margin-bottom: 40px; line-height: 24px; } h3.subtitle { text-align: center; font-size: 18px; font-weight: 600; color: black; } .text-center { text-align: center; } #initiating { background: #FFFFFF; padding: 3rem 0; } .bottom-table { border: 1px solid #000; background: #FFFFFF; padding: 33px 41px; margin-top: 0; border-radius: 4px; line-height: 1.7; font-size: 16px; } #references h2 { color: #08aa9f; } .adverse-effects-table-wrapper * { margin: 0; padding: 0; box-sizing: border-box; } .adverse-effects-table-wrapper { font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", "Helvetica Neue", Arial, sans-serif; padding: 0; } .adverse-effects-table { border-collapse: collapse; font-size: 16px; height: auto; margin: 0 auto; font-weight:400; line-height:24px; width:75%; } .adverse-effects-table th, .adverse-effects-table td { padding: 6px 10px; border: none; /* remove all default borders */ } /* Outer table border */ .adverse-effects-table { border: 1px solid #282E3C; } /* Vertical divider (between columns only) */ .adverse-effects-table th:not(:last-child), .adverse-effects-table td:not(:last-child) { border-right: 1px solid #282E3C; } /* Header bottom line only */ .adverse-effects-table thead th { border-bottom: 1px solid #282E3C; } /* Ensure NO row lines in body */ .adverse-effects-table tbody td { border-top: none !important; border-bottom: none !important; font-size: clamp(14px, 2.43vw, 16px); font-weight:400; } /* Add horizontal lines ONLY for the first tbody row */ .adverse-effects-table tbody tr:first-child td { border-top: 1px solid #282E3C; border-bottom: 1px solid #282E3C; } .adverse-effects-table .header-left { background-color: #F3F4F7; width: 50%; } .adverse-effects-table .header-right-top { background-color: #FFFFFF; text-align: center; font-weight: 500; padding: 6px; } .adverse-effects-table .header-right-bottom { background-color: #00D0BC; text-align: center; font-weight: 500; padding: 6px; } .adverse-effects-table td:first-child { text-align: left; padding-left: 12px; background-color: #F3F4F7; font-weight: 400; } .adverse-effects-table td:last-child { text-align: center; } .adverse-effects-table .bold-row { font-weight: 500 !important; } .adverse-effects-footer { font-size: 14px; margin-top: 4px; line-height: 1.3; color: #333333; max-width: 800px; margin-left: 12%; margin-right: auto; } @media (max-width: 768px) { .adverse-effects-footer { margin-left: 0; } } /* First body row (副作用発現例) — force horizontal lines */ .adverse-effects-table tbody tr:first-child td { border-top: 1px solid #333333 !important; border-bottom: 1px solid #282E3C !important; } .analysis-table-wrapper * { margin: 0; padding: 0; box-sizing: border-box; } .analysis-table-wrapper { font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", "Helvetica Neue", Arial, sans-serif; } .analysis-table { border-collapse: separate; border-spacing: 2px; font-size: 16px; height:auto; margin: 0 auto; } .analysis-table th, .analysis-table td { border: none; padding: 8px 12px; vertical-align: top; } .analysis-table thead th { background-color: #00D0BC; font-weight: 500; text-align: center; font-size: clamp(12px, 2.08vw, 16px); line-height: 1.5; } .analysis-table tbody td { font-weight: 400; width: 30%; vertical-align: middle; font-size: clamp(12px, 2.08vw, 16px); line-height: 1.5; } .analysis-table tbody tr:nth-child(1), .analysis-table tbody tr:nth-child(3) { background-color: #EDEDED; } .analysis-table tbody tr:nth-child(2), .analysis-table tbody tr:nth-child(4) { background-color: #F3F4F7; } .analysis-table tbody td:first-child { font-weight: 400; width: 30%; } .analysis-table tbody td:nth-child(2) { width: 40%; } .analysis-table tbody td:last-child { text-align: center; width: 20%; } @media (max-width: 768px){ .analysis-table tbody td:first-child{ width: 39%; } .analysis-table tbody td:nth-child(2){ width: 43%; } } .clinical-trial-table { font-family: 'Noto Sans JP', -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif; margin: 20px 0; } .clinical-trial-table table { border-collapse: collapse; table-layout: fixed; font-size: 16px; margin: 0 auto; } /* ===== Borders & base cell styling ===== */ .clinical-trial-table th, .clinical-trial-table td { border: 1px solid #282E3C; padding: 12px 12px; text-align: left; vertical-align: top; line-height: 1.5; vertical-align:middle; } /* ===== Column widths ===== */ .clinical-trial-table colgroup col:nth-child(1) { width: 298px; } .clinical-trial-table colgroup col:nth-child(2) { width: 598px; } .clinical-trial-table colgroup col:nth-child(3) { width: 210px; } /* ===== Header row ===== */ .clinical-trial-table thead th { background-color: #F3F4F7; font-weight: 500; } /* merged blank header cell (col 1 + 2) */ .clinical-trial-table thead th[colspan="2"] { background-color: #F3F4F7; } /* drug column header */ .clinical-trial-table .header-drug { background-color: #00D0BC; color: #000000; text-align: center; font-weight: 500; } /* ===== Body styling ===== */ /* first column (category) */ .clinical-trial-table td.category { background-color: #F3F4F7; font-weight: 400; } /* second column */ .clinical-trial-table tbody td:nth-child(2) { background-color: #F3F4F7; font-weight: 400; } /* data column */ .clinical-trial-table .data-cell { background-color: #ffffff; text-align: center; font-weight: 400; } /* spacing for multiline content */ .clinical-trial-table td br { line-height: 1.9; } .side-effects-table { font-family: 'Noto Sans JP', -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif; margin: 20px 0; } .side-effects-table table { width: 100%; max-width: 1140px; border-collapse: collapse; font-size: 16px; margin: 0 auto; } .side-effects-table th, .side-effects-table td { border: 1px solid #ddd; padding: 6px 10px; text-align: center; vertical-align: top; } .side-effects-table .header-top-gray { background-color: #F3F4F7; font-weight: 500; } .side-effects-table .header-cyan { background-color: #00D0BC; color: white; font-weight: 600; } .side-effects-table .header-lime { background-color: #C5F10D; font-weight: 600; } .side-effects-table .header-light-cyan { background-color: #B7FFF8; font-weight: 600; } .side-effects-table .header-white { background-color: white; font-weight: 600; } .side-effects-table .category-cell { background-color: #F3F4F7; text-align: left; font-weight: 500; } .side-effects-table .subcategory-cell { background-color: #F3F4F7; text-align: left; padding-left: 15px; } .side-effects-table .data-white { background-color: white; } .clinical-table-wrapper { width: 1110px; margin: 20px 0; overflow-x: auto; max-width: 100%; } .clinical-table { width: 100%; border-collapse: separate; /* Use separate to allow spacing lines */ border-spacing: 0; /* Remove default gaps */ font-family: 'Noto Sans JP', -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif; font-size: 16px; table-layout: fixed; } .clinical-table tbody td:last-child { text-align: center !important; } /* Table header */ .clinical-table thead th { background-color: #00D0BC; padding: 10px 12px; font-weight: 500; text-align: center; border: 1px solid white; /* White lines for header cells */ } /* Header first row column widths */ .clinical-table thead tr:nth-child(3) th:first-child { width: 25%; } .clinical-table thead tr:nth-child(3) th:nth-child(2) { width: 50%; } .clinical-table thead tr:nth-child(3) th:last-child { width: 25%; } /* Table body cells */ .clinical-table tbody td { background-color: #EDEDED; padding: 4px 10px; border: 1px solid #FFFFFF; /* White lines between body cells */ color: #333; line-height: 1.5; vertical-align: top; } @media (min-width: 768px) { .clinical-table tbody td { padding: 8px 15px; } } /* Body column widths */ .clinical-table tbody td:first-child { width: 20%; font-weight: 400; } .clinical-table tbody td:nth-child(2) { width: 43%; } .clinical-table tbody td:last-child { width: 30%; text-align: left; } @media (max-width: 768px) { .clinical-table tbody td:first-child { width:unset; } .clinical-table tbody td:nth-child(2) { width: 36.15%; } .clinical-table tbody td:last-child { width: 40%; } } /* Optional: Add spacing between header and first row if needed */ .clinical-table thead th { border-bottom: 2px solid #FFFFFF; /* stronger line to separate header from body */ } /* White line spacing for header cells */ .clinical-table thead th { border-right: 2px solid #ffffff; border-bottom: 2px solid #ffffff; } /* Remove extra line on last header cell */ .clinical-table thead th:last-child { border-right: none; } @media (max-width: 768px) { .clinical-table { font-size: 12px; } } .patient-table-wrapper { margin:0; overflow: auto; } .patient-table { width: 100%; height: 100%; border-collapse: collapse; font-family:"Noto Sans JP"; font-size: 16px; } .patient-table th, .patient-table td { border: 1px solid #d0d0d0; padding: 8px 10px; text-align: center; vertical-align: middle; } .patient-table td:nth-child(-n+2) { text-align: left; } .patient-table tbody tr:nth-child(1) td, .patient-table tbody tr:nth-child(2) td{ text-align: left; } /* Header row */ .patient-table thead tr th { font-weight: 600; color: #333; background-color: #F3F4F7; } /* Column headers with different colors - only columns 3-6 */ .patient-table .color-header-row th:nth-child(3) { background-color: #00D0BC; color: #333; } .patient-table .color-header-row th:nth-child(4) { background-color: #C5F10D; color: #333; } .patient-table .color-header-row th:nth-child(5) { background-color: #B7FFF8; color: #333; } .patient-table .color-header-row th:nth-child(6) { background-color: white; color: #333; } /* Body cells */ .patient-table tbody td { background-color: white; color: #333; line-height: 1.5; } /* First two columns with gray background */ .patient-table tbody td:first-child, .patient-table tbody td:nth-child(2) { background-color: #F3F4F7; } .patient-table tbody td{ font-weight: 500; text-align: center; } .my-table td:nth-child(-n+2) { text-align: left; } .patient-table thead th.merge-left { border-right: none; } .patient-table thead th.merge-right { border-left: none; } .patient-table th, .patient-table td { border: 1px solid #282E3C; } .dosage-table-wrapper { height: auto; margin: 20px 0; overflow: auto; } .dosage-table { width: 100%; height: 100%; border-collapse: collapse; font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Arial, sans-serif; font-size: 16px; } .dosage-table th, .dosage-table td { border: 1px solid #d0d0d0; padding: 10px 12px; text-align: center; vertical-align: middle; } /* Header row colors */ .dosage-table thead tr th:first-child { background-color: #F3F4F7; color: #333; font-weight: 600; } .dosage-table thead tr th:nth-child(2) { background-color: #00D0BC; color: #282E3C; font-weight: 600; } .dosage-table thead tr th:nth-child(3) { background-color: #C5F10D; color: #333; font-weight: 600; } .dosage-table thead tr th:nth-child(4) { background-color: #B7FFF8; color: #333; font-weight: 600; } /* Body cells */ .dosage-table tbody td { background-color: white; color: #333; line-height: 1.5; } .dosage-table tbody td:first-child { background-color: #F3F4F7; font-weight: 500; } .dosage-table th, .dosage-table td { border: 1px solid #282E3C; } table { width: 100%; border-collapse: collapse; margin-bottom: 25px; font-family: "Noto Sans JP", sans-serif; } th, td { border: 1px solid #333; padding: 10px; text-align: left; vertical-align: top; } th { background: #f2f2f2; font-weight: bold; } .table-title { font-weight: bold; margin: 20px 0 5px; font-size: 18px; } /* Force references section to break out and go full width */ #references.fullwidth-dark { background: #2d3748 !important; width: 100vw !important; position: relative !important; left: 50% !important; right: 50% !important; margin-left: -50vw !important; margin-right: -50vw !important; padding: 60px 20px !important; box-sizing: border-box !important; } /* Override any parent container constraints */ #references.fullwidth-dark .container, #references.fullwidth-dark .row, #references.fullwidth-dark .col-12 { max-width: 100% !important; width: 100% !important; padding-left: 0 !important; padding-right: 0 !important; margin: 0 !important; } .references-content { max-width: 1200px; margin: 0 auto; padding: 0 20px; } #references h3 { color: #4fd1c5; text-align: center; margin-bottom: 40px; font-size: 28px; font-weight: 700; } #references ol { color: #fff; padding-left: 40px; font-size: 16px; line-height: 1.8; max-width: 1200px; margin: 0 auto; } #references ol li { margin-bottom: 20px; } /* Parent container should allow overflow */ #understanding-dosing { overflow: visible !important; } /* Force full width by breaking out of parent */ section#references.fullwidth-dark { width: 100vw !important; max-width: none !important; position: relative !important; left: calc(-50vw + 50%) !important; right: calc(-50vw + 50%) !important; margin-left: 0 !important; margin-right: 0 !important; padding: 60px 0 !important; background: #282E3C !important; box-sizing: border-box !important; } section#references.fullwidth-dark .container { max-width: 1400px !important; margin: 0 auto !important; padding: 0 20px !important; } section#references h3 { color: #00D0BC; text-align: center; margin-bottom: 12px; font-size: clamp(20px, 3.47vw, 24px); line-height: 1.5; } @media (min-width: 768px) { section#references h3 { margin-bottom: 24px; } } section#references ol { color: #fff; padding-left: 16px; } section#references ol li { margin-bottom: 20px; font-size: clamp(14px, 2.43vw, 16px); line-height: 1.5; } /* Hide all steps by default */ .steps>div { display: none !important; } /* Show active step */ .steps>div.active { display: flex !important; } .selector { cursor: pointer; } .selector.active { background-color: #00D0BC; color: #fff; border-radius: 50%; } .highlight-text { color: #00D0BC; font-size: 18px; } #initiating h2 { color: #00d0bc; font-weight: 700; margin-bottom: 10px; } @media (min-width: 768px) { #initiating h2 { margin-bottom: 48px; } } /* Column container */ #initiating .dose-box { background: #FFFFFF; padding: 0; border-radius: 0; display:flex; flex-direction: column; gap: 24px; } #initiating .dose-box > p, #initiating .dose-box > div { padding:0 15px; } #initiating .dose-box .title-green, #initiating .dose-box .title-blue { padding: 16px; } /* Title bars - bigger like screenshot */ #initiating .title-green { display: flex; width: 495px; padding: 16px; flex-direction: column; justify-content: center; align-items: flex-start; border-radius: 5px; background: #C5F10D; max-width: 100%; } #initiating .title-blue { display: flex; width: 495px; padding: 16px; flex-direction: column; justify-content: center; align-items: flex-start; border-radius: 5px; background: #00D0BC; max-width: 100%; } /* Section bullets */ #initiating .dot-title { display: flex; align-items: flex-start; /* text stays in its natural position */ font-weight: 500; font-size: clamp(16px, 2.77vw, 18px); line-height: 1.5; gap:0px; margin:0; } #initiating .dot-title::before { content: ""; width: 20px; /* increase bullet size */ height: 20px; background-color: #333; border-radius: 50%; flex-shrink: 0; margin-top: 4px; margin-right: 3px; /* aligns bullet with first line */ } #initiating .widget.card-1, #initiating .widget.card-2 { position: relative; } #initiating .widget.card-1:not(:last-child)::after{ content: ""; border-right: 2px solid #282E3C; height: 100%; position: absolute; right: 0; top: 0; display: none; } @media (min-width: 768px) { #initiating .widget.card-1:not(:last-child)::after { display: block; } } /* COMMENT OUT OR DELETE THIS SECTION */ /* #initiating .divider { border-bottom: 3px dotted #C5F10D; margin: 15px 0 25px 0; width: 100%; } #initiating .divider-right { border-bottom: 3px dotted #00D0BC; margin: 16px 0 25px 0; width: 100%; margin-right: -5%; } */ /* Icon blocks */ #initiating .icon-img { width: 60px; height: 60px; } #initiating .up-img { width: 120px; height: 60px; } #initiating .icon-imgg { width: 120px; height: 60px; } #initiating .up-imgg { width: 120px; height: 60px; } /* Small text */ #initiating .small-note { font-size: 13px; margin-top: 25px; } /* Gray info box */ #initiating .gray-box { background: #F0F4F6; border: 0px solid #D2DBE3; padding: 18px 20px; border-radius: 4px; margin-top: 0; font-size: clamp(14px, 2.43vw, 16px); line-height: 1.5; font-weight:400; } /* Black column separator */ #initiating .col-separator { border-left: 3px solid #000; height: 100%; } #initiating .bottom-table { border: 1px solid #000; background: #FFFFFF; padding: 25px 25px; border-radius: 4px; line-height: 1.7; font-size: 14px; } @media (max-width: 768px) { #initiating .bottom-table { padding: 21px; } } #initiating .bottom-title { font-weight: 700; margin-bottom: 15px; font-size: 18px; } @media(max-width:768px) { #initiating .dose-box { margin-bottom: 0; padding: 15px 0 !important; gap: 20px; } #initiating .col-separator { display: none; } #initiating .dot-title::before { width: 17px; height: 17px; } } .info-box { border: 1px solid #000; background: #ffffff; padding: 33px 41px; margin-top: 50px; margin-left: auto; margin-right: auto; border-radius: 4px; line-height: 1.7; font-size: 14px; width: 1062px; max-width: 100%; } .info-box.outlined-box { border: 0; outline: 1px solid #000; } @media (max-width: 768px) { .info-box { padding: 21px; } } .reference-box { margin: 30px auto 40px; display: flex; align-items: center; justify-content: center; padding: 12px 16px; background: #ffffff; border: 0.5px solid #282E3C; text-align: center; font-family: "Noto Sans JP", sans-serif; font-size: 16px; font-style: normal; font-weight: 400; line-height: 24px; color: var(--www-dojolvihcp-com-ebony-clay, #282E3C); width:100%; } /* link styling */ .reference-box a { color: #1A73E8; text-decoration: underline; } /* prevent extra spacing if WP wraps text */ .reference-box p, .reference-box span { margin: 0; } /* responsive */ @media (max-width: 1140px) { .reference-box { width: 100%; } } .custom-bullets { list-style: none; margin-top: 12px; padding-left: 20px; /* indent from left border */ } .custom-bullets li { position: relative; padding-left: -50px; /* space between bullet & text */ margin-bottom: 8px; font-size: 16px; line-height: 1.7; } .custom-bullets li::before { content: ""; width: 12px; height: 12px; background-color: #000; border-radius: 50%; position: absolute; left: 0; /* relative to li now */ top: 0.65em; } /* Section background */ .product-section-dojolvi { background: transparent !important; } /* Main container */ .product-section-dojolvi { max-width: 1200px; margin: 0 auto; padding: 40px 20px; font-family: 'Noto Sans JP', -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif; } @media (max-width: 768px) { .product-section-dojolvi { padding: 40px 15px; } } /* Flex layout */ .usage-container { display: flex; gap: 15px; align-items: flex-start; margin-bottom: 60px; } .usage-content { flex: 1; } /* Title */ .section-title { font-size: 28px; color: #00D0BC; margin-bottom: 20px; font-weight: 600; } .superscript { font-size: 18px; vertical-align: super; } /* Intro */ .intro-text { font-size: 18px; color: #333; margin-bottom: 25px; max-width: 100%; } /* Warnings */ .warning-item { display: flex; gap: 12px; margin-bottom: 20px; max-width: 100%; align-items: flex-start; } @media (min-width: 768px) { .warning-item { gap: 24px; } } .warning-icon { width: auto; height: auto; flex-shrink: 0; } .warning-icon img { width: 100%; height: 100%; object-fit: contain; } .warning-text { font-size: 18px; color: #333; } /* Bottle */ .bottle-image { width: 204px; height: 382px; flex-shrink: 0; margin-bottom: -77px; align-self: flex-end; } .bottle-image img { width: 100%; height: 100%; object-fit: contain; } /* Disposal */ .disposal-title { margin-top: 40px; margin-bottom: 20px; font-weight: 600; color: #00D0BC; } .disposal-text { line-height: 1.6; font-size: 18px; } /* Mobile */ @media (max-width: 768px) { .usage-container { flex-direction: column; margin-bottom: 0; } .usage-container .usage-content { padding-left: 8px; padding-right: 21px; } .bottle-image { margin: 0 auto; width: 150px; height: 280px; } .section-title { font-size: 20px; } } /* Fix inner white background inside product section */ section#product.product-section .container, section#product.product-section .row, section#product.product-section .wp-block-group { background: transparent !important; } /* Full-width section background */ section#product.product-section { background-color: #F0F3F4 !important; padding: 8px 0 24px; /* creates vertical space */ } @media (min-width: 768px) { section#product.product-section { padding: 8px 0; } } /* Hide all steps by default */ .steps>div { display: none; } /* Show only active step */ .steps>div.active { display: flex; } .selector { cursor: pointer; } .selector.active { background: #00D0BC; color: #fff; border-radius: 50%; } #understanding-dosing h2 { position: relative; padding-bottom: 24px; } #understanding-dosing h2::after { content: ''; position: absolute; bottom: 0; left: 0; width: 100%; height: 2px; background-color: #C5F10D; align-self: stretch; } .page_heading { font-size: 28px; font-weight: 700; line-height: 1.25; text-transform: uppercase; padding-bottom: 24px; margin: 0; } .section_title { font-size: 18px; font-weight: 600; line-height: 1.5; text-decoration-line: underline; padding-bottom: 16px; margin-bottom: 0; } .body_text { font-size: 16px; font-weight: 500; line-height: 1.5; } .text_align-right { display: flex; justify-content: flex-end; } .box_note { display: flex; padding: 15px; flex-direction: column; align-items: center; border: 0.5px solid #282E3C; background:#fff; margin:16px 0; } .box_note p { padding-bottom: 0; margin-bottom: 0px; } .box_note p a { color: #2065E7; } ul.list_items li { font-size: 16px; font-weight: 500; line-height: 1.5; } .dark-list_items li::marker { font-size: 16px; color: red; } .dark-list_items li:before { content: "\2022"; color: #282E3C; font-weight: 1000; display: inline-block; font-size: 40px; line-height: 17px; position: absolute; width: 1.5rem; margin-left:-1rem; } .robin_egg_blue { color: #00D0BC; } .table-container { display: flex; flex-direction: column; width: 100%; border-top: 1px solid #282E3C; border-left: 1px solid #282E3C; font-family: "Noto Sans JP", sans-serif; font-size: 14px; } .table-row { display: flex; width: 100%; } .table-cell { flex: 1; /* Distributes width equally */ padding: 8px 16px; border-right: 1px solid #282E3C; border-bottom: 1px solid #282E3C; display: flex; align-items: center; /* Vertical centering */ justify-content: center; /* Horizontal centering */ text-align: center; line-height: 1.5; } /* Header Specific Styling */ .header { background-color: #EDEDED; font-weight: 500; } .mobile-table { max-width: 400px; /* Limits width to look like a mobile screen */ margin: 0 auto; border: 1px solid #282E3C; font-family: "Noto Sans JP", sans-serif; font-size: 14px; line-height: 1.5; } .item-group { display: flex; flex-direction: column; } /* Header style for mobile */ .label { background-color: #ebebeb; padding: 10px; text-align: center; border-bottom: 1px solid #282E3C; color: #333; } /* Content style for mobile */ .content { background-color: #ffffff; padding: 15px 10px; text-align: center; border-bottom: 1px solid #282E3C; } /* Remove the bottom border from the very last element */ .item-group:last-child .content { border-bottom: none; } .dose-box .item-group { display: flex; gap: 15px; align-items: flex-start; flex-direction: row; } .dose-box .item-group .icon-holder { flex: 0 0 120px; display: flex; justify-content: center; } .dose-box .item-group .content-holder p { margin-bottom: 0; } /* Keep two-column layout on mobile for the dose boxes */ @media (max-width: 991px) { /* Keep columns side by side, don't stack */ ##initiating.col-md-6 { flex: 0 0 48% !important; max-width: 48% !important; padding: 0 5px !important; } /* Keep the separator but make it thinner */ ##initiating .col-md-1 { flex: 0 0 4% !important; max-width: 4% !important; } .col-separator { width: 2px !important; margin: 0 auto !important; } /* Reduce padding in dose boxes */ .dose-box { padding: 15px 10px !important; box-sizing: border-box !important; } /* Make titles smaller */ .dose-box .title-green, .dose-box .title-blue { padding: 8px 16px !important; } } /* Very small screens - NOW we can stack */ @media (max-width: 576px) { ##initiating .col-md-6 { flex: 0 0 100% !important; max-width: 100% !important; margin-bottom: 20px !important; } #initiating .col-md-1 { display: none !important; } } .main-navigation ul li.focus>ul, .main-navigation ul li:hover>ul { right: 0; } #site-nav-right { display: none; } @media only screen and (min-width: 1200px) { #site-nav-right { display: flex; } } #anchor-nav { position: sticky; } .site-branding img { margin-left: 0; margin-top: 0; } @media only screen and (max-width: 1199px) { .site-branding img { margin-left: 0; margin-top: 0; } } .header-title-h2 { font-size: clamp(20px, 3.47vw, 28px); line-height: 1.5; } .header-title-h3 { font-size: clamp(20px, 3.47vw, 24px); line-height: 1.5; } .body-text-xsm { font-size: 12px; font-weight:400; line-height:1; } .body-text-xsm a{ color: #2065E7; text-decoration:underline; } .body-text-sm { font-size: clamp(12px, 2.08vw, 14px); line-height: 1.5; } .body-text-sm-2 { font-size: 15px; line-height: 1.6; } .body-text-sm-3 { font-size: 16px; line-height: 1.5; } .body-text-md { font-size: clamp(14px, 2.43vw, 16px); line-height: 1.5; } .body-text-md-2 { font-size: clamp(14px, 2.43vw, 18px); line-height: 1.5; } .body-text-md-3 { font-size: clamp(15px, 2.60vw, 18px); line-height: 1.6; } .body-text-lg { font-size: clamp(16px, 2.77vw, 18px); line-height: 1.5; } .body-text-lg-2 { font-size: clamp(16px, 2.77vw, 20px); line-height: 1.5; } .body-text-title { font-size: clamp(18px, 3.125vw, 20px); line-height: 1; } .box-title { font-size: clamp(18px, 2.5vw, 24px); line-height: clamp(18px, 2.5vw, 24px); } @media only screen and (min-width: 768px) { .header-title-h2 { line-height: 1.285; } .body-text-md-3 { line-height: 1.5; } .body-text-lg-2 { line-height: 1.1; } } .fw-400 { font-weight: 400; } .fw-500 { font-weight: 500; } .fw-600 { font-weight: 600; } .fw-700 { font-weight: 700; } .font-color-primary { color: #282E3C; } .font-color-secondary { color: #00D0BC; } .font-color-light { color: #FFFFFF; } .font-color-inherit { color: inherit; } .font-color-anchor { color: #2065E7; } .ln-24{ line-height:24px; } .ln-27{ line-height:27px; } #initiating .divider-left { border-top: 1px dashed #C5F10D; } #initiating .divider-right { border-top: 1px dashed #00D0BC; } .mh-160{ min-height:160px; } .mh-120 { min-height: 120px; } .mh-160{ min-height:160px; } .mh-204 { min-height: 204px; } @media (min-width: 768px) { .mh-md-204 { min-height: 204px; } } .text-decoration-underline { text-decoration: underline; } sup a.refer{ color:#00D0BC; text-decoration:none; } sup a.refer:hover{ color:#00D0BC; text-decoration:none; } .clinical-trial-table table{ width:100%; } .coming-soon-text{ color:#fff; } .resource-details{ display: flex; flex-direction: column; align-content: center; justify-content: center; align-items: center; } #downloadables .resources{ min-height:unset !important; padding:0; } @media only screen and (min-width: 768px) { #downloadables .resources .resource .resource-description { height: unset; } } #downloadables .resources .resource{ min-height:unset !important; padding: 24px; height: calc(100% - 1.5rem); } @media only screen and (min-width: 1200px) { #downloadables .resources .resource { min-height: unset; } } .content-gap-sm{ padding-bottom:16px; } .site.hcp .btn-primary{ text-decoration:none; } @media only screen and (min-width: 768px) { #organizations .organization { padding: 20px; border-radius: 20px; margin-bottom: 30px; display: -webkit-inline-box; display: -ms-inline-flexbox; display: flex; align-content: center; justify-content: center; align-items: center; } } #prescribe-access{ background: rgba(87, 87, 87, 0.50); } #external-link-modal .modal-content h2{ color: #FFF; text-align: center; font-family: "Noto Sans JP"; font-size: 28px; font-style: normal; font-weight: 700; line-height: 36px; /* 128.571% */ text-transform: uppercase; } #external-link-modal .modal-content p{ color: #FFF; text-align: center; font-family: "Noto Sans JP"; font-size: 18px; font-style: normal; font-weight: 500; line-height: 27px; /* 150% */ } #external-link-modal .modal-content p.btn-primary { color: #282e3c; background-color: #c5f10d; border-color: #c5f10d; border-radius: 50px; min-width: 125px; font-size: 18px; font-weight: 500; line-height: 1.25; padding: 4px 28px; } #hcp-confirmation-modal .modal-dialog .modal-content .btn-primary { color: #fff; border-radius: 28px; background: var(--btn, linear-gradient(180deg, #963087 0%, #511459 100%)); display: flex; width: 235px; height: 56px; padding: 12px 32px; justify-content: center; align-items: center; gap: 10px; color:#fff; border:0; } #hcp-confirmation-modal .modal-dialog .modal-content{ background-color:#fff; } #hcp-confirmation-modal .modal-dialog .modal-content h2 { color: #4E4E4E; text-align: center; font-family: "Noto Sans JP"; font-size: clamp(20px, 3.47vw, 24px); font-style: normal; font-weight: 600; line-height: 24px; /* 120% */ } #hcp-confirmation-modal .modal-dialog .modal-content p { color: #4E4E4E; text-align: center; font-family: "Noto Sans JP"; font-size: clamp(15px, 2.6vw, 20px); font-style: normal; font-weight: 400; line-height: 24px; /* 120% */ } #hcp-confirmation-modal .modal-dialog .modal-content .btn-primary { font-weight: 500; font-size: 16px; line-height: 1; } #hcp-confirmation-modal .modal-dialog .modal-content img{ max-width:198px; } #dosing-admin .dosing-steps .steps{ height:unset; } #dosing-admin .dosing-steps .steps .m-box{ border-radius: 5px; border: 1px solid #00D0BC; padding: 9px 41px; } @media (max-width: 576px) { #dosing-admin .dosing-steps .steps .m-box { padding: 9px; width: 100%; } } #initiating .widget.card-1 .dose-box{ padding-right:60px; } #initiating .widget.card-2 .dose-box{ padding-left:60px; } @media (max-width: 768px) { .m-view{ text-align:center !important; } } #video-playlist-mix-dojolvi .video-transcript, #video-playlist .video-transcript { display:none; } ol.footernote-ltems { counter-reset: item; list-style: none; padding-left: 2em; } ol.footernote-ltems > li { counter-increment: item; position: relative; margin-bottom: 0.5em; font-size: clamp(14px, 2.43vw, 16px); } ol.footernote-ltems > li::before { content: "※"; position: absolute; left: -2em; font-size: clamp(14px, 2.43vw, 16px); } ol.usage-dosage { counter-reset: item; list-style: none; padding-left: 2em; } ol.usage-dosage > li { counter-increment: item; position: relative; margin-bottom: 0.5em; font-size: clamp(14px, 2.43vw, 16px); line-height: 1.5; } ol.usage-dosage > li::before { content: "7." counter(item) " "; position: absolute; left: -2em; } #safety-section h2{ font-size: clamp(20px, 3.47vw, 24px); font-weight: 600; line-height: 1.5; color:#282E3C; } #trial-overview h5{ color: #00D0BC; font-size: 18px; font-style: normal; font-weight: 600; line-height: 27px; margin-bottom:16px; } #trial-overview h5.sub-heading{ color: #282E3C; font-size: clamp(14px, 2.43vw, 16px); font-style: normal; font-weight: 600; line-height: 1.5; margin-bottom:12px; } #trial-overview p.sub-text{ font-size: 16px; font-style: normal; font-weight: 400; line-height: 24px; color:#282E3C; } #trial-overview p.sub-text{ font-size: 16px; font-style: normal; font-weight: 400; line-height: 24px; color:#282E3C; } #trial-overview .points ul li{ font-size:16px; font-weight:400; line-height:24px; } #trial-overview .points ol li{ list-style-type: lower-alpha; padding: 0; padding-left: 10px; } #trial-overview .points ol li::marker{ content: counter(list-item, lower-alpha) " :"; padding:0 5px; } #trial-overview .points ol li:last-child{ padding-left: 10px; margin-left: 0; } #trial-overview .points ol li.no-marker::marker{ content: ""; list-style: none; } sup a{ text-decoration:unset; } button{ font-family: "Noto Sans JP", sans-serif; } #dosing-admin .dosing-steps .steps { display: inline-block; border: 1px solid #c5f10d; border-radius: 20px; padding: 25px; background-color: #fff; margin: 14px auto 10px; min-height: auto; max-width: 100%; } #dosing-admin .dosing-steps .steps > div { max-width: 100%; flex-direction: column; align-items: center; gap: 16px; margin: 0 auto; width: 680px; } #dosing-admin .dosing-steps .steps #step1 p:nth-of-type(2), #dosing-admin .dosing-steps .steps #step2 p:nth-of-type(2), #dosing-admin .dosing-steps .steps #step3 p:nth-of-type(2), #dosing-admin .dosing-steps .steps #step4 p:nth-of-type(2) { height: auto; } #dosing-admin .dosing-steps .steps p { margin-bottom: 0; } #dosing-admin .dosing-steps .steps > div .card-title { font-size: clamp(16px, 2.77vw, 20px); line-height: 24px; } @media (min-width: 768px) { #dosing-admin .dosing-steps .steps > div .card-title { line-height: 22px; } #dosing-admin .dosing-steps .steps { padding: 25px 41px; min-height: auto; } } .reference-link{ color: #1A73E8; text-decoration: underline; } #understanding-dosing .tab-content .content-grid{ display: grid; grid-template-columns: 180px 1fr; gap: 30px; margin-top: 30px; align-items: center; } .container img{ width:auto; } .container .site-branding img{ width:200px; } #content-1 .points ol{ padding-left: 2em; } #dosing-video img{ width:100%; } #mixing-video img{ width:100%; } ol.dagger { list-style-type: " "; counter-reset: item; padding-left: 2em; } ol.dagger li { counter-increment: item; position: relative; } ol.dagger li::before { content: "†"; position: absolute; left: -1em; } #video-playlist-mix-dojolvi .vjs-playlist-title-container cite { max-width: calc(100% - 42px); margin-left: 0 !important; } @media (min-width: 992px) and (max-width: 1199px) { #video-playlist-mix-dojolvi .vjs-playlist-title-container cite, #video-playlist-mix-dojolvi .vjs-playlist-item:nth-child(4) .vjs-playlist-title-container cite { margin-bottom: 15px; } } @media only screen and (min-width: 1200px) { #video-playlist-mix-dojolvi .vjs-playlist-title-container cite, #video-playlist-mix-dojolvi .vjs-playlist-item:nth-child(4) .vjs-playlist-title-container cite { margin-bottom: 19px; } } @media only screen and (max-width: 599px) { #video-playlist-mix-dojolvi .mobile-fixed, #video-playlist .mobile-fixed { position: relative; } } section#references ol li{ margin-bottom:0; } #initiating .dark-list_items li:before{ transform: translateX(-14px); } #initiating ul.dark-list_items{ padding-left: 2.4rem; } .dosage-table-wrapper{ margin:0; } .patient-table-wrapper table{ margin-bottom:0; } ul.sub-list li:before{ color:#282E3C; } @media (max-width: 767px) { #dojolvi .section-title { font-size: 19px; line-height: 30px; } #initiating ul.dark-list_items { padding-left: 20px; } #initiating .dark-list_items li:before { margin-left: -0.25rem; } } #administering-dojolvi .administration-item:has(+ .administration-item) { padding-bottom: 24px; margin-bottom: 24px; border-bottom: 2px solid #C5F10D; } #administering-dojolvi .info-box { padding: 16px; } @media (min-width: 768px) { #administering-dojolvi .administration-item:has(+ .administration-item) { padding-bottom: 0; margin-bottom: 16px; border-bottom: none; } #administering-dojolvi .administration-item .hcp-left { border-right: 2px solid #C5F10D; } #administering-dojolvi .info-box { padding: 16px 21px; } } .evaluation-items-list > li > ul > li::before { content: "•"; font-size: 14px !important; color: #282E3C; } .evaluation-items-list > li > ul { padding-top: 8px; } @media (min-width: 768px) { .evaluation-items-list > li > ul > li::before { font-size: 16px !important; } } body.is-window ul li li:before{ content: "•"; font-size: 14px !important; color: #282E3C; } .side-effects-table { overflow-x: auto; } @media (max-width: 767px) { .side-effects-table .side-effects-table-image { width: 485px; display: block; margin: 0 auto; } } @media (min-width: 768px) { .side-effects-table .side-effects-table-image { width: 1110px; } } /* cookie banner style */ .section__cookie-banner { background: rgba(120, 10, 110, 1); } .section__cookie-banner .cookie-wrapper .cookie-copy { font-family: "Noto Sans JP", sans-serif; font-size: 16px; line-height: 1.5; font-weight: 500; color: #fff; } .section__cookie-banner .cookie-wrapper .cookie-cta { color: #fff; } .section__cookie-banner .cookie-wrapper .cookie-button { flex-direction: column; gap: 10px; align-items: stretch; } .section__cookie-banner .cookie-wrapper button#privacy-button, .section__cookie-banner .cookie-wrapper button#privacy-button-close { font-family: "Noto Sans JP", sans-serif; margin-right: 0; border-radius: 25px; border: 1px solid #A9218E; background: #FFF; color:#A9218E; font-size: 15px; } /* Header */ #masthead{ padding:15px 0; border-top: 0 solid #fff; position:sticky; } .main-navigation ul li{ font-size: 16px; font-weight: 600; line-height:1.5; } .main-navigation ul.sub-menu{ padding:8px 0; } .main-navigation ul.sub-menu li{ padding:8px 10px; } sup a, sup a:hover{ color: #00D0BC; } #video-playlist-mix-dojolvi .vjs-playlist-title-container cite, #video-playlist .vjs-playlist-title-container cite { font-size:15px; } section#understanding-dosing{ padding-bottom:0; } .section-gap { margin-top: 48px; padding-bottom: 48px; } @media only screen and (max-width: 1199px) { #mobile-navigation #mobile-menu.active{ bottom: 0; background: rgba(40, 46, 60, 0.65); padding-top: 0; } #mobile-navigation #mobile-menu.active .container{ background: #fff; padding-top: 24px; padding-bottom: 24px; } #mobile-navigation #mobile-menu .menu .menu-item { margin: 8px 4px; font-size:16px; line-height:1; font-weight:600; } #mobile-navigation #mobile-menu .mobile-menu-top .mobile-menu-logo img{ width: 150px; height: auto; margin-top: 0; margin-left: 0; max-width:100%; } } #dojolvi .molecule-big video{ width:auto; } body > img { display: none; } sup a, sup a:hover{ color:#282E3C; } sup a.font-color-secondary, sup a.font-color-secondary:hover{ color: #00D0BC; } #mobile-navigation #mobile-menu .menu .menu-item.current_page_item{ font-weight:600; } .lh-30{ line-height:30px !important; } .lh-27{ line-height:27px !important; } .lh-21{ line-height:21px !important; } .lh-18{ line-height:18px !important; } .w-100{ width: 100% !important; } .body-text-indent{ text-indent: -1em; } @media (min-width: 768px) { .w-md-60 { width: 65% !important; } } #downloadables h2{ font-size: clamp(20px, 3.47vw, 28px); text-align: left; } @media only screen and (max-width: 991px) { .site.hcp .btn-primary { font-size: 18px; padding: 8px 20px; line-height:1.3; } } @media only screen and (max-width: 768px) { .site.hcp .btn-primary { font-size: 16px; padding: 8px 20px; } } .filter-row .btn.btn-primary{ line-height:1.5; } @media (max-width: 768px){ .filter-row .btn.btn-primary{ line-height:1.25; } } .site.hcp .btn-primary{ line-height:1.3; } #downloadables { padding-left: 30px; padding-right: 30px; } @media (min-width: 576px) { #downloadables { padding-left: 0; padding-right: 0; } } .site.hcp #downloadables .btn-primary { padding: 4px 28px; min-width: 0; } #faod-defined-types .defChartContainer p{ font-size: 16px; line-height: 1.5; } /* */ .side-effects-table, .patient-table-wrapper, .dosage-table-wrapper { position: relative; overflow-x: auto; -webkit-overflow-scrolling: touch; } /* Hide scrollbar */ .side-effects-table::-webkit-scrollbar, .patient-table-wrapper::-webkit-scrollbar, .dosage-table-wrapper::-webkit-scrollbar { display: none; } .side-effects-table, .patient-table-wrapper, .dosage-table-wrapper { scrollbar-width: none; } /*Title with green bullets */ .green-box-pointer{ position: relative; display: inline-block; padding-left: 30px; } .green-box-pointer::before { content: ""; position: absolute; left: 0; top: 0.75em; transform: translateY(-50%); width: 20px; height: 20px; background-color: #00D0BC; } .green-circle-pointer{ position: relative; display: inline-block; padding-left: 30px; } .green-circle-pointer::before { content: ""; position: absolute; left: 0; top:19px; transform: translateY(-50%); width: 20px; height: 20px; background-color: #00D0BC; border-radius: 50%; } .scroll-container { position: relative; overflow-x: auto; -webkit-overflow-scrolling: touch; scrollbar-width: none; } .scroll-container .drag-scroll-icon { position: absolute; left: 50%; top: 15%; bottom: auto; width: 44px; height: 44px; background: #00c4cc; color: #fff; border-radius: 50%; display: none; align-items: center; justify-content: center; cursor: grab; user-select: none; touch-action: auto; font-size: 20px; box-shadow: 0 4px 10px rgba(0, 0, 0, .25); z-index: 2; transform: translateX(-50%); transition: opacity 0.3s; opacity: 1; } .scroll-container .drag-scroll-icon img { width: 65px; } .scroll-container.has-scroll .drag-scroll-icon { display: flex; } .scroll-container.has-scroll.is-scrolled .drag-scroll-icon { opacity: 0; } /*Modal */ #hcp-confirmation-modal.modal .modal-dialog .modal-content button.close { color: #000000; position: absolute; right: 20px; padding: 10px; top:20px; } @media (max-width: 768px) { #hcp-confirmation-modal.modal .modal-dialog .modal-content{ padding: 50px 15px 45px 15px; } } #hcp-confirmation-modal.modal .modal-dialog .modal-content .modal-footer{ border-top: 0px solid #dee2e6; justify-content: center; row-gap: 22px; } #hcp-confirmation-modal.modal .modal-dialog .modal-content { padding:25px 0; } #hcp-confirmation-modal.modal .modal-dialog .modal-content .text-description{ padding:20px 15px; } #hcp-confirmation-modal.modal .modal-title{ text-align:center; } #administering-dojolvi .header-title-h2 sup{ margin-left:5px; } @media (max-width: 576px) { #hcp-confirmation-modal.modal .modal-dialog { width: calc(100vw - 30px); } } .mobile-menu-top{ margin:12.5px 0; } .main-navigation ul li{ padding: 8px 1px 8px 10px; } .menu-hcp-top-nav-container{ margin-top:25px; } @media only screen and (max-width: 900px) { h3 span.text-nowrap{ white-space: nowrap; } } #hcp-confirmation-modal .modal-dialog .modal-content .modal-header{ border-bottom: 0px solid #dee2e6; } #site-nav-right{ margin-top: 0 !important; top: unset !important; z-index:3; } } /* Hide on all screen sizes */ .d-none { display: none !important; } /* Show as block starting from md breakpoint (≥768px) */ @media (min-width: 768px) { .d-md-block { display: block !important; } } .m-w-100 { max-width: 100%; } .coming-soon-container { position: relative; } .coming-soon-container::after { content: "Coming Soon"; position: absolute; width: calc(100% + 30px); height: 100%; top: 0; left: 50%; background: rgba(40, 46, 60, 0.65); color: #fff; display: flex; align-items: center; justify-content: center; font-size: clamp(20px, 3.47vw, 28px); line-height: 1.5; font-weight: 600; transform: translatex(-50%); border-radius: inherit; } .coming-soon-container.bg-width-100::after { width: 100%; } @media only screen and (max-width: 767px) { #faod-defined-types .defChartContainer { height: 375px; } } .ebony-clay-color{ color:#282E3C; } .main-navigation .current-menu-ancestor>a, .main-navigation .current-menu-item>a, .main-navigation .current_page_ancestor>a, .main-navigation .current_page_item>a{ font-weight:600; } #organizations .organization img { max-width: 100%; width: 230px; } @media (min-width: 768px) { #organizations .organization img { width: 270px; } } #organizations .organization h3 { font-weight: 600; font-size: clamp(16px, 2.77vw, 18px); line-height: 1.5; } #anchor-nav .anchor-nav-links #anchor-nav-menu .anchor-menu-item { font-size: 16px; line-height: 1; } @media (max-width: 767px) { #faod-defined-types .faod-defined-chart .type2Col>div { padding: 10px 15px 0; } } .no-word-break { white-space: nowrap !important; } @media (min-width: 768px) { .fw-md-400 { font-weight: 400; } #organizations h2 { font-size:20px; font-weight:700; line-height:1.5; } } @media (max-width: 768px) { #organizations h2 { font-size:20px; font-weight:700; line-height:1.5; } } #faod-defined-types .defChartContainer sup a:hover{ color:inherit; text-decoration:none; } #downloadables .resources .resource h3{ font-size: clamp(18px, 3.125vw, 20px); line-height:1.5; } #downloadables .resources .resource p.resource-description { font-size: clamp(14px, 2.43vw, 16px); line-height: 1.5; margin-bottom: 24px; } #downloadables .resources .resource img { margin-bottom: 16px; max-width:100px; } @media only screen and (max-width: 767px) { #downloadables .resources .resource .res-share-link, #downloadables .resources .resource .resource-download { font-size: 16px; } } .mw-max-content { max-width: max-content; } #content-1 ol.dagger li::before, #content-2 ol.dagger li::before { content: "† : "; position: absolute; left: -2em; } #content-1 ol.dagger li, #content-2 ol.dagger li { padding-left: 5px; } .letter-tight { letter-spacing: -0.1px; }