/*es-dtc home*/
/*es-patient-home*/




.esdtcSite .topnavigation.languagenavigation.aem-GridColumn.aem-GridColumn--default--12 {
    display: none;
}

#es-dtc-home .content-container {
    max-width: 1150px;
    margin: 0 auto;
}

#es-dtc-home .patient-banner-main {
    background-color: #2e1c46;
}

#es-dtc-home .patient-banner {
    display: flex;
    justify-content: space-between;
    padding: 25px 0 20px 0;
}

#es-dtc-home .patient-banner-head {
    padding: 0;
}

#es-dtc-home .patient-banner-head h2 {
    /* font-family: CenturyGothicStd-Bold, HelveticaNeueLTStd-Bd; */
    font-family: "century-gothic", "helvetica-neue-lt-pro";
    font-weight:bold;
    font-size: 75px;
    line-height: 75px;
    color: #FFFFFF;
    margin: 0 0 10px 0;
}

#es-dtc-home .patient-banner-head p {
    /* font-family: CenturyGothicStd-Bold, HelveticaNeueLTStd-Bd; */
    font-family: "century-gothic", "helvetica-neue-lt-pro";
    font-weight:bold;
    font-size: 24px;
    line-height: 1.42857143;
    color: #FFFFFF;
    
}
#es-dtc-home .patient-banner-main .patient-banner .patient-banner-head p {
    padding-left: 5px;
    margin: 0 0 10px 0;
}

#es-dtc-home .patient-banner-content {
    max-width: 617px;
    padding-top: 10px;
}

#es-dtc-home .patient-banner-content p {
    /* font-family: HelveticaNeueLTStd-Lt; */
    font-family:"helvetica-neue-lt-pro";
    font-weight:100;
    font-size: 16px;
    color: #FFFFFF;
    margin: 0 0 20px 0;
    line-height: 1.42857143;
}

#es-dtc-home .patient-banner-content a {
    font-size: 15px;
    /* font-family: CenturyGothicStd-Bold, HelveticaNeueLTStd-Bd; */
    font-family: "century-gothic", "helvetica-neue-lt-pro";
    font-weight:bold;
    padding: 5px 25px 5px 20px;
    background-color: transparent;
    border: 1px solid #fff;
    color: #FFFFFF;
    text-decoration: none;
    line-height: 1.42857143;
}

#es-dtc-home .patient-banner-content a span {
    padding-right: 41px;
    position: relative;
}

#es-dtc-home .patient-banner-content a span::after {
    content: url(/content/dam/intelligentcontent/brands/enhertu4u/us/en/images/dtc/desktop/home/white-right-arrow.png);
    position: absolute;
    margin-left: 25px;
    line-height: 1.42857143;
}

#es-dtc-home .patient-banner-content a:hover {
    background-color: #fff;
    border: 1px solid #2e1c46;
    color: #2e1c46;
}

#es-dtc-home .patient-banner-content a:hover span::after {
    content: url(/content/dam/intelligentcontent/brands/enhertu4u/us/en/images/dtc/desktop/home/blue-right-arrow.png);
}

#es-dtc-home .resources-main {
    background-color: #e0e0e0;
    border-bottom: 1px solid #e0e0e0;
}

#es-dtc-home .resources-content {
    padding: 35px 0;
    display: flex;
    max-width: 735px;
    margin: 0 auto;
    justify-content: space-between;
}

#es-dtc-home .resources-block {
    background-color: #FFFFFF;
    display: flex;
    padding: 20px 15px 25px;
    width: 48%;
    min-height: 212px;
}
#es-dtc-home .resources-view{flex-shrink:0;}
#es-dtc-home .resources-view.resources-view-one img {max-width: 50px; width: 100%; margin-top: 2px;}
#es-dtc-home .resources-view.resources-view-two img { max-width: 35px; width: 100%; margin-top: 2px;}

#es-dtc-home .resources-view.resources-view-two { max-width: 35px; width: 100%;}

#es-dtc-home .medications {
    margin-left: 15px;
    position: relative;
}

#es-dtc-home .medications h4 {
    font-size: 23px;
    line-height: 20px;
    /* font-family: CenturyGothicStd-Bold, HelveticaNeueLTStd-Bd; */
    font-family: "century-gothic", "helvetica-neue-lt-pro";
    font-weight:bold;
    color: #2e1c46;
}

