Call Us!
object(App\Models\Listing)#1370 (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(85) {
["id"]=>
int(242839)
["uuid"]=>
string(36) "7d4b8227-2e8f-46b7-b314-45420bc137b4"
["etag"]=>
string(32) "94ed947320e9983118c35625206e8bef"
["office_id"]=>
int(198)
["slug"]=>
string(46) "l24416497-135-albert-street-unanderra-nsw-2526"
["featured"]=>
int(0)
["unique_id"]=>
string(9) "L24416497"
["tps_property_id"]=>
NULL
["tps_redirect_url"]=>
NULL
["tps_bookme_redirect_url"]=>
NULL
["tps_synced_at"]=>
NULL
["crm_internal_id"]=>
string(8) "20857531"
["provider"]=>
string(8) "vaultapi"
["crm_created_at"]=>
string(19) "2023-12-18 00:00:00"
["crm_updated_at"]=>
string(19) "2023-12-22 14:17:32"
["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"]=>
NULL
["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(2)
["ensuite"]=>
int(0)
["garages"]=>
int(2)
["carports"]=>
int(0)
["openspaces"]=>
int(0)
["price_display"]=>
int(1)
["price"]=>
float(850000)
["price_type"]=>
NULL
["property_guide_url"]=>
NULL
["price_view"]=>
string(13) "Contact Agent"
["address_display"]=>
int(1)
["address_unit_number"]=>
string(1) "1"
["address_street_number"]=>
string(2) "35"
["address_street"]=>
string(13) "Albert Street"
["address_suburb"]=>
string(9) "UNANDERRA"
["address_city"]=>
NULL
["address_state"]=>
string(3) "NSW"
["address_postcode"]=>
string(4) "2526"
["address_country"]=>
NULL
["residential_category"]=>
NULL
["headline"]=>
string(22) "STUNNING VILLA / HOME!"
["description"]=>
string(2334) "Ali and Zarah of Domain Illawarra Real Estate are proud to present this exquisite near-new oversized 3-bedroom villa! Prepare to be mesmerized by the sheer beauty and size of this stunning home.
Marvel at the three double-sized bedrooms, each adorned with built-in wardrobes, offering ample storage for all your needs. Delight in the formal living area, perfect for elegant gatherings. The open-plan layout, complete with reverse cycle air conditioning, seamlessly combines with the revamped kitchen featuring a sleek stone benchtop. Step outside to the sun-drenched undercover entertainment area, where countless memorable moments await.
Immerse yourself in beauty as you walk on the exquisite floating timber floors, adding a touch of class to every step. The master bedroom boasts an ensuite, while all bedrooms are equipped with built-in wardrobes for your convenience. Indulge in the modern bathroom, featuring a separate bath and shower, along with a separate WC. The open-plan modern kitchen, complete with a breakfast bar, showcases stainless steel appliances, elevating your culinary experience.
Relax and entertain effortlessly in the private, well-appointed, low-maintenance alfresco and garden area, equipped with a gas point for delightful weekend BBQs. Experience the utmost convenience with internal access from the remote double garage.
Nestled in an ideal location, this property offers easy access to shops, clubs, parks, trains, and buses, ensuring an effortless and connected lifestyle.
Don't miss out on this incredible opportunity to call this beautiful, expansive villa your home. Join Ali and Zarah for a captivating viewing of this remarkable property from Domain Illawarra Real Estate today!
Disclaimer:
At Domain Illawarra Real Estate, we strive to provide accurate information in our marketing materials based on details supplied by our Vendors. However, we cannot guarantee the complete accuracy of this information. Therefore, Domain Illawarra Real Estate does not make any representation, statement, or warranty regarding the complete accuracy of the details shared. We strongly advise potential buyers to undertake their own due diligence when considering a property purchase. Please note that all photographs, maps, and images are for marketing purposes and are representative only."
["land_area"]=>
string(3) "427"
["land_area_unit"]=>
string(3) "sqm"
["normalise_land_area"]=>
float(427)
["building_area"]=>
string(3) "160"
["building_area_unit"]=>
string(3) "sqm"
["external_link"]=>
NULL
["video_link"]=>
NULL
["virtual_tour_link"]=>
NULL
["floorplan"]=>
string(112) "https://propertyphotos.vaultre.com.au/781/72057949__1695366723-4247-HiRes-8718135AlbertStreetUnanderra000001.jpg"
["lat"]=>
string(12) "-34.45028970"
["lng"]=>
string(12) "150.84635120"
["display_sold_price"]=>
int(1)
["sold_price"]=>
float(850000)
["sold_date"]=>
string(19) "2023-12-18 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/mBTZxF"
["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) "2023-12-18 00:00:00"
["updated_at"]=>
string(19) "2026-01-05 23:48:07"
["leased_date"]=>
NULL
["location_id"]=>
int(3275)
["studies"]=>
int(0)
["custom_attributes"]=>
string(153) "[{"group": "Default", "fields": null}, {"group": "Property", "fields": [{"id": "5950", "data": null, "name": "Property Address", "dataType": "string"}]}]"
["commercial_listing_type"]=>
NULL
["address_searchable"]=>
string(47) "1 35 albert street unanderra nsw 2526 l24416497"
}
["original":protected]=>
array(85) {
["id"]=>
int(242839)
["uuid"]=>
string(36) "7d4b8227-2e8f-46b7-b314-45420bc137b4"
["etag"]=>
string(32) "94ed947320e9983118c35625206e8bef"
["office_id"]=>
int(198)
["slug"]=>
string(46) "l24416497-135-albert-street-unanderra-nsw-2526"
["featured"]=>
int(0)
["unique_id"]=>
string(9) "L24416497"
["tps_property_id"]=>
NULL
["tps_redirect_url"]=>
NULL
["tps_bookme_redirect_url"]=>
NULL
["tps_synced_at"]=>
NULL
["crm_internal_id"]=>
string(8) "20857531"
["provider"]=>
string(8) "vaultapi"
["crm_created_at"]=>
string(19) "2023-12-18 00:00:00"
["crm_updated_at"]=>
string(19) "2023-12-22 14:17:32"
["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"]=>
NULL
["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(2)
["ensuite"]=>
int(0)
["garages"]=>
int(2)
["carports"]=>
int(0)
["openspaces"]=>
int(0)
["price_display"]=>
int(1)
["price"]=>
float(850000)
["price_type"]=>
NULL
["property_guide_url"]=>
NULL
["price_view"]=>
string(13) "Contact Agent"
["address_display"]=>
int(1)
["address_unit_number"]=>
string(1) "1"
["address_street_number"]=>
string(2) "35"
["address_street"]=>
string(13) "Albert Street"
["address_suburb"]=>
string(9) "UNANDERRA"
["address_city"]=>
NULL
["address_state"]=>
string(3) "NSW"
["address_postcode"]=>
string(4) "2526"
["address_country"]=>
NULL
["residential_category"]=>
NULL
["headline"]=>
string(22) "STUNNING VILLA / HOME!"
["description"]=>
string(2334) "Ali and Zarah of Domain Illawarra Real Estate are proud to present this exquisite near-new oversized 3-bedroom villa! Prepare to be mesmerized by the sheer beauty and size of this stunning home.
Marvel at the three double-sized bedrooms, each adorned with built-in wardrobes, offering ample storage for all your needs. Delight in the formal living area, perfect for elegant gatherings. The open-plan layout, complete with reverse cycle air conditioning, seamlessly combines with the revamped kitchen featuring a sleek stone benchtop. Step outside to the sun-drenched undercover entertainment area, where countless memorable moments await.
Immerse yourself in beauty as you walk on the exquisite floating timber floors, adding a touch of class to every step. The master bedroom boasts an ensuite, while all bedrooms are equipped with built-in wardrobes for your convenience. Indulge in the modern bathroom, featuring a separate bath and shower, along with a separate WC. The open-plan modern kitchen, complete with a breakfast bar, showcases stainless steel appliances, elevating your culinary experience.
Relax and entertain effortlessly in the private, well-appointed, low-maintenance alfresco and garden area, equipped with a gas point for delightful weekend BBQs. Experience the utmost convenience with internal access from the remote double garage.
Nestled in an ideal location, this property offers easy access to shops, clubs, parks, trains, and buses, ensuring an effortless and connected lifestyle.
Don't miss out on this incredible opportunity to call this beautiful, expansive villa your home. Join Ali and Zarah for a captivating viewing of this remarkable property from Domain Illawarra Real Estate today!
Disclaimer:
At Domain Illawarra Real Estate, we strive to provide accurate information in our marketing materials based on details supplied by our Vendors. However, we cannot guarantee the complete accuracy of this information. Therefore, Domain Illawarra Real Estate does not make any representation, statement, or warranty regarding the complete accuracy of the details shared. We strongly advise potential buyers to undertake their own due diligence when considering a property purchase. Please note that all photographs, maps, and images are for marketing purposes and are representative only."
["land_area"]=>
string(3) "427"
["land_area_unit"]=>
string(3) "sqm"
["normalise_land_area"]=>
float(427)
["building_area"]=>
string(3) "160"
["building_area_unit"]=>
string(3) "sqm"
["external_link"]=>
NULL
["video_link"]=>
NULL
["virtual_tour_link"]=>
NULL
["floorplan"]=>
string(112) "https://propertyphotos.vaultre.com.au/781/72057949__1695366723-4247-HiRes-8718135AlbertStreetUnanderra000001.jpg"
["lat"]=>
string(12) "-34.45028970"
["lng"]=>
string(12) "150.84635120"
["display_sold_price"]=>
int(1)
["sold_price"]=>
float(850000)
["sold_date"]=>
string(19) "2023-12-18 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/mBTZxF"
["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) "2023-12-18 00:00:00"
["updated_at"]=>
string(19) "2026-01-05 23:48:07"
["leased_date"]=>
NULL
["location_id"]=>
int(3275)
["studies"]=>
int(0)
["custom_attributes"]=>
string(153) "[{"group": "Default", "fields": null}, {"group": "Property", "fields": [{"id": "5950", "data": null, "name": "Property Address", "dataType": "string"}]}]"
["commercial_listing_type"]=>
NULL
["address_searchable"]=>
string(47) "1 35 albert street unanderra nsw 2526 l24416497"
}
["changes":protected]=>
array(0) {
}
["casts":protected]=>
array(2) {
["auction_date"]=>
string(8) "datetime"
["set_sale_on"]=>
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)#1430 (2) {
["items":protected]=>
array(6) {
[0]=>
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(53354691)
["listing_id"]=>
int(242839)
["code"]=>
string(1) "m"
["url"]=>
string(139) "https://wbcms-listings-photos.s3.ap-southeast-2.amazonaws.com/cc216004-04d2-413c-9bea-2d17b97e44d0/ff7b17d9-7d90-4faa-98f7-56d6842ebde4.jpg"
["created_at"]=>
string(19) "2026-01-05 23:48:07"
["updated_at"]=>
string(19) "2026-01-05 23:48:07"
}
["original":protected]=>
array(6) {
["id"]=>
int(53354691)
["listing_id"]=>
int(242839)
["code"]=>
string(1) "m"
["url"]=>
string(139) "https://wbcms-listings-photos.s3.ap-southeast-2.amazonaws.com/cc216004-04d2-413c-9bea-2d17b97e44d0/ff7b17d9-7d90-4faa-98f7-56d6842ebde4.jpg"
["created_at"]=>
string(19) "2026-01-05 23:48:07"
["updated_at"]=>
string(19) "2026-01-05 23:48:07"
}
["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)#1432 (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(53354692)
["listing_id"]=>
int(242839)
["code"]=>
string(1) "a"
["url"]=>
string(139) "https://wbcms-listings-photos.s3.ap-southeast-2.amazonaws.com/cc216004-04d2-413c-9bea-2d17b97e44d0/017d58a1-9c3e-4021-b150-832d8dd2dd1b.jpg"
["created_at"]=>
string(19) "2026-01-05 23:48:07"
["updated_at"]=>
string(19) "2026-01-05 23:48:07"
}
["original":protected]=>
array(6) {
["id"]=>
int(53354692)
["listing_id"]=>
int(242839)
["code"]=>
string(1) "a"
["url"]=>
string(139) "https://wbcms-listings-photos.s3.ap-southeast-2.amazonaws.com/cc216004-04d2-413c-9bea-2d17b97e44d0/017d58a1-9c3e-4021-b150-832d8dd2dd1b.jpg"
["created_at"]=>
string(19) "2026-01-05 23:48:07"
["updated_at"]=>
string(19) "2026-01-05 23:48:07"
}
["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)#1435 (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(53354693)
["listing_id"]=>
int(242839)
["code"]=>
string(1) "b"
["url"]=>
string(139) "https://wbcms-listings-photos.s3.ap-southeast-2.amazonaws.com/cc216004-04d2-413c-9bea-2d17b97e44d0/995fa1fe-243c-4006-ad36-c3e7e131c951.jpg"
["created_at"]=>
string(19) "2026-01-05 23:48:07"
["updated_at"]=>
string(19) "2026-01-05 23:48:07"
}
["original":protected]=>
array(6) {
["id"]=>
int(53354693)
["listing_id"]=>
int(242839)
["code"]=>
string(1) "b"
["url"]=>
string(139) "https://wbcms-listings-photos.s3.ap-southeast-2.amazonaws.com/cc216004-04d2-413c-9bea-2d17b97e44d0/995fa1fe-243c-4006-ad36-c3e7e131c951.jpg"
["created_at"]=>
string(19) "2026-01-05 23:48:07"
["updated_at"]=>
string(19) "2026-01-05 23:48:07"
}
["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)#1436 (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(53354694)
["listing_id"]=>
int(242839)
["code"]=>
string(1) "c"
["url"]=>
string(139) "https://wbcms-listings-photos.s3.ap-southeast-2.amazonaws.com/cc216004-04d2-413c-9bea-2d17b97e44d0/70ba8022-8e5d-493b-b2c6-370686278956.jpg"
["created_at"]=>
string(19) "2026-01-05 23:48:07"
["updated_at"]=>
string(19) "2026-01-05 23:48:07"
}
["original":protected]=>
array(6) {
["id"]=>
int(53354694)
["listing_id"]=>
int(242839)
["code"]=>
string(1) "c"
["url"]=>
string(139) "https://wbcms-listings-photos.s3.ap-southeast-2.amazonaws.com/cc216004-04d2-413c-9bea-2d17b97e44d0/70ba8022-8e5d-493b-b2c6-370686278956.jpg"
["created_at"]=>
string(19) "2026-01-05 23:48:07"
["updated_at"]=>
string(19) "2026-01-05 23:48:07"
}
["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)#1439 (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(53354695)
["listing_id"]=>
int(242839)
["code"]=>
string(1) "d"
["url"]=>
string(139) "https://wbcms-listings-photos.s3.ap-southeast-2.amazonaws.com/cc216004-04d2-413c-9bea-2d17b97e44d0/782f0077-0d3f-4d16-b4c8-16e533aa07cf.jpg"
["created_at"]=>
string(19) "2026-01-05 23:48:07"
["updated_at"]=>
string(19) "2026-01-05 23:48:07"
}
["original":protected]=>
array(6) {
["id"]=>
int(53354695)
["listing_id"]=>
int(242839)
["code"]=>
string(1) "d"
["url"]=>
string(139) "https://wbcms-listings-photos.s3.ap-southeast-2.amazonaws.com/cc216004-04d2-413c-9bea-2d17b97e44d0/782f0077-0d3f-4d16-b4c8-16e533aa07cf.jpg"
["created_at"]=>
string(19) "2026-01-05 23:48:07"
["updated_at"]=>
string(19) "2026-01-05 23:48:07"
}
["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) "*"
}
}
[5]=>
object(App\Models\ListingImage)#1440 (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(53354696)
["listing_id"]=>
int(242839)
["code"]=>
string(1) "e"
["url"]=>
string(139) "https://wbcms-listings-photos.s3.ap-southeast-2.amazonaws.com/cc216004-04d2-413c-9bea-2d17b97e44d0/ec1e485a-3abe-4ab9-bbc5-1a6fc87b7ca0.jpg"
["created_at"]=>
string(19) "2026-01-05 23:48:07"
["updated_at"]=>
string(19) "2026-01-05 23:48:07"
}
["original":protected]=>
array(6) {
["id"]=>
int(53354696)
["listing_id"]=>
int(242839)
["code"]=>
string(1) "e"
["url"]=>
string(139) "https://wbcms-listings-photos.s3.ap-southeast-2.amazonaws.com/cc216004-04d2-413c-9bea-2d17b97e44d0/ec1e485a-3abe-4ab9-bbc5-1a6fc87b7ca0.jpg"
["created_at"]=>
string(19) "2026-01-05 23:48:07"
["updated_at"]=>
string(19) "2026-01-05 23:48:07"
}
["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)#3646 (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(198)
["uuid"]=>
string(36) "e43cd83f-1306-48ce-ac1b-e840835596d7"
["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(74)
["theme_footer_id"]=>
NULL
["name"]=>
string(28) "Domain Illawarra Real Estate"
["slug"]=>
string(16) "domain-illawarra"
["unit_number"]=>
NULL
["street_number"]=>
string(3) "112"
["street_name"]=>
string(10) "Central Rd"
["suburb"]=>
string(9) "Unanderra"
["state"]=>
string(3) "NSW"
["region"]=>
NULL
["postcode"]=>
string(4) "2526"
["country"]=>
string(2) "au"
["email"]=>
string(26) "[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"]=>
NULL
["phone"]=>
string(12) "02 4271 7444"
["fax"]=>
string(12) "02 4271 5198"
["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-09-01 16:55:42"
["updated_at"]=>
string(19) "2025-03-12 01:57:45"
["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(198)
["uuid"]=>
string(36) "e43cd83f-1306-48ce-ac1b-e840835596d7"
["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(74)
["theme_footer_id"]=>
NULL
["name"]=>
string(28) "Domain Illawarra Real Estate"
["slug"]=>
string(16) "domain-illawarra"
["unit_number"]=>
NULL
["street_number"]=>
string(3) "112"
["street_name"]=>
string(10) "Central Rd"
["suburb"]=>
string(9) "Unanderra"
["state"]=>
string(3) "NSW"
["region"]=>
NULL
["postcode"]=>
string(4) "2526"
["country"]=>
string(2) "au"
["email"]=>
string(26) "[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"]=>
NULL
["phone"]=>
string(12) "02 4271 7444"
["fax"]=>
string(12) "02 4271 5198"
["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-09-01 16:55:42"
["updated_at"]=>
string(19) "2025-03-12 01:57:45"
["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)#3671 (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(123)
["uuid"]=>
string(36) "2c09c201-6afe-42dc-84b7-b337f044a3fd"
["office_id"]=>
int(198)
["cloudflare_id"]=>
string(36) "5d7277f3-148c-4d8d-a451-6df5d94a87b9"
["domain"]=>
string(26) "www.domainillawarra.com.au"
["path_prefix"]=>
NULL
["cdn_provider"]=>
string(10) "cloudflare"
["is_verified"]=>
int(1)
["cpanel_account_created_at"]=>
NULL
["created_at"]=>
string(19) "2025-05-30 01:03:26"
["updated_at"]=>
string(19) "2025-05-30 08:35:08"
}
["original":protected]=>
array(11) {
["id"]=>
int(123)
["uuid"]=>
string(36) "2c09c201-6afe-42dc-84b7-b337f044a3fd"
["office_id"]=>
int(198)
["cloudflare_id"]=>
string(36) "5d7277f3-148c-4d8d-a451-6df5d94a87b9"
["domain"]=>
string(26) "www.domainillawarra.com.au"
["path_prefix"]=>
NULL
["cdn_provider"]=>
string(10) "cloudflare"
["is_verified"]=>
int(1)
["cpanel_account_created_at"]=>
NULL
["created_at"]=>
string(19) "2025-05-30 01:03:26"
["updated_at"]=>
string(19) "2025-05-30 08:35:08"
}
["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)#3682 (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(65934) "/*#############################################################
## 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;
}
}
}
//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-06-15 04:23:23"
}
["original":protected]=>
array(9) {
["id"]=>
int(7)
["uuid"]=>
string(36) "472d0445-2fe2-4118-a6d9-c645b3dd633f"
["name"]=>
string(4) "Nova"
["variables_scss"]=>
NULL
["scss"]=>
string(65934) "/*#############################################################
## 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;
}
}
}
//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-06-15 04:23:23"
}
["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)#3689 (2) {
["items":protected]=>
array(1) {
[0]=>
object(App\Models\ThemeFont)#3693 (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.
$850,000
Property ID: L24416497 | House
Ali and Zarah of Domain Illawarra Real Estate are proud to present this exquisite near-new oversized 3-bedroom villa! Prepare to be mesmerized by the sheer beauty and size of this stunning home.
Marvel at the three double-sized bedrooms, each adorned with built-in wardrobes, offering ample storage for all your needs. Delight in the formal living area, perfect for elegant gatherings. The open-plan layout, complete with reverse cycle air conditioning, seamlessly combines with the revamped kitchen featuring a sleek stone benchtop. Step outside to the sun-drenched undercover entertainment area, where countless memorable moments await.
Immerse yourself in beauty as you walk on the exquisite floating timber floors, adding a touch of class to every step. The master bedroom boasts an ensuite, while all bedrooms are equipped with built-in wardrobes for your convenience. Indulge in the modern bathroom, featuring a separate bath and shower, along with a separate WC. The open-plan modern kitchen, complete with a breakfast bar, showcases stainless steel appliances, elevating your culinary experience.
Relax and entertain effortlessly in the private, well-appointed, low-maintenance alfresco and garden area, equipped with a gas point for delightful weekend BBQs. Experience the utmost convenience with internal access from the remote double garage.
Nestled in an ideal location, this property offers easy access to shops, clubs, parks, trains, and buses, ensuring an effortless and connected lifestyle.
Don't miss out on this incredible opportunity to call this beautiful, expansive villa your home. Join Ali and Zarah for a captivating viewing of this remarkable property from Domain Illawarra Real Estate today!
Disclaimer:
At Domain Illawarra Real Estate, we strive to provide accurate information in our marketing materials based on details supplied by our Vendors. However, we cannot guarantee the complete accuracy of this information. Therefore, Domain Illawarra Real Estate does not make any representation, statement, or warranty regarding the complete accuracy of the details shared. We strongly advise potential buyers to undertake their own due diligence when considering a property purchase. Please note that all photographs, maps, and images are for marketing purposes and are representative only.
No video yet
No Inspection Time Yet
No upcoming auction yet
