/*patient-home*/
.content-container {
    max-width: 1150px;
    margin: 0 auto;
}

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

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

.patient-banner-head {
    padding: 0;
}

.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;
}

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

.patient-banner-content {
    max-width: 625px;
    padding: 29px 0 0 0;
}

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

.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;
}

.patient-banner-content a span {
    padding-right: 40px;
    position: relative;
}

.patient-banner-content a:hover, .patient-banner-content a:focus {
    text-decoration:underline;
}

.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;
}

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

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

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

/*.resources-view.resources-view-two { max-width: 35px; width: 100%;}*/

.medications {
    margin-left: 15px;
    position: relative;
}

.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;
}

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

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

.medications a span {
    padding-right: 30px;
    position: relative;
}

.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: -1px;
}

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

.medications a:hover {
    background-color: #2e1c46;
    border: 1px solid #fff;
    color: #fff;
    text-decoration:none;
}



a.tel {
    pointer-events: none;
}

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

.contactus {
    text-align: center;
    padding: 50px 0 25px 0;
}

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

.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;
}

.contactus a span {
    display: inline-block;
    padding-left: 35px;
    position: relative;
    margin-bottom: 10px;
}

.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;
}

.patient-banner-content a:hover, .patient-banner-content a:focus {
    background-color: #fff;
    border: 1px solid #2e1c46;
    color: #2e1c46;
    text-decoration:none;
}

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


@media screen and (min-width: 991px) {
    .medications a { position: absolute; bottom: -8px;}
}
@media screen and (max-width: 1200px) {
  .patient-banner-main .content-container { padding: 0px; width:87%;}
  .content-container { padding: 0 15px;}
  .patient-banner-content { padding: 10px 0 0 20px;}
  .medications a:hover { text-decoration:underline;}
}
@media screen and (max-width: 991px) {
    .patient-banner { display: block; padding: 25px 0 35px 0;}
    .patient-banner-content { max-width: 100%; padding: 0; margin-left:5px;}
    .patient-banner-head h2 { font-size: 45px; line-height: 45px; margin: 0 0 10px 0;}
    .patient-banner-head p, .patient-banner-head h1.heading-2 { font-size: 16px;}
    .patient-banner-content p { font-size: 14px; margin: 0 0 10px 0; padding-right: 0px;}
    .resources-content {display: block;}
    .resources-block {   width: 100%; margin-bottom: 30px; min-height: auto; padding: 20px 10px 25px 15px;}
    .medications {margin-left: 20px;}
    .medications a { margin-top: 5px; display: inline-block; padding: 5px 17px 5px 15px;}
    .medications h4 { font-size: 20px;line-height: 24px;}
    .contactus { padding: 0 0 25px 0;}
    .resources-view-two { width: 50px;}
    .patient-banner-main .patient-banner .patient-banner-head p, .patient-banner-main .patient-banner .patient-banner-head h1.heading-2 {padding-left: 5px;}
    .contactus a span { text-decoration: underline;}
    .contactus a span::before {top: 1px; margin-top: 1px;}
    
}
@media screen and (min-width:590px) and (max-width: 767px)  {
    .resources-view { max-width: 83px; width: 100%;}
    .benefits-view {width:8%}
    
}
@media screen and (max-width: 667px) {
    
}
@media screen and (max-width: 475px) {

}

@media screen and (max-width: 360px) {
    .resources-block {padding: 15px 20px 25px 10px;}
    .medications h4 {font-size: 18px;}
    .medications p {font-size: 14px;}
    .medications a span {padding-right: 29px;}
    .contactus a { font-size: 15px;}
    .resources-view.resources-view-two {max-width: 42px;}
    #approved-uses .tel-link {font-size:15px;}
    #footer-legal .trade { width: 66%;}
    #footer-body .nowrap { white-space: unset;}

}