#es-dtc-home .medications p {
    font-size: 16px;
    line-height: 1.42857143;
    /* font-family: HelveticaNeueLTStd-Lt; */
    font-family:"helvetica-neue-lt-pro";
    font-weight:100;
    color: #2e1c46;
    margin-top: 10px;
    margin-bottom:5px;
}

#es-dtc-home .medications a {
    font-size: 14px;
    /* font-family: CenturyGothicStd-Bold, HelveticaNeueLTStd-Bd; */
    font-family: "century-gothic", "helvetica-neue-lt-pro";
    font-weight:bold;
    padding: 5px 12px 5px 10px;
    background-color: transparent;
    border: 1px solid #2e1c46;
    color: #2e1c46;
    text-decoration: none; 
    line-height: 1.42857143;
}

#es-dtc-home .medications a span {
    padding-right: 30px;
    position: relative;
}

#es-dtc-home .medications a span::after {
    content: url(/content/dam/intelligentcontent/brands/enhertu4u/us/en/images/dtc/desktop/home/blue-right-arrow.png);
    position: absolute;
    right: -2px;
    top: 0px;
}

#es-dtc-home .medications a:hover {
    background-color: #2e1c46;
    border: 1px solid #fff;
    color: #fff;
}

#es-dtc-home .medications a:hover span::after {
    content: url(/content/dam/intelligentcontent/brands/enhertu4u/us/en/images/dtc/desktop/home/white-right-arrow.png);
}

#es-dtc-home a.tel {
    pointer-events: none;
}

#es-dtc-home .contactus-main {
    background-color: #e0e0e0; 
}

#es-dtc-home .contactus {
    text-align: center;
    padding: 50px 0 25px 0;
}

#es-dtc-home .contactus p {
    text-align: center;
    font-size: 16px;
    line-height: 1.42857143;
    /* font-family: HelveticaNeueLTStd-Lt; */
    font-family:"helvetica-neue-lt-pro";
    font-weight:100;
    color: #2e1c46;
    margin: 0 0 10px 0;
}

#es-dtc-home .contactus a { 
    color: #2e1c46;
    font-size: 16px;
    /* font-family: CenturyGothicStd-Bold, HelveticaNeueLTStd-Bd; */
    font-family: "century-gothic", "helvetica-neue-lt-pro";
    font-weight:bold;
    text-decoration: none;
    line-height: 1.42857143;
}

#es-dtc-home .contactus a span {
    display: inline-block;
    padding-left: 30px;
    position: relative;
    margin-bottom: 10px;
}

#es-dtc-home .contactus a span::before {
    content: url(/content/dam/intelligentcontent/brands/enhertu4u/us/en/images/dtc/desktop/home/phone.png);
    position: absolute;
    left: 0;
    top: 2px;
}
@media screen and (min-width: 991px) {
    #es-dtc-home .medications a { position: absolute; bottom: -14px;}
    
}
@media screen and (max-width: 1200px) {
  #es-dtc-home .patient-banner-main .content-container { padding: 0px; width:95%;}
  #es-dtc-home .content-container { padding: 0 15px;}
  #es-dtc-home .patient-banner-content { padding: 10px 0 0 20px;}
}
.esdtcSite div#mobile-es-header {
    display: none;
}
@media screen and (max-width: 991px) {
    #es-dtc-home .patient-banner { display: block; padding: 25px 0 35px 0;}
    #es-dtc-home .patient-banner-main .content-container { padding: 0px; width:87%;}
    #es-dtc-home .patient-banner-content { max-width: 100%; padding: 0; margin-left:5px;}
    #es-dtc-home .patient-banner-head h2 { font-size: 45px; line-height: 45px; margin: 0 0 10px 0;}
    #es-dtc-home .patient-banner-head p { font-size: 16px;}
    #es-dtc-home .patient-banner-content p { font-size: 14px; margin: 0 0 10px 0; padding-right: 0px;}
    #es-dtc-home .resources-content {display: block; width: 100%; margin: 0; max-width: none;}
    #es-dtc-home .resources-block { width: 100%; margin-bottom: 30px; min-height: auto; padding: 20px 10px 25px 15px;}
    #es-dtc-home .medications {margin-left: 20px;}
    #es-dtc-home .medications a { margin-top: 25px; display: inline-block; padding: 5px 17px 5px 15px;}
    #es-dtc-home  .medications h4 { font-size: 20px;line-height: 24px;}
    #es-dtc-home .contactus { padding: 0 0 25px 0;}
    #es-dtc-home .resources-view-two { width: 50px;}
    #es-dtc-home .patient-banner-main .patient-banner .patient-banner-head p {padding-left: 3px;}
    #es-dtc-home .contactus a span { text-decoration: underline;}
    #es-dtc-home .contactus a span::before {top: 1px; margin-top: 1px;}
    #es-dtc-home .resources-view.resources-view-two {
        max-width: 50px;
        width: 100%;
        text-align: center;
    }
      .esdtcSite p.sd-logo img{
    display:none;
    }
    .esdtcSite p.sd-close-btn {
           margin: 30px 0px 18px;
        }
        .esdtcSite span.burger {
        /*top: -70px;*/
        /*right: 0;*/
        margin-right:0;
        }
       .esdtcSite #menuToggle input[type="checkbox"] {
      margin-right: 0;
    }
    
    /*header*/
    .esdtcSite #top-nav-menu-inner div#mobile-menu.active {
        overflow: unset;
    }
       .esdtcSite #mobile-menu > ul.cmp-navigation__group {
        /* height: calc(100vh - 4px); */
        top: 65px;
    }
       .esdtcSite #mobile-menu ul.menu-dial-links li span {
        position: relative;
        top: 0px;
        right: 0;
        display: inline-block;
    }
       .esdtcSite #mobile-menu .menu-dial-links img {
        width: 25px;
        padding: 0;
    }
    .esdtcSite .mobile-nav .navbar-opened span:nth-child(1){
       position: relative;
    top: 8px;
    transform: rotate(45deg);
    transition: .4s;
}
    .esdtcSite .mobile-nav .navbar-opened span:nth-child(2){
      transform: rotate(135deg);
    transition: .4s;
}
    .esdtcSite .mobile-nav .navbar-opened span:last-child{
    visibility:hidden;
}
.esdtcSite #mobile-menu.sticky-menu > ul.cmp-navigation__group {
    top: 65px;
}
/*#top-nav-menu-inner > div:nth-of-type(3) {*/
/*    width: 100%;*/
/*    display: flex;*/
/*    justify-content: flex-end;*/
   
