﻿/*

    Ultimate Properties : Default Theme 2016

    Default highlight colour (replace with theme preference) : #C9C9C9

*/



.clearfix:after {

   content: " "; /* Older browser do not support empty content */

   visibility: hidden;

   display: block;

   height: 0;

   clear: both;

}



.wppf_property {

    width: 100%;

}

.wppf_property .wppf_pad {

    padding: 10px;

}

.wppf_property h1 {

    font-size: 1.7em;

}

.wppf_property h2 {

    font-size: 1.4em;

}

.wppf_property h3 {

    font-size: 1.2em;

    margin: 20px 0;

    border-bottom: 1px solid #ddd;

}



.wppf_property_banner {

    width: 100%;

    padding: 65px 0px 65px 0px;

    background-color: white;

    background-repeat: no-repeat;

    background-size: cover;

    background-position: center;

}

.wppf_property_title {

    background: rgba(225, 225, 225, 0.7);

    padding: 10px;

    display: inline-block;

}

.wppf_property_keyfeatures {

    background: #eee;

}

.wppf_property_keyfeatures_title {

    background: #781f80;

    color: white;

    font-size: 20px;

    padding: 15px 10px;

}

.wppf_desktop {

    display:none;

}



@media only screen  and (min-width : 768px) {

    .wppf_pad {

        padding: 0;

    }

    .wppf_property_info_panel {

        float: left;

        width: 25%;

        padding-left: 20px;

        box-sizing: border-box

    }

    .wppf_property_description_panel {

        float: left;

        width: 75%;

        box-sizing: border-box

    }

}



.wppf_property_quicknav ul {

    list-style: none;

    margin: 10px 0;

}

.wppf_property_quicknav li {

    display: inline-block;

    padding: 5px;

    text-align: left;

}

.wppf_property_quicknav li span {

    display: none;

}

.wppf_property_quicknav li a {

    font-size: 1.5em;

    color: #781f80;

    text-decoration: none;

}

#wppf_map_single {

    width: 100%;

    height: 300px;

}

.wppf_property_floorplans .item, .wppf_property_epcs .item {

    padding: 10px;

}

.wppf_description_photo {

    max-width: 300px;

    max-height: 150px;

}



@media only screen and (min-width : 768px) {

    .wppf_property_quicknav li {

        padding: 0 20px 0 0;

    }

    .wppf_property_quicknav li span {

        display: inline-block;

    }

    .wppf_property_quicknav li a {

        font-size: inherit;

    }

    .wppf_property_floorplans .item, .wppf_property_epcs .item {

        max-width: 50%;

        float: left;

    }

    #wppf_map_single {

        height: 400px;

    }

    .wppf_description_photo {

        float: right;

        margin: 10px;

    }

}

.wppf_l_group {

    margin-bottom: 10px;

}

.wppf_l_group ul {

    list-style: none;

}

.wppf_l_reqiured {

    font-weight: bold;

}

.wppf_l_group label {

    display: block;

}

.wppf_l_group input[type=text], .wppf_l_group textarea, .wppf_l_group select {

    min-height: 40px;

    text-indent: 5px;

    min-width: 300px;

}



input.error, select.error, textarea.error {

    border-color: red !important;

    min-width: 300px;

}

label.error {

    font-style: italic;

    color: red;

    font-weight: normal;

    font-size: 0.8em;

}

.wppf_message { 

  position: relative;

  background: rgba(255,255,255,0.5);

  padding: 20px;

  width: auto;

  max-width: 500px;

  margin: 20px auto;

}



/*--Slideshow styling*/
#wppf_slideshow .wppf-stage-outer, #wppf_slideshow .wppf-stage, #wppf_slideshow .wppf-item, #wppf_slideshow .item {
    height: 100%
}
#wppf_slideshow_nav .item {
    border: 2px solid #C9C9C9;
    color: #FFF;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
    text-align: center;
    cursor: pointer;
}

