/**
Theme Name: Jones & Co Property
Author: Hive Design
Author URI: http://wpastra.com/about/
Description: Astra is the fastest, fully customizable & beautiful theme suitable for blogs, personal portfolios and business websites. It is very lightweight (less than 50KB on frontend) and offers unparalleled speed. Built with SEO in mind, Astra comes with schema.org code integrated so search engines will love your site. Astra offers plenty of sidebar options and widget areas giving you a full control for customizations. Furthermore, we have included special features and templates so feel free to choose any of your favorite page builder plugin to create pages flexibly. Some of the other features: # WooCommerce Ready # Responsive # Compatible with major plugins # Translation Ready # Extendible with premium addons # Regularly updated # Designed, Developed, Maintained & Supported by Brainstorm Force. Looking for a perfect base theme? Look no further. Astra is fast, fully customizable and beautiful theme!
Version: 1.0.0
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Text Domain: jones-co-property
Template: astra
*/

@import url(https://fonts.googleapis.com/css?family=Open+Sans:400,300,600);	

.rex-listing-item {
    width: 30%;
    display: inline-block;
    margin-right: 20px;
    vertical-align: top;
    background: #f0f0ee;
    margin-bottom: 15px;
    position: relative;
	overflow: hidden;
}

.rex-listing-item .homeopen-date {
    position: absolute;
    padding: 5px 10px;
    right: 0;
    color: #fff;
    font-weight: bold;
    background: #DB3839;
    top: 244px;
}

.rex-listing-item .homeopen-date.date-offset-2 {
    top: 215px;
}

.rex-listing-item .homeopen-date.date-offset-3 {
    top: 186px;
}

.rex-listing-item .dimage {
    border-bottom: 3px solid #DB3839;
}

.rex-listing-item .dimage .d_image {
    min-height: 280px;
    background-size: cover !important;
}
.rex-listing-item .listing-info {
    padding: 29px 22px 0px 22px!important;
}
.rex-listing-item .listing-price,
.properties-main .properties-item-inner .rex-listing-item .listing-price {
	padding: 0px 22px 15px 0px!important;
}

.listing-info h2 {
    font-weight: 500;
  margin-bottom: 0;
  font-size: 20px;
    color: #404545;
}
.listing-address {
  font-size: 14px;
  font-weight: bold;
  color: #404545;
  line-height: 1.3em;
}
.listing-attributes ul li {
    display: inline-block;
    text-align: right;
	margin-right: 10px;
}
.listing-attributes ul {
    margin: 0px;
    text-align: left;
}
.listing-price span {
	color: #DB3839;
    font-size: 16px;
    font-weight: bold;
    line-height: 34px;
    display: block;
}
.listing-attributes li .bed-show {
    background: url(/wp-content/uploads/2020/04/ico-bed.png)no-repeat;
}
.listing-attributes li .shower-show {
    background: url(/wp-content/uploads/2020/04/ico-bath.png)no-repeat;
} 
.listing-attributes li .carpark-show {
    background: url(/wp-content/uploads/2020/04/ico-car.png)no-repeat;
} 
.listing-info h2 a {
    color: #404545;
}

.listing-attributes li span{
	padding-left: 23px;
    background-size: 18px!important;
    font-size: 16px !important;
	background-position: left center;
	color: #404545;
}
.listing-attributes {
	margin-bottom: 0 !important;
}

#map {
	height: 400px;  /* The height is 400 pixels */
	width: 100%;  /* The width is the width of the web page */
}

html {
  border-top: 5px solid #fff;
  background: #58DDAF;
  color: #2a2a2a;
}

html, body {
  margin: 0;
  padding: 0;
  font-family: 'Open Sans';
}

h1 {
  color: #fff;
  text-align: center;
  font-weight: 300;
}

#slider {
  position: relative;
  overflow: hidden;
  margin: 20px auto 0 auto;
  border-radius: 4px;
}

#slider ul {
  position: relative;
  margin: 0;
  padding: 0;
  height: 200px;
  list-style: none;
}

