/* @group Homes List / Map
------------------------------------ */
.homes-list {}

.homes-list .bttn {
    padding: 2.25rem 2rem;
}

/* List Results
----------------------*/
.homes-results {
    margin: 0 0 3rem;
}

.homes-results p,
#noResults {
    color: var(--blue);
    font-size: 1.5em;
    font-weight: var(--font-weight-bold);
    line-height: 1.46em;
}

#noResults {
    padding: 0 4rem;
}

/* List Item
----------------------*/
.homes-item {
    margin-bottom: 2rem;
}

.homes-item .box {
    color: var(--blue);
    display: flex;
    flex-direction: column;
    height: 100%;
    border: .2rem solid var(--orange);
    border-bottom-left-radius: 1.5rem;
    border-bottom-right-radius: 1.5rem;
    overflow: hidden;
}

.homes-item .img-box {
    height: 15rem;
    margin: 0 0 3rem;
    overflow: visible;
}

.homes-item .img-box p {
    background: var(--orange) none;
    color: var(--ivory);
    font-size: 1.5em;
    line-height: 1.46em;
    padding: .4rem 2.1rem;
    position: absolute;
    top: -.2rem;
    right: 0;
    border-bottom-left-radius: 1.5rem;
    border-top-left-radius: 1.5rem;
}

.homes-item .content {
    padding: 0 2.1rem;
}

.homes-item .content p {
    font-size: 1.5em;
    font-weight: var(--font-weight-normal);
    line-height: 1.46em;
}

.homes-item .content h3 {
    font-size: 2.6em;
    font-weight: var(--font-weight-medium);
    letter-spacing: -0.056rem;
    line-height: 1.2em;
}

.homes-item .content h4 {
    font-size: 1.5em;
    font-weight: var(--font-weight-bold);
    line-height: 1.46em;
    margin: 0 0 1rem;
}

.homes-item .content ul {
    margin: 1rem 0 3rem;
    list-style: none;
    padding: 0;
}

.homes-item .content li {
    display: inline-block;
    font-size: 1.5em;
    font-weight: var(--font-weight-bold);
    line-height: 1.46em;
}

.homes-item .content li::before {
    content: '/';
    margin: 0 .2rem;
}

.homes-item .content li:first-child::before {
    content: none;
}

.homes-item footer {
    background: var(--orange) none;
    height: 5.6rem;
    padding: 0 1.9rem 0 2.4rem;
    margin: auto 0 0;
}

.homes-item footer p {
    color: var(--ivory);
    font-size: 1.5em;
    font-weight: var(--font-weight-bold);
    line-height: 1.46em;
    text-transform: uppercase;
    transition: text-indent .3s linear;
}

@media only screen and (min-width : 961px) {
    .homes-list>.row {
        max-width: none;
        width: calc(100% + 1.8rem);
        position: relative;
        left: -.95rem;
    }

    /* List Results
  ----------------------*/
    .notification {
        padding-bottom: 3rem;
    }



    /* List Item
  ----------------------*/
    .homes-item {
        padding: 0 .95rem;
    }

    .homes-item .items {
        padding-bottom: 9.1rem;
    }
    .homes-item .img-box {
        height: 21.6rem;
        margin: 0 0 2.3rem;
    }

    .homes-item .content {
        padding: 0 2.4rem;
    }

    .homes-item .content h3 {
        text-wrap: balance;
    }

    .homes-item .content h4 {
        margin: 0 0 .7rem;
    }

    .homes-item .content ul {
        margin: 2.3rem 0 3.3rem;
    }

    .homes-item .box:hover,
    .homes-item .box:hover {
        transform: scale(1.025);
    }

    .homes-item .box footer p:hover {
        text-indent: .8rem;
    }

    @media (hover: hover) {
        .homes-item .box:hover {
            -webkit-transform: scale(1.025);
            transform: scale(1.025);
        }

        .homes-item .box footer p:hover {
            text-indent: .8rem;
        }
    }
}

@media only screen and (min-width : 961px) and (max-width : 1440px) {}

@media only screen and (min-width : 0) and (max-width : 960px) {
    .homes-list .homes-item {
        padding: 0;
    }
    .notification {
        padding-bottom: 3rem;
        padding-inline: 4rem;
    }
}

/* @end */