tour.css

/* Styles for intro page. */
.tour-header {
    background-color: #ab0520;
    color: white;
    font-size: 24px;
    font-family: MiloSerifWeb, TimesNewRoman, "Times New Roman", Times, Baskerville, Georgia, serif;
}

.tour-how-hdr {
    font-weight: bold;
}

#tour-title {
    margin-top: 30px;
    margin-bottom: 20px;
}

#tour-subtitle {
    margin-top: 24px;
    margin-bottom: 16px;
}


/* Styles for warning popout iframe. */

.warnFrameLeft {
    border: black solid 2px;
    box-sizing: content-box;
    height: 80%;
    left: 30%;
    margin: 0px;
    padding: 0px;
    position: absolute;
    top: 10%;
    width: 640px;
}

.danger {
    color: red;
}

.heavy {
    font-weight: bold;
}

.no-padding {
    padding: 0 !important;
}

#warn-popup {
    background-color: #ffe7e7;
}

#warn-container {
    height: 100%;
    width: 100%;
    padding: 0px;
}

#warn-title-row {
    margin: 0px;
    width: 100%;
    text-align: center;
}

#warn-title {
    background-color: #2f2f2f;
    color: yellow;
    padding: 10px 0px;
}

#warn-body-row {
    margin: 20px;
}

#warn-image-row {
    margin-left: auto;
    margin-right: auto;
    margin-bottom: 20px;
    padding: 0px;
}

#warn-image {
    width: 80%;
    margin-left: auto;
    margin-right: auto;
    height: auto;
}


/* Styles for Zoom page modals. */

#close-btn-col-z {
    background-color: white;
    padding: 0px 12px 0px 12px;
}

#close-btn-z {
    margin: 0px 0px 0px 0px;
    --bs-btn-close-opacity: 0.75;
    height: 2em;
    width: 2em;
}

#zoom-body {
    /* background-color: #bfffff; */
    background-color: #4f4f4f;
}

.zoomer {
    /* margin: 0px 0px 0px 40px; */
    margin: 0px;
    padding: 0px;
}

.zoom-image-size {
    max-width: 100%;
    max-height: 100%;
}

.zoom-title {
    color: white;
    margin: 0px;
    text-align: center;
}

.zoom-size {
    max-width: 989px;
}

.btn-row {
    margin: 15px 0px 10px 4px;
}

.btn-custom-violet {
    --bs-btn-color: #000;
    --bs-btn-bg: #ef7fef;
    --bs-btn-border-color: #cf5fcf;
    --bs-btn-hover-color: #000;
    --bs-btn-hover-bg: #cf5fcf;
    --bs-btn-hover-border-color: #bf4fbf;
}

.info-btn {
    margin: 0px 3px 0px 0px;
    padding: 6px 8px;
    --bs-btn-focus-shadow-rgb: 255, 255, 255;
}

.center-text {
    text-align: center;
}

.modal-content {
    --bs-modal-bg: #bfffff;
    box-sizing: content-box;
}

.modal-header {
    border-bottom-style: none;
    padding: 8px 16px;
}

.modal-body {
    padding: 8px 24px 16px 24px;
}

.mod-image {
    width: auto;
}

.mod-image-div {
    margin-top: 0px;
    margin-left: auto;
    margin-right: auto;
}

.modal-switch-btn {
    margin-right: 8px;
}