/* custom css that can be changed between deployments via a dev-ops script */

img.brand-logo {
    content: url("/images/brand-icap.png");
    max-width: 160px;
    margin-top: 6px;
    margin-left: -15px;
    opacity: 0.5;
}

img.brand-logo-home {
    content: url("/images/home-icap.png");
    max-width: 80%;
}

img.brand-logo-logged-out {
    content: url("/images/loggedout-icap.png");
    max-width: 80%;
}

.bg-welcome {
    top: 0px;
    background-image: url("/images/background-icap-text.jpg");
    background-color: #303030;
    width: 100%;
    height: 100vh;
    background-repeat: no-repeat;
    background-position: top center;
    background-size: cover;
}

@media (max-width: 991px) {
    .bg-welcome {
        background-image: url("/images/background-icap-notext.jpg");
        position: fixed;
        z-index: -1;
    }
}

.bg-logged-out {
    position: fixed;
    top: 0;
    left: -1px;
    background-image: url("/images/background-icap-notext.jpg");
    background-color: #303030;
    width: 100%;
    height: 100vh;
    background-repeat: no-repeat;
    background-position: top left;
    background-size: cover;
}