#wppf_slideshow_nav .item img {
    margin: 0;
    padding: 0;
    display: block;
    max-width: 100%;
    height: auto;
}
#wppf_slideshow_nav .synced .item{
    border: 2px solid #0c83e7;
}
#wppf_slideshow .item {
    margin:0px;
}
#wppf_slideshow .item img{
    height: 100%;
    width: auto;
    display: block;
    margin: 0 auto;
    padding: 0 0 10px 0;
}

/*--Map popups--*/

#wppf_map {

     width: 100%;

     height: 250px;

}

.wppf_marker_content {

    width: 160px;

    padding-bottom: 15px;

}

.wppf_marker_content a {

    color: white;

    font-size: 11px;

    color: white;

    line-height: 16px;

}

.wppf_pin_image { width: 140px; margin-bottom: 10px }



@media only screen and (min-width : 768px) {

    #wppf_map {

        height: 450px;

    } 

}

@media only screen and (min-width : 992px) {

    .wppf_desktop {

        display:block;

    }

    #wppf_map {

        height: 550px;

    } 

}



/*--Property Listing Styles*/

.wppf_results_layout {

    width: 100%;

    margin: 20px 0;

}

.wppf_results_layout h3 {

    float: left;

    margin: 0;

    background: black;

    color: white;

    padding: 7px;

}

.wppf_results_head {

    position: relative;

}

.wppf_view_type {

    bottom: 0;

    right: 0;

    margin: 0;

}

.wppf_view_type a {

    color: #aaa;

    border-top: 1px solid #aaa;

    border-left: 1px solid #aaa;

    border-right: 1px solid #aaa;

    padding: 5px;

    font-size: 25px;

    display: inline-block;

    margin: 0;

    line-height: 1;

}

.wppf_view_type a.active {

    color: #fff;

    background: #aaa;

}

.wppf_result_container {

    margin: 0 1px 20px 0;

    border: 1px solid #aaa;

    background: #fff;

}

.wppf_sort {

    padding: 30px;

    text-align: right;

}

.wppf_list article {

    border: 1px solid #aaa;

    margin: 0 30px 30px 30px;

    padding: 10px 20px;

    background: #eee;

}

.wppf_grid_wrapper {

    margin: 0 10px;

}

.wppf_grid article {

    background: #eee;

    border: white 5px solid;

}

.wppf_property_item_panel {

    margin-bottom: 10px;

}

.wppf_property_item figure {

    position: relative;

    min-height: 100px;

}

.wppf_property_item a {

    display: block;

}

.wppf_property_item figure img {

    width: 100%;

    margin: 0;
    display: block;

}

.wppf_property_item h4 {

    padding-bottom: 10px;

    font-size: 1.2rem;

    line-height: 1.4rem;

}

.wppf_list .wppf_property_item p {

    line-height: 16px;

    font-size: 12px;

    padding: 10px;

    margin: 0;

}

.wppf_grid .wppf_property_item p {

    line-height: 16px;

    font-size: 12px;

    padding: 10px 0;

    margin: 0;

}

.wppf_detail { padding: 5px; }

.wppf_detail a { text-decoration: none !important; box-shadow: none; }

.wppf_detail p { font-size: 12px; }

.wppf_detail h5 {

    padding: 5px 0;

    font-size: 14px;

    margin: 0;

}

.wppf_list h6, .wppf_grid h6 {

    font-size: 14px;

    margin: 0;

}

.wppf_property_item figcaption {

    position: absolute;

    right: 0;

    bottom: 0;

    color: #fff;

    font-size: 16px;

    padding: 15px 30px;

    background-color: #781f80;

    box-sizing: border-box;

}

.wppf_grid .wppf_excerpt {

    height: 100px;

    font-size: 12px;

}

.wppf_property_meta {

    background: #ddd;

    border-top: 1px solid #aaa;

    margin: 0 -20px -10px -20px;

}

.wppf_property_meta span {

    padding: 10px;

    display: inline-block;

    border-right: 1px solid #aaa;

    font-size: 12px;

}

.wppf_property_meta label {

    display: none;

}



