.blink {
    color: #000066 !important;
}
.blink:hover {
    color: #006600 !important;
}

.icon {
    font-size: 18px !important;
}


.linkbox-icon {
    height: 140px;
    display: flex;
    align-items: center;
    text-decoration: none !important;
    justify-content: center;
    color: #009933;
    background-color: #fff;
    border: 1px solid #009933;
}

.linkbox-icon > div {
    text-align: center;
}

.linkbox-icon span {
    display: block;
    margin-top: 10px;
}

.linkbox-icon i {
    line-height: 0;
    font-size: 60px !important;
}

.linkbox-icon:hover, .linkbox-icon:focus {
    background-color: #009933;
    color: #f4ee42 !important;
    font-weight:200 !important;
}

#pdf {
    width: 100%;
    height: 710px;
    margin: 2em auto;
    border: 3px solid #bdc3c7;
}

#pdf object {
        display: block;
        border: solid 1px #666;
        height: 100%;
        width: 100%;
}

#pdf a {
        color: #3852ef;
        text-decoration: underline;
    }
/* Keep carousel-item display behavior untouched (important for Bootstrap's JS).
       Use an inner wrapper to center/contain the image so we do not override
       the layout rules Bootstrap expects for sliding. */
    .carousel-item {
        height: auto; /* allow item height to follow image */
        overflow: hidden;
        background-color: #000; /* fallback color when object-fit:contain leaves gaps */
        padding: 0;
    }

    /* Wrapper inside each slide — safe to set flex here */
    .carousel-item .img-wrapper {
        display: flex;
        justify-content: center;
        align-items: center;
        width: 100%;
    }

        /* Target images inside the wrapper */
    .carousel-item .img-wrapper img {
        width: 100%; /* fill available width */
        height: auto; /* preserve aspect ratio */
        max-height: 60vh; /* prevent excessively tall images on large screens */
        object-fit: contain; /* show whole image without cropping */
        display: block;
    }

/* Tighter vertical size on small screens to keep carousel compact */
@media (max-width: 767.98px) {
    .carousel-item .img-wrapper img {
        max-height: 40vh;
    }
}