@charset "UTF-8";
/* CSS Document
-----------------------------------------------------
The Rent Roll Broker
URL: http://www.therentrollbroker.com.au/

Enabled http://www.enabled.com.au
Design by Josh Rogers and HTML/CSS by Nola Falk / Enabled Solutions

------------------------------------------------------ */

body#listings{
    background-color: #F2F6F8;
}

.listings-body-container {
    padding-bottom: 30px;
}

.listing-breakdown h4,
.listing-preview h4,
.listing-fulldetails h4{
    font-size: 12px;
    text-transform: uppercase;
    color: #ACB7D8;
}

.listing-breakdown ul.key{
    margin: 0;
    padding: 0;
    list-style: none;
    list-style-type: none;
}

.listing-breakdown li{
    float: left;
    display: inline-block;
    text-transform: uppercase;
    padding: 0;
    margin: 0 20px 0 0;
}

.listing-breakdown ul.key h4{
    font-size: 12px;
    text-transform: uppercase;
    color: #384047;
}

.listing-breakdown ul.key h4:before{
    height: 12px;
    width:  12px;
    margin-top: 2px;
    margin-right: 5px;
    content: "";
    float: left;
    display: inline-block;
}

.listing-breakdown ul.key li:nth-child(1) h4:before,
.bar-residential{
    background-color: #3DC7F4;
}

.listing-breakdown ul.key li:nth-child(2) h4:before,
.bar-commercialindustrial{
    background-color:#F9AB58;
}

.listing-breakdown ul.key li:nth-child(3) h4:before,
.bar-holiday{
    background-color:#4EBA85;
}

.listing-breakdown ul.key li:nth-child(4) h4:before,
.bar-stratacommunity{
    background-color: #D361CA;
}

.listing-preview{
    background-color: #FFF;
    border: 1px solid #DEE7EB;
    margin-top: 20px;
    margin-bottom: 20px;
    font-family: 'Quicksand', sans-serif;
}

.listing-preview .row:nth-of-type(1){
    padding: 30px 20px 10px 20px;
}

.listing-preview .row:nth-of-type(2){
    padding: 0 20px 10px 20px;
}

/* ----- asking price ----- */

.listing-askingprice {
    display: inline-block;
    margin-right: 100px;
}

.listing-askingprice p {
    text-transform: uppercase;
    font-weight: 500;
    margin-bottom: 10px;
    display: inline-block;
}
.listing-price{
    font-size: 34px;
    color: #925FC6;

}
.listing-currency{
    font-size: 20px;
    color: #ACB7D8;
    margin-left: 5px;
}
.listing-askingprice h4 {
    margin-top: 0;
}

@media only screen and (max-width: 767px) {
    .listing-askingprice {
        margin-right: 20px;
    }
    .listing-askingprice p {
        margin-bottom: 5px;
    }
    .listing-price {
        font-size: 22px;
    }
    .listing-currency {
        font-size: 18px;
    }
}
/* ----- status ----- */

.listing-status{
    display: inline-block;
    vertical-align: top;
    text-transform: uppercase;
    font-size: 34px;
    font-weight: 500;
    line-height: 1.0;
}

.listing-status .sold{
    color: #D0011B;
}

.listing-status .under-contract{
    color: #FCAB53;
}

@media only screen and (max-width: 767px) {
    .listing-status {
        font-size: 20px;
    }
    .listing-askingprice h4{
        margin-top: 0;
    }
}


/* ----- details link ----- */

.listing-detailslink{
    text-align: right;
}

.listing-detailslink .arrow-details{
    font-size: 40px;
    color: #ACB7D8;
    margin-bottom: 10px;
}

@media only screen and (max-width: 767px) {
    .listing-detailslink .arrow-details {
        font-size: 14px;
    }
}

/* ---- listing region ----- */

.listing-regionarea,
.listing-size,
.listing-percentage,
.listing-gross,
.listing-rent,
.listing-fee{
    font-weight: 500;
    font-size: 24px;
    color: #2D4562;
    margin-bottom: 10px;
}

.listing-preview h4 {
    margin-top: 0px;
}

@media only screen and (max-width: 767px) {
    .listing-regionarea,
    .listing-size,
    .listing-percentage,
    .listing-gross,
    .listing-rent,
    .listing-fee{
        font-size: 20px;
        margin-bottom: 5px;
    }
}

.listing-refnumber{
    font-weight: 500;
    font-size: 24px;
    color: #A9B1CA;
    text-transform: uppercase;
}

/* ---- listing bar ----- */

.listing-bar .bar{
    margin-top: 10px;
    white-space: nowrap;
    overflow: hidden;
}

.listing-bar .bar div{
    display: inline-block;
    height: 32px;
    overflow: hidden;
}

