.killScroll {
    overflow: hidden;
}

.modalBackground {
    display: none;
    z-index: 9999;
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-color: #ffffff;
    opacity: .7;
}

.modal {
    display: none;
    z-index: 10000;
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    opacity: 1;
    justify-content: center;
    align-items: center;
    overflow-y: scroll;
}

.modalContent {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 6rem 0;
}


.modalButton {
    text-decoration: none;
    cursor: pointer;
}

.modalHeader {
    display: flex;
    position: relative;
    width: 100%;
    top: 0;
    justify-content: center;
}

.modal .modalTitle {
    /* font-family: "Fira Sans Extra Condensed", Helvetica, Verdana, sans-serif; */
    font-weight: 700;
    /* font-style: italic; */
    color: #FFFFFF;
    /* padding: 1rem 2rem; */
    text-align: center;
    font-size: 3.5rem;
    font-weight: 700;
    width: 100%;
    line-height: 1.5;
}

.modalBody {
    /* margin: 1rem; */
    font-size: 1.25rem;
    /* font-weight: 700; */
    max-width: 100%;
    margin-bottom: 0;
    line-height: 1.5;
}

.modalCloseButton {
    border: none;
    background: none;
    /* padding-right: 1rem; */
    align-self: start;
    position: absolute;
    top: 0;
    align-self: flex-end;
    z-index: 999;
    color: #ffffff;
    font-size: 2rem;
    right: 1.5rem;
    /* width: 50px; */
    padding: 1rem;
    /* height: 50px; */
    /* transform: scaleX(-1.25); */
}

.modalCTA {
    display: flex;
    /* align-items: stretch; */
    justify-content: center;
    /* flex-direction: column; */
    align-content: center;
}
.modalCTA a {
    margin-bottom: 1rem;
}
.modalCTA i {
    margin-left: 1rem;
}

a.modalCancel,
a.modalConfirm {
    margin-top: 1rem;
}

.modalConfirm:hover {
    background-color: #4a7e66;
}

.modalCancel:hover {
    background-color: #5c5b5b;
}

.modalContent {
    /* max-width: 87%; */
    top: 3rem;
    /* bottom: 0; */
    right: 0;
    left: 0;
    padding: 0 1.5rem 3rem;
    position: absolute;
}


#leavingSiteModal .modalContent,#vitaCareModal .modalContent{
    top: 4rem;
}

#leavingSiteModal .modalTitle{
    margin: 0;
}
#leavingSiteModal .mainText,#vitaCareModal .mainText{
    margin-top: 2rem;
}
#leavingSiteModal .modalCTA {
    margin-top: 2rem;
}
.modal .modalTitle {
    font-size: 3.75rem;
    /* padding: 1rem .5rem .5rem; */
    width: auto;
    font-family: "Druk Web", Impact, Arial Black, sans-serif;
    line-height: 3.75rem;
}

.modal p {
    margin: 1rem 0;
    text-align: center;
    line-height: 1.13;
    font-size: 1rem;
}

#hcpModal .modalBody {
    max-width: 100%;
}
.modalCloseButton {
    /* top: 1rem; */
    font-size: 2.85rem;
    font-family: "NeuzeitOfficePro-Bold", Arial;
}
.custom-select {
    position: relative;
    display: block;
    /* max-width: 445px; */
    /* min-width: 180px; */
    margin: 1rem auto 0;
    border: 3px solid #FFCB3D;
    background-color: #ffffff;
    z-index: 10;
    width: 100%;
}

.custom-select select {
    border: none;
    outline: none;
    background: transparent;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    margin: 0;
    display: block;
    width: 100%;
    padding: 12px 55px 15px 25px;
    /* font-size: 16px; */
    color: #952F6C;
    font-family: 'NeuzeitOfficePro-Regular';
}

.custom-select:after {
    position: absolute;
    right: 0px;
    top: 7px;
    height: 100%;
    width: 50px;
    line-height: 38px;
    content: "\25BE";
    text-align: center;
    color: #FFCB3D;
    font-size: 3rem;
    z-index: -1;
    font-weight: 600;
    transform: scaleX(1.5);
}
.modalDisclaimer {
    font-size: 1rem;
    text-align: center;
    margin-top: 2rem;
}

#vitaCareModal .modalContent {
    padding: 0 1.8rem 3rem;
}

#hcpModal.modal .modalTitle{
    margin: 0;
}


