@import url("desktop.min.css");

div#banner p, div#banner h1 {margin-left: 2.0rem;}

div#content-container,
div.container,
div.content-container {width:100%;}
header#headerPage nav ul {width:100%;}

.mobile-content {padding:0 1rem;}


#bodyPatient header#headerPage {box-shadow: 4px 0 30px 4px rgba(100,100,100,0.5);}
header#headerPage div#divHeaderUtil #linkLogo {margin-left: 2%; width: 22%;}
header#headerPage div#divHeaderUtil img#imgLogo {width:100%; height:auto;}
header#headerPage div#divHeaderUtil #search-expand {margin-right:2%}
header#headerPage div#divHeaderUtil a:link, header#headerPage div#divHeaderUtil a:visited {font-size:13px;} 

header#headerPage nav {width:76%; padding-left:24%;}
header#headerPage nav ul li {width:19%;}

header#headerPage nav a#navAboutHizentra ,
header#headerPage nav a#navStartingHizentra,
header#headerPage nav a#navSupportResources,
header#headerPage nav a#navUnderstanding,
header#headerPage nav a#navFAQ{width:100%; padding:9px 0 0 0; height:39px;}
header#headerPage nav a span {display:block;}
header#headerPage nav a span.fa-angle-down {right:5px;}

header#headerPage nav ul ul li {width:100%;}
header#headerPage nav ul ul li:first-child {margin-top: 1px;}

#indication-selector p {margin-left:0; width:auto;}

.patient-home #intro h1 span {display: inline;}
div#banner.banner-patient-home {background-position: left -80px bottom;}
.patient-home #banner div#blue-top {margin-right: 5%;}
.patient-home #support-programs .program ul {min-height:153px;}

div#banner.banner-safety {background-size: cover; background-position: left top;}

div#banner.banner-personalized {background-position: left -70px bottom;}
.personalized #bio-container .bio-overview p {min-height:120px;}

div#banner.banner-getting-started {background-position: left -50px bottom;}

div#banner.banner-self-admin {background-position: left bottom;}
div#self-admin div.pure-u-md-3-5 p {padding-right:15px; margin-right:16px;}
div#self-admin div.pure-u-lg-5-12 p {margin-top: 100px;}
div#self-admin #how-infuse video {margin-right:1rem;}

div#banner.banner-free-trial img {right: -130px; bottom: -100px;}

div#banner.banner-connect-patient {background-position: right -200px top;}
div#connect-patient div#video-story-container {padding:0 16px;}
div#connect-patient div#video-story-container div.video-info.left {margin-top:50px !important; padding-right: 0;}
div#connect-patient div.grey-bg {padding-bottom:15px;}

div#infusion-app div#banner p {
    margin-top: 80px;
}

div#banner.banner-sign-up img {margin: 0 1rem 0 auto;}

div#banner.banner-understanding-cidp,
div#banner.banner-understanding-pi {background-position: right -180px bottom;}

div#faq #divAccordionContainer h2 {margin-left:1rem;}

div#home.understanding-cidp-pi #indication-selector p {padding:0;}

div.understanding-cidp-pi h1,
div.understanding-cidp-pi h1 + p {padding-left:1rem;}

div#privacy-policy div#divPrivacy {padding:0 1rem;}

footer#footer-page div.divISI div.divContainer, footer#footer-page div.divISIWidgetMenuBar div.divContainer {
    width: 100%;
}
footer#footer-page #top-jump a {margin-right:1rem;}
footer#footer-page div.divISIWidget div.divISI div.divContainer {padding:0;}
footer#footer-page div.divISIWidget div.divISI div.divContainer > P,
footer#footer-page div.divISIWidget div.divISI div.divContainer > ul {padding:0 1rem;}

/**  voice2voice program registration  **/
div#banner.banner-advocates { background-position: left 50px center; }

/*hcp*/

#section-home-cidp-patients div.patient-portrait > h3 {padding:142px 18px 0 18px;}

#main-home-hcp-pi #section-home-hcp-challenges {padding:0 1rem;}
#section-home-hcp-challenges div.patient-portrait > p {padding-left: 24px; padding-right: 24px; font-size: 14px; padding-top: 152px;}

