/* Property Search */

.property-search .clear-search {
    margin:0 0 0 .5em;
}

.property-search form {
    margin:0;
}

    .property-search select {
        width:100%;
        border:none;
        -webkit-appearance:menulist;
        background:linear-gradient(to bottom, #eee, #ddd);
    }

    .property-search .button {
        margin:.5em 0 0;
    }

.property-search-options, .property-search-options li {
    list-style:none;
    margin:0;
    padding:0;
}

    .property-search-options li {
        padding:0 .75em .5em 0;
        display:inline-block;
        vertical-align:bottom;
        width:25%;
    }

        .property-search-option.property-search-option-bedrooms, .property-search-option.property-search-option-buying-renting {
            display:none;
        }

        li.property-search-option-suburb {
            padding-right:0;
        }

    .property-search-options label {
        display:block;
        margin:0 0 .2em;
        line-height:1.25em;
    }

        .property-search-option-buying-renting label {
            display:inline-block;
            margin:0 .75em 0 0;
        }

    .property-search-option-buying-renting input {
        margin-right:.1em;
    }

/* Low width styles (i.e. mobile & widget widths) */

.cta .property-search {
    margin:0;
}
    
    /* This should never display on the front page - but if it does... */
    .cta .clear-search {
        display:none;
    }

    .cta .property-search-option.property-search-option-buying-renting {
        display:block;
    }

    .cta .property-search-option {
        width:100%;
    }

        .cta .property-search-option-min-price, .cta .property-search-option-max-price {
            width:50%;
        }

            .cta .property-search-option-min-price {
                padding-right:.75em;
            }


@media (max-width:750px) {

    .property-search-options li {
        width:50%;
    }

        li.property-search-option-max-price {
            padding-right:0;
        }

        li.property-search-option-suburb, li.property-search-option-property-type {
            width:100%;
            padding-right:0;
        }

}

@media (max-width:500px) {
    .property-search-options li {
        width:100%;
        padding:0;
        margin:0 0 .75em;
    }
}

/* Property Results */

/* Pagination */

.propertor-pagination {
    margin:.75em 0;
    padding:.25em .75em;
    background:#eee;
    overflow:hidden;
}

    .propertor-pagination * {
        display:inline-block;
        margin:.25em .5em .25em 0;
    }
    
    .propertor-pagination-links, .propertor-pagination-links li {
        list-style:none;
        margin:0;
        padding:0;
    }

    .propertor-pagination-title {
        margin:0 .65em 0 0;
        font-weight:bold;
        line-height:1.3em;
    }

    .propertor-pagination a {
        border-color:#fff;
        background:#fff;
        border: 1px solid #fff;
        padding: 4px 8px;
        text-align: center;
        text-decoration: none;
    }
        
        .propertor-pagination a:hover {
            background:#eee;
            border-color:#eee;
        }

        a.propertor-pagination-current, a.propertor-pagination-current:hover {
            font-weight:bold;
            color:#fff;
            background:#333;
            border-color:#333;
        }


/* Property listings */

.property-results, .property-results li {
    list-style:none;
    margin:0;
    padding:0;
}

    .property-results>li {
        border-bottom:5px solid #eee;
        padding:1.25em 0 1em;
    }

        .property-results>:first-child {
            padding-top:0;
        }

        .property-results>:last-child {
            padding-bottom:0;
            border-bottom:none;
        }

        .property-results a {
            text-decoration: none;
        }

        .property-image {
            margin:0 0 .75em;
            position:relative;
            overflow: hidden;
            float:left;
        }

            .property-image .property-status, .property-main-image .property-status {
                display: block;
                position: absolute;
                top: 20%;
                left: -28%;
                padding: .4em .75em;
                color: #fff;
                background: #333;
                font-size: .75em;
                font-weight:bold;
                line-height: 1;
                text-align: center;
                -moz-transform: rotate(-45deg);
                -webkit-transform: rotate(-45deg);
                transform: rotate(-45deg);
                -moz-transform-origin: 50% 50%;
                -webkit-transform-origin: 50% 50%;
                transform-origin: 50% 50%;
                width: 100%;
            }

                .property-main-image .property-status {
                    font-size:1em;
                }

                    @media (min-width:750px) {
                        .property-main-image .property-status {
                            top:25%;
                            left:-35%;
                            font-size:1em;
                        }
                    }

            .no_image, .property-image img {
                display:block;
                background:#eee;
                margin:0;
            }

                .no_image {
                    font-size:1.15em;
                    text-align:center;
                    line-height:160px;
                    padding:0 1em;
                }

        .property-meta div {
            border-bottom:2px solid #eee;
            padding:.25em 0;
        }

            .property-meta h2 {
                margin:0;
            }

            /* position:absolute so this will sit above the image gallery */
            .property-features {
                margin:0 0 .25em;
            }

                .single-property .property-features {
                    position:absolute;
                    top:0;
                    left:0;
                    z-index:10;
                    padding:.4em .75em;
                    background:#fff;
                    background:rgba(255,255,255,0.85);
                }

                .property-features dt, .property-features dd {
                    font-weight:bold;
                    display:inline-block;
                    height:24px;
                    line-height:24px;
                }

                    .property-feature-title {
                        width:26px;
                        margin:0 .2em 0 .75em;
                        text-indent:-9999px;
                        background:url(../img/property-features-sprite.png) no-repeat;
                    }

                        .property-feature-title:first-child {
                            margin-left:0;
                        }

                        dt.property-feature-bedrooms {
                            background-position:0 -48px;
                            margin-right:.35em;
                        }

                        dt.property-feature-bathrooms {
                            background-position:0 -24px;
                        }

                        dt.property-feature-garages {
                            margin-right:.35em;
                        }

                        dt.property-feature-landarea {
                            background:none;
                            text-indent:0;
                            width:auto;
                            clear:left;
                        }

                    dd.property-feature-landarea {
                        font-weight:normal;
                    }

            .property-meta div:first-child {
                padding-top:0;
            }

            .property-meta div:last-child {
                padding-bottom:0;
                border-bottom:none;
            }

            .property-price-status {
                font-weight:bold;
            }

        .property-details h3, .property-details h4 {
            margin:0 0 .5em;
        }

            .property-results h4 {
                font-weight:normal;
            }

        .property-details p {
            margin:0 0 .75em;
        }

        .property-details .button {
            font-size:.9em;
            display:block;
            margin:.5em 0 .5em;
            overflow:hidden;
        }

@media (min-width:750px) {

    /* 3 column layout */

    /*section*/.property-meta {
        float:left;
    }

        .property-image {
            width:220px;
            margin-right:-205px;
        }

        .property-meta {
            width:230px;
            margin-left:220px;
        }

    /*section*/.property-details {
        padding:0 0 0 480px;
    }

    .property-results .button {
        float:right;
        margin:0 0 .5em .75em;
    }

}

@media (max-width:750px) {

    .property-meta {
        margin:1em 0;
        clear:both;
    }

    .property-details {
        display: -webkit-box; /* Initiate flexbox */
        display: -moz-box;
        display: -ms-flexbox;
        display: -webkit-flex;
        display: flex;
        -moz-box-orient:vertical; /* Establishes the direction of reordering - we want the y-axis */
        -webkit-box-orient:vertical;
        -webkit-flex-direction: column;
        -ms-flex-direction: column;
        flex-direction: column;
    }

        /* Make button go to bottom of property-details */
        .property-details .button {
            -moz-box-ordinal-group: 99;
            -webkit-box-ordinal-group:99;
            -ms-flex-order:99;
            -webkit-order: 99;
            order: 99;
        }

}

@media (max-width:500px) {

    .single-property .property-features {
        position:static;
    }

}


/* Property Single Template */

.property-address-title {
    margin:0 0 .5em;
}

.property-map-container {
    height:400px;
    margin:1.5em 0;
}

    .property-map-container img {
        max-width:none;
    }

.image-wrap {
    position: relative;
    max-width:1100px;
    margin:1em auto;
}

    .main-image div>img { max-height: 700px; margin:0 auto; }

    .main-image {
        margin-bottom:1em;
        position:relative;
        overflow:hidden;
    }

        .columned .main-image {
            float: left;
            width: 70.5%;
        }

    .columned .image-list {
        float: right;
        width: 28%;
    }

        /* Propertor slick style overrides */
        .image-list.image-list .slick-slide {
            cursor:default;
        }

            .slick-disabled .image-list .object-thumbnail {
                float:none;
                margin:0;
            }

            .image-list.image-list .object-thumbnail>div, .image-list.image-list .slick-slide>div {
                overflow:hidden;
                cursor:pointer;
                float:left;
                width:50%;
            }

            .image-list img {
                cursor:pointer;
                display:block;
                margin:0 auto 4%;
            }

                @media (min-width:750px) {

                    .image-list img {
                        margin:0 0 4%;
                    }

                    .columned .image-list div:nth-child(2n)>img {
                        float:right;
                    }

                }

    @media (max-width:750px) {

        .main-image.main-image, .image-list.image-list {
            width:100%;
        }

            /* Some padding for the navigation arrows */
            .image-wrap .image-list.slick-slider {
                clear:both;
            }

            .image-list.image-list .object-thumbnail>div, .image-list.image-list .slick-slide>div {
                width:33.3%;
            }

        .property-map-container, .image-gallery, .image-wrap .no_image {
            padding-right:0;
        }

        .image-list .gallery-item {
            width:25%;
        }

        .image-gallery .gallery a {
            display:block;
        }

        .property-map-container {
            height:350px;
            margin:1.92% 0 0;
        }

    }

    @media (max-width:500px) {
        .image-list.image-list .object-thumbnail>div, .image-list.image-list .slick-slide>div {
            width:50%;
        }
    }

/* Main property description */

.property-description {
    margin:1.5em 0 0;
    clear:both;
}

    .property-content {
        width:75%;
        float:left;
    }

    .property-description h2, .property-content :first-child {
        margin-top:0;
    }

/* Agent info box */

.property-agent-info {
    float:right;
    width:20%;
    word-break:break-word;
    margin:0 0 1em;
}

    .property-agent-title.property-agent-title {
        display:none;
    }

    .property-agents, .property-agent, .agent-meta, .agent-meta li {
        list-style:none;
        margin:0;
        padding:0;
    }

        .property-agent {
            border-bottom:2px solid #ddd;
            padding:1em 0;
        }

            .property-agent:first-child {
                padding-top:0;
            }

            .property-agent:last-child {
                border-bottom:none;
                padding-bottom:0;
            }

            .agent-title {
                margin:0 0 .75em;
            }

                .agent-name {
                    margin:0;
                }

                .agent-logo {
                    display:block;
                    margin:0 0 .5em;
                }

                    @media (max-width:500px) {
                        .agent-logo {
                            max-width:150px;
                        }
                    }

            .agent-meta {
                margin:.75em 0 0;
            }

                .agent-meta .agent-email {
                    margin:.5em 0 0;
                }

@media (max-width:900px) {

    .property-content {
        width:70%;
    }

    .property-agent-info {
        width:25%;
    }

}

@media (max-width:500px) {

    .property-content, .property-agent-info {
        width:100%;
    }

}