#slider ul li {
  position: relative;
  display: block;
  float: left;
  margin: 0;
  padding: 0;
  width: 1080px;
  height: 500px;
  background: #ccc;
  text-align: center;
  line-height: 300px;
}

a.control_prev, a.control_next {
  position: absolute;
  top: 40%;
  z-index: 999;
  display: block;
  padding: 4% 3%;
  width: auto;
  height: auto;
  background: #2a2a2a;
  color: #fff;
  text-decoration: none;
  font-weight: 600;
  font-size: 18px;
  opacity: 0.8;
  cursor: pointer;
}

a.control_prev:hover, a.control_next:hover {
  opacity: 1;
  -webkit-transition: all 0.2s ease;
}

a.control_prev {
  border-radius: 0 2px 2px 0;
}

a.control_next {
  right: 0;
  border-radius: 2px 0 0 2px;
}

.slider_option {
  position: relative;
  margin: 10px auto;
  width: 160px;
  font-size: 18px;
}

.aside-help .hidden-docs {
  display: none;
}

.aside-help .view-more-docs {
  background: #db3839;
  color: #fff;
  text-align: center;
  border-radius: 3px;
  margin-top: 15px;
  cursor: pointer;
}

.filter-forms .mainform {
  width: 900px;
  margin: 0 auto;
  max-width: 100%;
}
.subform {
  display: none;
}

.filter-forms select {
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
}

.filter-forms .mainform select#sr-todo {
  width: 250px;
  
}
.filter-forms .mainform select#sr-suburb {
  width: 250px;
}
.filter-forms .mainform a.sr-other-factors,
.filter-forms .mainform button.sr-other-factors{
	padding: 14px 20px 16px;
    background: #e6e5e5;
    display: block;
    line-height: 1em;
}
.filter-forms .mainform a.sr-search,
.filter-forms .mainform button.sr-search{
  padding: 14px 20px 16px !important;
  background-image: none !important;
  background: #db3839;
  color: #e6e5e5 !important;
  display: block;
  line-height: 1em;
  border: 0px;
}

.properties-main .properties-filter .filter-items li {
  margin: 1px;
}

.slick-initialized .slick-slide > div {
  padding: 5px;
}

.home-rex-loading {
    text-align: center;
    font-size: 49px;
    color: #db3839;
}
.properties-filter {
    margin-top: 35px;
}
.properties-main .properties-inner .properties-filter .filter-items ul li select {
	padding: 15px 55px 15px 15px;
	font-size: 16px;
}
.properties-main .properties-filter .filter-items .subform ul li select {
	padding: 15px 55px 15px 15px;
}
.no-results-found {
    text-align: center;
    font-size: 18px;
    margin-bottom: 25px;
}
ul.feature-list li {
  display: inline;
}
#home-search .filter-forms .mainform {
  margin: 0 auto 3px;
}
#home-search .filter-forms .mainform ul li,
#home-search .filter-forms .subform ul li {
  display: inline-block;
  margin: 0 2px;
	line-height: 50px;
}
#home-search .filter-forms .mainform ul li a.sr-search,
#home-search .filter-forms .mainform ul li button.sr-search{
  background: #db3839;
}
#home-search .filter-forms .mainform ul li select,
#home-search .filter-forms .subform ul li select {
  background: #E6E5E5;
  border-radius: 0;
  border: 0 none;
}
#home-search .filter-forms .mainform ul li select {
  padding: 15px 20px;
}
#home-search .filter-forms .subform ul li select {
  padding: 15px 55px 15px 15px;
}

.hide-overflow {
    overflow: hidden;
}

.swiper-button-prev, .swiper-container-rtl .swiper-button-next, .swiper-button-prev-opens {
    left: -40px;
}

.swiper-button-next, .swiper-container-rtl .swiper-button-prev, .swiper-button-prev-opens {
    right: -40px;
    left: auto;
}

.load-more-listings.holder {
    text-align: center;
    margin-right: 20px;
}

