img {
    display: inline-block;
    width: 100%;
    max-height: 100%;
}

.hidden {
    height: 0px;
    width: 0px;
    overflow: hidden;
    opacity: 0;
    z-index: -9999;
}

.container {
    max-width: 100%;
}

.pointer {
    cursor: pointer;
}

.opaque {
    opacity: .5;
}

.not-disabled input,
.not-disabled input:disabled,
.not-disabled select,
.not-disabled select:disabled {
    background-color: #fff;
}

/* Show Test site for sites not live */
#test-overlay {
    position: fixed;
    top: 0px;
    left: 0px;
    width: 100%;
    height: 100%;
    z-index: 99;
    pointer-events: none;
    opacity: 0.1;
}
    #test-overlay h1{
        font-size: 39vh;
        text-align: center;
        margin-top: 25vh;
        transform: rotate(-45deg);
        color: black;
        -webkit-text-fill-color: black;
        -webkit-text-stroke-width: 4px;
        -webkit-text-stroke-color: white;
    }
@media (max-width: 769px) {
    #test-overlay h1{
        font-size: 20vh;
    }
}

.full-height {
    height: 100%;
}

.nav-container {
    background-color: #f2f2f2 !important;
}
    .nav-container.nav-link {
        border-color: #dee2e6 #dee2e6 #f2f2f2 !important;
    }

.img_container {
    position: relative;
    text-align: center;
    padding-bottom: 1.1em;
}
    .img_container video,
    .img_container img {
        max-width: 100%;
        max-height: 100%;
        width: initial;
    }
    .img_container .img_url {
        word-break: break-all;
        text-align: left;
    }

.page_title sub {
    display: block;
    font-size: .5em;
    line-height: .5em;
    color: var(--bs-secondary);
}