/*
    Created on : 11.02.2019, 11:44:59
    Author     : p.pfeufer
*/

@media all {
    #external-link-modal {
        background: rgba(0,0,0,0.8);
        position: fixed;
        top: 0;
        bottom: 0;
        left: 0;
        right: 0;
        z-index: 999;
    }

    .external-link-modal-outer {
        position: relative;
        top: 50%;
        transform: translateY(-50%);
        padding: 1rem;
    }

    .external-link-modal-inner {
        position: relative;
        overflow: auto;
        max-height: 85vh;

        background: rgb(255,255,255);
        border-radius: 0.25rem;
    }

    .external-link-modal-bodytext {
        font-size: 65%;
    }

    .external-link-modal-close {
        position: absolute;
        z-index: 1;
        top: 0;
        right: 0;
        cursor: pointer;
        padding: 1rem;
        font-size: 1.5rem;
        font-weight: 700;
        line-height: 1;
        color: #000;
        text-shadow: 0 1px 0 #fff;
        opacity: .5;
        background-color: transparent;
        border: 0;
        -webkit-appearance: none;
    }

    #external-link-modal h1 {
        font-size: 150%;
        margin: 1em 0;
    }
}

@media (min-width: 22.5em) {
    .external-link-modal-bodytext {
        font-size: 80%;
    }
}

@media (min-width: 47.5em) {
    .external-link-modal-outer {
        padding: 2rem;
    }

    .external-link-modal-bodytext {
        font-size: 100%;
    }
}

@media all and (min-width: 93.75em) {
    .external-link-modal-inner {
        padding-left: 2.5rem;
        padding-right: 2.5rem;
    }
}