/*}*/
.esdtcSite .image .mob-hmbuger {
    top: 20px !important;
}
.esdtcSite div#mobile-es-header {
    display: block;
}

/*#es-dtc-home .mobile-nav .mobiledd-menu {*/
/*    display: block;*/
/*}*/
.esdtcSite #top-nav-menu-inner div:nth-child(1) {
    width: 100%;
    order:2;
}
.esdtcSite .mobile-nav .mobiledd-menu.active {
    display: block;
    margin-top: 80px;
}
/*   .esdtcSite div#menuToggle {*/
/*        display: block;*/
/*        right: 17px;*/
/*        position: absolute;*/
/*        bottom: 20px;*/
/*    }*/
.esdtcSite #top-nav-menu-inner {
    padding: 0 !important;
}

/*.esdtcSite p.sd-close-btn{*/
/*    display:none;*/
/*}*/
.esdtcSite .mobile-nav .icon-bar {
    background-color: #ee7623;
    margin: 5px 0;
    width: 35px;
    height: 4px;
    border-radius: 3px;
    display: block;
}
  .esdtcSite.sticky #mobile-es-header #mobile-menu {
        position: fixed;
        top: -21px;
    }
/*#es-dtc-home #mobile-menu{*/
/*            overflow: unset;*/
/*}*/
 
/*header*/
    
}

@media only screen and (min-width: 768px) and (max-width: 1024px) and (orientation: portrait) {
    #es-dtc-home .resources-view.resources-view-two {max-width: 50px; width: 100%;}
}
@media screen and (max-width: 667px) {
    #es-dtc-home .resources-view.resources-view-two { max-width: 44px; width: 100%;}
}
@media screen and (max-width: 440px) { 
    .esdtcSite #mobile-menu > ul.cmp-navigation__group {
        top: 75px !important;
    }
       .esdtcSite #header-section .image .mob-hmbuger {
        top: 10px !important;
    }
    
}

@media screen and (max-width: 360px) {
    #es-dtc-home .resources-block { padding: 15px 20px 25px 10px;}
    #es-dtc-home .medications h4 { font-size: 18px;}
    #es-dtc-home .medications p { font-size: 14px;}
    #es-dtc-home .medications a span::after { top: auto;}
    #es-dtc-home .resources-view.resources-view-two { max-width: 44px; width: 100%;}
    #es-dtc-home .contactus a {font-size: 15px;}
    
    
      .esdtcSite #mobile-menu > ul.cmp-navigation__group { 
        top: 50px !important;
    }
    
}
