/*
 * Structural compatibility for legacy microsite markup running on vNext.
 * Keep this file visual-light: page and component appearance belongs in the
 * corresponding vNext component/page stylesheet.
 */

.csh-vnext {
    margin: 0;
    overflow-x: hidden;
}

.csh-vnext #page-top,
.csh-vnext #page-content,
.csh-vnext #footer-content,
.csh-vnext section {
    position: relative;
}

.csh-vnext #page-content {
    min-height: 40vh;
}

.csh-vnext .container,
.csh-vnext .container-fluid {
    width: 100%;
    margin-right: auto;
    margin-left: auto;
    padding-right: clamp(1rem, 3vw, 2rem);
    padding-left: clamp(1rem, 3vw, 2rem);
}

.csh-vnext .container-fluid {
    max-width: var(--csh-content-width);
}

.csh-vnext .form-inline,
.csh-vnext .form-inline .form-group {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
}

.csh-vnext .form-inline .form-control {
    width: auto;
}

.csh-vnext .pr-1 { padding-right: .25rem; }
.csh-vnext .pr-2 { padding-right: .5rem; }
.csh-vnext .pr-3 { padding-right: 1rem; }
.csh-vnext .pl-1 { padding-left: .25rem; }
.csh-vnext .pl-2 { padding-left: .5rem; }
.csh-vnext .pl-3 { padding-left: 1rem; }

.csh-vnext .twitter-typeahead,
.csh-vnext .tt-input,
.csh-vnext .tt-hint {
    width: 100%;
}

.csh-vnext .tt-menu {
    z-index: 1060;
    width: 100%;
    margin-top: .25rem;
    padding: .5rem;
    background: var(--csh-surface);
    border: 1px solid var(--csh-border);
    border-radius: var(--csh-radius-sm);
    box-shadow: var(--csh-shadow);
}

.csh-vnext .tt-suggestion {
    padding: .55rem .7rem;
    border-radius: .4rem;
    cursor: pointer;
}

.csh-vnext .tt-suggestion:hover,
.csh-vnext .tt-suggestion.tt-cursor {
    background: var(--csh-surface-muted);
}

.csh-vnext .swiper,
.csh-vnext .swiper-wrapper,
.csh-vnext .swiper-slide {
    min-width: 0;
}

.csh-vnext .swiper {
    width: 100%;
    overflow: hidden;
}

.csh-vnext #overlay {
    display: none;
    position: fixed;
    inset: 0;
    z-index: 1040;
    background: rgba(10, 15, 20, .62);
}

.csh-vnext #page-footer .row {
    row-gap: 1.5rem;
}

.csh-vnext #page-footer address {
    margin: 0;
    color: rgba(255, 255, 255, .75);
    font-style: normal;
    line-height: 1.75;
}

.csh-vnext #logo_footer {
    display: block;
    width: auto;
    max-width: min(100%, 280px);
    max-height: 92px;
    padding: .65rem .8rem;
    background: rgba(255, 255, 255, .94);
    border-radius: var(--csh-radius-sm);
    object-fit: contain;
}

.csh-vnext .footer-links + .footer-links {
    margin-top: .45rem;
}

.csh-vnext #social-icons {
    display: flex;
    justify-content: flex-end;
    flex-wrap: wrap;
    gap: .55rem;
    margin: 0 0 1.25rem;
    padding: 0;
}

.csh-vnext #social-icons li {
    display: inline-flex;
    margin: 0;
}

.csh-vnext #social-icons a {
    display: grid;
    place-items: center;
    width: 42px;
    height: 42px;
    border: 1px solid rgba(255, 255, 255, .2);
    border-radius: 50%;
    background: rgba(255, 255, 255, .08);
    text-decoration: none;
}

.csh-vnext #social-icons a:hover,
.csh-vnext #social-icons a:focus {
    color: #ffffff;
    background: rgba(255, 255, 255, .18);
    border-color: rgba(255, 255, 255, .55);
    transform: translateY(-2px);
}

.csh-vnext #social-icons a:hover > div,
.csh-vnext #social-icons a:focus > div,
.csh-vnext #social-icons a:hover i,
.csh-vnext #social-icons a:focus i {
    color: #ffffff !important;
    background: transparent !important;
}

.csh-vnext #realtor_legal {
    width: auto;
    max-width: min(100%, 165px);
    height: auto;
}

.csh-vnext #copyright,
.csh-vnext #top-link,
.csh-vnext .footer-text-smaller {
    color: rgba(255, 255, 255, .66);
    font-size: .78rem;
}

@media (max-width: 767.98px) {
    .csh-vnext .form-inline,
    .csh-vnext .form-inline .form-group {
        align-items: stretch;
        flex-direction: column;
    }

    .csh-vnext .form-inline .form-control,
    .csh-vnext .form-inline .btn {
        width: 100%;
    }

    .csh-vnext #page-footer .footer-column,
    .csh-vnext #page-footer .text-right,
    .csh-vnext #page-footer .text-center {
        text-align: left !important;
    }

    .csh-vnext #social-icons {
        justify-content: flex-start;
    }
}