/* Show the four homepage cards before any scroll event. */
#pagearea .container {
    visibility: visible !important;
    animation: none !important;
}

/* Reserve the first photo's 2944 x 2144 frame before the images load. */
.slider-main #slider {
    aspect-ratio: 92 / 67;
}

/* Size the main image and every transition layer to the same frame. */
.slider-main #slider img {
    width: 100%;
    /* Nivo writes inline heights during transitions. */
    height: auto !important;
    aspect-ratio: 92 / 67;
    object-fit: cover;
}

/* Keep the reservation widget over the photos, below the site header. */
.slider-main.corked-has-reservations {
    min-height: var(--corked-hero-min-height, 440px);
}

.slider-main > .corked-reservations {
    position: absolute;
    top: 110px;
    left: 12px;
    z-index: 20;
    float: none;
    width: 220px;
    max-width: calc(100% - 24px);
    margin: 0;
}

.slider-main > .corked-reservations iframe {
    display: block;
    max-width: 100%;
}

.slider-main > .corked-reservations pre {
    max-width: 100%;
    box-sizing: border-box;
    white-space: pre-wrap;
}

/* Fill the background behind the whole widget on narrow screens. */
.slider-main.corked-has-reservations #slider,
.slider-main.corked-has-reservations #slider img {
    min-height: var(--corked-hero-min-height, 440px);
}

@media screen and (max-width: 980px) {
    .slider-main.corked-has-reservations .nivo-caption {
        top: var(--corked-reservations-height, 440px);
        bottom: auto !important;
        width: calc(100% - 24px);
    }
}