.listing-bar .bar .bar-text{
    color: #FFF;
    font-weight: 400;
    font-size: 24px;
    text-align: center;
    padding: 5px 10px;
    width: 100%;
}

/* Trick to make text on second line "disappear" if text wraps inside bar.
   This gives the desired effect of only the percentage being shown in the bar
   if the label for the property type won't fit in the bar's width. */
.listing-bar .bar .bar-text{
    line-height: 2;
}

.listing-bar .bar .bar-text:first-line {
    line-height: 1;
}




/* Reduce bar size and add padding on small screens. */
@media only screen and (max-width: 767px) {
    .listing-bar .bar {
        padding: 20px;
    }
    .listing-bar .bar div {
        height: 16px;
    }
    .listing-bar .bar .bar-text {
        display: none;
    }
}


/*----- listing index sort-by form and pagination ---- */

.num-results-summary {
    color: #333;
}

.listing-sortby{
    margin-top: 20px;
    margin-bottom: 30px;
}

.listing-sortby label {
    font-weight: normal;
    color: #333;
    margin-right: 10px;
}

.listing-sortby select.form-control{
    height: 55px;
    padding: 15px 25px;
    min-width: 200px;
    margin-right: 20px;
    font-size: 18px;
    line-height: 1.42857143;
    color: #2D4562;
    background-color: #fff;
    background-image: none;
    border: 1px solid #DEE7EB;
    border-radius: 4px;
    -webkit-box-shadow: none;
    box-shadow: none;
    -webkit-transition: border-color ease-in-out .15s;
    -o-transition: border-color ease-in-out .15s;
    transition: border-color ease-in-out .15s;
}

.listing-sortby .btn-default{
    background-color: #BA77FF;
    border: 1px solid #BA77FF;
    color: #FFF;
    font-size: 18px;
}

@media only screen and (max-width: 767px) {
    .listings-body-container {
        padding: 0 15px;
    }

    .listing-sortby .btn-default {
        width: 100%;
        margin-top: 20px;
    }
}

.pagination-container {
    text-align: center;
}

.pagination-container .pagination>li {
    display: inline-block;
    margin: 0 15px;
}

.pagination-container .pagination>li>a,
.pagination-container .pagination>li>span {
    border-radius: 5px;
    border: 1px solid #DEE6EB;
    height: 60px;
    width: 60px;
    padding-top: 17px;
    color: #2D4562;
    font-family: 'Quicksand', sans-serif;
    font-weight: 500;
}

/* Reduce pagination controls on small screens. */
@media only screen and (max-width: 767px) {
    .pagination-container .pagination>li {
        margin: 0 5px;
    }
    .pagination-container .pagination>li>a,
    .pagination-container .pagination>li>span {
        height: 45px;
        width: 45px;
        padding-top: 11px;
    }
}

.pagination-container .pagination>.active>a,
.pagination-container .pagination>.active>a:focus,
.pagination-container .pagination>.active>a:hover,
.pagination-container .pagination>.active>span,
.pagination-container .pagination>.active>span:focus,
.pagination-container .pagination>.active>span:hover {
    background-color: white;
    color: #BA77FF;
    border: 1px solid #DEE6EB;
}

.pagination-container .pagination>li>.prev-or-next {
    background-color: inherit;
    border: 0;
}

/* ------ Add a Listing button -------- */
.add-listing-btn-holder {
    background-color: white;
    border-radius: 50%;
    border: 1px solid #DEE6EB;
    width: 50px;
    height: 50px;
    text-align: center;
    display: flex;
    align-items: center;
    justify-content: center;
    float: right;
    margin-bottom: 30px;
}


/*---- [ full details pages ] ------*/

.listing-detail-container .listing-preview {
    padding: 20px;
    margin-bottom: 0;
}

.searchresults-link p{
    padding: 30px 0;
}
.listing-fulldetails{
    background-color: #FFF;
    margin-bottom: 30px;
    padding: 40px 0 0 0;
}

.listing-fulldetails .row{
     padding:10px 20px 20px 20px;
}

.listing-fulldetails .row:nth-child(3),
.listing-fulldetails .row.listing-breakdown{
    padding:10px 20px 0 20px;
}

.listing-agency {
    margin-top: 30px;
}

.listing-agency p,
.listing-rentrolldetails p{
    font-size: 14px;
}

.listing-agency p:last-of-type{
    display: block;
    padding-bottom: 20px;
}

.listing-preview hr {
    margin-bottom: 20px;
    border: 0;
    border-top: 2px solid #DEE7EB;
}

/*------ Register your Interest form -------*/

.register-interest-form {
    background-color: #DEE6EB;
    padding: 20px;
}

.register-interest-form,
.register-interest-form h4 {
    color: #2D4562;
}