/* Custom Modal Utils */
/* ----------------------------------------- */
.responsive-scrolling-modal-content {
    max-height: 70vh; /* for older browsers */
    max-height: calc(100vh - 100px);
    overflow-y: auto;
}
.responsive-scrolling-modal-content .modal-body {
    position: unset;
}





/* Modal Style Overrides */
/* ----------------------------------------- */
.modal-header .close {
    /*padding: 1rem 1rem;*/
    /*margin: 0 -1rem 0 auto;*/
    margin: 0 -1rem 0 0;
}

/* @ref: https://weblog.west-wind.com/posts/2016/sep/14/bootstrap-modal-dialog-showing-under-modal-background */
/* fixes conflict with the sticky footer */
/* @update: not necessary after move modals to just before body tag */
.modal-backdrop {
    /*display: none;*/
}
.modal {
    /*background: rgba(0,0,0,0.5);*/
}




/* Modal Sizing Overrides */
/* ----------------------------------------- */
@media (min-width: 992px) {
}
@media (min-width: 576px) {
    .modal-lg, .modal-xl {
        /* the intention was to add this, but had to add everything below */
        max-width: 640px;
    }
}
@media (min-width: 992px) {
    .modal-dialog {
        max-width: 550px;
    }
    .modal-lg, .modal-xl {
        max-width: 800px;
    }
}
@media (min-width: 1200px) {
    .modal-xl {
        max-width: 1140px;
    }
}




/* X-Browser Mods */
/* ----------------------------------------- */
/* header collapses in funny way when iOS(9&11) safari nav items are toggled (upon up=scroll) */
.safari.mobile .modal-header .container {
    padding-bottom: 0.5rem;
}