@media only screen and (max-width: 900px) {
    header#headerPage div#divHeaderUtil a:link, header#headerPage div#divHeaderUtil a:visited {
        font-size: 11px;
        margin-left: 10px;
    }
    header#headerPage nav a#navAboutHizentra,
    header#headerPage nav a#navStartingHizentra,
    header#headerPage nav a#navSupportResources,
    header#headerPage nav a#navUnderstanding,
    header#headerPage nav a#navFAQ {
        font-size: 12px;
        padding-top: 1.0em;
        height: 35px;
    }

    .patient-home #support-programs .program ul {
        min-height: 226px;
    }

    .patient-home #support-programs .program img#copay-assistance + p,
    .patient-home #support-programs .program img#assurance-shield + p {
        min-height: 280px;
    }

    div#connect-patient div#video-story-container div.video-info.left {margin-top:1.5rem !important;}

    .benefits div.video-container h2, .benefits div.video-container p{
        font-size: 1.4rem;
    }

    .protection div.video-container p,
    .protection div.video-container ul,
    .protection div.video-container a {
        font-size: .9rem;
    }

    .protection div.video-container video {
        margin-top: 3em;
    }

    .protection div.video-container #appolos-video {
        margin-top: 3em;
    }

    .personalized div#self-infusion-section div.video-info {
        margin-top: 0;
    }

    div#self-admin div.pure-u-lg-5-12 p {
        margin-top: 50px;
    }

    div#divPatientPage div.protection div.video-container h3 {
        font-size: 1.3rem;
    }

    .personalized div#james-video video {
        margin-top: 3rem;
    }

    #personalized-pi.personalized div.video-container h2 {
        margin-top: 0rem;
    }

    #personalized-pi.personalized div.video-container video {
        margin-top: 5rem;
    }
}
@media only screen and (max-width: 1024px) and (min-width: 900px) {
    #personalized-pi.personalized div.video-container video {
        margin-top: 3rem;
    }
}


/*HCP EDITS | HCP EDITS | HCP EDITS | HCP EDITS | HCP EDITS | HCP EDITS | HCP EDITS | HCP EDITS |*/

/*----------HCP: Common----------*/
.content {width: 100%;}
.content-padding {padding: 2rem 1rem;}
section[id *= "section-intro"] h1 {margin-top: 1.5rem;}
body#bodyHCP p.intro-subheader, .intro-subheader {font-size: 1.5rem; }

/*HCP: Common | Nav*/
nav#navHCP a#navAboutHizentraHCP,
nav#navHCP a#navDosing,
nav#navHCP a#navStartingPatients,
nav#navHCP a#navInfusionResources,
nav#navHCP a#navIgIQSupport {width: auto; margin-right: 4px; font-size: 12px; line-height: 14px;}
header#headerPage nav#navHCP ul li a:link,
header#headerPage nav#navHCP a:visited, 
header#headerPage nav#navHCP a:focus,
header#headerPage nav#navHCP a.nav-parent {line-height: 1.0rem; padding-right: 0.75rem;}
header#headerPage nav#navHCP ul ul {min-width: 220px;}
header#headerPage nav#navHCP ul ul li a:link, 
header#headerPage nav#navHCP ul ul li a:link:hover, 
header#headerPage nav#navHCP ul ul.active li.pure-menu-item.active a:link {margin: 0; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;}
header#headerPage nav#navHCP ul ul li:first-child {margin-top: 0;}

