Call Us!
object(App\Models\Listing)#1372 (30) {
["connection":protected]=>
string(5) "mysql"
["table":protected]=>
string(8) "listings"
["primaryKey":protected]=>
string(2) "id"
["keyType":protected]=>
string(3) "int"
["incrementing"]=>
bool(true)
["with":protected]=>
array(1) {
[0]=>
string(6) "images"
}
["withCount":protected]=>
array(0) {
}
["preventsLazyLoading"]=>
bool(false)
["perPage":protected]=>
int(15)
["exists"]=>
bool(true)
["wasRecentlyCreated"]=>
bool(false)
["escapeWhenCastingToString":protected]=>
bool(false)
["attributes":protected]=>
array(86) {
["id"]=>
int(214168)
["uuid"]=>
string(36) "fc6b12de-856c-4567-9343-809a3da8da97"
["etag"]=>
string(32) "ac65fa7d7ac6424bb4a305a95711a7b6"
["office_id"]=>
int(163)
["slug"]=>
string(48) "l7802098-227-hamilton-street-queens-park-wa-6107"
["featured"]=>
int(0)
["unique_id"]=>
string(8) "L7802098"
["tps_property_id"]=>
NULL
["tps_redirect_url"]=>
NULL
["tps_bookme_redirect_url"]=>
NULL
["tps_synced_at"]=>
NULL
["crm_internal_id"]=>
string(7) "6638586"
["provider"]=>
string(8) "vaultapi"
["crm_created_at"]=>
string(19) "2021-09-17 00:00:00"
["crm_updated_at"]=>
string(19) "2021-09-23 09:28:50"
["refresh_requested_at"]=>
NULL
["category"]=>
string(11) "residential"
["sub_category"]=>
string(3) "Buy"
["status"]=>
string(4) "sold"
["listing_type"]=>
string(5) "House"
["listing_type_original"]=>
string(5) "House"
["authority"]=>
string(9) "Exclusive"
["set_sale_on"]=>
NULL
["tenancy"]=>
string(6) "vacant"
["under_offer"]=>
string(2) "no"
["under_contract"]=>
int(0)
["new_construction"]=>
int(0)
["bedrooms"]=>
int(3)
["bathrooms"]=>
int(1)
["ensuite"]=>
int(0)
["garages"]=>
int(0)
["carports"]=>
int(3)
["openspaces"]=>
int(0)
["price_display"]=>
int(1)
["price"]=>
float(310000)
["price_type"]=>
NULL
["property_guide_url"]=>
NULL
["price_view"]=>
string(13) "Contact Agent"
["address_display"]=>
int(1)
["address_unit_number"]=>
NULL
["address_street_number"]=>
string(3) "227"
["address_street"]=>
string(15) "Hamilton Street"
["address_suburb"]=>
string(11) "QUEENS PARK"
["address_city"]=>
NULL
["address_state"]=>
string(2) "WA"
["address_postcode"]=>
string(4) "6107"
["address_country"]=>
NULL
["residential_category"]=>
NULL
["headline"]=>
string(35) "SOLD -Green Title Street front Home"
["description"]=>
string(3161) "Spacious Green Title Street front home is on offer. Great location, makes sense as an investment or to live in.
Potential rent $330 pw
Solid 3 bedroom 1 bathroom character home that enjoys an ultra-convenient location that will undoubtedly give you the perfect start in real estate life. Do not delay on this fantastic opportunity.
The property also offers buyers versatile options with the available outdoor space, layout and scope for a potential future dual occupancy use such as office space, mobile home with a separate/private entry, and an allotted car space. The remaining open space in the front can be used to park a caravan or boat etc. Possibilities are many, subject to plans and council terms.
Solid wooden floorboards, high ceilings with decorative cornices and feature timber skirting boards are commonplace throughout this charming abode, first prevalent within a welcoming front lounge room where split-system air-conditioning and gas-bayonet heating complement an open brick fireplace. The dining and kitchen area is adjacent, yet separate and plays host to a range hood, a gas cooktop, an under-bench oven and tiled splashbacks.
A tiled utility area off the kitchen makes for the perfect gym or study nook, revealing access into a versatile third bedroom. The spacious master bedroom has split-system air-conditioning, whilst a practical bathroom caters for everybody's personal needs in the form of a shower and separate bathtub.
At the rear, a delightful verandah provides some cover when either entertaining a few friends or simply sitting quietly. The "blank canvas" of a backyard wraps around and can be whatever you want it to be.
Stroll to bus stops on Welshpool Road, Queens Park Primary School and a plethora of picturesque local parklands, with St Norbert College, Saint Joseph's School, Sevenoaks Senior College, Queens Park Train Station, the local industrial area, major arteries, the magnificent Westfield Carousel Shopping Centre and even Perth Airport all within a very, very close proximity. Absolutely everything is just a stone's throw away!
Other features include, but are not limited to:
• Double laundry wash troughs
• Paved driveway parking space for 3 to 4 cars
• Security doors and screens
• Gas hot-water system
• Side-access gate
• Block size - 445sqm (approx.) green title
• Built in 1963 (approx.)
• Council rates: $1420 p/a (approx.)
• Water rates: $904 p/a (approx.)
Distances to (approx.):
• Queens Park Primary School - 450m
• Queens Park Train Station - 2.2km
• Westfield Carousel Shopping Centre - 3.7km
• Perth Airport (T1 & T2) - 8.4km
• Perth CBD - 11.0km
For more information please contact 9475 9622
Disclaimer: Whilst every care has been taken in the preparation of this advertisement, accuracy cannot be guaranteed. Prospective purchasers should make their own enquiries to satisfy themselves on all pertinent matters. Details herein do not constitute any representation by the Vendor or the agent and are expressly excluded from any contract."
["land_area"]=>
string(3) "445"
["land_area_unit"]=>
string(3) "sqm"
["normalise_land_area"]=>
float(445)
["building_area"]=>
string(3) "104"
["building_area_unit"]=>
string(3) "sqm"
["external_link"]=>
NULL
["video_link"]=>
NULL
["virtual_tour_link"]=>
NULL
["floorplan"]=>
NULL
["lat"]=>
string(12) "-31.99702920"
["lng"]=>
string(12) "115.94346220"
["display_sold_price"]=>
int(1)
["sold_price"]=>
float(320000)
["sold_date"]=>
string(19) "2021-09-17 00:00:00"
["auction_date"]=>
NULL
["auction_venue"]=>
NULL
["bond"]=>
NULL
["date_available"]=>
NULL
["statement_of_information"]=>
NULL
["vault_etable_url"]=>
string(23) "https://vltre.co/QgynZw"
["yield"]=>
float(0)
["title_type"]=>
NULL
["funding_type"]=>
NULL
["car_spaces"]=>
string(1) "0"
["marketing_bedrooms"]=>
string(1) "0"
["marketing_bathrooms"]=>
string(1) "0"
["is_demo_data"]=>
int(0)
["is_hidden"]=>
int(0)
["created_at"]=>
string(19) "2021-09-17 00:00:00"
["updated_at"]=>
string(19) "2026-07-10 03:20:16"
["leased_date"]=>
NULL
["location_id"]=>
int(6471)
["studies"]=>
int(0)
["custom_attributes"]=>
string(38) "[{"group": "Default", "fields": null}]"
["commercial_listing_type"]=>
NULL
["address_searchable"]=>
string(48) "227 hamilton street queens park wa 6107 l7802098"
}
["original":protected]=>
array(86) {
["id"]=>
int(214168)
["uuid"]=>
string(36) "fc6b12de-856c-4567-9343-809a3da8da97"
["etag"]=>
string(32) "ac65fa7d7ac6424bb4a305a95711a7b6"
["office_id"]=>
int(163)
["slug"]=>
string(48) "l7802098-227-hamilton-street-queens-park-wa-6107"
["featured"]=>
int(0)
["unique_id"]=>
string(8) "L7802098"
["tps_property_id"]=>
NULL
["tps_redirect_url"]=>
NULL
["tps_bookme_redirect_url"]=>
NULL
["tps_synced_at"]=>
NULL
["crm_internal_id"]=>
string(7) "6638586"
["provider"]=>
string(8) "vaultapi"
["crm_created_at"]=>
string(19) "2021-09-17 00:00:00"
["crm_updated_at"]=>
string(19) "2021-09-23 09:28:50"
["refresh_requested_at"]=>
NULL
["category"]=>
string(11) "residential"
["sub_category"]=>
string(3) "Buy"
["status"]=>
string(4) "sold"
["listing_type"]=>
string(5) "House"
["listing_type_original"]=>
string(5) "House"
["authority"]=>
string(9) "Exclusive"
["set_sale_on"]=>
NULL
["tenancy"]=>
string(6) "vacant"
["under_offer"]=>
string(2) "no"
["under_contract"]=>
int(0)
["new_construction"]=>
int(0)
["bedrooms"]=>
int(3)
["bathrooms"]=>
int(1)
["ensuite"]=>
int(0)
["garages"]=>
int(0)
["carports"]=>
int(3)
["openspaces"]=>
int(0)
["price_display"]=>
int(1)
["price"]=>
float(310000)
["price_type"]=>
NULL
["property_guide_url"]=>
NULL
["price_view"]=>
string(13) "Contact Agent"
["address_display"]=>
int(1)
["address_unit_number"]=>
NULL
["address_street_number"]=>
string(3) "227"
["address_street"]=>
string(15) "Hamilton Street"
["address_suburb"]=>
string(11) "QUEENS PARK"
["address_city"]=>
NULL
["address_state"]=>
string(2) "WA"
["address_postcode"]=>
string(4) "6107"
["address_country"]=>
NULL
["residential_category"]=>
NULL
["headline"]=>
string(35) "SOLD -Green Title Street front Home"
["description"]=>
string(3161) "Spacious Green Title Street front home is on offer. Great location, makes sense as an investment or to live in.
Potential rent $330 pw
Solid 3 bedroom 1 bathroom character home that enjoys an ultra-convenient location that will undoubtedly give you the perfect start in real estate life. Do not delay on this fantastic opportunity.
The property also offers buyers versatile options with the available outdoor space, layout and scope for a potential future dual occupancy use such as office space, mobile home with a separate/private entry, and an allotted car space. The remaining open space in the front can be used to park a caravan or boat etc. Possibilities are many, subject to plans and council terms.
Solid wooden floorboards, high ceilings with decorative cornices and feature timber skirting boards are commonplace throughout this charming abode, first prevalent within a welcoming front lounge room where split-system air-conditioning and gas-bayonet heating complement an open brick fireplace. The dining and kitchen area is adjacent, yet separate and plays host to a range hood, a gas cooktop, an under-bench oven and tiled splashbacks.
A tiled utility area off the kitchen makes for the perfect gym or study nook, revealing access into a versatile third bedroom. The spacious master bedroom has split-system air-conditioning, whilst a practical bathroom caters for everybody's personal needs in the form of a shower and separate bathtub.
At the rear, a delightful verandah provides some cover when either entertaining a few friends or simply sitting quietly. The "blank canvas" of a backyard wraps around and can be whatever you want it to be.
Stroll to bus stops on Welshpool Road, Queens Park Primary School and a plethora of picturesque local parklands, with St Norbert College, Saint Joseph's School, Sevenoaks Senior College, Queens Park Train Station, the local industrial area, major arteries, the magnificent Westfield Carousel Shopping Centre and even Perth Airport all within a very, very close proximity. Absolutely everything is just a stone's throw away!
Other features include, but are not limited to:
• Double laundry wash troughs
• Paved driveway parking space for 3 to 4 cars
• Security doors and screens
• Gas hot-water system
• Side-access gate
• Block size - 445sqm (approx.) green title
• Built in 1963 (approx.)
• Council rates: $1420 p/a (approx.)
• Water rates: $904 p/a (approx.)
Distances to (approx.):
• Queens Park Primary School - 450m
• Queens Park Train Station - 2.2km
• Westfield Carousel Shopping Centre - 3.7km
• Perth Airport (T1 & T2) - 8.4km
• Perth CBD - 11.0km
For more information please contact 9475 9622
Disclaimer: Whilst every care has been taken in the preparation of this advertisement, accuracy cannot be guaranteed. Prospective purchasers should make their own enquiries to satisfy themselves on all pertinent matters. Details herein do not constitute any representation by the Vendor or the agent and are expressly excluded from any contract."
["land_area"]=>
string(3) "445"
["land_area_unit"]=>
string(3) "sqm"
["normalise_land_area"]=>
float(445)
["building_area"]=>
string(3) "104"
["building_area_unit"]=>
string(3) "sqm"
["external_link"]=>
NULL
["video_link"]=>
NULL
["virtual_tour_link"]=>
NULL
["floorplan"]=>
NULL
["lat"]=>
string(12) "-31.99702920"
["lng"]=>
string(12) "115.94346220"
["display_sold_price"]=>
int(1)
["sold_price"]=>
float(320000)
["sold_date"]=>
string(19) "2021-09-17 00:00:00"
["auction_date"]=>
NULL
["auction_venue"]=>
NULL
["bond"]=>
NULL
["date_available"]=>
NULL
["statement_of_information"]=>
NULL
["vault_etable_url"]=>
string(23) "https://vltre.co/QgynZw"
["yield"]=>
float(0)
["title_type"]=>
NULL
["funding_type"]=>
NULL
["car_spaces"]=>
string(1) "0"
["marketing_bedrooms"]=>
string(1) "0"
["marketing_bathrooms"]=>
string(1) "0"
["is_demo_data"]=>
int(0)
["is_hidden"]=>
int(0)
["created_at"]=>
string(19) "2021-09-17 00:00:00"
["updated_at"]=>
string(19) "2026-07-10 03:20:16"
["leased_date"]=>
NULL
["location_id"]=>
int(6471)
["studies"]=>
int(0)
["custom_attributes"]=>
string(38) "[{"group": "Default", "fields": null}]"
["commercial_listing_type"]=>
NULL
["address_searchable"]=>
string(48) "227 hamilton street queens park wa 6107 l7802098"
}
["changes":protected]=>
array(0) {
}
["casts":protected]=>
array(3) {
["auction_date"]=>
string(8) "datetime"
["set_sale_on"]=>
string(8) "datetime"
["refresh_requested_at"]=>
string(8) "datetime"
}
["classCastCache":protected]=>
array(0) {
}
["attributeCastCache":protected]=>
array(0) {
}
["dateFormat":protected]=>
NULL
["appends":protected]=>
array(0) {
}
["dispatchesEvents":protected]=>
array(0) {
}
["observables":protected]=>
array(0) {
}
["relations":protected]=>
array(2) {
["images"]=>
object(Illuminate\Database\Eloquent\Collection)#1358 (2) {
["items":protected]=>
array(5) {
[0]=>
object(App\Models\ListingImage)#1431 (30) {
["connection":protected]=>
string(5) "mysql"
["table":protected]=>
string(14) "listing_images"
["primaryKey":protected]=>
string(2) "id"
["keyType":protected]=>
string(3) "int"
["incrementing"]=>
bool(true)
["with":protected]=>
array(0) {
}
["withCount":protected]=>
array(0) {
}
["preventsLazyLoading"]=>
bool(false)
["perPage":protected]=>
int(15)
["exists"]=>
bool(true)
["wasRecentlyCreated"]=>
bool(false)
["escapeWhenCastingToString":protected]=>
bool(false)
["attributes":protected]=>
array(6) {
["id"]=>
int(83522970)
["listing_id"]=>
int(214168)
["code"]=>
string(1) "m"
["url"]=>
string(139) "https://wbcms-listings-photos.s3.ap-southeast-2.amazonaws.com/12a5b974-b924-4ee3-8d9f-1d34f7269731/c247ca48-a19d-44e1-a274-fe0b83a5fb5d.jpg"
["created_at"]=>
string(19) "2026-07-10 03:20:16"
["updated_at"]=>
string(19) "2026-07-10 03:20:16"
}
["original":protected]=>
array(6) {
["id"]=>
int(83522970)
["listing_id"]=>
int(214168)
["code"]=>
string(1) "m"
["url"]=>
string(139) "https://wbcms-listings-photos.s3.ap-southeast-2.amazonaws.com/12a5b974-b924-4ee3-8d9f-1d34f7269731/c247ca48-a19d-44e1-a274-fe0b83a5fb5d.jpg"
["created_at"]=>
string(19) "2026-07-10 03:20:16"
["updated_at"]=>
string(19) "2026-07-10 03:20:16"
}
["changes":protected]=>
array(0) {
}
["casts":protected]=>
array(0) {
}
["classCastCache":protected]=>
array(0) {
}
["attributeCastCache":protected]=>
array(0) {
}
["dateFormat":protected]=>
NULL
["appends":protected]=>
array(2) {
[0]=>
string(9) "thumbnail"
[1]=>
string(8) "webImage"
}
["dispatchesEvents":protected]=>
array(0) {
}
["observables":protected]=>
array(0) {
}
["relations":protected]=>
array(0) {
}
["touches":protected]=>
array(0) {
}
["timestamps"]=>
bool(true)
["usesUniqueIds"]=>
bool(false)
["hidden":protected]=>
array(0) {
}
["visible":protected]=>
array(0) {
}
["fillable":protected]=>
array(3) {
[0]=>
string(10) "listing_id"
[1]=>
string(4) "code"
[2]=>
string(3) "url"
}
["guarded":protected]=>
array(1) {
[0]=>
string(1) "*"
}
}
[1]=>
object(App\Models\ListingImage)#1430 (30) {
["connection":protected]=>
string(5) "mysql"
["table":protected]=>
string(14) "listing_images"
["primaryKey":protected]=>
string(2) "id"
["keyType":protected]=>
string(3) "int"
["incrementing"]=>
bool(true)
["with":protected]=>
array(0) {
}
["withCount":protected]=>
array(0) {
}
["preventsLazyLoading"]=>
bool(false)
["perPage":protected]=>
int(15)
["exists"]=>
bool(true)
["wasRecentlyCreated"]=>
bool(false)
["escapeWhenCastingToString":protected]=>
bool(false)
["attributes":protected]=>
array(6) {
["id"]=>
int(83522971)
["listing_id"]=>
int(214168)
["code"]=>
string(1) "a"
["url"]=>
string(139) "https://wbcms-listings-photos.s3.ap-southeast-2.amazonaws.com/12a5b974-b924-4ee3-8d9f-1d34f7269731/060efee4-ebca-430c-847d-d6177ef0a04d.JPG"
["created_at"]=>
string(19) "2026-07-10 03:20:16"
["updated_at"]=>
string(19) "2026-07-10 03:20:16"
}
["original":protected]=>
array(6) {
["id"]=>
int(83522971)
["listing_id"]=>
int(214168)
["code"]=>
string(1) "a"
["url"]=>
string(139) "https://wbcms-listings-photos.s3.ap-southeast-2.amazonaws.com/12a5b974-b924-4ee3-8d9f-1d34f7269731/060efee4-ebca-430c-847d-d6177ef0a04d.JPG"
["created_at"]=>
string(19) "2026-07-10 03:20:16"
["updated_at"]=>
string(19) "2026-07-10 03:20:16"
}
["changes":protected]=>
array(0) {
}
["casts":protected]=>
array(0) {
}
["classCastCache":protected]=>
array(0) {
}
["attributeCastCache":protected]=>
array(0) {
}
["dateFormat":protected]=>
NULL
["appends":protected]=>
array(2) {
[0]=>
string(9) "thumbnail"
[1]=>
string(8) "webImage"
}
["dispatchesEvents":protected]=>
array(0) {
}
["observables":protected]=>
array(0) {
}
["relations":protected]=>
array(0) {
}
["touches":protected]=>
array(0) {
}
["timestamps"]=>
bool(true)
["usesUniqueIds"]=>
bool(false)
["hidden":protected]=>
array(0) {
}
["visible":protected]=>
array(0) {
}
["fillable":protected]=>
array(3) {
[0]=>
string(10) "listing_id"
[1]=>
string(4) "code"
[2]=>
string(3) "url"
}
["guarded":protected]=>
array(1) {
[0]=>
string(1) "*"
}
}
[2]=>
object(App\Models\ListingImage)#1433 (30) {
["connection":protected]=>
string(5) "mysql"
["table":protected]=>
string(14) "listing_images"
["primaryKey":protected]=>
string(2) "id"
["keyType":protected]=>
string(3) "int"
["incrementing"]=>
bool(true)
["with":protected]=>
array(0) {
}
["withCount":protected]=>
array(0) {
}
["preventsLazyLoading"]=>
bool(false)
["perPage":protected]=>
int(15)
["exists"]=>
bool(true)
["wasRecentlyCreated"]=>
bool(false)
["escapeWhenCastingToString":protected]=>
bool(false)
["attributes":protected]=>
array(6) {
["id"]=>
int(83522972)
["listing_id"]=>
int(214168)
["code"]=>
string(1) "b"
["url"]=>
string(139) "https://wbcms-listings-photos.s3.ap-southeast-2.amazonaws.com/12a5b974-b924-4ee3-8d9f-1d34f7269731/d347d32b-5a0f-451c-8924-94a0566c8f8b.JPG"
["created_at"]=>
string(19) "2026-07-10 03:20:16"
["updated_at"]=>
string(19) "2026-07-10 03:20:16"
}
["original":protected]=>
array(6) {
["id"]=>
int(83522972)
["listing_id"]=>
int(214168)
["code"]=>
string(1) "b"
["url"]=>
string(139) "https://wbcms-listings-photos.s3.ap-southeast-2.amazonaws.com/12a5b974-b924-4ee3-8d9f-1d34f7269731/d347d32b-5a0f-451c-8924-94a0566c8f8b.JPG"
["created_at"]=>
string(19) "2026-07-10 03:20:16"
["updated_at"]=>
string(19) "2026-07-10 03:20:16"
}
["changes":protected]=>
array(0) {
}
["casts":protected]=>
array(0) {
}
["classCastCache":protected]=>
array(0) {
}
["attributeCastCache":protected]=>
array(0) {
}
["dateFormat":protected]=>
NULL
["appends":protected]=>
array(2) {
[0]=>
string(9) "thumbnail"
[1]=>
string(8) "webImage"
}
["dispatchesEvents":protected]=>
array(0) {
}
["observables":protected]=>
array(0) {
}
["relations":protected]=>
array(0) {
}
["touches":protected]=>
array(0) {
}
["timestamps"]=>
bool(true)
["usesUniqueIds"]=>
bool(false)
["hidden":protected]=>
array(0) {
}
["visible":protected]=>
array(0) {
}
["fillable":protected]=>
array(3) {
[0]=>
string(10) "listing_id"
[1]=>
string(4) "code"
[2]=>
string(3) "url"
}
["guarded":protected]=>
array(1) {
[0]=>
string(1) "*"
}
}
[3]=>
object(App\Models\ListingImage)#1434 (30) {
["connection":protected]=>
string(5) "mysql"
["table":protected]=>
string(14) "listing_images"
["primaryKey":protected]=>
string(2) "id"
["keyType":protected]=>
string(3) "int"
["incrementing"]=>
bool(true)
["with":protected]=>
array(0) {
}
["withCount":protected]=>
array(0) {
}
["preventsLazyLoading"]=>
bool(false)
["perPage":protected]=>
int(15)
["exists"]=>
bool(true)
["wasRecentlyCreated"]=>
bool(false)
["escapeWhenCastingToString":protected]=>
bool(false)
["attributes":protected]=>
array(6) {
["id"]=>
int(83522973)
["listing_id"]=>
int(214168)
["code"]=>
string(1) "c"
["url"]=>
string(139) "https://wbcms-listings-photos.s3.ap-southeast-2.amazonaws.com/12a5b974-b924-4ee3-8d9f-1d34f7269731/70aa766a-d6a6-4071-9376-092ba4e689fe.JPG"
["created_at"]=>
string(19) "2026-07-10 03:20:16"
["updated_at"]=>
string(19) "2026-07-10 03:20:16"
}
["original":protected]=>
array(6) {
["id"]=>
int(83522973)
["listing_id"]=>
int(214168)
["code"]=>
string(1) "c"
["url"]=>
string(139) "https://wbcms-listings-photos.s3.ap-southeast-2.amazonaws.com/12a5b974-b924-4ee3-8d9f-1d34f7269731/70aa766a-d6a6-4071-9376-092ba4e689fe.JPG"
["created_at"]=>
string(19) "2026-07-10 03:20:16"
["updated_at"]=>
string(19) "2026-07-10 03:20:16"
}
["changes":protected]=>
array(0) {
}
["casts":protected]=>
array(0) {
}
["classCastCache":protected]=>
array(0) {
}
["attributeCastCache":protected]=>
array(0) {
}
["dateFormat":protected]=>
NULL
["appends":protected]=>
array(2) {
[0]=>
string(9) "thumbnail"
[1]=>
string(8) "webImage"
}
["dispatchesEvents":protected]=>
array(0) {
}
["observables":protected]=>
array(0) {
}
["relations":protected]=>
array(0) {
}
["touches":protected]=>
array(0) {
}
["timestamps"]=>
bool(true)
["usesUniqueIds"]=>
bool(false)
["hidden":protected]=>
array(0) {
}
["visible":protected]=>
array(0) {
}
["fillable":protected]=>
array(3) {
[0]=>
string(10) "listing_id"
[1]=>
string(4) "code"
[2]=>
string(3) "url"
}
["guarded":protected]=>
array(1) {
[0]=>
string(1) "*"
}
}
[4]=>
object(App\Models\ListingImage)#1437 (30) {
["connection":protected]=>
string(5) "mysql"
["table":protected]=>
string(14) "listing_images"
["primaryKey":protected]=>
string(2) "id"
["keyType":protected]=>
string(3) "int"
["incrementing"]=>
bool(true)
["with":protected]=>
array(0) {
}
["withCount":protected]=>
array(0) {
}
["preventsLazyLoading"]=>
bool(false)
["perPage":protected]=>
int(15)
["exists"]=>
bool(true)
["wasRecentlyCreated"]=>
bool(false)
["escapeWhenCastingToString":protected]=>
bool(false)
["attributes":protected]=>
array(6) {
["id"]=>
int(83522974)
["listing_id"]=>
int(214168)
["code"]=>
string(1) "d"
["url"]=>
string(139) "https://wbcms-listings-photos.s3.ap-southeast-2.amazonaws.com/12a5b974-b924-4ee3-8d9f-1d34f7269731/3bb6c5c2-9ebc-4add-935d-dfdb496f9beb.JPG"
["created_at"]=>
string(19) "2026-07-10 03:20:16"
["updated_at"]=>
string(19) "2026-07-10 03:20:16"
}
["original":protected]=>
array(6) {
["id"]=>
int(83522974)
["listing_id"]=>
int(214168)
["code"]=>
string(1) "d"
["url"]=>
string(139) "https://wbcms-listings-photos.s3.ap-southeast-2.amazonaws.com/12a5b974-b924-4ee3-8d9f-1d34f7269731/3bb6c5c2-9ebc-4add-935d-dfdb496f9beb.JPG"
["created_at"]=>
string(19) "2026-07-10 03:20:16"
["updated_at"]=>
string(19) "2026-07-10 03:20:16"
}
["changes":protected]=>
array(0) {
}
["casts":protected]=>
array(0) {
}
["classCastCache":protected]=>
array(0) {
}
["attributeCastCache":protected]=>
array(0) {
}
["dateFormat":protected]=>
NULL
["appends":protected]=>
array(2) {
[0]=>
string(9) "thumbnail"
[1]=>
string(8) "webImage"
}
["dispatchesEvents":protected]=>
array(0) {
}
["observables":protected]=>
array(0) {
}
["relations":protected]=>
array(0) {
}
["touches":protected]=>
array(0) {
}
["timestamps"]=>
bool(true)
["usesUniqueIds"]=>
bool(false)
["hidden":protected]=>
array(0) {
}
["visible":protected]=>
array(0) {
}
["fillable":protected]=>
array(3) {
[0]=>
string(10) "listing_id"
[1]=>
string(4) "code"
[2]=>
string(3) "url"
}
["guarded":protected]=>
array(1) {
[0]=>
string(1) "*"
}
}
}
["escapeWhenCastingToString":protected]=>
bool(false)
}
["office"]=>
object(App\Models\Office)#2105 (32) {
["connection":protected]=>
string(5) "mysql"
["table":protected]=>
string(7) "offices"
["primaryKey":protected]=>
string(2) "id"
["keyType":protected]=>
string(3) "int"
["incrementing"]=>
bool(true)
["with":protected]=>
array(3) {
[0]=>
string(6) "domain"
[1]=>
string(7) "setting"
[2]=>
string(5) "theme"
}
["withCount":protected]=>
array(0) {
}
["preventsLazyLoading"]=>
bool(false)
["perPage":protected]=>
int(15)
["exists"]=>
bool(true)
["wasRecentlyCreated"]=>
bool(false)
["escapeWhenCastingToString":protected]=>
bool(false)
["attributes":protected]=>
array(53) {
["id"]=>
int(163)
["uuid"]=>
string(36) "46c96dca-6ec3-42ec-9873-1ddfcdff7164"
["reseller"]=>
NULL
["plan"]=>
string(7) "premium"
["franchise_id"]=>
NULL
["theme_id"]=>
int(7)
["theme_header_id"]=>
NULL
["office_header_id"]=>
NULL
["office_footer_id"]=>
int(51)
["theme_footer_id"]=>
NULL
["name"]=>
string(21) "Porter Matthews Metro"
["slug"]=>
string(21) "porter-matthews-metro"
["unit_number"]=>
string(3) "235"
["street_number"]=>
string(3) "235"
["street_name"]=>
string(16) "Knutsford Avenue"
["suburb"]=>
string(10) "Cloverdale"
["state"]=>
string(2) "WA"
["region"]=>
NULL
["postcode"]=>
string(4) "6105"
["country"]=>
string(2) "au"
["email"]=>
string(19) "[email protected]"
["additional_recipients"]=>
NULL
["buy_listing_inquiry_recipients"]=>
NULL
["rent_listing_inquiry_recipients"]=>
NULL
["sold_listing_inquiry_recipients"]=>
NULL
["hide_contact_button"]=>
int(0)
["hide_request_appraisal_button"]=>
int(0)
["hide_phone_number"]=>
int(0)
["hide_email_address"]=>
int(0)
["mobile"]=>
string(12) "08 9475 9622"
["phone"]=>
NULL
["fax"]=>
NULL
["website_url"]=>
NULL
["suburbs"]=>
NULL
["description"]=>
NULL
["principal"]=>
NULL
["office_image"]=>
NULL
["is_demo"]=>
int(0)
["is_showcase"]=>
int(0)
["hide_showcase"]=>
int(0)
["is_demo_data"]=>
int(0)
["is_franchise_office"]=>
int(0)
["is_agent_crm_sync_enabled"]=>
int(0)
["is_active"]=>
int(1)
["demo_data_initialised_at"]=>
NULL
["deployed_office_id"]=>
string(36) "c64bbd9b-bbe4-4e07-9bf3-429d019044cd"
["created_at"]=>
string(19) "2024-07-04 23:21:19"
["updated_at"]=>
string(19) "2026-03-18 02:26:29"
["location_id"]=>
NULL
["mail_from_name"]=>
NULL
["mail_reply_to"]=>
NULL
["allowed_locations_in_search"]=>
NULL
["pageUrl"]=>
string(1) "#"
}
["original":protected]=>
array(52) {
["id"]=>
int(163)
["uuid"]=>
string(36) "46c96dca-6ec3-42ec-9873-1ddfcdff7164"
["reseller"]=>
NULL
["plan"]=>
string(7) "premium"
["franchise_id"]=>
NULL
["theme_id"]=>
int(7)
["theme_header_id"]=>
NULL
["office_header_id"]=>
NULL
["office_footer_id"]=>
int(51)
["theme_footer_id"]=>
NULL
["name"]=>
string(21) "Porter Matthews Metro"
["slug"]=>
string(21) "porter-matthews-metro"
["unit_number"]=>
string(3) "235"
["street_number"]=>
string(3) "235"
["street_name"]=>
string(16) "Knutsford Avenue"
["suburb"]=>
string(10) "Cloverdale"
["state"]=>
string(2) "WA"
["region"]=>
NULL
["postcode"]=>
string(4) "6105"
["country"]=>
string(2) "au"
["email"]=>
string(19) "[email protected]"
["additional_recipients"]=>
NULL
["buy_listing_inquiry_recipients"]=>
NULL
["rent_listing_inquiry_recipients"]=>
NULL
["sold_listing_inquiry_recipients"]=>
NULL
["hide_contact_button"]=>
int(0)
["hide_request_appraisal_button"]=>
int(0)
["hide_phone_number"]=>
int(0)
["hide_email_address"]=>
int(0)
["mobile"]=>
string(12) "08 9475 9622"
["phone"]=>
NULL
["fax"]=>
NULL
["website_url"]=>
NULL
["suburbs"]=>
NULL
["description"]=>
NULL
["principal"]=>
NULL
["office_image"]=>
NULL
["is_demo"]=>
int(0)
["is_showcase"]=>
int(0)
["hide_showcase"]=>
int(0)
["is_demo_data"]=>
int(0)
["is_franchise_office"]=>
int(0)
["is_agent_crm_sync_enabled"]=>
int(0)
["is_active"]=>
int(1)
["demo_data_initialised_at"]=>
NULL
["deployed_office_id"]=>
string(36) "c64bbd9b-bbe4-4e07-9bf3-429d019044cd"
["created_at"]=>
string(19) "2024-07-04 23:21:19"
["updated_at"]=>
string(19) "2026-03-18 02:26:29"
["location_id"]=>
NULL
["mail_from_name"]=>
NULL
["mail_reply_to"]=>
NULL
["allowed_locations_in_search"]=>
NULL
}
["changes":protected]=>
array(0) {
}
["casts":protected]=>
array(1) {
["allowed_locations_in_search"]=>
string(5) "array"
}
["classCastCache":protected]=>
array(0) {
}
["attributeCastCache":protected]=>
array(0) {
}
["dateFormat":protected]=>
NULL
["appends":protected]=>
array(4) {
[0]=>
string(14) "production_url"
[1]=>
string(12) "internal_url"
[2]=>
string(7) "is_live"
[3]=>
string(6) "custom"
}
["dispatchesEvents":protected]=>
array(0) {
}
["observables":protected]=>
array(0) {
}
["relations":protected]=>
array(3) {
["domain"]=>
object(App\Models\OfficeDomain)#2094 (30) {
["connection":protected]=>
string(5) "mysql"
["table":protected]=>
string(14) "office_domains"
["primaryKey":protected]=>
string(2) "id"
["keyType":protected]=>
string(3) "int"
["incrementing"]=>
bool(true)
["with":protected]=>
array(0) {
}
["withCount":protected]=>
array(0) {
}
["preventsLazyLoading"]=>
bool(false)
["perPage":protected]=>
int(15)
["exists"]=>
bool(true)
["wasRecentlyCreated"]=>
bool(false)
["escapeWhenCastingToString":protected]=>
bool(false)
["attributes":protected]=>
array(11) {
["id"]=>
int(75)
["uuid"]=>
string(36) "019e1757-4584-482e-959d-43fdc4b42156"
["office_id"]=>
int(163)
["cloudflare_id"]=>
string(36) "af1d8e34-a4dc-4d24-8f01-a425862e1b1a"
["domain"]=>
string(18) "www.pmmetro.com.au"
["path_prefix"]=>
NULL
["cdn_provider"]=>
string(10) "cloudflare"
["is_verified"]=>
int(1)
["cpanel_account_created_at"]=>
string(19) "2024-08-15 06:45:03"
["created_at"]=>
string(19) "2024-08-15 06:41:47"
["updated_at"]=>
string(19) "2024-10-16 13:32:33"
}
["original":protected]=>
array(11) {
["id"]=>
int(75)
["uuid"]=>
string(36) "019e1757-4584-482e-959d-43fdc4b42156"
["office_id"]=>
int(163)
["cloudflare_id"]=>
string(36) "af1d8e34-a4dc-4d24-8f01-a425862e1b1a"
["domain"]=>
string(18) "www.pmmetro.com.au"
["path_prefix"]=>
NULL
["cdn_provider"]=>
string(10) "cloudflare"
["is_verified"]=>
int(1)
["cpanel_account_created_at"]=>
string(19) "2024-08-15 06:45:03"
["created_at"]=>
string(19) "2024-08-15 06:41:47"
["updated_at"]=>
string(19) "2024-10-16 13:32:33"
}
["changes":protected]=>
array(0) {
}
["casts":protected]=>
array(0) {
}
["classCastCache":protected]=>
array(0) {
}
["attributeCastCache":protected]=>
array(0) {
}
["dateFormat":protected]=>
NULL
["appends":protected]=>
array(0) {
}
["dispatchesEvents":protected]=>
array(0) {
}
["observables":protected]=>
array(0) {
}
["relations":protected]=>
array(0) {
}
["touches":protected]=>
array(0) {
}
["timestamps"]=>
bool(true)
["usesUniqueIds"]=>
bool(false)
["hidden":protected]=>
array(0) {
}
["visible":protected]=>
array(0) {
}
["fillable":protected]=>
array(7) {
[0]=>
string(9) "office_id"
[1]=>
string(13) "cloudflare_id"
[2]=>
string(6) "domain"
[3]=>
string(11) "path_prefix"
[4]=>
string(11) "is_verified"
[5]=>
string(25) "cpanel_account_created_at"
[6]=>
string(12) "cdn_provider"
}
["guarded":protected]=>
array(1) {
[0]=>
string(1) "*"
}
}
["setting"]=>
NULL
["theme"]=>
object(App\Models\Theme)#2082 (30) {
["connection":protected]=>
string(5) "mysql"
["table":protected]=>
string(6) "themes"
["primaryKey":protected]=>
string(2) "id"
["keyType":protected]=>
string(3) "int"
["incrementing"]=>
bool(true)
["with":protected]=>
array(1) {
[0]=>
string(10) "themeFonts"
}
["withCount":protected]=>
array(0) {
}
["preventsLazyLoading"]=>
bool(false)
["perPage":protected]=>
int(15)
["exists"]=>
bool(true)
["wasRecentlyCreated"]=>
bool(false)
["escapeWhenCastingToString":protected]=>
bool(false)
["attributes":protected]=>
array(9) {
["id"]=>
int(7)
["uuid"]=>
string(36) "472d0445-2fe2-4118-a6d9-c645b3dd633f"
["name"]=>
string(4) "Nova"
["variables_scss"]=>
NULL
["scss"]=>
string(66172) "/*#############################################################
## Reset
/*###########################################################*/
html {
// Disable the Smooth Scroll Behavior
scroll-behavior: auto !important;
}
.site-main {
min-height: 70vh;
}
a {
text-decoration: none;
}
/*#############################################################
## Headers Tags
/*###########################################################*/
.h1,
h1 {
font-size: $h1_font_size;
}
.h2,
h2 {
font-size: $h2_font_size;
}
.h3,
h3 {
font-size: $h3_font_size;
}
.h4,
h4 {
font-size: $h4_font_size;
}
.h5,
h5 {
font-size: $h4_font_size;
}
.h6,
h6 {
font-size: $h4_font_size;
}
.h1,
h1,
.h2,
h2,
.h3,
h3,
.h4,
h4,
.h5,
h5,
.h6,
h6 {
font-family: $all_header_font_family;
color: $all_header_font_color;
font-weight: $all_header_font_weight;
margin-bottom: $all_header_margin_bottom;
&:last-child {
margin-bottom: 0;
}
a {
color: inherit;
&:link,
&:focus,
&:hover,
&:visited,
&:active {
color: inherit;
}
}
}
/*#############################################################
## Content
/*###########################################################*/
body {
font-family: $all_content_font_family;
font-weight: $all_content_font_weight;
font-size: $all_content_font_size;
color: $all_content_colour;
p,
ul {
&:last-child {
margin-bottom: 0;
}
}
}
li {
a {
color: inherit;
}
}
/*#############################################################
## Special Class: Icons
/*###########################################################*/
.text-with-icon {
display: inline-block;
padding-left: 25px;
position: relative;
i[class^="fa-"] {
position: absolute;
left: 0;
top: 5px;
}
&.text-with-icon-large{
padding-left: 35px;
i[class^="fa-"] {
top: 10px;
font-size: 24px;
color: $primary_background_color;
@media only screen and (max-width:992px) {
font-size: 20px;
}
}
a {
color: $primary_background_color;
&:hover {
color: $primary_color;
}
}
}
}
.falcon-icons {
color: $primary_background_color;
}
/*#############################################################
## Block default Padding and Color
/*###########################################################*/
body,
[data-layout-id],
[data-content-block-id] {
background-color: $section_default_background_color;
}
[data-content-block-id] {
background-color: $section_default_background_color;
padding: $section_default_padding_top_and_bottom 0;
&.section-1-style {
background-color: $section_1_background_color;
}
// &.section-2-style {
// background-color: $primary_background_color;
// }
// &.section-3-style {
// background-color: $section_3_background_color;
// }
}
.content-container{
background-color: $section_default_background_color;
border: 1px solid #f7f7f7;
border-radius: 0 3px 3px 3px;
box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.12);
padding: 15px;
height: 100%;
&.dark-content-container{
background-color: $primary_background_color;
border: 1px solid $primary_background_color;
h1,h2,h3,p,li{
color: $primary_text_color;
}
}
}
.address-container{
h2:after {
background-color: $primary_color;
}
}
/*#############################################################
## Website Header
/*###########################################################*/
.site-header-bar-style {
background-color: $site_header_bg_color;
}
.site-header-style-1{
box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.12);
background-color: #fff;
border-top: 1px solid rgba(255, 255, 255, 0.1);
.primary-menu-container{
>li{
a.mainmenu-active{
background-color: $site_header_bg_color;
color: $site_header_text_hover_color;
border-radius: 4px;
}
}
}
}
.falcon-burger-style{
background-color: #eee;
> div{
background-color: $site_header_text_color;
&:nth-of-type(2) {
margin: 6px 0;
}
}
}
/*-------------------------------
# Breakpoints
--------------------------------*/
.menu-for-desktop {
display: none;
@media only screen and (min-width: $site_header_menu_breakpoints) {
display: block;
}
}
.menu-for-mobile {
display: block;
@media only screen and (min-width: $site_header_menu_breakpoints) {
display: none;
}
}
/*-------------------------------
# Header Menu
--------------------------------*/
.desktop-menu{
@media only screen and (max-width:1199px) {
hr{
border-color: #e0e0e0;
}
}
>li{
.primary-menu-link{
color: $site_header_text_color;
}
&:hover{
background-color: $site_header_bg_color;
a{
color: $site_header_text_hover_color;
}
.primary-submenu-container{
ul{
>li{
a{
color: $site_header_text_color;
}
}
}
}
}
}
.primary-submenu-container{
box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.12);
ul{
>li{
border-bottom: 1px solid #e9e9e9;
&:hover{
background-color: #f2f2f2;
}
.submenu-active{
background-color: #f2f2f2;
}
}
}
}
}
/*#############################################################
## Website Footer
/*###########################################################*/
footer{
.footer-main{
background-color: $site_footer_bg_color;
box-shadow: inset 0 20px 50px -20px rgba(0, 0, 0, 0.06);
* {
color: $site_footer_text_color;
a:hover{
color: $site_footer_text_hover_color;
span {
color: $site_footer_text_hover_color;
}
}
}
.footer-copyright{
border-top: 1px solid rgba(255,255,255, 0.1);
}
.social-icons-style-2 {
a, i {
&:hover {
color: $site_footer_text_hover_color;
}
}
}
}
.footer-banner{
background-color: $primary_background_color;
}
}
/*#############################################################
## Buttons
/*###########################################################*/
/*-------------------------------
# Button Container
--------------------------------*/
.buttons-container {
position: relative;
left: -5px;
width: calc(100% + 5px);
a {
display: inline-block;
margin-right: 5px;
margin-left: 5px;
margin-bottom: 10px;
transition: unset;
}
}
/*-------------------------------
# Button 1 Style
--------------------------------*/
%custom-button-all-default {
border-radius: 3px;
border: 0;
font-weight: 300;
line-height: 1.2em;
padding: 12px 15px;
position: relative;
transition: all 0.3s ease-in-out 0s;
text-align: center;
display: inline-flex;
align-items: center;
justify-content: center;
outline: none;
box-shadow: none;
}
%custom-button-1-style-default {
background-color: $button_1_background_color;
color: $button_1_text_color;
font-family: $button_1_font_family;
}
%custom-button-1-invert-style-default {
background-color: $button_1_text_color;
color: $button_1_background_color;
font-family: $button_1_font_family;
}
%custom-button-2-style-default {
border: 1px solid $button_2_border_color;
color: $button_2_text_color;
background-color: $button_2_background_color;
}
%custom-button-1-style-hover {
background-color: darken($button_1_background_color, 0);
color: $button_1_text_color;
}
%custom-button-1-invert-style-hover {
background-color: darken($button_1_text_color, 10%);
color: $button_1_background_color;
}
%custom-button-2-style-hover {
color: #fff;
background-color: $primary_background_color;
border: 1px solid $primary_background_color;
}
%custom-button-white-style-default {
background-color: $button_white_background_color;
border-color: $button_white_border_color;
color: $button_white_text_color;
border-radius: $button_white_border_radius;
font-family: $button_white_font_family;
}
%custom-button-white-style-hover {
background-color: darken($button_white_background_color, 10%);
border-color: darken($button_white_border_color, 10%);
color: $button_white_text_color;
}
.btn {
@extend %custom-button-all-default;
&.btn-small {
padding: 8px 15px;
}
&.btn-medium {
padding: 12px 15px;
}
&.btn-large {
padding: 15px 20px;
}
.disabled,
&:disabled {
opacity: 1;
pointer-events: auto;
cursor: not-allowed;
}
&.button-1-style {
@extend %custom-button-1-style-default;
&::before {
background-color: #fff;
position: absolute;
width: 100%;
height: 100%;
content: '';
display: block;
left: 0;
top: 0;
opacity: 0;
transition: all 0.2s;
}
&:link,
&:focus,
&:visited,
&:active {
@extend %custom-button-1-style-default;
}
&:not(:disabled):hover {
@extend %custom-button-1-style-hover;
&::before {
opacity: 0.1;
}
}
}
&.button-1-invert-style {
@extend %custom-button-1-invert-style-default;
&:link,
&:focus,
&:visited,
&:active {
@extend %custom-button-1-invert-style-default;
}
&:not(:disabled):hover {
@extend %custom-button-1-invert-style-hover;
&::before {
opacity: 0.1;
}
}
}
&.button-2-style {
@extend %custom-button-2-style-default;
&:link,
&:focus,
&:visited,
&:active {
@extend %custom-button-2-style-default;
}
&:hover{
@extend %custom-button-2-style-hover;
}
}
&.button-white-style {
@extend %custom-button-white-style-default;
&:link,
&:focus,
&:visited,
&:active {
@extend %custom-button-white-style-default;
}
&:hover {
@extend %custom-button-white-style-hover;
}
&.btn-active {
color: $primary_background_color;
border: 1px solid $primary_background_color;
}
}
}
/*#############################################################
Property
/*###########################################################*/
.each-card-hover-style{
position: relative;
display: block;
z-index: 99;
.image-overlay{
opacity: 0;
z-index: 1;
background-color: rgba($primary_background_color, 0.3);
transition: opacity 0.4s;
}
&:hover .image-overlay {
opacity: 1;
}
}
.each-card-row-style{
background-color: #f7f7f7;
}
.primary-section-style{
background-color: $primary_background_color;
}
/*#############################################################
## Property Summary Icons
/*###########################################################*/
.summary-icon {
&.icon-bath {
background-image: url($property_icon_bathroom);
}
&.icon-bed {
background-image: url($property_icon_bedroom);
}
&.icon-car {
background-image: url($property_icon_car);
}
&.icon-land {
background-image: url($property_icon_land_area);
}
&.icon-floorplan {
background-image: url($property_icon_floor_area);
}
}
/*#############################################################
social icons
/*###########################################################*/
.social-icons-style-1 {
li {
line-height: 0;
margin: 0 0;
width: 43px;
height: 43px;
transition: all 0.2s ease-in-out;
display: flex;
align-items: center;
justify-content: center;
&::after {
content: '\f39e';
position: absolute;
font-family: 'Font Awesome 6 Brands';
transform: translateY(-43px);
transition: all 0.2s ease-in-out;
color: $primary_background_color;
opacity: 0;
z-index: 0;
}
&:hover {
&::after {
transform: translateY(0);
transition: all 0.2s ease-in-out;
opacity: 1;
}
background: #fff;
transition: all 0.2s ease-in-out;
i {
transform: translateY(45px);
transition: all 0.2s ease-in-out;
text-align: center;
color: $primary_background_color;
}
}
i {
font-size: 14px;
color: #fff;
transform: translateY(0);
transition: all 0.2s ease-in-out;
}
&:nth-child(2) {
&::after {
content: '\f16d';
}
}
&:nth-child(3) {
&::after {
content: '\f099';
}
}
&:nth-child(4) {
&::after {
content: '\f08c';
}
}
&:nth-child(5) {
&::after {
content: '\f167';
}
}
&:nth-child(6) {
&::after {
content: '\f0d2';
}
}
a {
z-index: 1;
}
}
}
.social-icons-style-2 {
a{
margin: 0 1rem 0 0;
color: #909090;
&.disabled {
color: #707070;
cursor: not-allowed;
opacity: 0.4;
}
&:hover {
i {
color: $primary_background_color;
}
}
}
}
/*#############################################################
## Block Specific
/*###########################################################*/
body {
// &.page-type-blogs - Not required
&.page-type-listing ,&.page-type-blog {
[data-content-block-id] {
padding: 20px 0;
}
}
}
.secondary-sub-text-color{
color: #909090;
}
.primary-text-color{
color: $primary_color;
}
.text-animation-style1{
color: inherit;
transition: all 0.27s;
&:hover{
color: $primary_color;
}
}
.text-animation-style2{
color: $primary_color;
transition: all 0.27s;
&:hover{
color: #333;
}
}
/*#############################################################
## blockquote
/*###########################################################*/
blockquote {
margin-left: 0;
margin-right: 0;
}
blockquote {
padding: 1.25rem 1.25rem 1.25rem calc(1.3125rem + 0.75vw);
border-left: 5px solid $primary_background_color;
background-color: #eeeeee;
}
/*#############################################################
## Repeater
/*###########################################################*/
.wb-repeater {
&.accordion {
.accordion-item {
border: 0;
.accordion-button {
border-top: solid 1px #F5F5F5;
&:not(.collapsed) {
color: #fff;
background-color: $primary_background_color;
border-top-right-radius: 0;
border-top-left-radius: 0;
border-top: 0 ;
}
&:not(.collapsed)::after {
color: $all_content_colour;
filter: brightness(100);
}
&:focus {
outline:none;
box-shadow: none;
}
}
&:first-child {
.accordion-button {
border-top: 0;
}
}
}
.accordion {
.accordion-item {
border: 0;
}
.accordion-body {
background-color: #fff;
}
}
}
}
/*#############################################################
## Image
/*###########################################################*/
img, svg{
max-width: 100%;
height: auto;
}
.images-container{
> img, >.wb-bg-image {
margin-bottom: 20px;
}
}
/*#############################################################
## Capcha Badge
/*###########################################################*/
.grecaptcha-badge { visibility: hidden; }
/*#############################################################
## Search Form
/*###########################################################*/
input[type="text"],
input[type="email"],
textarea,
select.form-control,
select {
color:#707070;
background-color: #FFF;
border: 1px solid #e0e0e0;
width: 100%;
// height: 51px;
// line-height: 51px;
padding: 12px 20px;
border-radius: 3px;
&:focus {
outline: 0;
box-shadow: unset;
border-color: inherit;
color: inherit;
}
}
textarea {
min-height: 200px;
}
.form-check-input:checked {
background-color: $primary_color;
border-color: $primary_color;
}
.select-wrapper {
position: relative;
select {
-webkit-appearance: none;
-moz-appearance: none;
appearance: none;
cursor: pointer;
outline: 0;
&:link,
&:focus,
&:hover,
&:visited,
&:active
&:focus-visible {
outline: 0;
}
}
&::before {
font-family: "Font Awesome 6 Pro";
content: "\f107";
font-weight: 300;
color:#010101;
pointer-events: none;
position: absolute;
right: 5px;
top: 50%;
font-size: 20px;
transform: translatey(-45%);
padding-right: 5px;
z-index: 1;
}
}
/*#############################################################
## Forms
/*###########################################################*/
input{
outline: 0;
}
.wb-form {
.form-label {
display: block;
font-weight: 400;
font-size: 15px;
margin-bottom: 0;
cursor: pointer;
}
.form-check-label {
cursor: pointer;
}
.input-wrapper {
br {
display: none;
}
}
input[type="text"].form-control,
input[type="email"].form-control,
textarea.form-control {
color: #808080;
background-color: #fcfcfc;
border: 1px solid #e0e0e0;
border-radius: 3px;
padding: 12px 20px;
// height: 51px;
// line-height: 51px;
width: 100%;
font-family: $all_content_font_family;
font-style: normal;
font-weight: 500;
&:focus {
outline: 0;
box-shadow: unset;
border-color: inherit;
color: inherit;
}
}
}
/*#############################################################
## Paginatiom
/*###########################################################*/
nav.falcon-pagination {
margin-top: 40px;
.falcon-next-prev {
display: none;
}
.falcon-numbers {
display: block;
.falcon-label-container {
display: none;
}
.falcon-numbers-container {
display: block;
text-align: center;
ul.pagination {
display: inline-flex;
flex-wrap: wrap;
justify-content: center;
gap: 8px;
li.page-item {
>.page-link {
color: $all_content_colour;
padding: 7px 18px;
display: inline-block;
box-shadow: 0px 1px 1px rgba(0, 0, 0, 0.2);
&:focus {
box-shadow: none;
}
}
&.active {
>.page-link {
color: $primary_text_color;
background-color: $primary_background_color;
border-color: $primary_background_color;
}
}
}
}
}
}
}
/*#############################################################
## Badge
/*###########################################################*/
.falcon-badge-style,
.badge-1-style {
color: $primary_text_color;
border-radius: 3px;
display: inline-block;
vertical-align: middle;
padding: 8px 15px;
font-weight: 500;
font-size: max($all_content_font_size);
background-color: $primary_background_color;
}
.badge-2-style {
color: $primary_background_color;
border-radius: 0;
display: inline-block;
vertical-align: middle;
padding: 8px 15px;
font-weight: 500;
font-size: max($all_content_font_size);
background-color: #fff;
}
.icon-image-container{
background-color: $primary_background_color;
border-color: $primary_background_color;
color: $primary_text_color;
}
.wb-bg-image{
background-color: transparent;
background-repeat: no-repeat;
background-attachment: scroll;
background-position: 50% 50%;
background-size: cover;
}
/*#############################################################
## overlay
/*###########################################################*/
.banner-overlay,
.image-overlay {
position: absolute;
left: 0;
right: 0;
bottom: 0;
top: 0;
background-color: rgba(0, 0, 0, 0.3);
}
/*#############################################################
## Slick SLider
/*###########################################################*/
.slick-general {
&:not(.slick-initialized) {
display: none;
}
&.slick-initialized {
display: block;
}
&.slick-slider {
min-width: 100%;
width: 0;
.slick-track {
margin-left: unset;
margin-right: unset;
}
&.slick-add-gap {
.slick-list {
margin: 0 -10px;
.slick-slide {
// margin-right: 10px;
// margin-left: 10px;
margin: 0 10px;
}
}
}
&.slick-same-height{
@media only screen and (min-width: 767px) {
.slick-track{
display: flex;
}
.slick-slide{
height: inherit;
div[class^="wb-"]{
height: 100%;
}
}
}
}
.slick-arrow {
z-index: 99;
&.slick-prev,
&.slick-next {
position: absolute;
width: 50px;
height: 50px;
padding: 0;
cursor: pointer;
color: $primary_background_color;
outline: none;
background-color:transparent;
border: 1px solid $primary_background_color;
z-index: 2;
display: inline-flex;
justify-content: center;
align-items: center;
font-family: auto;
opacity: 1;
transition: all 0.3s ease-in-out 0s;
&:hover {
outline: none;
color: #FFF;
border: 1px solid $primary_background_color;
background-color: $primary_background_color;
}
&.slick-disabled {
opacity: 0.3;
cursor: default;
}
&::before {
font-family: 'Font Awesome 6 Pro';
font-weight: 300;
font-size: 30px;
display: inline-block;
color: inherit;
text-rendering: auto;
-webkit-font-smoothing: antialiased;
opacity: 1;
}
}
&.slick-prev {
top: 50%;
left: -70px;
&::before {
content: "\f104";
}
@media only screen and (max-width:1300px) {
left: 10px;
}
}
&.slick-next {
top: 50%;
right: -70px;
&::before {
content: "\f105";
}
@media only screen and (max-width:1300px) {
right: 10px;
}
}
}
&.slick-dotted {
position: relative;
.slick-dots {
position: relative;
bottom: auto;
display: block;
width: 100%;
padding: 0;
margin: 0;
list-style: none;
text-align: center;
margin-bottom: 10px;
li {
position: relative;
display: inline-block;
width: 6px;
height: 6px;
margin: 0 7px;
padding: 0;
cursor: pointer;
button {
font-size: 0;
line-height: 0;
display: block;
width: inherit;
height: inherit;
padding: 5px;
cursor: pointer;
color: transparent;
border: 0;
outline: none;
background-color:#CCCCCC;
border-radius: 50%;
&:before {
display: none;
}
&:hover {
outline: none;
&:before {
opacity: 1;
}
}
&:focus {
outline: none;
&:before {
opacity: 1;
}
}
}
&.slick-active {
button {
background-color: #313131;
}
}
}
}
}
}
}
.general-outside-arrow-wrapper{
position: relative;
.general-outside-arrow-container{
position: absolute;
display: inline-flex;
right: 0;
bottom: calc(100% + 10px);
gap: 10px;
.slick-arrow {
z-index: 99;
&.slick-prev,
&.slick-next {
position: relative;
width: 35px;
height: 50px;
top: auto;
padding: 0;
cursor: pointer;
color: #a0a0a0;
outline: none;
background-color: transparent;
border: 1px solid transparent;
z-index: 2;
display: inline-flex;
justify-content: center;
align-items: center;
font-family: auto;
opacity: 1;
transform: unset;
&.slick-disabled {
opacity: 0.3;
cursor: default;
}
&::before {
font-family: 'Font Awesome 6 Pro';
font-weight: 300;
font-size: 40px;
display: inline-block;
color: inherit;
text-rendering: auto;
-webkit-font-smoothing: antialiased;
opacity: 1;
// text-shadow: 0px 2px 0px #0000004a;
}
}
&.slick-prev {
left: auto;
&::before {
content: "\f104";
}
}
&.slick-next {
right: auto;
&::before {
content: "\f105";
}
}
}
}
}
// Carousel with arrow Title
.wb-carousel {
[class^="container"]> {
.row> {
[class^="col"]> {
h1,
h2,
h3,
h4,
h5,
h6 {
@media only screen and (max-width:767px) {
display: inline;
padding-right: min(65px);
white-space: break-spaces;
}
}
}
}
}
.general-outside-arrow-container{
@media only screen and (max-width:767px) {
bottom: Max(100% - 10px);
}
}
}
/*#############################################################
## slick property css
/*###########################################################*/
.slick-property-slider{
&:not(.slick-initialized):not(.slick-property-gallery):not(.slick-property-gallery-bottom) {
opacity: 0;
visibility: hidden;
}
&:not(.slick-initialized):not(.slick-property-image-gallery) {
display: none;
}
&.slick-initialized {
visibility: visible;
opacity: 1;
display: block;
}
&.slick-slider {
min-width: 100%;
width: 0;
.slick-track {
margin-left: unset;
margin-right: unset;
}
&.slick-add-gap {
.slick-list {
margin: 0 -5px;
.slick-slide {
margin-right: 5px;
margin-left: 5px;
&.slick-active.slick-current {
&.property-gallery-each {
&:before {
border-color: $primary_background_color;
}
}
}
}
}
}
}
.slick-arrow {
z-index: 10;
height: 50px;
width: 50px;
top: 50%;
transform: translate(0, -50%);
background-color: $primary_background_color;
color: #fff;
border-radius: 50%;
transition: all 0.3s;
font-size: 24px;
&.slick-control-prev {
left: 20px;
}
&.slick-control-next {
right: 20px;
}
&:hover {
opacity: 1;
}
}
}
/*#############################################################
## Modal Reset
/*###########################################################*/
.remodal, [data-remodal-id] {
display: none;
}
.remodal {
&:not(.remodal-menu) {
margin: 50px 0;
@media only screen and (max-width:767px) {
padding: 15px;
margin: 0;
}
a[data-remodal-action="close"] {
position: absolute;
right: 0;
width: 50px;
height: 50px;
line-height: 1;
display: inline-flex;
flex-wrap: nowrap;
justify-content: center;
align-items: center;
top: -50px;
color: #FFF;
z-index: 10;
@media only screen and (max-width:767px) {
top: 0;
color: $all_content_colour;
}
}
}
}
.remodal-wrapper.remodal-appraisal{
.remodal.remodal-appraisal {
max-width: 1050px;
box-shadow: unset;
border: 0;
outline: none;
}
}
.remodal-overlay.remodal-menu {
background: rgba(0, 0, 0, 0.8);
z-index: 99991;
}
/* Position Vertically */
.remodal.remodal-menu:after,
.remodal-wrapper.remodal-menu:after {
// Container: Vertical Align
vertical-align:middle;
}
/* Position Horizontally */
.remodal-wrapper.remodal-menu {
// Container: Horizontal Align
text-align:center;
padding: 0;
z-index: 99992;
overflow-x: hidden;
/* Remodal Container */
.remodal.remodal-menu {
margin: 0;
padding: 0;
max-width: 100%;
background-color: #ffffff;
background: #ffffff;
// Container:width and Height
.menu-container {
background-color: #ffffff;
text-align: left;
padding: 15px;
overflow: hidden;
// Keep the Vertical Scroll
min-height: calc(100vh + 1px);
// Position Columns
display: grid;
grid-template-rows: auto 2fr auto;
.menu-container-top {
margin-bottom: 20px;
.logo-text {
font-family: 'Montserrat';
font-style: normal;
font-weight: 800;
line-height: 22px;
color: #313131;
font-size: 24px;
}
a[data-remodal-action="close"] {
color: #313131;
display: inline-block;
text-decoration: none;
font-size: 35px;
}
}
.menu-container-middle {
padding: 15px 0;
ul.mobile-menu {
list-style-type: none;
margin: 0;
padding: 0;
display: block;
// display: inline-block;
li {
display: block;
padding: 0;
margin-bottom: 15px;
// margin-left: 5px;
a {
font-style: normal;
font-size: 22px;
line-height: 20px;
display: flex;
align-items: center;
text-transform: capitalize;
color: #313131;
padding: 8px 0;
}
&:last-child {
margin-bottom: 0;
// margin-left: 0;
}
&.menu-parent-wrapper {
&:hover {
a.menu-parent {
background-color: #FFF;
color: #313131;
}
}
a.menu-parent {
cursor: pointer;
position: relative;
.toggle-menu {
display: inline-block;
// padding: 3px 0 0;
position: absolute;
right: 0;
transform: translatey(2px);
// top: 50%;
// transform: translatey(-50%);
&::after {
font-family: 'Font Awesome 6 Pro';
content: "\f107";
color: inherit;
font-size: 30px;
font-weight: 400;
display: inline-block;
text-rendering: auto;
-webkit-font-smoothing: antialiased;
transition: all 0.3s ease-in-out 0s;
}
&.active-toggle-menu {
&::after {
transform: scaleY(-1);
}
}
}
}
.menu-child-wrapper {
background-color: #FFF;
display: none;
ul {
list-style-type: none;
margin: 0;
padding: 0;
display: block;
li {
display: block;
padding: 0;
margin: 0;
a {
font-size: 22px;
text-transform: capitalize;
color: #313131;
padding: 10px 24px;
display: block;
text-align: left;
transition: all 0.3s ease-in-out 0s;
&:hover {
background-color: #FFF;
}
}
}
}
}
}
}
}
}
.menu-container-bottom {
margin-top: 20px;
@media (pointer:coarse) {
margin-bottom: 50px;
}
.social-media-container {
display: inline-flex;
flex-wrap: nowrap;
justify-content: center;
align-items: center;
> a {
margin-right: 25px;
font-size: 30px;
color: #313131;
&:last-child {
margin-right: 0;
}
}
}
}
}
}
}
/*#############################################################
## Tabs
/*###########################################################*/
.tabs-blocks {
@media (max-width: 767px) {
display: none;
}
>a {
display: inline-flex;
width: 36px;
height: 36px;
font-size: 20px;
transition: all 0.3s;
color: $mediumGray;
background-color: #f0f0f0;
&.active {
background-color: $button_1_background_color;
color: $button_1_text_color;
}
@media (max-width: 991px) {
&[data-type="gridThree"] {
display: none;
}
}
}
.nav-pills {
border-bottom: solid 1px #dee2e6;
li.nav-item {
margin-bottom: -1px;
}
.nav-link {
border-radius: 0;
border-top-right-radius: 8px;
border-top-left-radius: 8px;
color: $all_content_colour;
background-color: #ebebec;
padding: 8px 20px;
font-size: 16px;
line-height: 24px; /* 24px */
&.active,&.active-tab {
color: #fff;
background-color: $primary_background_color;
}
}
}
.tab-content {
.label {
font-weight: 600;
display: flex;
align-items: center;
gap: 7px;
.dot {
width: 13px;
height: 13px;
background-color: $primary_background_color;
border-radius: 50%;
display: inline-block;
}
}
.price-percentage {
font-size: 28px;
font-weight: 600;
line-height: 33.6px;
margin: 10px 0;
display: flex;
gap: 30px;
}
.unit .label .dot {
background-color: $primary_background_color;
}
}
}
/*#############################################################
## Bootstrap Grid/Column
/*###########################################################*/
.wb-column {
container-type: inline-size;
.container-xxl:not(.layout-exclude){
padding-left: 0;
padding-right: 0;
}
}
@container (max-width: 767px) {
.wb-column div[class^="col-"]:not(.layout-exclude) {
width: 100%;
}
}
/*#############################################################
## CMA
/*###########################################################*/
.pa-each-card {
border: 1px solid #CCCCCC;
background-color: #FFF;
border-radius: 3px;
transition: background-color 0.2s ease-in-out 0s;
&.card-activated {
background-color: $primary_background_color;
.pa-form-icons {
color: #FFF;
}
h3 {
color: #FFF;
}
}
.pa-form-icons {
color: #636363;
font-size: 60px;
margin-bottom: 20px;
}
h3 {
color: #636363;
}
&:hover {
background-color: $primary_background_color;
.pa-form-icons {
color: #FFF;
}
h3 {
color: #FFF;
}
}
}
.ap-step-2 {
display: none;
position: relative;
.loading-process {
display: none;
&.loading-enable {
background-color: rgb(255, 255, 255, 0.7);
position: absolute;
left: -35px;
right: -35px;
bottom: -35px;
top: -35px;
z-index: 5;
display: flex;
flex-wrap: nowrap;
justify-content: center;
align-items: center;
.loading-process-container {
width: 80%;
margin: 0 auto;
text-align: center;
.loading-process-rotating {
width: 100%;
margin-bottom: 20px;
position: relative;
&::after {
font-family: 'Font Awesome 6 Pro';
content: "\f3f4";
color: inherit;
font-size: 137px;
font-weight: 400;
display: inline-block;
text-rendering: auto;
-webkit-font-smoothing: antialiased;
-webkit-animation: fa-spin 1s linear infinite;
animation: fa-spin 1s linear infinite;
line-height: 1;
}
}
}
p {
font-size: 21px;
}
}
}
}
///////// Code commented as backend will implement this in future
// .ellipsify-x {
// overflow: hidden;
// text-overflow: ellipsis;
// white-space: nowrap;
// }
// &.wb-carousel{
// .ellipsify-x {
// @media only screen and (max-width:767px) {
// max-width: calc(100% - 100px);
// }
// }
// }
// .ellipsify-y {
// display: -webkit-box;
// overflow: hidden;
// -webkit-box-orient: vertical;
// &.two-line {
// -webkit-line-clamp: 2;
// }
// &.three-line {
// -webkit-line-clamp: 3;
// }
// }
// Map Layout
.right-column {
height: 100vh;
overflow-y: scroll;
@media only screen and (max-width: 998px) {
height: auto;
overflow-y: auto;
}
}
.page-type-blog {
table {
width: 100%;
border-spacing: 0;
}
table tbody tr:nth-child(2n+1) {
background-color: rgba(144, 144, 144, .075);
}
table td {
padding: 0.75em;
}
table tbody tr {
border: 1px solid rgba(144, 144, 144, .25);
border-left: 0;
border-right: 0;
}
}
.wb-form {
small {
a {
color: $primary_color;
&:hover{
color: #000;
}
}
}
}
.d-none {
&[data-gjs-type] {
display:block !important;
}
}
//Modify block if it is in the page editor
[data-gjs-type] {
.show-in-editor{
min-height: 50px;
}
}
//Add to calendar remodal
.remodal{
.add-to-calendar{
text-align: left;
.remodal-top{
.close{
position: absolute;
top: 5px;
right: 5px;
color: #000;
font-size: 25px;
}
}
.buttons-wrapper{
a{
font-size: 1.1rem;
font-weight: 500;
color: #000;
}
}
}
}
// Listings embeddables style - card 1
.wb-rifk5vhettjc {
.each-property-card {
box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.1);
@media (min-width: 768px) {
&.list-layout {
.each-property-card-content {
display: flex;
.each-property-label-position{
display: none;
}
.each-property-label-position-md{
display: block;
}
.property-content-image-container {
flex: 1.6;
max-width: 300px;
z-index: 99;
@media(max-width:1239px) {
flex: 1.5;
}
@media(max-width:991px) {
flex: 2;
}
.property-content-image {
border-radius: 3px 0px 0 3px;
&::before {
padding-top: 66.22%;
}
}
}
.property-card-details {
flex: 4;
display: flex;
flex-direction: column;
justify-content: space-evenly;
@media(max-width:1239px) {
flex: 3;
}
@media(max-width:991px) {
flex: 3;
}
.property-content-body {
.property-title {
padding: 18px 160px 20px 35px;
min-height: 116px;
.button-2-style {
display: block;
}
}
}
}
}
}
}
.each-property-card-content {
position: relative;
.property-content-image-container {
*{
color: #fff;
}
.slick-track {
display: flex;
}
.slick-arrow {
opacity: 0;
}
.property-content-image {
border-radius: 3px 3px 0 0;
}
.price-view {
padding: 25px 12px;
font-size: 23px;
}
}
&:hover {
z-index: 99;
.slick-arrow {
opacity: 1;
}
}
.each-property-label-position,.each-property-label-position-md{
position: absolute;
top: 15px;
right: 15px;
z-index: 100;
}
.each-property-label-position-md{
display: none;
}
.property-content-body {
.property-title {
.button-2-style {
top: 20px;
right: 35px;
transition: all 0.25s;
display: none;
}
a {
&::after {
// useful too on Buttons with hovered parent
position: absolute;
top: 0;
right: 0;
bottom: 0;
left: 0;
z-index: 20;
content: "";
}
}
}
.content-details {
.summary-tag{
display: none;
}
}
}
}
.auction-time, .inspection-time {
position: absolute;
left: 15px;
top: 15px;
.badge-2-style {
color:$all_content_colour;
}
}
}
}
// Listings embeddables style - card 2
.wb-nnc1cayh90bh {
*{
color: #fff;
}
.listing-img-container {
.listing-item {
@media only screen and (max-width: 768px) {
--bs-aspect-ratio: 100%;
}
.each-property-label-position{
position: absolute;
right: 15px;
top: 15px;
z-index: 10;
left: auto;
bottom: auto;
width: auto;
height: auto;
}
}
.listing-img-content {
z-index: 2;
bottom: 0;
left: 0;
right: auto;
top: auto;
height: auto;
p {
font-size: 20px;
}
.listing-compact-title {
// padding: 23px 26px;
}
}
.listing-hidden-content {
width: 100%;
max-height: 0;
transition: all .8s linear;
font-size: 14px;
// padding: 0 0 0 25px;
@media (max-width: 991px) {
max-height: auto;
}
.summary-details {
padding: 10px 0;
> div {
// padding: 10px 0;
.summary-icon{
// display: none;
filter: brightness(10);
}
.summary-label{
.summary-tag{
display: none;
}
// display: flex;
// flex-direction: column-reverse;
// .summary-tag,.summary-unit{
// display: block;
// }
}
}
}
}
&:after {
position: absolute;
height: 100%;
width: 100%;
display: block;
top: 0;
content: "";
z-index: 0;
background-color: rgba(0, 0, 0, 0.3);
transition: opacity .6s;
}
&:hover {
.listing-hidden-content {
max-height: 200px;
@media (max-width: 991px) {
max-height: auto;
}
}
}
}
}
// Listings embeddables style - card 3
.wb-kf0zujfhql6p {
height: 100%;
.each-property-card {
box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.1);
height: 100%;
.each-property-card-content {
position: relative;
.property-content-image-container {
*{
color: #fff;
}
.property-content-image {
border-radius: 3px 3px 0 0;
}
.price-view {
padding: 25px 30px;
font-size: 23px;
z-index: 2;
}
}
.each-property-label-position{
position: absolute;
top: 15px;
right: 15px;
z-index: 9;
}
.property-content-body {
.property-title {
.button-2-style {
top: 50%;
right: 35px;
transform: translate(0, -51%) scale(1);
transition: all 0.25s;
display: none;
}
}
.content-details {
.summary-tag{
display: none;
}
}
}
}
}
}
// summary details
.wb-3qomvkfpwl8i {
.summary-details {
>div {
margin: 0 10px 0 0;
padding: 5px 0;
&:last-child {
margin-right: 0;
}
.summary-icon {
height: 15px;
width: 15px;
display: inline-block;
vertical-align: middle;
margin-right: 3px;
}
.summary-label {
line-height: 15px;
vertical-align: middle;
}
}
}
}
/*#############################################################
## Advanced search filter remodal
/*###########################################################*/
.remodal-wrapper.remodal-advanced-search {
padding: 0 !important;
}
.remodal.remodal-advanced-search {
max-width: unset !important;
padding: 80px 0 120px;
margin: 0;
}
.remodal-advanced-search {
position: relative;//This might be removed
height: 100vh;
padding-top: 80px;
.section-top, .section-body, .section-footer{
> .container{
max-width: 1000px;
}
}
.section-top{
position: absolute;
width: 100%;
top: 0;
left: 0;
background: $whiteSmoke;
height: 80px;
.container, .row{
height: 100%;
}
.general-button {
min-width: unset;
}
a[data-remodal-action="close"] {
position: relative !important;
display: block !important;
top: auto !important;
color: $primary_color !important;
&:hover {
background-color: $primary_color;
color:#fff !important;
}
}
@media (max-width: 576px) {
.general-button {
padding: 0 15px;
}
}
}
.section-body {
height: calc(100vh - 200px);
overflow-y: auto;
text-align:left;
}
.section-footer {
position: absolute;
width: 100%;
bottom: 0;
left: 0;
background: $whiteSmoke;
height: 120px;
.container, .row{
height: 100%;
}
.general-button {
height: 64px;
line-height: 62px;
min-width: 300px;
}
}
.state-buttons {
width: 100%;
ul{
list-style-type: none;
padding: 0;
margin: 0;
li{
display: inline-block;
float: left;
width: 16.6%;
a{
display: block;
width: 100%;
text-align: center;
border: 1px solid $primary_color;
border-style: solid none solid solid;
padding: 12px;
font-size: 16px;
&.active {
background: $primary_color !important;
color: $white_color !important;
}
&:hover {
background: $primary_color !important;
color: $white_color !important;
}
}
&:last-child a{
border-style: solid solid solid solid;
border-radius: 0 4px 4px 0;
}
&:first-child a{
border-radius: 4px 0 0 4px;
}
}
}
&.three-columns {
ul{
li{
width: 33.33%;
}
}
}
&.big-style {
ul{
li{
a {
padding: 15px;
}
}
}
}
&.highlight-style {
ul{
li{
a {
background: $steelGray;
}
}
}
}
}
.keyword-textbox {
width: 100%;
padding: 15px 20px;
outline: none !important;
}
.select-wrapper {
select {
height: 56px;
line-height: 56px;
width: 100%;
padding: 0 20px;
}
}
}
@media only screen and (max-width: 767px) {
.wb-h1jslczlbalj.remodal:not(.remodal-menu) a[data-remodal-action="close"] {
top: 0;
color: $primary_color;
right: 0;
position: relative;
}
}
//Select Style
.propertylisting-form {
textarea.select2-search__field {
min-height: 43px;
}
span.select2.select2-container.select2-container--default.select2-container--below, span.select2.select2-container.select2-container--default {
width: 100% !important;
}
.select2-container--default .select2-selection--multiple .select2-selection__choice__display {
color: $all_content_colour;
font-weight: 500;
font-size: 0.88rem;
}
span.select2-container.select2-container--default.select2-container--open {
z-index: 999999 !important;
}
.select2-container--default .select2-selection--multiple, .select2-container--default.select2-container--focus .select2-selection--multiple {
border: solid 1px $all_content_colour !important;
}
.select2-container--default .select2-selection--multiple .select2-selection__choice {
padding-left: 0 !important;
background: linear-gradient(0deg, rgba(154, 173, 187, 0.2) 0%, rgba(154, 173, 187, 0.2) 100%), #F3F5F7 !important;
border: 1px solid transparent !important;
border-radius: 20px !important;
overflow: hidden !important;
padding: 6px 10px !important;
padding-right: 30px !important;
margin-bottom: 0;
margin-top: 0 !important;
max-width: 90% !important;
}
.select2-container--default .select2-selection--multiple .select2-selection__choice__remove {
top: 50% !important;
right: 5px !important;
left: auto !important;
transform: translateY(-50%) scale(1.7) !important;
border-right: 1px solid transparent !important;
}
.select2-container--default .select2-selection--multiple .select2-selection__choice__remove span {
font-size: 0;
top: -50%;
right: 3px;
transform: translateY(-50%);
position: absolute;
}
.select2-container--default .select2-selection--multiple .select2-selection__choice__remove span::after {
content: "";
background-image: url("https://resources.wbcms.net/uploads/11/1d88f9a4-b3e8-458b-b8e8-506ec879a4d8/X.svg");
background-repeat: no-repeat;
background-attachment: scroll;
background-position: center center;
background-size: cover;
background-blend-mode: unset;
width: 10px;
height: 10px;
display: inline-block;
vertical-align: middle;
margin-top: 1px;
}
.select2-container .select2-search--inline {
line-height: 43px;
}
.select2-container .select2-search--inline .select2-search__field {
color: $all_content_colour !important;
height: 30px !important;
margin-top: 0px !important;
padding: 2px 0 0 14px;
}
.select2-container .select2-search--inline .select2-search__field::placeholder {
color: $all_content_colour;
}
.select2-container .select2-search--inline .select2-search__field:-ms-input-placeholder {
color: $all_content_colour;
}
.select2-container .select2-search--inline .select2-search__field::-ms-input-placeholder {
color: $all_content_colour;
}
.select2-container .select2-search--inline .select2-search__field::-moz-placeholder {
color: $all_content_colour;
opacity: 1;
}
.select2-container .select2-search--inline .select2-search__field::-webkit-input-placeholder {
color: $all_content_colour;
}
.no-search-found {
background-color: #F3F5F7;
border-radius: 16px;
padding: 73px 15px 97px 15px;
}
@media (max-width: 992px) {
.no-search-found {
padding: 56px 15px 56px 15px;
}
}
.no-search-found h2 {
font-family: "GeneralSans";
font-size: 1.56rem;
font-weight: 600;
margin-bottom: 8px;
}
@media (max-width: 992px) {
.no-search-found h2 {
margin-bottom: 1.13rem;
}
}
.no-search-found p {
color: $all_content_colour;
font-size: 1rem;
font-style: normal;
font-weight: 400;
}
}
span.select2-container.select2-container--default.select2-container--open {
z-index: 99999999;
}"
["compiled_css"]=>
NULL
["js"]=>
string(6171) "requirejs(['jquery', 'remodal', 'cssLoader'], function($, remodal, cssLoader) {
cssLoader(['remodal', 'fontawesome']);
$('.state-buttons .select-button').on('click', function (e){
e.preventDefault();
let button_value = $(this).data('select-value');
$(this).parents('.state-buttons').find('.select-button').removeClass('active');
$(this).addClass('active');
//Set hidden field
let hidden_field = $(this).parents('.state-buttons').data('hidden-field');
if(hidden_field !== undefined && $('#' + hidden_field).length) {
$('#' + hidden_field).val(button_value);
}
});
$(".mobile-menu .menu-parent").click(function(event){
event.preventDefault();
$(this).closest(".menu-parent-wrapper").siblings(".menu-parent-wrapper").find(".toggle-menu").removeClass("active-toggle-menu");
$(this).closest(".menu-parent-wrapper").siblings(".menu-parent-wrapper").find(".menu-child-wrapper").stop().slideUp(500);
$(this).closest(".menu-parent-wrapper").find(".toggle-menu").toggleClass("active-toggle-menu");
$(this).closest(".menu-parent-wrapper").find(".menu-child-wrapper").stop().slideToggle(500);
});
$('a[href^="#"]').click(function(e) {
// Prevent the default behavior of the link
e.preventDefault();
// console.log('test');
var headerHeight = $('header').outerHeight(true);
// Get the value from the href attribute of the clicked link
var contentBlockId = $(this).attr('href').substring(1);
// Check if there exists an element with the matching data-content-block-id attribute
var $targetElement = $('[data-content-block-id="' + contentBlockId + '"]');
if ($targetElement.length) {
// Get the offset of the target element
var targetOffset = $targetElement.offset().top;
var headerPadding = 0;
// Animate scroll to the target offset
$("html, body").animate({ scrollTop: targetOffset - headerPadding }, 1000);
}
});
// Accordion script
$(document).ready(function() {
// Check if we're in GrapesJS builder context - if so, skip the animation logic
const isInBuilder = window.parent && (
window.parent.grapesjs !== undefined ||
window !== window.parent ||
document.querySelector('[data-gjs-type]') !== null
);
// Ensure first accordion is open in each accordion group on page load
const accordionGroups = document.querySelectorAll('.accordion');
accordionGroups.forEach(function(accordionGroup) {
// If in builder, just remove loading class and make visible immediately
if (isInBuilder) {
accordionGroup.classList.remove('accordion-loading');
accordionGroup.style.opacity = '1';
// Ensure first item is visible
const firstCollapse = accordionGroup.querySelector('.accordion-collapse.show');
if (firstCollapse) {
firstCollapse.style.display = '';
firstCollapse.style.visibility = 'visible';
firstCollapse.style.opacity = '1';
}
return;
}
// accordion-loading class is already added in HTML template
const accordionItems = accordionGroup.querySelectorAll('.accordion-item');
if (accordionItems.length === 0) {
accordionGroup.style.opacity = '1';
accordionGroup.classList.remove('accordion-loading');
return;
}
// ALWAYS get the first item in DOM order as the default first
const firstItem = accordionItems[0];
const firstCollapse = firstItem.querySelector('.accordion-collapse');
const firstButton = firstItem.querySelector('.accordion-button');
if (!firstCollapse || !firstButton) {
accordionGroup.style.opacity = '1';
accordionGroup.classList.remove('accordion-loading');
return;
}
// Disable all transitions to prevent any animation flash
const allCollapses = accordionGroup.querySelectorAll('.accordion-collapse');
allCollapses.forEach(function(collapse) {
collapse.style.transition = 'none';
});
// Close ALL accordions first (no exceptions)
accordionItems.forEach(function(item) {
const button = item.querySelector('.accordion-button');
const collapse = item.querySelector('.accordion-collapse');
if (button && collapse) {
button.classList.add('collapsed');
button.setAttribute('aria-expanded', 'false');
collapse.classList.remove('show');
collapse.style.height = '';
collapse.style.display = '';
}
});
// Now open ONLY the first accordion
firstButton.classList.remove('collapsed');
firstButton.setAttribute('aria-expanded', 'true');
firstCollapse.classList.add('show');
// Remove loading class to allow accordions to be visible
accordionGroup.classList.remove('accordion-loading');
// Re-enable transitions and fade in
setTimeout(function() {
allCollapses.forEach(function(collapse) {
collapse.style.transition = '';
});
// Fade in accordion smoothly
accordionGroup.style.opacity = '1';
}, 0);
});
});
});"
["created_at"]=>
string(19) "2023-12-11 21:41:04"
["updated_at"]=>
string(19) "2026-07-14 06:13:15"
}
["original":protected]=>
array(9) {
["id"]=>
int(7)
["uuid"]=>
string(36) "472d0445-2fe2-4118-a6d9-c645b3dd633f"
["name"]=>
string(4) "Nova"
["variables_scss"]=>
NULL
["scss"]=>
string(66172) "/*#############################################################
## Reset
/*###########################################################*/
html {
// Disable the Smooth Scroll Behavior
scroll-behavior: auto !important;
}
.site-main {
min-height: 70vh;
}
a {
text-decoration: none;
}
/*#############################################################
## Headers Tags
/*###########################################################*/
.h1,
h1 {
font-size: $h1_font_size;
}
.h2,
h2 {
font-size: $h2_font_size;
}
.h3,
h3 {
font-size: $h3_font_size;
}
.h4,
h4 {
font-size: $h4_font_size;
}
.h5,
h5 {
font-size: $h4_font_size;
}
.h6,
h6 {
font-size: $h4_font_size;
}
.h1,
h1,
.h2,
h2,
.h3,
h3,
.h4,
h4,
.h5,
h5,
.h6,
h6 {
font-family: $all_header_font_family;
color: $all_header_font_color;
font-weight: $all_header_font_weight;
margin-bottom: $all_header_margin_bottom;
&:last-child {
margin-bottom: 0;
}
a {
color: inherit;
&:link,
&:focus,
&:hover,
&:visited,
&:active {
color: inherit;
}
}
}
/*#############################################################
## Content
/*###########################################################*/
body {
font-family: $all_content_font_family;
font-weight: $all_content_font_weight;
font-size: $all_content_font_size;
color: $all_content_colour;
p,
ul {
&:last-child {
margin-bottom: 0;
}
}
}
li {
a {
color: inherit;
}
}
/*#############################################################
## Special Class: Icons
/*###########################################################*/
.text-with-icon {
display: inline-block;
padding-left: 25px;
position: relative;
i[class^="fa-"] {
position: absolute;
left: 0;
top: 5px;
}
&.text-with-icon-large{
padding-left: 35px;
i[class^="fa-"] {
top: 10px;
font-size: 24px;
color: $primary_background_color;
@media only screen and (max-width:992px) {
font-size: 20px;
}
}
a {
color: $primary_background_color;
&:hover {
color: $primary_color;
}
}
}
}
.falcon-icons {
color: $primary_background_color;
}
/*#############################################################
## Block default Padding and Color
/*###########################################################*/
body,
[data-layout-id],
[data-content-block-id] {
background-color: $section_default_background_color;
}
[data-content-block-id] {
background-color: $section_default_background_color;
padding: $section_default_padding_top_and_bottom 0;
&.section-1-style {
background-color: $section_1_background_color;
}
// &.section-2-style {
// background-color: $primary_background_color;
// }
// &.section-3-style {
// background-color: $section_3_background_color;
// }
}
.content-container{
background-color: $section_default_background_color;
border: 1px solid #f7f7f7;
border-radius: 0 3px 3px 3px;
box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.12);
padding: 15px;
height: 100%;
&.dark-content-container{
background-color: $primary_background_color;
border: 1px solid $primary_background_color;
h1,h2,h3,p,li{
color: $primary_text_color;
}
}
}
.address-container{
h2:after {
background-color: $primary_color;
}
}
/*#############################################################
## Website Header
/*###########################################################*/
.site-header-bar-style {
background-color: $site_header_bg_color;
}
.site-header-style-1{
box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.12);
background-color: #fff;
border-top: 1px solid rgba(255, 255, 255, 0.1);
.primary-menu-container{
>li{
a.mainmenu-active{
background-color: $site_header_bg_color;
color: $site_header_text_hover_color;
border-radius: 4px;
}
}
}
}
.falcon-burger-style{
background-color: #eee;
> div{
background-color: $site_header_text_color;
&:nth-of-type(2) {
margin: 6px 0;
}
}
}
/*-------------------------------
# Breakpoints
--------------------------------*/
.menu-for-desktop {
display: none;
@media only screen and (min-width: $site_header_menu_breakpoints) {
display: block;
}
}
.menu-for-mobile {
display: block;
@media only screen and (min-width: $site_header_menu_breakpoints) {
display: none;
}
}
/*-------------------------------
# Header Menu
--------------------------------*/
.desktop-menu{
@media only screen and (max-width:1199px) {
hr{
border-color: #e0e0e0;
}
}
>li{
.primary-menu-link{
color: $site_header_text_color;
}
&:hover{
background-color: $site_header_bg_color;
a{
color: $site_header_text_hover_color;
}
.primary-submenu-container{
ul{
>li{
a{
color: $site_header_text_color;
}
}
}
}
}
}
.primary-submenu-container{
box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.12);
ul{
>li{
border-bottom: 1px solid #e9e9e9;
&:hover{
background-color: #f2f2f2;
}
.submenu-active{
background-color: #f2f2f2;
}
}
}
}
}
/*#############################################################
## Website Footer
/*###########################################################*/
footer{
.footer-main{
background-color: $site_footer_bg_color;
box-shadow: inset 0 20px 50px -20px rgba(0, 0, 0, 0.06);
* {
color: $site_footer_text_color;
a:hover{
color: $site_footer_text_hover_color;
span {
color: $site_footer_text_hover_color;
}
}
}
.footer-copyright{
border-top: 1px solid rgba(255,255,255, 0.1);
}
.social-icons-style-2 {
a, i {
&:hover {
color: $site_footer_text_hover_color;
}
}
}
}
.footer-banner{
background-color: $primary_background_color;
}
}
/*#############################################################
## Buttons
/*###########################################################*/
/*-------------------------------
# Button Container
--------------------------------*/
.buttons-container {
position: relative;
left: -5px;
width: calc(100% + 5px);
a {
display: inline-block;
margin-right: 5px;
margin-left: 5px;
margin-bottom: 10px;
transition: unset;
}
}
/*-------------------------------
# Button 1 Style
--------------------------------*/
%custom-button-all-default {
border-radius: 3px;
border: 0;
font-weight: 300;
line-height: 1.2em;
padding: 12px 15px;
position: relative;
transition: all 0.3s ease-in-out 0s;
text-align: center;
display: inline-flex;
align-items: center;
justify-content: center;
outline: none;
box-shadow: none;
}
%custom-button-1-style-default {
background-color: $button_1_background_color;
color: $button_1_text_color;
font-family: $button_1_font_family;
}
%custom-button-1-invert-style-default {
background-color: $button_1_text_color;
color: $button_1_background_color;
font-family: $button_1_font_family;
}
%custom-button-2-style-default {
border: 1px solid $button_2_border_color;
color: $button_2_text_color;
background-color: $button_2_background_color;
}
%custom-button-1-style-hover {
background-color: darken($button_1_background_color, 0);
color: $button_1_text_color;
}
%custom-button-1-invert-style-hover {
background-color: darken($button_1_text_color, 10%);
color: $button_1_background_color;
}
%custom-button-2-style-hover {
color: #fff;
background-color: $primary_background_color;
border: 1px solid $primary_background_color;
}
%custom-button-white-style-default {
background-color: $button_white_background_color;
border-color: $button_white_border_color;
color: $button_white_text_color;
border-radius: $button_white_border_radius;
font-family: $button_white_font_family;
}
%custom-button-white-style-hover {
background-color: darken($button_white_background_color, 10%);
border-color: darken($button_white_border_color, 10%);
color: $button_white_text_color;
}
.btn {
@extend %custom-button-all-default;
&.btn-small {
padding: 8px 15px;
}
&.btn-medium {
padding: 12px 15px;
}
&.btn-large {
padding: 15px 20px;
}
.disabled,
&:disabled {
opacity: 1;
pointer-events: auto;
cursor: not-allowed;
}
&.button-1-style {
@extend %custom-button-1-style-default;
&::before {
background-color: #fff;
position: absolute;
width: 100%;
height: 100%;
content: '';
display: block;
left: 0;
top: 0;
opacity: 0;
transition: all 0.2s;
}
&:link,
&:focus,
&:visited,
&:active {
@extend %custom-button-1-style-default;
}
&:not(:disabled):hover {
@extend %custom-button-1-style-hover;
&::before {
opacity: 0.1;
}
}
}
&.button-1-invert-style {
@extend %custom-button-1-invert-style-default;
&:link,
&:focus,
&:visited,
&:active {
@extend %custom-button-1-invert-style-default;
}
&:not(:disabled):hover {
@extend %custom-button-1-invert-style-hover;
&::before {
opacity: 0.1;
}
}
}
&.button-2-style {
@extend %custom-button-2-style-default;
&:link,
&:focus,
&:visited,
&:active {
@extend %custom-button-2-style-default;
}
&:hover{
@extend %custom-button-2-style-hover;
}
}
&.button-white-style {
@extend %custom-button-white-style-default;
&:link,
&:focus,
&:visited,
&:active {
@extend %custom-button-white-style-default;
}
&:hover {
@extend %custom-button-white-style-hover;
}
&.btn-active {
color: $primary_background_color;
border: 1px solid $primary_background_color;
}
}
}
/*#############################################################
Property
/*###########################################################*/
.each-card-hover-style{
position: relative;
display: block;
z-index: 99;
.image-overlay{
opacity: 0;
z-index: 1;
background-color: rgba($primary_background_color, 0.3);
transition: opacity 0.4s;
}
&:hover .image-overlay {
opacity: 1;
}
}
.each-card-row-style{
background-color: #f7f7f7;
}
.primary-section-style{
background-color: $primary_background_color;
}
/*#############################################################
## Property Summary Icons
/*###########################################################*/
.summary-icon {
&.icon-bath {
background-image: url($property_icon_bathroom);
}
&.icon-bed {
background-image: url($property_icon_bedroom);
}
&.icon-car {
background-image: url($property_icon_car);
}
&.icon-land {
background-image: url($property_icon_land_area);
}
&.icon-floorplan {
background-image: url($property_icon_floor_area);
}
}
/*#############################################################
social icons
/*###########################################################*/
.social-icons-style-1 {
li {
line-height: 0;
margin: 0 0;
width: 43px;
height: 43px;
transition: all 0.2s ease-in-out;
display: flex;
align-items: center;
justify-content: center;
&::after {
content: '\f39e';
position: absolute;
font-family: 'Font Awesome 6 Brands';
transform: translateY(-43px);
transition: all 0.2s ease-in-out;
color: $primary_background_color;
opacity: 0;
z-index: 0;
}
&:hover {
&::after {
transform: translateY(0);
transition: all 0.2s ease-in-out;
opacity: 1;
}
background: #fff;
transition: all 0.2s ease-in-out;
i {
transform: translateY(45px);
transition: all 0.2s ease-in-out;
text-align: center;
color: $primary_background_color;
}
}
i {
font-size: 14px;
color: #fff;
transform: translateY(0);
transition: all 0.2s ease-in-out;
}
&:nth-child(2) {
&::after {
content: '\f16d';
}
}
&:nth-child(3) {
&::after {
content: '\f099';
}
}
&:nth-child(4) {
&::after {
content: '\f08c';
}
}
&:nth-child(5) {
&::after {
content: '\f167';
}
}
&:nth-child(6) {
&::after {
content: '\f0d2';
}
}
a {
z-index: 1;
}
}
}
.social-icons-style-2 {
a{
margin: 0 1rem 0 0;
color: #909090;
&.disabled {
color: #707070;
cursor: not-allowed;
opacity: 0.4;
}
&:hover {
i {
color: $primary_background_color;
}
}
}
}
/*#############################################################
## Block Specific
/*###########################################################*/
body {
// &.page-type-blogs - Not required
&.page-type-listing ,&.page-type-blog {
[data-content-block-id] {
padding: 20px 0;
}
}
}
.secondary-sub-text-color{
color: #909090;
}
.primary-text-color{
color: $primary_color;
}
.text-animation-style1{
color: inherit;
transition: all 0.27s;
&:hover{
color: $primary_color;
}
}
.text-animation-style2{
color: $primary_color;
transition: all 0.27s;
&:hover{
color: #333;
}
}
/*#############################################################
## blockquote
/*###########################################################*/
blockquote {
margin-left: 0;
margin-right: 0;
}
blockquote {
padding: 1.25rem 1.25rem 1.25rem calc(1.3125rem + 0.75vw);
border-left: 5px solid $primary_background_color;
background-color: #eeeeee;
}
/*#############################################################
## Repeater
/*###########################################################*/
.wb-repeater {
&.accordion {
.accordion-item {
border: 0;
.accordion-button {
border-top: solid 1px #F5F5F5;
&:not(.collapsed) {
color: #fff;
background-color: $primary_background_color;
border-top-right-radius: 0;
border-top-left-radius: 0;
border-top: 0 ;
}
&:not(.collapsed)::after {
color: $all_content_colour;
filter: brightness(100);
}
&:focus {
outline:none;
box-shadow: none;
}
}
&:first-child {
.accordion-button {
border-top: 0;
}
}
}
.accordion {
.accordion-item {
border: 0;
}
.accordion-body {
background-color: #fff;
}
}
}
}
/*#############################################################
## Image
/*###########################################################*/
img, svg{
max-width: 100%;
height: auto;
}
.images-container{
> img, >.wb-bg-image {
margin-bottom: 20px;
}
}
/*#############################################################
## Capcha Badge
/*###########################################################*/
.grecaptcha-badge { visibility: hidden; }
/*#############################################################
## Search Form
/*###########################################################*/
input[type="text"],
input[type="email"],
textarea,
select.form-control,
select {
color:#707070;
background-color: #FFF;
border: 1px solid #e0e0e0;
width: 100%;
// height: 51px;
// line-height: 51px;
padding: 12px 20px;
border-radius: 3px;
&:focus {
outline: 0;
box-shadow: unset;
border-color: inherit;
color: inherit;
}
}
textarea {
min-height: 200px;
}
.form-check-input:checked {
background-color: $primary_color;
border-color: $primary_color;
}
.select-wrapper {
position: relative;
select {
-webkit-appearance: none;
-moz-appearance: none;
appearance: none;
cursor: pointer;
outline: 0;
&:link,
&:focus,
&:hover,
&:visited,
&:active
&:focus-visible {
outline: 0;
}
}
&::before {
font-family: "Font Awesome 6 Pro";
content: "\f107";
font-weight: 300;
color:#010101;
pointer-events: none;
position: absolute;
right: 5px;
top: 50%;
font-size: 20px;
transform: translatey(-45%);
padding-right: 5px;
z-index: 1;
}
}
/*#############################################################
## Forms
/*###########################################################*/
input{
outline: 0;
}
.wb-form {
.form-label {
display: block;
font-weight: 400;
font-size: 15px;
margin-bottom: 0;
cursor: pointer;
}
.form-check-label {
cursor: pointer;
}
.input-wrapper {
br {
display: none;
}
}
input[type="text"].form-control,
input[type="email"].form-control,
textarea.form-control {
color: #808080;
background-color: #fcfcfc;
border: 1px solid #e0e0e0;
border-radius: 3px;
padding: 12px 20px;
// height: 51px;
// line-height: 51px;
width: 100%;
font-family: $all_content_font_family;
font-style: normal;
font-weight: 500;
&:focus {
outline: 0;
box-shadow: unset;
border-color: inherit;
color: inherit;
}
}
}
/*#############################################################
## Paginatiom
/*###########################################################*/
nav.falcon-pagination {
margin-top: 40px;
.falcon-next-prev {
display: none;
}
.falcon-numbers {
display: block;
.falcon-label-container {
display: none;
}
.falcon-numbers-container {
display: block;
text-align: center;
ul.pagination {
display: inline-flex;
flex-wrap: wrap;
justify-content: center;
gap: 8px;
li.page-item {
>.page-link {
color: $all_content_colour;
padding: 7px 18px;
display: inline-block;
box-shadow: 0px 1px 1px rgba(0, 0, 0, 0.2);
&:focus {
box-shadow: none;
}
}
&.active {
>.page-link {
color: $primary_text_color;
background-color: $primary_background_color;
border-color: $primary_background_color;
}
}
}
}
}
}
}
/*#############################################################
## Badge
/*###########################################################*/
.falcon-badge-style,
.badge-1-style {
color: $primary_text_color;
border-radius: 3px;
display: inline-block;
vertical-align: middle;
padding: 8px 15px;
font-weight: 500;
font-size: max($all_content_font_size);
background-color: $primary_background_color;
}
.badge-2-style {
color: $primary_background_color;
border-radius: 0;
display: inline-block;
vertical-align: middle;
padding: 8px 15px;
font-weight: 500;
font-size: max($all_content_font_size);
background-color: #fff;
}
.icon-image-container{
background-color: $primary_background_color;
border-color: $primary_background_color;
color: $primary_text_color;
}
.wb-bg-image{
background-color: transparent;
background-repeat: no-repeat;
background-attachment: scroll;
background-position: 50% 50%;
background-size: cover;
}
/*#############################################################
## overlay
/*###########################################################*/
.banner-overlay,
.image-overlay {
position: absolute;
left: 0;
right: 0;
bottom: 0;
top: 0;
background-color: rgba(0, 0, 0, 0.3);
}
/*#############################################################
## Slick SLider
/*###########################################################*/
.slick-general {
&:not(.slick-initialized) {
display: none;
}
&.slick-initialized {
display: block;
}
&.slick-slider {
min-width: 100%;
width: 0;
.slick-track {
margin-left: unset;
margin-right: unset;
}
&.slick-add-gap {
.slick-list {
margin: 0 -10px;
.slick-slide {
// margin-right: 10px;
// margin-left: 10px;
margin: 0 10px;
}
}
}
&.slick-same-height{
@media only screen and (min-width: 767px) {
.slick-track{
display: flex;
}
.slick-slide{
height: inherit;
div[class^="wb-"]{
height: 100%;
}
}
}
}
.slick-arrow {
z-index: 99;
&.slick-prev,
&.slick-next {
position: absolute;
width: 50px;
height: 50px;
padding: 0;
cursor: pointer;
color: $primary_background_color;
outline: none;
background-color:transparent;
border: 1px solid $primary_background_color;
z-index: 2;
display: inline-flex;
justify-content: center;
align-items: center;
font-family: auto;
opacity: 1;
transition: all 0.3s ease-in-out 0s;
&:hover {
outline: none;
color: #FFF;
border: 1px solid $primary_background_color;
background-color: $primary_background_color;
}
&.slick-disabled {
opacity: 0.3;
cursor: default;
}
&::before {
font-family: 'Font Awesome 6 Pro';
font-weight: 300;
font-size: 30px;
display: inline-block;
color: inherit;
text-rendering: auto;
-webkit-font-smoothing: antialiased;
opacity: 1;
}
}
&.slick-prev {
top: 50%;
left: -70px;
&::before {
content: "\f104";
}
@media only screen and (max-width:1300px) {
left: 10px;
}
}
&.slick-next {
top: 50%;
right: -70px;
&::before {
content: "\f105";
}
@media only screen and (max-width:1300px) {
right: 10px;
}
}
}
&.slick-dotted {
position: relative;
.slick-dots {
position: relative;
bottom: auto;
display: block;
width: 100%;
padding: 0;
margin: 0;
list-style: none;
text-align: center;
margin-bottom: 10px;
li {
position: relative;
display: inline-block;
width: 6px;
height: 6px;
margin: 0 7px;
padding: 0;
cursor: pointer;
button {
font-size: 0;
line-height: 0;
display: block;
width: inherit;
height: inherit;
padding: 5px;
cursor: pointer;
color: transparent;
border: 0;
outline: none;
background-color:#CCCCCC;
border-radius: 50%;
&:before {
display: none;
}
&:hover {
outline: none;
&:before {
opacity: 1;
}
}
&:focus {
outline: none;
&:before {
opacity: 1;
}
}
}
&.slick-active {
button {
background-color: #313131;
}
}
}
}
}
}
}
.general-outside-arrow-wrapper{
position: relative;
.general-outside-arrow-container{
position: absolute;
display: inline-flex;
right: 0;
bottom: calc(100% + 10px);
gap: 10px;
.slick-arrow {
z-index: 99;
&.slick-prev,
&.slick-next {
position: relative;
width: 35px;
height: 50px;
top: auto;
padding: 0;
cursor: pointer;
color: #a0a0a0;
outline: none;
background-color: transparent;
border: 1px solid transparent;
z-index: 2;
display: inline-flex;
justify-content: center;
align-items: center;
font-family: auto;
opacity: 1;
transform: unset;
&.slick-disabled {
opacity: 0.3;
cursor: default;
}
&::before {
font-family: 'Font Awesome 6 Pro';
font-weight: 300;
font-size: 40px;
display: inline-block;
color: inherit;
text-rendering: auto;
-webkit-font-smoothing: antialiased;
opacity: 1;
// text-shadow: 0px 2px 0px #0000004a;
}
}
&.slick-prev {
left: auto;
&::before {
content: "\f104";
}
}
&.slick-next {
right: auto;
&::before {
content: "\f105";
}
}
}
}
}
// Carousel with arrow Title
.wb-carousel {
[class^="container"]> {
.row> {
[class^="col"]> {
h1,
h2,
h3,
h4,
h5,
h6 {
@media only screen and (max-width:767px) {
display: inline;
padding-right: min(65px);
white-space: break-spaces;
}
}
}
}
}
.general-outside-arrow-container{
@media only screen and (max-width:767px) {
bottom: Max(100% - 10px);
}
}
}
/*#############################################################
## slick property css
/*###########################################################*/
.slick-property-slider{
&:not(.slick-initialized):not(.slick-property-gallery):not(.slick-property-gallery-bottom) {
opacity: 0;
visibility: hidden;
}
&:not(.slick-initialized):not(.slick-property-image-gallery) {
display: none;
}
&.slick-initialized {
visibility: visible;
opacity: 1;
display: block;
}
&.slick-slider {
min-width: 100%;
width: 0;
.slick-track {
margin-left: unset;
margin-right: unset;
}
&.slick-add-gap {
.slick-list {
margin: 0 -5px;
.slick-slide {
margin-right: 5px;
margin-left: 5px;
&.slick-active.slick-current {
&.property-gallery-each {
&:before {
border-color: $primary_background_color;
}
}
}
}
}
}
}
.slick-arrow {
z-index: 10;
height: 50px;
width: 50px;
top: 50%;
transform: translate(0, -50%);
background-color: $primary_background_color;
color: #fff;
border-radius: 50%;
transition: all 0.3s;
font-size: 24px;
&.slick-control-prev {
left: 20px;
}
&.slick-control-next {
right: 20px;
}
&:hover {
opacity: 1;
}
}
}
/*#############################################################
## Modal Reset
/*###########################################################*/
.remodal, [data-remodal-id] {
display: none;
}
.remodal {
&:not(.remodal-menu) {
margin: 50px 0;
@media only screen and (max-width:767px) {
padding: 15px;
margin: 0;
}
a[data-remodal-action="close"] {
position: absolute;
right: 0;
width: 50px;
height: 50px;
line-height: 1;
display: inline-flex;
flex-wrap: nowrap;
justify-content: center;
align-items: center;
top: -50px;
color: #FFF;
z-index: 10;
@media only screen and (max-width:767px) {
top: 0;
color: $all_content_colour;
}
}
}
}
.remodal-wrapper.remodal-appraisal{
.remodal.remodal-appraisal {
max-width: 1050px;
box-shadow: unset;
border: 0;
outline: none;
}
}
.remodal-overlay.remodal-menu {
background: rgba(0, 0, 0, 0.8);
z-index: 99991;
}
/* Position Vertically */
.remodal.remodal-menu:after,
.remodal-wrapper.remodal-menu:after {
// Container: Vertical Align
vertical-align:middle;
}
/* Position Horizontally */
.remodal-wrapper.remodal-menu {
// Container: Horizontal Align
text-align:center;
padding: 0;
z-index: 99992;
overflow-x: hidden;
/* Remodal Container */
.remodal.remodal-menu {
margin: 0;
padding: 0;
max-width: 100%;
background-color: #ffffff;
background: #ffffff;
// Container:width and Height
.menu-container {
background-color: #ffffff;
text-align: left;
padding: 15px;
overflow: hidden;
// Keep the Vertical Scroll
min-height: calc(100vh + 1px);
// Position Columns
display: grid;
grid-template-rows: auto 2fr auto;
.menu-container-top {
margin-bottom: 20px;
.logo-text {
font-family: 'Montserrat';
font-style: normal;
font-weight: 800;
line-height: 22px;
color: #313131;
font-size: 24px;
}
a[data-remodal-action="close"] {
color: #313131;
display: inline-block;
text-decoration: none;
font-size: 35px;
}
}
.menu-container-middle {
padding: 15px 0;
ul.mobile-menu {
list-style-type: none;
margin: 0;
padding: 0;
display: block;
// display: inline-block;
li {
display: block;
padding: 0;
margin-bottom: 15px;
// margin-left: 5px;
a {
font-style: normal;
font-size: 22px;
line-height: 20px;
display: flex;
align-items: center;
text-transform: capitalize;
color: #313131;
padding: 8px 0;
}
&:last-child {
margin-bottom: 0;
// margin-left: 0;
}
&.menu-parent-wrapper {
&:hover {
a.menu-parent {
background-color: #FFF;
color: #313131;
}
}
a.menu-parent {
cursor: pointer;
position: relative;
.toggle-menu {
display: inline-block;
// padding: 3px 0 0;
position: absolute;
right: 0;
transform: translatey(2px);
// top: 50%;
// transform: translatey(-50%);
&::after {
font-family: 'Font Awesome 6 Pro';
content: "\f107";
color: inherit;
font-size: 30px;
font-weight: 400;
display: inline-block;
text-rendering: auto;
-webkit-font-smoothing: antialiased;
transition: all 0.3s ease-in-out 0s;
}
&.active-toggle-menu {
&::after {
transform: scaleY(-1);
}
}
}
}
.menu-child-wrapper {
background-color: #FFF;
display: none;
ul {
list-style-type: none;
margin: 0;
padding: 0;
display: block;
li {
display: block;
padding: 0;
margin: 0;
a {
font-size: 22px;
text-transform: capitalize;
color: #313131;
padding: 10px 24px;
display: block;
text-align: left;
transition: all 0.3s ease-in-out 0s;
&:hover {
background-color: #FFF;
}
}
}
}
}
}
}
}
}
.menu-container-bottom {
margin-top: 20px;
@media (pointer:coarse) {
margin-bottom: 50px;
}
.social-media-container {
display: inline-flex;
flex-wrap: nowrap;
justify-content: center;
align-items: center;
> a {
margin-right: 25px;
font-size: 30px;
color: #313131;
&:last-child {
margin-right: 0;
}
}
}
}
}
}
}
/*#############################################################
## Tabs
/*###########################################################*/
.tabs-blocks {
@media (max-width: 767px) {
display: none;
}
>a {
display: inline-flex;
width: 36px;
height: 36px;
font-size: 20px;
transition: all 0.3s;
color: $mediumGray;
background-color: #f0f0f0;
&.active {
background-color: $button_1_background_color;
color: $button_1_text_color;
}
@media (max-width: 991px) {
&[data-type="gridThree"] {
display: none;
}
}
}
.nav-pills {
border-bottom: solid 1px #dee2e6;
li.nav-item {
margin-bottom: -1px;
}
.nav-link {
border-radius: 0;
border-top-right-radius: 8px;
border-top-left-radius: 8px;
color: $all_content_colour;
background-color: #ebebec;
padding: 8px 20px;
font-size: 16px;
line-height: 24px; /* 24px */
&.active,&.active-tab {
color: #fff;
background-color: $primary_background_color;
}
}
}
.tab-content {
.label {
font-weight: 600;
display: flex;
align-items: center;
gap: 7px;
.dot {
width: 13px;
height: 13px;
background-color: $primary_background_color;
border-radius: 50%;
display: inline-block;
}
}
.price-percentage {
font-size: 28px;
font-weight: 600;
line-height: 33.6px;
margin: 10px 0;
display: flex;
gap: 30px;
}
.unit .label .dot {
background-color: $primary_background_color;
}
}
}
/*#############################################################
## Bootstrap Grid/Column
/*###########################################################*/
.wb-column {
container-type: inline-size;
.container-xxl:not(.layout-exclude){
padding-left: 0;
padding-right: 0;
}
}
@container (max-width: 767px) {
.wb-column div[class^="col-"]:not(.layout-exclude) {
width: 100%;
}
}
/*#############################################################
## CMA
/*###########################################################*/
.pa-each-card {
border: 1px solid #CCCCCC;
background-color: #FFF;
border-radius: 3px;
transition: background-color 0.2s ease-in-out 0s;
&.card-activated {
background-color: $primary_background_color;
.pa-form-icons {
color: #FFF;
}
h3 {
color: #FFF;
}
}
.pa-form-icons {
color: #636363;
font-size: 60px;
margin-bottom: 20px;
}
h3 {
color: #636363;
}
&:hover {
background-color: $primary_background_color;
.pa-form-icons {
color: #FFF;
}
h3 {
color: #FFF;
}
}
}
.ap-step-2 {
display: none;
position: relative;
.loading-process {
display: none;
&.loading-enable {
background-color: rgb(255, 255, 255, 0.7);
position: absolute;
left: -35px;
right: -35px;
bottom: -35px;
top: -35px;
z-index: 5;
display: flex;
flex-wrap: nowrap;
justify-content: center;
align-items: center;
.loading-process-container {
width: 80%;
margin: 0 auto;
text-align: center;
.loading-process-rotating {
width: 100%;
margin-bottom: 20px;
position: relative;
&::after {
font-family: 'Font Awesome 6 Pro';
content: "\f3f4";
color: inherit;
font-size: 137px;
font-weight: 400;
display: inline-block;
text-rendering: auto;
-webkit-font-smoothing: antialiased;
-webkit-animation: fa-spin 1s linear infinite;
animation: fa-spin 1s linear infinite;
line-height: 1;
}
}
}
p {
font-size: 21px;
}
}
}
}
///////// Code commented as backend will implement this in future
// .ellipsify-x {
// overflow: hidden;
// text-overflow: ellipsis;
// white-space: nowrap;
// }
// &.wb-carousel{
// .ellipsify-x {
// @media only screen and (max-width:767px) {
// max-width: calc(100% - 100px);
// }
// }
// }
// .ellipsify-y {
// display: -webkit-box;
// overflow: hidden;
// -webkit-box-orient: vertical;
// &.two-line {
// -webkit-line-clamp: 2;
// }
// &.three-line {
// -webkit-line-clamp: 3;
// }
// }
// Map Layout
.right-column {
height: 100vh;
overflow-y: scroll;
@media only screen and (max-width: 998px) {
height: auto;
overflow-y: auto;
}
}
.page-type-blog {
table {
width: 100%;
border-spacing: 0;
}
table tbody tr:nth-child(2n+1) {
background-color: rgba(144, 144, 144, .075);
}
table td {
padding: 0.75em;
}
table tbody tr {
border: 1px solid rgba(144, 144, 144, .25);
border-left: 0;
border-right: 0;
}
}
.wb-form {
small {
a {
color: $primary_color;
&:hover{
color: #000;
}
}
}
}
.d-none {
&[data-gjs-type] {
display:block !important;
}
}
//Modify block if it is in the page editor
[data-gjs-type] {
.show-in-editor{
min-height: 50px;
}
}
//Add to calendar remodal
.remodal{
.add-to-calendar{
text-align: left;
.remodal-top{
.close{
position: absolute;
top: 5px;
right: 5px;
color: #000;
font-size: 25px;
}
}
.buttons-wrapper{
a{
font-size: 1.1rem;
font-weight: 500;
color: #000;
}
}
}
}
// Listings embeddables style - card 1
.wb-rifk5vhettjc {
.each-property-card {
box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.1);
@media (min-width: 768px) {
&.list-layout {
.each-property-card-content {
display: flex;
.each-property-label-position{
display: none;
}
.each-property-label-position-md{
display: block;
}
.property-content-image-container {
flex: 1.6;
max-width: 300px;
z-index: 99;
@media(max-width:1239px) {
flex: 1.5;
}
@media(max-width:991px) {
flex: 2;
}
.property-content-image {
border-radius: 3px 0px 0 3px;
&::before {
padding-top: 66.22%;
}
}
}
.property-card-details {
flex: 4;
display: flex;
flex-direction: column;
justify-content: space-evenly;
@media(max-width:1239px) {
flex: 3;
}
@media(max-width:991px) {
flex: 3;
}
.property-content-body {
.property-title {
padding: 18px 160px 20px 35px;
min-height: 116px;
.button-2-style {
display: block;
}
}
}
}
}
}
}
.each-property-card-content {
position: relative;
.property-content-image-container {
*{
color: #fff;
}
.slick-track {
display: flex;
}
.slick-arrow {
opacity: 0;
}
.property-content-image {
border-radius: 3px 3px 0 0;
}
.price-view {
padding: 25px 12px;
font-size: 23px;
}
}
&:hover {
z-index: 99;
.slick-arrow {
opacity: 1;
}
}
.each-property-label-position,.each-property-label-position-md{
position: absolute;
top: 15px;
right: 15px;
z-index: 100;
}
.each-property-label-position-md{
display: none;
}
.property-content-body {
.property-title {
.button-2-style {
top: 20px;
right: 35px;
transition: all 0.25s;
display: none;
}
a {
&::after {
// useful too on Buttons with hovered parent
position: absolute;
top: 0;
right: 0;
bottom: 0;
left: 0;
z-index: 20;
content: "";
}
}
}
.content-details {
.summary-tag{
display: none;
}
}
}
}
.auction-time, .inspection-time {
position: absolute;
left: 15px;
top: 15px;
.badge-2-style {
color:$all_content_colour;
}
}
}
}
// Listings embeddables style - card 2
.wb-nnc1cayh90bh {
*{
color: #fff;
}
.listing-img-container {
.listing-item {
@media only screen and (max-width: 768px) {
--bs-aspect-ratio: 100%;
}
.each-property-label-position{
position: absolute;
right: 15px;
top: 15px;
z-index: 10;
left: auto;
bottom: auto;
width: auto;
height: auto;
}
}
.listing-img-content {
z-index: 2;
bottom: 0;
left: 0;
right: auto;
top: auto;
height: auto;
p {
font-size: 20px;
}
.listing-compact-title {
// padding: 23px 26px;
}
}
.listing-hidden-content {
width: 100%;
max-height: 0;
transition: all .8s linear;
font-size: 14px;
// padding: 0 0 0 25px;
@media (max-width: 991px) {
max-height: auto;
}
.summary-details {
padding: 10px 0;
> div {
// padding: 10px 0;
.summary-icon{
// display: none;
filter: brightness(10);
}
.summary-label{
.summary-tag{
display: none;
}
// display: flex;
// flex-direction: column-reverse;
// .summary-tag,.summary-unit{
// display: block;
// }
}
}
}
}
&:after {
position: absolute;
height: 100%;
width: 100%;
display: block;
top: 0;
content: "";
z-index: 0;
background-color: rgba(0, 0, 0, 0.3);
transition: opacity .6s;
}
&:hover {
.listing-hidden-content {
max-height: 200px;
@media (max-width: 991px) {
max-height: auto;
}
}
}
}
}
// Listings embeddables style - card 3
.wb-kf0zujfhql6p {
height: 100%;
.each-property-card {
box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.1);
height: 100%;
.each-property-card-content {
position: relative;
.property-content-image-container {
*{
color: #fff;
}
.property-content-image {
border-radius: 3px 3px 0 0;
}
.price-view {
padding: 25px 30px;
font-size: 23px;
z-index: 2;
}
}
.each-property-label-position{
position: absolute;
top: 15px;
right: 15px;
z-index: 9;
}
.property-content-body {
.property-title {
.button-2-style {
top: 50%;
right: 35px;
transform: translate(0, -51%) scale(1);
transition: all 0.25s;
display: none;
}
}
.content-details {
.summary-tag{
display: none;
}
}
}
}
}
}
// summary details
.wb-3qomvkfpwl8i {
.summary-details {
>div {
margin: 0 10px 0 0;
padding: 5px 0;
&:last-child {
margin-right: 0;
}
.summary-icon {
height: 15px;
width: 15px;
display: inline-block;
vertical-align: middle;
margin-right: 3px;
}
.summary-label {
line-height: 15px;
vertical-align: middle;
}
}
}
}
/*#############################################################
## Advanced search filter remodal
/*###########################################################*/
.remodal-wrapper.remodal-advanced-search {
padding: 0 !important;
}
.remodal.remodal-advanced-search {
max-width: unset !important;
padding: 80px 0 120px;
margin: 0;
}
.remodal-advanced-search {
position: relative;//This might be removed
height: 100vh;
padding-top: 80px;
.section-top, .section-body, .section-footer{
> .container{
max-width: 1000px;
}
}
.section-top{
position: absolute;
width: 100%;
top: 0;
left: 0;
background: $whiteSmoke;
height: 80px;
.container, .row{
height: 100%;
}
.general-button {
min-width: unset;
}
a[data-remodal-action="close"] {
position: relative !important;
display: block !important;
top: auto !important;
color: $primary_color !important;
&:hover {
background-color: $primary_color;
color:#fff !important;
}
}
@media (max-width: 576px) {
.general-button {
padding: 0 15px;
}
}
}
.section-body {
height: calc(100vh - 200px);
overflow-y: auto;
text-align:left;
}
.section-footer {
position: absolute;
width: 100%;
bottom: 0;
left: 0;
background: $whiteSmoke;
height: 120px;
.container, .row{
height: 100%;
}
.general-button {
height: 64px;
line-height: 62px;
min-width: 300px;
}
}
.state-buttons {
width: 100%;
ul{
list-style-type: none;
padding: 0;
margin: 0;
li{
display: inline-block;
float: left;
width: 16.6%;
a{
display: block;
width: 100%;
text-align: center;
border: 1px solid $primary_color;
border-style: solid none solid solid;
padding: 12px;
font-size: 16px;
&.active {
background: $primary_color !important;
color: $white_color !important;
}
&:hover {
background: $primary_color !important;
color: $white_color !important;
}
}
&:last-child a{
border-style: solid solid solid solid;
border-radius: 0 4px 4px 0;
}
&:first-child a{
border-radius: 4px 0 0 4px;
}
}
}
&.three-columns {
ul{
li{
width: 33.33%;
}
}
}
&.big-style {
ul{
li{
a {
padding: 15px;
}
}
}
}
&.highlight-style {
ul{
li{
a {
background: $steelGray;
}
}
}
}
}
.keyword-textbox {
width: 100%;
padding: 15px 20px;
outline: none !important;
}
.select-wrapper {
select {
height: 56px;
line-height: 56px;
width: 100%;
padding: 0 20px;
}
}
}
@media only screen and (max-width: 767px) {
.wb-h1jslczlbalj.remodal:not(.remodal-menu) a[data-remodal-action="close"] {
top: 0;
color: $primary_color;
right: 0;
position: relative;
}
}
//Select Style
.propertylisting-form {
textarea.select2-search__field {
min-height: 43px;
}
span.select2.select2-container.select2-container--default.select2-container--below, span.select2.select2-container.select2-container--default {
width: 100% !important;
}
.select2-container--default .select2-selection--multiple .select2-selection__choice__display {
color: $all_content_colour;
font-weight: 500;
font-size: 0.88rem;
}
span.select2-container.select2-container--default.select2-container--open {
z-index: 999999 !important;
}
.select2-container--default .select2-selection--multiple, .select2-container--default.select2-container--focus .select2-selection--multiple {
border: solid 1px $all_content_colour !important;
}
.select2-container--default .select2-selection--multiple .select2-selection__choice {
padding-left: 0 !important;
background: linear-gradient(0deg, rgba(154, 173, 187, 0.2) 0%, rgba(154, 173, 187, 0.2) 100%), #F3F5F7 !important;
border: 1px solid transparent !important;
border-radius: 20px !important;
overflow: hidden !important;
padding: 6px 10px !important;
padding-right: 30px !important;
margin-bottom: 0;
margin-top: 0 !important;
max-width: 90% !important;
}
.select2-container--default .select2-selection--multiple .select2-selection__choice__remove {
top: 50% !important;
right: 5px !important;
left: auto !important;
transform: translateY(-50%) scale(1.7) !important;
border-right: 1px solid transparent !important;
}
.select2-container--default .select2-selection--multiple .select2-selection__choice__remove span {
font-size: 0;
top: -50%;
right: 3px;
transform: translateY(-50%);
position: absolute;
}
.select2-container--default .select2-selection--multiple .select2-selection__choice__remove span::after {
content: "";
background-image: url("https://resources.wbcms.net/uploads/11/1d88f9a4-b3e8-458b-b8e8-506ec879a4d8/X.svg");
background-repeat: no-repeat;
background-attachment: scroll;
background-position: center center;
background-size: cover;
background-blend-mode: unset;
width: 10px;
height: 10px;
display: inline-block;
vertical-align: middle;
margin-top: 1px;
}
.select2-container .select2-search--inline {
line-height: 43px;
}
.select2-container .select2-search--inline .select2-search__field {
color: $all_content_colour !important;
height: 30px !important;
margin-top: 0px !important;
padding: 2px 0 0 14px;
}
.select2-container .select2-search--inline .select2-search__field::placeholder {
color: $all_content_colour;
}
.select2-container .select2-search--inline .select2-search__field:-ms-input-placeholder {
color: $all_content_colour;
}
.select2-container .select2-search--inline .select2-search__field::-ms-input-placeholder {
color: $all_content_colour;
}
.select2-container .select2-search--inline .select2-search__field::-moz-placeholder {
color: $all_content_colour;
opacity: 1;
}
.select2-container .select2-search--inline .select2-search__field::-webkit-input-placeholder {
color: $all_content_colour;
}
.no-search-found {
background-color: #F3F5F7;
border-radius: 16px;
padding: 73px 15px 97px 15px;
}
@media (max-width: 992px) {
.no-search-found {
padding: 56px 15px 56px 15px;
}
}
.no-search-found h2 {
font-family: "GeneralSans";
font-size: 1.56rem;
font-weight: 600;
margin-bottom: 8px;
}
@media (max-width: 992px) {
.no-search-found h2 {
margin-bottom: 1.13rem;
}
}
.no-search-found p {
color: $all_content_colour;
font-size: 1rem;
font-style: normal;
font-weight: 400;
}
}
span.select2-container.select2-container--default.select2-container--open {
z-index: 99999999;
}"
["compiled_css"]=>
NULL
["js"]=>
string(6171) "requirejs(['jquery', 'remodal', 'cssLoader'], function($, remodal, cssLoader) {
cssLoader(['remodal', 'fontawesome']);
$('.state-buttons .select-button').on('click', function (e){
e.preventDefault();
let button_value = $(this).data('select-value');
$(this).parents('.state-buttons').find('.select-button').removeClass('active');
$(this).addClass('active');
//Set hidden field
let hidden_field = $(this).parents('.state-buttons').data('hidden-field');
if(hidden_field !== undefined && $('#' + hidden_field).length) {
$('#' + hidden_field).val(button_value);
}
});
$(".mobile-menu .menu-parent").click(function(event){
event.preventDefault();
$(this).closest(".menu-parent-wrapper").siblings(".menu-parent-wrapper").find(".toggle-menu").removeClass("active-toggle-menu");
$(this).closest(".menu-parent-wrapper").siblings(".menu-parent-wrapper").find(".menu-child-wrapper").stop().slideUp(500);
$(this).closest(".menu-parent-wrapper").find(".toggle-menu").toggleClass("active-toggle-menu");
$(this).closest(".menu-parent-wrapper").find(".menu-child-wrapper").stop().slideToggle(500);
});
$('a[href^="#"]').click(function(e) {
// Prevent the default behavior of the link
e.preventDefault();
// console.log('test');
var headerHeight = $('header').outerHeight(true);
// Get the value from the href attribute of the clicked link
var contentBlockId = $(this).attr('href').substring(1);
// Check if there exists an element with the matching data-content-block-id attribute
var $targetElement = $('[data-content-block-id="' + contentBlockId + '"]');
if ($targetElement.length) {
// Get the offset of the target element
var targetOffset = $targetElement.offset().top;
var headerPadding = 0;
// Animate scroll to the target offset
$("html, body").animate({ scrollTop: targetOffset - headerPadding }, 1000);
}
});
// Accordion script
$(document).ready(function() {
// Check if we're in GrapesJS builder context - if so, skip the animation logic
const isInBuilder = window.parent && (
window.parent.grapesjs !== undefined ||
window !== window.parent ||
document.querySelector('[data-gjs-type]') !== null
);
// Ensure first accordion is open in each accordion group on page load
const accordionGroups = document.querySelectorAll('.accordion');
accordionGroups.forEach(function(accordionGroup) {
// If in builder, just remove loading class and make visible immediately
if (isInBuilder) {
accordionGroup.classList.remove('accordion-loading');
accordionGroup.style.opacity = '1';
// Ensure first item is visible
const firstCollapse = accordionGroup.querySelector('.accordion-collapse.show');
if (firstCollapse) {
firstCollapse.style.display = '';
firstCollapse.style.visibility = 'visible';
firstCollapse.style.opacity = '1';
}
return;
}
// accordion-loading class is already added in HTML template
const accordionItems = accordionGroup.querySelectorAll('.accordion-item');
if (accordionItems.length === 0) {
accordionGroup.style.opacity = '1';
accordionGroup.classList.remove('accordion-loading');
return;
}
// ALWAYS get the first item in DOM order as the default first
const firstItem = accordionItems[0];
const firstCollapse = firstItem.querySelector('.accordion-collapse');
const firstButton = firstItem.querySelector('.accordion-button');
if (!firstCollapse || !firstButton) {
accordionGroup.style.opacity = '1';
accordionGroup.classList.remove('accordion-loading');
return;
}
// Disable all transitions to prevent any animation flash
const allCollapses = accordionGroup.querySelectorAll('.accordion-collapse');
allCollapses.forEach(function(collapse) {
collapse.style.transition = 'none';
});
// Close ALL accordions first (no exceptions)
accordionItems.forEach(function(item) {
const button = item.querySelector('.accordion-button');
const collapse = item.querySelector('.accordion-collapse');
if (button && collapse) {
button.classList.add('collapsed');
button.setAttribute('aria-expanded', 'false');
collapse.classList.remove('show');
collapse.style.height = '';
collapse.style.display = '';
}
});
// Now open ONLY the first accordion
firstButton.classList.remove('collapsed');
firstButton.setAttribute('aria-expanded', 'true');
firstCollapse.classList.add('show');
// Remove loading class to allow accordions to be visible
accordionGroup.classList.remove('accordion-loading');
// Re-enable transitions and fade in
setTimeout(function() {
allCollapses.forEach(function(collapse) {
collapse.style.transition = '';
});
// Fade in accordion smoothly
accordionGroup.style.opacity = '1';
}, 0);
});
});
});"
["created_at"]=>
string(19) "2023-12-11 21:41:04"
["updated_at"]=>
string(19) "2026-07-14 06:13:15"
}
["changes":protected]=>
array(0) {
}
["casts":protected]=>
array(0) {
}
["classCastCache":protected]=>
array(0) {
}
["attributeCastCache":protected]=>
array(0) {
}
["dateFormat":protected]=>
NULL
["appends":protected]=>
array(2) {
[0]=>
string(11) "demo_office"
[1]=>
string(15) "showcase_office"
}
["dispatchesEvents":protected]=>
array(0) {
}
["observables":protected]=>
array(0) {
}
["relations":protected]=>
array(1) {
["themeFonts"]=>
object(Illuminate\Database\Eloquent\Collection)#2075 (2) {
["items":protected]=>
array(1) {
[0]=>
object(App\Models\ThemeFont)#2071 (30) {
["connection":protected]=>
string(5) "mysql"
["table":protected]=>
string(11) "theme_fonts"
["primaryKey":protected]=>
string(2) "id"
["keyType":protected]=>
string(3) "int"
["incrementing"]=>
bool(true)
["with":protected]=>
array(0) {
}
["withCount":protected]=>
array(0) {
}
["preventsLazyLoading"]=>
bool(false)
["perPage":protected]=>
int(15)
["exists"]=>
bool(true)
["wasRecentlyCreated"]=>
bool(false)
["escapeWhenCastingToString":protected]=>
bool(false)
["attributes":protected]=>
array(8) {
["id"]=>
int(15)
["uuid"]=>
string(36) "32e8a096-3088-4e24-92b0-915e1bfcafbc"
["theme_id"]=>
int(7)
["provider"]=>
string(6) "google"
["name"]=>
string(12) "Varela Round"
["url"]=>
string(60) "https://fonts.googleapis.com/css?family=Varela Round:regular"
["created_at"]=>
string(19) "2023-12-11 21:41:04"
["updated_at"]=>
string(19) "2023-12-11 21:41:04"
}
["original":protected]=>
array(8) {
["id"]=>
int(15)
["uuid"]=>
string(36) "32e8a096-3088-4e24-92b0-915e1bfcafbc"
["theme_id"]=>
int(7)
["provider"]=>
string(6) "google"
["name"]=>
string(12) "Varela Round"
["url"]=>
string(60) "https://fonts.googleapis.com/css?family=Varela Round:regular"
["created_at"]=>
string(19) "2023-12-11 21:41:04"
["updated_at"]=>
string(19) "2023-12-11 21:41:04"
}
["changes":protected]=>
array(0) {
}
["casts":protected]=>
array(0) {
}
["classCastCache":protected]=>
array(0) {
}
["attributeCastCache":protected]=>
array(0) {
}
["dateFormat":protected]=>
NULL
["appends":protected]=>
array(0) {
}
["dispatchesEvents":protected]=>
array(0) {
}
["observables":protected]=>
array(0) {
}
["relations":protected]=>
array(0) {
}
["touches":protected]=>
array(0) {
}
["timestamps"]=>
bool(true)
["usesUniqueIds"]=>
bool(false)
["hidden":protected]=>
array(0) {
}
["visible":protected]=>
array(0) {
}
["fillable":protected]=>
array(4) {
[0]=>
string(8) "theme_id"
[1]=>
string(8) "provider"
[2]=>
string(4) "name"
[3]=>
string(3) "url"
}
["guarded":protected]=>
array(1) {
[0]=>
string(1) "*"
}
}
}
["escapeWhenCastingToString":protected]=>
bool(false)
}
}
["touches":protected]=>
array(0) {
}
["timestamps"]=>
bool(true)
["usesUniqueIds"]=>
bool(false)
["hidden":protected]=>
array(0) {
}
["visible":protected]=>
array(0) {
}
["fillable":protected]=>
array(6) {
[0]=>
string(4) "uuid"
[1]=>
string(4) "name"
[2]=>
string(14) "variables_scss"
[3]=>
string(4) "scss"
[4]=>
string(12) "compiled_css"
[5]=>
string(2) "js"
}
["guarded":protected]=>
array(1) {
[0]=>
string(1) "*"
}
}
}
["touches":protected]=>
array(0) {
}
["timestamps"]=>
bool(true)
["usesUniqueIds"]=>
bool(false)
["hidden":protected]=>
array(0) {
}
["visible":protected]=>
array(0) {
}
["fillable":protected]=>
array(47) {
[0]=>
string(11) "location_id"
[1]=>
string(8) "reseller"
[2]=>
string(4) "plan"
[3]=>
string(12) "franchise_id"
[4]=>
string(8) "theme_id"
[5]=>
string(15) "theme_header_id"
[6]=>
string(15) "theme_footer_id"
[7]=>
string(16) "office_footer_id"
[8]=>
string(16) "office_header_id"
[9]=>
string(4) "name"
[10]=>
string(11) "unit_number"
[11]=>
string(13) "street_number"
[12]=>
string(11) "street_name"
[13]=>
string(6) "suburb"
[14]=>
string(5) "state"
[15]=>
string(8) "postcode"
[16]=>
string(7) "country"
[17]=>
string(5) "email"
[18]=>
string(21) "additional_recipients"
[19]=>
string(6) "mobile"
[20]=>
string(5) "phone"
[21]=>
string(3) "fax"
[22]=>
string(7) "is_demo"
[23]=>
string(11) "is_showcase"
[24]=>
string(12) "is_demo_data"
[25]=>
string(19) "is_franchise_office"
[26]=>
string(25) "is_agent_crm_sync_enabled"
[27]=>
string(9) "is_active"
[28]=>
string(24) "demo_data_initialised_at"
[29]=>
string(6) "region"
[30]=>
string(11) "website_url"
[31]=>
string(7) "suburbs"
[32]=>
string(11) "description"
[33]=>
string(9) "principal"
[34]=>
string(12) "office_image"
[35]=>
string(4) "slug"
[36]=>
string(18) "deployed_office_id"
[37]=>
string(13) "hide_showcase"
[38]=>
string(30) "buy_listing_inquiry_recipients"
[39]=>
string(31) "rent_listing_inquiry_recipients"
[40]=>
string(31) "sold_listing_inquiry_recipients"
[41]=>
string(19) "hide_contact_button"
[42]=>
string(29) "hide_request_appraisal_button"
[43]=>
string(17) "hide_phone_number"
[44]=>
string(18) "hide_email_address"
[45]=>
string(14) "mail_from_name"
[46]=>
string(13) "mail_reply_to"
}
["guarded":protected]=>
array(1) {
[0]=>
string(1) "*"
}
["observers":protected]=>
array(1) {
["App\Models\Office"]=>
array(1) {
[0]=>
string(28) "App\Observers\OfficeObserver"
}
}
["slugOptions":protected]=>
uninitialized(Spatie\Sluggable\SlugOptions)
["pageSizeLimit":"App\Models\Office":private]=>
int(500)
}
}
["touches":protected]=>
array(0) {
}
["timestamps"]=>
bool(true)
["usesUniqueIds"]=>
bool(false)
["hidden":protected]=>
array(0) {
}
["visible":protected]=>
array(0) {
}
["fillable":protected]=>
array(0) {
}
["guarded":protected]=>
array(6) {
[0]=>
string(2) "id"
[1]=>
string(4) "uuid"
[2]=>
string(9) "office_id"
[3]=>
string(10) "created_by"
[4]=>
string(10) "updated_by"
[5]=>
string(10) "deleted_at"
}
["slugOptions":protected]=>
uninitialized(Spatie\Sluggable\SlugOptions)
}
Virtual Tour is not available for this listing.
$320,000
Property ID: L7802098 | House
Spacious Green Title Street front home is on offer. Great location, makes sense as an investment or to live in.
Potential rent $330 pw
Solid 3 bedroom 1 bathroom character home that enjoys an ultra-convenient location that will undoubtedly give you the perfect start in real estate life. Do not delay on this fantastic opportunity.
The property also offers buyers versatile options with the available outdoor space, layout and scope for a potential future dual occupancy use such as office space, mobile home with a separate/private entry, and an allotted car space. The remaining open space in the front can be used to park a caravan or boat etc. Possibilities are many, subject to plans and council terms.
Solid wooden floorboards, high ceilings with decorative cornices and feature timber skirting boards are commonplace throughout this charming abode, first prevalent within a welcoming front lounge room where split-system air-conditioning and gas-bayonet heating complement an open brick fireplace. The dining and kitchen area is adjacent, yet separate and plays host to a range hood, a gas cooktop, an under-bench oven and tiled splashbacks.
A tiled utility area off the kitchen makes for the perfect gym or study nook, revealing access into a versatile third bedroom. The spacious master bedroom has split-system air-conditioning, whilst a practical bathroom caters for everybody's personal needs in the form of a shower and separate bathtub.
At the rear, a delightful verandah provides some cover when either entertaining a few friends or simply sitting quietly. The "blank canvas" of a backyard wraps around and can be whatever you want it to be.
Stroll to bus stops on Welshpool Road, Queens Park Primary School and a plethora of picturesque local parklands, with St Norbert College, Saint Joseph's School, Sevenoaks Senior College, Queens Park Train Station, the local industrial area, major arteries, the magnificent Westfield Carousel Shopping Centre and even Perth Airport all within a very, very close proximity. Absolutely everything is just a stone's throw away!
Other features include, but are not limited to:
• Double laundry wash troughs
• Paved driveway parking space for 3 to 4 cars
• Security doors and screens
• Gas hot-water system
• Side-access gate
• Block size - 445sqm (approx.) green title
• Built in 1963 (approx.)
• Council rates: $1420 p/a (approx.)
• Water rates: $904 p/a (approx.)
Distances to (approx.):
• Queens Park Primary School - 450m
• Queens Park Train Station - 2.2km
• Westfield Carousel Shopping Centre - 3.7km
• Perth Airport (T1 & T2) - 8.4km
• Perth CBD - 11.0km
For more information please contact 9475 9622
Disclaimer: Whilst every care has been taken in the preparation of this advertisement, accuracy cannot be guaranteed. Prospective purchasers should make their own enquiries to satisfy themselves on all pertinent matters. Details herein do not constitute any representation by the Vendor or the agent and are expressly excluded from any contract.
No Inspection Time Yet
No upcoming auction yet