.load-more-listings a,
button.load-more-listings { 
	display: block;
    width: 31.6%;
    border: 2px solid #db3839;
    margin: 20px auto;
    text-align: center;
    line-height: 1em;
    text-transform: uppercase;
    font-size: 16px;
    padding: 16px 0;
    font-family: "Roboto", sans-serif;
    font-weight: bold;
    color: #404545;
    border-radius: 5px;
}
.load-more-listings a:hover {
    background: #db3839;
    color: #fff;
}

.rex-listing-sold-banner {
    position: absolute;
    overflow: hidden;
    background: #DB3839;
    transform: rotate(-45deg);
    top: 20px;
    left: -38px;
    padding: 5px 60px;
    color: #fff;
    text-align: center;
    font-weight: bold;
}

a.staff_number, a.staff_mobile {
    float: left;
}

.staff_number h2 span,
.staff_mobile h2 span,
.staff_email h2 span {
    color: #DB3839;
    font-weight: bold;
}

.staff_number h2,
.staff_mobile h2{
    font-size: 28px;
    line-height: 26px;
    font-weight: bold;
    transition: 0.3s ease;
}

.staff_email h2{
    font-size: 22px;
    line-height: 20px;
    transition: 0.3s ease;
    white-space: nowrap;
}

.staff_number:hover h2,
.staff_email:hover h2,
.staff_mobile:hover h2{
    color: #DB3839;
}

#field_2_9 {
    padding-top: 11px;
}

#field_2_9 select, .gform_wrapper.gf_browser_chrome #field_2_9 select {
    padding: 6px;
    height: auto;
}

.gform_wrapper .gform_body .gfield_checkbox li>label#label_3_6_1 {
    margin-top: 4px;
    margin-left: 5px;
    white-space: nowrap;
}

.rental-suburbs {
    text-align: center;
    margin-top: 50px;
}

.rental-suburbs .suburbs-button {
    margin: 10px;
    text-transform: capitalize;
    width: 22%;
}

.staff_number_s,
.staff_email_s,
.staff_mobile_s{
    color: #000;
    line-height: 1.1em;
    font-weight: 500;
}

.staff_number_s span,
.staff_email_s span,
.staff_mobile_s span{
    color: #DB3839;
    font-weight: 700;
}

.staff_number_s:hover,
.staff_email_s:hover,
.staff_mobile_s:hover{
    color: #DB3839;
}

.prop-agent {
    max-width: 100% !important;
    overflow: hidden;
}

.agent-info > ul > li{
    white-space: nowrap;
}

.agent-photo {
    overflow: hidden;
}

.agent-info {
    width: 100% !important;
}

.listing_links {
    margin-top: 10px;
}

.listing_links .ast-button {
    width: 45%;
    margin-bottom: 5px;
}

.properties-items.rex-listings.listing.complete-listing {
    max-width: 100%;
}

.other-prop {
    max-width: 100% !important;
}

.av_prices .top {
    overflow: hidden;
}

#gform_wrapper_5.gform_wrapper form.gf_simple_horizontal div.gform_body {
    width: 100%;
}

.main-header-menu > li {
    position: relative;
    padding: 60px 0px 10px;
    line-height: 2;
}

.main-header-bar .ast-masthead-custom-menu-items {
  position: absolute;
  top: 0;
  padding: 0px;
}

.ast-primary-sticky-header-active .main-header-bar .ast-masthead-custom-menu-items {
  position: relative;
}

.ast-primary-sticky-header-active .main-header-menu > li {
	padding: 15px 0px;
}

.mainform select, .subform select, .properties-main .properties-filter .filter-items .mainform ul li select, .properties-main .properties-filter .filter-items .subform ul li select {

  /* reset */

  margin: 0;      
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  -webkit-appearance: none;
  -moz-appearance: none;
}


/* arrows */