/*HCP: Common | Callouts*/
.callout-column-left,
.callout-column-right {background: #f4f4f4; padding: 1rem 1rem 3rem 1rem;}

/*HCP: Common | Accordion*/
.accordion-red .accordion-header,
.accordion-red .accordion-header.active {padding: 37px;}
.accordion-red .accordion-expansion {padding: 0 37px 37px 37px;}


/*----------HCP: Home----------*/
body#bodyHCP #section-home-hcp-banner h1 {margin-left: 2.5rem;}
body#bodyHCP #section-home-hcp-banner h2 {font-size: 1.5rem;}
#section-home-hcp-banner .home-list-item img {max-width: 90%;}

/*cidp*/
body#bodyHCP #section-home-hcp-banner-cidp h1 {margin-left: 2.5rem;}
body#bodyHCP #section-home-hcp-banner-cidp h2 {font-size: 1.5rem; margin-top: 10px;}
#section-home-hcp-banner-cidp .home-list-item img {max-width: 90%; margin-top: 10px;}
#section-home-hcp-banner-cidp .home-list-item {padding-right: 1.0rem;}

/*pi*/
body#bodyHCP #section-home-hcp-banner-pi h1 {margin-left: 2.5rem;}
body#bodyHCP #section-home-hcp-banner-pi h2 {font-size: 1.5rem;}
#section-home-hcp-banner-pi .home-list-item img {max-width: 90%;}
#section-home-hcp-banner-pi .footnotes {margin-top: 0;}



/*----------HCP: Proven Efficacy and Safety----------*/
#section-intro-efficacy h1 {margin-top: 2.0rem;}

#section-intro-efficacy-cidp {background-position: left -40px center, center top;}

body#bodyHCP #section-intro-efficacy-pi h1 {margin-left: 0; margin-right: 1.0rem; font-size: 2.5rem;}
#section-intro-efficacy-pi {background-size: 55%, cover; background-position: left top 25px, left top;}

/*----------HCP: Flexibility for Patients----------*/

#section-intro-flexibility-pi {background-position: right -100px center;}
#section-intro-flexibility-pi h1 {margin-top: 2.0rem;}



/*----------HCP: Dosing and Administration----------*/
#section-intro-dosing h1 {margin-top: 1.2rem;}

#section-dosing-calculator-pi .l-box {padding: 0 2rem 0 0;}

body#bodyHCP #section-dosing-tabs .nav-tab p {font-size: 14px;}

#calculator-cidp-form, 
#calculator-cidp-results {padding: 0.75rem;}
#calculator-cidp-form .step {margin-left: 0;}
#calculator-cidp-form .cidp-calc-step {padding: 0;}
#calculator-cidp-results {margin-left: 0; margin-top: 1rem;}



/*----------HCP: Access and Billing Codes----------*/
#section-access-codes div#access-accordion .accordion h3.title {font-size: 1rem;}



/*----------HCP: Patient Resources----------*/
#section-resources-igiq img {max-width: 90%;}


/*----------HCP: Nurse Locator----------*/



/*----------HCP: Managing Therapy----------*/
#section-management-resources {background-image: linear-gradient( 90deg, rgba(217,224,226,1.0) 0%, rgba(217,224,226,0.0) 100%); background-image: -webkit-linear-gradient( 90deg, rgba(217,224,226,1.0) 0%, rgba(217,224,226,0.0) 100%); background-repeat: no-repeat; background-image: -moz-linear-gradient( 90deg, rgba(217,224,226,1.0) 0%, rgba(217,224,226,0.0) 100%);}


/*----------HCP: SHARE Nurse Training Center----------*/

#cta-cidp-training,
#share-page #cta-completed-exam {width:100%;}
#share-page #share-hero .content-padding {padding-bottom:0;}

/*----------HCP: Frequently Asked Questions----------*/
#section-intro-faq-hcp {
    background-position: right 90% bottom;
}
#main-faq-hcp .accordion-header {padding-right: 80px;}



/*----------HCP: IgIQ Support----------*/
.request-material-content .request-material {padding-bottom: 16px;}
.request-material-content .request-material.left {border-right: 24px solid #fff;}
.request-material-content .request-material.right {border-left: 24px solid #fff;}
.request-material-content .request-material label {
  float: none; 
  margin-top: 20px; 
  margin-bottom: 20px;
}
.request-material-content .request-material img {
  float: none;
  display: block;
  margin: 0 auto;
}



/*----------SHARE----------*/
.pure-form-aligned #share-register-form .pure-control-group label {width: 6rem;}



/*HCP EDITS | HCP EDITS | HCP EDITS | HCP EDITS | HCP EDITS | HCP EDITS | HCP EDITS | HCP EDITS |*/