@media only screen and (min-width : 768px) {

    .wppf_view_type {

        position: absolute;

    }

    .wppf_list figure {

        float: left;

        width: 40%;

        box-sizing: border-box;

    }

    .wppf_list .wppf_detail {

        width: 60%;

        float: left;

        box-sizing: border-box;

    }

   .wppf_grid article {

        float: left;

        width: 50%;

        padding: 20px;

        box-sizing: border-box;

    }

    .wppf_featured article {

        float: left;

        width: 50%;

        padding: 20px;

        box-sizing: border-box;

    }

    .wppf_property_meta label {

        display: inline-block;

    }

}

@media only screen and (min-width : 992px) {

   .wppf_grid article {

        float: left;

        width: 50%;

        padding: 20px;

    }

    .wppf_featured article {

        float: left;

        width: 25%;

        padding: 10px;

    }

}

.wppf_featured {

    margin: 0 -5px;

}



/*--Slider styling --*/

#wppf_slider {

    width: 100%;

    margin: 0;

    position: relative;

}

#wppf_slider .item {

    height: 350px;

    width: 100%;

    background-size: cover;

    background-position: center;

}

.wppf_slider_title {

    background: rgba(225, 225, 225, 0.7);

    padding: 20px;

    float: left;

    width: 25%;

    height: 350px;

    font-size: 16px;

}

.wppf_slider_image {

    width: 75%;

    height: 350px;

    background-size: cover;

    background-position: center center;

    float: left;

}

@media only screen and (min-width : 768px) {

    #wppf_slider .item {

        height: 350px;

    }

    .wppf_slider_image {

        height: 350px;

    }

    .wppf_slider_title {

        height: 350px;

    }

}

@media only screen and (min-width : 992px) {

    #wppf_slider .item {

        height: 420px;

    }

    .wppf_slider_image {

        height: 420px;

    }

    .wppf_slider_title {

        height: 420px;

    }

}



/*-- Search box styling --*/

.wppf_search *, .wppf_property_enquire * {

    box-sizing: border-box;

}

.wppf_search {

    width: 100%;

}

.wppf_search .wppf_form_large {

    width: 100%;

    padding: 10px;

    float: left;

    box-sizing: border-box;

}

.wppf_search .wppf_form_small {

    width: 50%;

    padding: 10px;

    float: left;

    box-sizing: border-box;

}

.wppf_search label {

    display: block;

}

.wppf_search select {

    width: 100%;

    height: 40px;

    text-indent: 5px;

    padding: 0;

}

.wppf_search input[type=text] {

    height: 40px;

    text-indent: 5px; 

    padding: 0; 

    width: 100%;

}

.wppf_search input[type=checkbox] {

    width: 15px;

    height: 15px;

}

.wppf_sidebar {

    box-sizing: border-box;

}

.wppf_results {

    box-sizing: border-box;

} 

.wppf_full {

    margin-bottom: 10px;

    box-sizing: border-box;

}

.wppf_no_results {

    min-height: 150px;

    padding: 20px;

    font-weight: bold;

}

.wppf_quicksearch_wrapper { display: none; }

.wppf_property_info_panel { margin-bottom: 20px; }

@media only screen and (min-width : 768px) {

    .wppf_quicksearch_wrapper { display: block; background: #eee; }



    .wppf_search.wppf_quicksearch .wppf_form_large, .wppf_search.wppf_widgetsearch .wppf_form_small {

        width: 50%;

        float: left;

    }



    .wppf_search.wppf_quicksearch .wppf_form_small {

        width: 25%;

        float: left;

    }

}

@media only screen and (min-width : 992px) {

    .wppf_search.wppf_quicksearch .wppf_form_large {

        width: 25%;

        float: left;

    }



    .wppf_search.wppf_quicksearch .wppf_form_small {

        width: 12.5%;

        float: left;

    }



    .wppf_sidebar {

        float: left;

        width: 25%;

        box-sizing: border-box;

        padding: 10px;

    }

    .wppf_results {

        float: left;

        width: 75%;

        box-sizing: border-box;

        padding: 10px;

    } 



}



.bubbleClose {

    top: auto !important;

    bottom: 10px !important;

    right: 10px !important;

    width: auto !important;

}

#main-content .et_pb_button {

    border-width: 2px !important;

}

.navigation h2 { display: none; }