/* =================================================================================== //
                                                          d8b                   
                                                          Y8P                   
                                                                                
88888b.d88b.            .d88888 888  888  .d88b.  888d888 888  .d88b.  .d8888b  
888 "888 "88b          d88" 888 888  888 d8P  Y8b 888P"   888 d8P  Y8b 88K      
888  888  888          888  888 888  888 88888888 888     888 88888888 "Y8888b. 
888  888  888 d8b      Y88b 888 Y88b 888 Y8b.     888     888 Y8b.          X88 
888  888  888 Y8P       "Y88888  "Y88888  "Y8888  888     888  "Y8888   88888P' 
                            888                                                 
                            888                                                 
                            888
// ==================================================================================== */
@media (min-width: 411px) {

}


@media (min-width: 768px) {
    .modal {
        -webkit-align-items: flex-start;
        -moz-align-items: flex-start;
        -ms-align-items: flex-start;
        -o-align-items: flex-start;
        align-items: flex-start;
    }


    .modalContent {
        /* max-width: 730px; */
        padding: 3rem 0;
        /* top: 10%; */
    }

    #leavingSiteModal .modalCTA {
        margin: 2rem 3rem 0;
    }

    #leavingSiteModal .modalCancel {
        order: 0;
    }
    #leavingSiteModal .modalContent,#vitaCareModal .modalContent{
        top: 3rem;
    }
    .modalContent {
        /* top: 5%; */
        padding: 6rem 3.6rem 3rem;
        position: relative;
    }
    .md-regColor{
        color: #ffffff!important;
    }
    .modal p {
        font-size: .75rem;
    }

    #thankYouModal .modalContent {
        min-width: 600px;
    }

    #hcpModal .modalTitle {
        /* font-size: 3rem; */
        margin: 2rem 0 2rem;
    }

    #hcpModal .modalBody {
        max-width: 80%;
    }

    #talkToProvider .modalCloseButton {
        top: 0;
        right: 0;
    }

    .faqCallout .pinkButton {
        max-width: 285px;
    }
      .custom-select {
        width: 60%;
    }

    #vitaCareModal .modalContent {
        padding: 3rem 2rem 3rem;
        /* max-width: 700px; */
    }

    #vitaCareModal .modalTitle {
        font-size: 2.25rem;
        line-height: 1.2;
        margin-top: 2rem;
    }

    #vitaCareModal {
        max-width: 100%;
    }
    .custom-select {
        /* width: 60%; */
        margin: 1rem 0;
    }
    .modalDisclaimer {
        font-size: .9rem;
    }

    .modal .modalTitle {
        /* padding: 1rem 1rem 1.5rem; */
        margin: 0;
        /* padding: 1rem 0; */
        font-size: 3rem;
        line-height: 3.5rem;
    }
}

@media (min-width: 1024px) {
    .modalContent {
        /* width: 700px; */
        /* right: 12%; */
        padding: 8rem 18.5rem;
        /* top: 10%; */
    }
    .modal{
        overflow-y: auto;
    }
    .modal .modalTitle {
        font-size: 4.25rem;
        line-height: 4rem;
        padding: 0;
        letter-spacing: 2.5px;
    }
    #hcpModal .modalBody{
        max-width: 100%;
    }
    #leavingSiteModal .modalContent{
        padding: 8rem 12.75rem;
    }
    #vitaCareModal .modalContent {
        /* right: 12%; */
        padding: 8rem 4.5rem;
    }
    #vitaCareModal .modalTitle{
        font-size: 4.25rem;
        line-height: 4rem;
    }
    .modal p {
        font-size: .92rem;
    }
    .modalCloseButton {
        padding: 2rem;
    }
    #hcpModal.modal .modalTitle.textAltColor{
        margin-bottom: 3rem;
    }
    .modalCTA a{
        margin-bottom: 0;
    }
    .modalCTA a:first-of-type{
        margin-right: 2rem;
    }
    .modal{
        width: 80%!important;
    }
    .modalBackground{
        background-color: transparent;
        width: 20%;
    }
}

@media (min-width: 1300px) {

}

@media (min-width: 1440px) {
    #thankYouModal .modalBody {
        max-width: 80%;
    }

}

@media (min-width: 1500px) {
}

@media (min-width: 1920px) {

}

@media (min-width: 2560px) {
    #getWithPillPack a.modalConfirm {
        padding: .25rem 2rem;
    }
}

@supports (-webkit-overflow-scrolling: touch) {

    /* CSS specific to iOS devices */
    #leavingSiteModal,
    #vitaCareModal,
    #thankYouModal {
        cursor: pointer;
        /*workaround so iOS touch outside modal closes modal*/
    }
}