.mainform select, .subform select, .properties-main .properties-filter .filter-items .mainform ul li select, .properties-main .properties-filter .filter-items .subform ul li select {
  background-image:
    linear-gradient(45deg, transparent 50%, gray 50%),
    linear-gradient(135deg, gray 50%, transparent 50%),
    linear-gradient(to right, #ccc, #ccc) !important; 
  background-position:
    calc(100% - 20px) calc(1em + 5px),
    calc(100% - 15px) calc(1em + 5px),
    calc(100% - 2.5em) 0.5em !important; 
  background-size:
    5px 5px,
    5px 5px,
    1px 2em !important; 
  background-repeat: no-repeat !important; 
}

.mainform select:focus, .subform select:focus, .properties-main .properties-filter .filter-items .mainform ul li select:focus, .properties-main .properties-filter .filter-items .subform ul li select:focus{
  background-image:
    linear-gradient(45deg, green 50%, transparent 50%),
    linear-gradient(135deg, transparent 50%, green 50%),
    linear-gradient(to right, #ccc, #ccc);
  background-position:
    calc(100% - 15px) 1em,
    calc(100% - 20px) 1em,
    calc(100% - 2.5em) 0.5em;
  background-size:
    5px 5px,
    5px 5px,
    1px 1.5em;
  background-repeat: no-repeat;
  border-color: green;
  outline: 0;
}


.mainform select:-moz-focusring, .subform select:-moz-focusring, .properties-main .properties-filter .filter-items .mainform ul li select:-moz-focusring, .properties-main .properties-filter .filter-items .subform ul li select:-moz-focusring {
  color: transparent;
  text-shadow: 0 0 0 #000;
}

.subform select {
	text-align: left;
}

#ComingSoonJC th {
    background: #db3839;
    color: #fff;
}

#ComingSoonJC th img{
    -webkit-filter: grayscale(1) invert(1);
    filter: grayscale(1) invert(1);
    min-width: 20px;
}

#ComingSoonPage {
    padding-bottom: 50px;
}

@media screen and (max-width: 767px) {
    
    .hide_mobile {
        display: none;
    }
    
    .s-col-md-8, .s-col-md-4 {

        max-width: 90% !important;
        flex: 100% !important;
        margin: 0 auto !important;
        display: block;
        -ms-flex: 100% !important;
    }
    
    .prop-info {
        padding-top: 20px;
    }
    
    .suburbs-button {
        padding-left: 0px;
        padding-right: 0px;
        text-align: center;
    }
    
    .properties-items.rex-listings.listing.complete-listing .rex-listing-item {
        width: 95% !important;
        margin: 0 auto;
        display: block;
        margin-bottom: 15px;
    }
    
    .elementor-element.elementor-element-7ccd620.elementor-absolute.elementor-widget.elementor-widget-html {
        position: relative !important;
        top: auto;
    }
    
    #field_4_10 > div > ul > li {
        margin-right: 10px;
        width: 120px;
        float: left;
    }
    
    .properties-main .properties-filter .filter-items li {
        width: 80%;
    }
    
    .properties-main .properties-inner .properties-filter .filter-items ul li select {
        width: 100%;
    }
    
    #home-search .filter-forms .mainform ul li, #home-search .filter-forms .subform ul li {
        width: 80%;
    }
    
    #home-search .filter-forms .mainform ul li select, #home-search .filter-forms .subform ul li select {
        width: 100%;
    }

    .liting-img-slider {
        display: none;
    }
    
    .mob_slider.slick-initialized .slick-slide > div {
        padding: 0px !important;
    }

}

@media screen and (min-width: 768px) {
    .show_mobile {
        display: none;
    }
    
    .mob_slider {
        display: none;
    }
}

@media screen and (min-width: 768px) and (max-width: 999px) {
    
    .properties-items.rex-listings.listing.complete-listing .rex-listing-item {
        margin-right: 1%;
        width: 48% !important;
    }
	
	.home .properties-items.rex-listings.listing.complete-listing .rex-listing-item {
        margin-right: 1%;
        width: 100% !important;
    }
	
	#home-search .filter-forms .mainform select {
		width: 200px !important;
	}
	
	.main-header-bar, .ast-header-break-point .main-header-bar {
		padding: 1.5em 0;
	}

}

@media screen and (min-width: 1000px) and (max-width: 1200px) {
    
    .properties-items.rex-listings.listing.complete-listing .rex-listing-item {
        margin-right: 1.5%;
    }
	
	.main-header-bar, .ast-header-break-point .main-header-bar {
		padding: 1.5em 0;
	}

}