/*******************************************************
 *
 * General
 *
 *******************************************************/

h1.entry-title {
    display: none !important;
}

/* Same full-bleed wrapper treatment as listing-details.scss */
#inner-page-wrapper .max-container {
    max-width: 100%;
    padding: 0;
}

/*******************************************************
 *
 * Sticky enablement (do not change banner HTML structure)
 *
 * listing-details.css already has:
 *   .overlay { display:flex; align-items:center }
 *   .overlay--inner { position:sticky; top:30% }
 *
 * That flex centering cancels sticky in Chromium, and
 * #main-wrapper { overflow:clip } from global.css can too.
 *
 *******************************************************/

body.aios-custom-ihomefinder-details-template main,
body.ip-ihf-listing-details main,
body.aios-custom-ihomefinder-details-template #inner-page-wrapper,
body.ip-ihf-listing-details #inner-page-wrapper {
    overflow: visible !important;
}

.slick-slider .slick-list, .slick-slider .slick-track {
    height: 100%;
}

/* Keep listing-details sticky rules; only undo the flex killer */
.ip-listing-details__banner--overlay {
    align-items: flex-start;
}

.ip-listing-details__banner--overlay--inner {
    position: sticky !important;
    top: 30% !important;
    align-self: flex-start;
    width: max-content;
    max-width: calc(100% - 30px);
    margin-left: auto;
    margin-right: auto;
}

/*******************************************************
 *
 * Banner details row (address left / price right)
 *
 *******************************************************/

.ip-listing-details__banner--title {
    width: 100%;
    text-align: center;
    /* white-space: nowrap; */
}

.ip-listing-details__banner--details {
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: space-between;
    gap: 24px;
    width: 100%;
    margin-top: 10px;
}

.ip-listing-details__banner--address {
    flex: 1 1 auto;
    text-align: left;
    text-transform: uppercase;
}

.ip-listing-details__banner--price {
    flex: 0 0 auto;
    text-align: right;
    white-space: nowrap;
}

#ihf-great-schools-widget{
    margin-top: 10px;
}

@media screen and (min-width: 1024px) {
    .ip-listing-details__banner--overlay--inner {
        max-width: calc(100% - 100px);
    }

    .ip-listing-details__banner--details {
        gap: 1.5vw;
        margin-top: 0.4vw;
    }
}

@media screen and (max-width: 743px) {
    .ip-listing-details__banner--title {
        white-space: normal;
    }

    .ip-listing-details__banner--details {
        flex-direction: column;
        align-items: center;
        gap: 10px;
    }

    .ip-listing-details__banner--address,
    .ip-listing-details__banner--price {
        text-align: center;
    }
}

/*******************************************************
 *
 * Banner virtual tour (YouTube / Vimeo embed)
 *
 *******************************************************/

.ip-listing-details__banner--video iframe {
    position: fixed;
    top: 50%;
    left: 50%;
    width: 100vw;
    height: 56.25vw; /* 16:9 */
    min-height: 100%;
    min-width: 177.78vh; /* 16:9 */
    border: 0;
    transform: translate(-50%, -50%);
    pointer-events: none;
    background-color: #aeaeae;
}