Call Us!
object(App\Models\Listing)#1372 (30) {
["connection":protected]=>
string(5) "mysql"
["table":protected]=>
string(8) "listings"
["primaryKey":protected]=>
string(2) "id"
["keyType":protected]=>
string(3) "int"
["incrementing"]=>
bool(true)
["with":protected]=>
array(1) {
[0]=>
string(6) "images"
}
["withCount":protected]=>
array(0) {
}
["preventsLazyLoading"]=>
bool(false)
["perPage":protected]=>
int(15)
["exists"]=>
bool(true)
["wasRecentlyCreated"]=>
bool(false)
["escapeWhenCastingToString":protected]=>
bool(false)
["attributes":protected]=>
array(86) {
["id"]=>
int(212870)
["uuid"]=>
string(36) "57159858-9743-4c9d-b705-2cd80c68e982"
["etag"]=>
string(32) "7ef681bf1b0732dfbfb6e00e4ef74012"
["office_id"]=>
int(163)
["slug"]=>
string(39) "l3637635-2-kirin-way-maddington-wa-6109"
["featured"]=>
int(0)
["unique_id"]=>
string(8) "L3637635"
["tps_property_id"]=>
NULL
["tps_redirect_url"]=>
NULL
["tps_bookme_redirect_url"]=>
NULL
["tps_synced_at"]=>
NULL
["crm_internal_id"]=>
string(7) "3118761"
["provider"]=>
string(8) "vaultapi"
["crm_created_at"]=>
string(19) "2024-03-05 00:00:00"
["crm_updated_at"]=>
string(19) "2024-03-06 10:34:49"
["refresh_requested_at"]=>
NULL
["category"]=>
string(11) "residential"
["sub_category"]=>
string(3) "Buy"
["status"]=>
string(4) "sold"
["listing_type"]=>
string(5) "House"
["listing_type_original"]=>
string(5) "House"
["authority"]=>
string(9) "Exclusive"
["set_sale_on"]=>
NULL
["tenancy"]=>
string(6) "vacant"
["under_offer"]=>
string(2) "no"
["under_contract"]=>
int(0)
["new_construction"]=>
int(0)
["bedrooms"]=>
int(4)
["bathrooms"]=>
int(1)
["ensuite"]=>
int(0)
["garages"]=>
int(0)
["carports"]=>
int(1)
["openspaces"]=>
int(0)
["price_display"]=>
int(0)
["price"]=>
float(550000)
["price_type"]=>
NULL
["property_guide_url"]=>
NULL
["price_view"]=>
string(13) "Contact Agent"
["address_display"]=>
int(1)
["address_unit_number"]=>
NULL
["address_street_number"]=>
string(1) "2"
["address_street"]=>
string(9) "Kirin Way"
["address_suburb"]=>
string(10) "MADDINGTON"
["address_city"]=>
NULL
["address_state"]=>
string(2) "WA"
["address_postcode"]=>
string(4) "6109"
["address_country"]=>
NULL
["residential_category"]=>
NULL
["headline"]=>
string(72) "UNDER OFFER-Plenty of Promise! - Corner R30 + Retain And Build Potential"
["description"]=>
string(2475) "Perched on a spacious 644sqm (approx.) corner block (Zoned Corner R30) with handy drive-through access into a workshop shed and exciting duplex development potential block with retaining the house, this solid 4 bedroom 1 bathroom brick-and-tile home will comfortably cater for your personal needs both now and in the future.
A delightful open-plan family, dining and kitchen area plays host to stylish light fittings, gas-bayonet heating, a gas cooktop, under-bench oven, a sleek white dishwasher and tiled splashbacks before, via gorgeous double French doors, spilling into a huge games room warmed - and kept cool - by a combination of floating timber floorboards and a split-system air-conditioning unit. The latter flows outside to where a magnificent entertaining patio lies in wait, protecting everybody from the elements whilst also linking the secure carport to a tradesman's dream of a rear workshop.
Other features include, but are not limited to:
- Practical bathroom with a bathtub and showerhead
- Outdoor access from the laundry
- Single lock-up carport with roller-door access to the rear workshop shed (via the patio)
- Low-maintenance tiled flooring
- Ducted-evaporative air-conditioning
- Ducted gas heating
- Window security shutters throughout
- Security doors and screens fitted
- Sunken and paved rear drying courtyard
- Massive backyard with a second garden shed for storage, sprawling lawns and heaps of room for a future swimming pool - and more
- Block size - 644sqm (approx.) with Corner R30 Zoning
- Built in 1995
Distances to (approx.):
- Yule Brook College - 400m
- Maddington Train Station - 3.4km
- Maddington Central Shopping Centre - 5.0km
- Perth Airport (T1 & T2) - 14.3km
- Perth CBD - 21.2km
Within walking distance of the local high school, close to Bramfield Park, East Maddington and Maddington Primary Schools and just a stone's throw away from lush parks, major arterial roads, public transport, shopping and more, this outstanding property is splendidly accompanied by a surprising sense of convenience. What an astute purchase it may prove to be!
Disclaimer: Whilst every care has been taken in the preparation of this advertisement, accuracy cannot be guaranteed. Prospective purchasers should make their own enquiries to satisfy themselves on all pertinent matters. Details herein do not constitute any representation by the Vendor or the agent and are expressly excluded from any contract."
["land_area"]=>
string(3) "645"
["land_area_unit"]=>
string(3) "sqm"
["normalise_land_area"]=>
float(645)
["building_area"]=>
NULL
["building_area_unit"]=>
NULL
["external_link"]=>
NULL
["video_link"]=>
NULL
["virtual_tour_link"]=>
NULL
["floorplan"]=>
NULL
["lat"]=>
string(12) "-32.04663510"
["lng"]=>
string(12) "116.00802340"
["display_sold_price"]=>
int(0)
["sold_price"]=>
NULL
["sold_date"]=>
string(19) "2024-03-05 00:00:00"
["auction_date"]=>
NULL
["auction_venue"]=>
NULL
["bond"]=>
NULL
["date_available"]=>
NULL
["statement_of_information"]=>
NULL
["vault_etable_url"]=>
NULL
["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) "2024-03-05 00:00:00"
["updated_at"]=>
string(19) "2026-07-10 03:36:08"
["leased_date"]=>
NULL
["location_id"]=>
int(96)
["studies"]=>
int(0)
["custom_attributes"]=>
string(38) "[{"group": "Default", "fields": null}]"
["commercial_listing_type"]=>
NULL
["address_searchable"]=>
string(39) "2 kirin way maddington wa 6109 l3637635"
}
["original":protected]=>
array(86) {
["id"]=>
int(212870)
["uuid"]=>
string(36) "57159858-9743-4c9d-b705-2cd80c68e982"
["etag"]=>
string(32) "7ef681bf1b0732dfbfb6e00e4ef74012"
["office_id"]=>
int(163)
["slug"]=>
string(39) "l3637635-2-kirin-way-maddington-wa-6109"
["featured"]=>
int(0)
["unique_id"]=>
string(8) "L3637635"
["tps_property_id"]=>
NULL
["tps_redirect_url"]=>
NULL
["tps_bookme_redirect_url"]=>
NULL
["tps_synced_at"]=>
NULL
["crm_internal_id"]=>
string(7) "3118761"
["provider"]=>
string(8) "vaultapi"
["crm_created_at"]=>
string(19) "2024-03-05 00:00:00"
["crm_updated_at"]=>
string(19) "2024-03-06 10:34:49"
["refresh_requested_at"]=>
NULL
["category"]=>
string(11) "residential"
["sub_category"]=>
string(3) "Buy"
["status"]=>
string(4) "sold"
["listing_type"]=>
string(5) "House"
["listing_type_original"]=>
string(5) "House"
["authority"]=>
string(9) "Exclusive"
["set_sale_on"]=>
NULL
["tenancy"]=>
string(6) "vacant"
["under_offer"]=>
string(2) "no"
["under_contract"]=>
int(0)
["new_construction"]=>
int(0)
["bedrooms"]=>
int(4)
["bathrooms"]=>
int(1)
["ensuite"]=>
int(0)
["garages"]=>
int(0)
["carports"]=>
int(1)
["openspaces"]=>
int(0)
["price_display"]=>
int(0)
["price"]=>
float(550000)
["price_type"]=>
NULL
["property_guide_url"]=>
NULL
["price_view"]=>
string(13) "Contact Agent"
["address_display"]=>
int(1)
["address_unit_number"]=>
NULL
["address_street_number"]=>
string(1) "2"
["address_street"]=>
string(9) "Kirin Way"
["address_suburb"]=>
string(10) "MADDINGTON"
["address_city"]=>
NULL
["address_state"]=>
string(2) "WA"
["address_postcode"]=>
string(4) "6109"
["address_country"]=>
NULL
["residential_category"]=>
NULL
["headline"]=>
string(72) "UNDER OFFER-Plenty of Promise! - Corner R30 + Retain And Build Potential"
["description"]=>
string(2475) "Perched on a spacious 644sqm (approx.) corner block (Zoned Corner R30) with handy drive-through access into a workshop shed and exciting duplex development potential block with retaining the house, this solid 4 bedroom 1 bathroom brick-and-tile home will comfortably cater for your personal needs both now and in the future.
A delightful open-plan family, dining and kitchen area plays host to stylish light fittings, gas-bayonet heating, a gas cooktop, under-bench oven, a sleek white dishwasher and tiled splashbacks before, via gorgeous double French doors, spilling into a huge games room warmed - and kept cool - by a combination of floating timber floorboards and a split-system air-conditioning unit. The latter flows outside to where a magnificent entertaining patio lies in wait, protecting everybody from the elements whilst also linking the secure carport to a tradesman's dream of a rear workshop.
Other features include, but are not limited to:
- Practical bathroom with a bathtub and showerhead
- Outdoor access from the laundry
- Single lock-up carport with roller-door access to the rear workshop shed (via the patio)
- Low-maintenance tiled flooring
- Ducted-evaporative air-conditioning
- Ducted gas heating
- Window security shutters throughout
- Security doors and screens fitted
- Sunken and paved rear drying courtyard
- Massive backyard with a second garden shed for storage, sprawling lawns and heaps of room for a future swimming pool - and more
- Block size - 644sqm (approx.) with Corner R30 Zoning
- Built in 1995
Distances to (approx.):
- Yule Brook College - 400m
- Maddington Train Station - 3.4km
- Maddington Central Shopping Centre - 5.0km
- Perth Airport (T1 & T2) - 14.3km
- Perth CBD - 21.2km
Within walking distance of the local high school, close to Bramfield Park, East Maddington and Maddington Primary Schools and just a stone's throw away from lush parks, major arterial roads, public transport, shopping and more, this outstanding property is splendidly accompanied by a surprising sense of convenience. What an astute purchase it may prove to be!
Disclaimer: Whilst every care has been taken in the preparation of this advertisement, accuracy cannot be guaranteed. Prospective purchasers should make their own enquiries to satisfy themselves on all pertinent matters. Details herein do not constitute any representation by the Vendor or the agent and are expressly excluded from any contract."
["land_area"]=>
string(3) "645"
["land_area_unit"]=>
string(3) "sqm"
["normalise_land_area"]=>
float(645)
["building_area"]=>
NULL
["building_area_unit"]=>
NULL
["external_link"]=>
NULL
["video_link"]=>
NULL
["virtual_tour_link"]=>
NULL
["floorplan"]=>
NULL
["lat"]=>
string(12) "-32.04663510"
["lng"]=>
string(12) "116.00802340"
["display_sold_price"]=>
int(0)
["sold_price"]=>
NULL
["sold_date"]=>
string(19) "2024-03-05 00:00:00"
["auction_date"]=>
NULL
["auction_venue"]=>
NULL
["bond"]=>
NULL
["date_available"]=>
NULL
["statement_of_information"]=>
NULL
["vault_etable_url"]=>
NULL
["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) "2024-03-05 00:00:00"
["updated_at"]=>
string(19) "2026-07-10 03:36:08"
["leased_date"]=>
NULL
["location_id"]=>
int(96)
["studies"]=>
int(0)
["custom_attributes"]=>
string(38) "[{"group": "Default", "fields": null}]"
["commercial_listing_type"]=>
NULL
["address_searchable"]=>
string(39) "2 kirin way maddington wa 6109 l3637635"
}
["changes":protected]=>
array(0) {
}
["casts":protected]=>
array(3) {
["auction_date"]=>
string(8) "datetime"
["set_sale_on"]=>
string(8) "datetime"
["refresh_requested_at"]=>
string(8) "datetime"
}
["classCastCache":protected]=>
array(0) {
}
["attributeCastCache":protected]=>
array(0) {
}
["dateFormat":protected]=>
NULL
["appends":protected]=>
array(0) {
}
["dispatchesEvents":protected]=>
array(0) {
}
["observables":protected]=>
array(0) {
}
["relations":protected]=>
array(2) {
["images"]=>
object(Illuminate\Database\Eloquent\Collection)#1359 (2) {
["items":protected]=>
array(1) {
[0]=>
object(App\Models\ListingImage)#1356 (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(83536467)
["listing_id"]=>
int(212870)
["code"]=>
string(1) "m"
["url"]=>
string(139) "https://wbcms-listings-photos.s3.ap-southeast-2.amazonaws.com/efae567c-ba59-4b5a-b448-4cae4153dc92/6493323c-c226-4440-8c0d-68540165a3ef.jpg"
["created_at"]=>
string(19) "2026-07-10 03:36:08"
["updated_at"]=>
string(19) "2026-07-10 03:36:08"
}
["original":protected]=>
array(6) {
["id"]=>
int(83536467)
["listing_id"]=>
int(212870)
["code"]=>
string(1) "m"
["url"]=>
string(139) "https://wbcms-listings-photos.s3.ap-southeast-2.amazonaws.com/efae567c-ba59-4b5a-b448-4cae4153dc92/6493323c-c226-4440-8c0d-68540165a3ef.jpg"
["created_at"]=>
string(19) "2026-07-10 03:36:08"
["updated_at"]=>
string(19) "2026-07-10 03:36:08"
}
["changes":protected]=>
array(0) {
}
["casts":protected]=>
array(0) {
}
["classCastCache":protected]=>
array(0) {
}
["attributeCastCache":protected]=>
array(0) {
}
["dateFormat":protected]=>
NULL
["appends":protected]=>
array(2) {
[0]=>
string(9) "thumbnail"
[1]=>
string(8) "webImage"
}
["dispatchesEvents":protected]=>
array(0) {
}
["observables":protected]=>
array(0) {
}
["relations":protected]=>
array(0) {
}
["touches":protected]=>
array(0) {
}
["timestamps"]=>
bool(true)
["usesUniqueIds"]=>
bool(false)
["hidden":protected]=>
array(0) {
}
["visible":protected]=>
array(0) {
}
["fillable":protected]=>
array(3) {
[0]=>
string(10) "listing_id"
[1]=>
string(4) "code"
[2]=>
string(3) "url"
}
["guarded":protected]=>
array(1) {
[0]=>
string(1) "*"
}
}
}
["escapeWhenCastingToString":protected]=>
bool(false)
}
["office"]=>
object(App\Models\Office)#2105 (32) {
["connection":protected]=>
string(5) "mysql"
["table":protected]=>
string(7) "offices"
["primaryKey":protected]=>
string(2) "id"
["keyType":protected]=>
string(3) "int"
["incrementing"]=>
bool(true)
["with":protected]=>
array(3) {
[0]=>
string(6) "domain"
[1]=>
string(7) "setting"
[2]=>
string(5) "theme"
}
["withCount":protected]=>
array(0) {
}
["preventsLazyLoading"]=>
bool(false)
["perPage":protected]=>
int(15)
["exists"]=>
bool(true)
["wasRecentlyCreated"]=>
bool(false)
["escapeWhenCastingToString":protected]=>
bool(false)
["attributes":protected]=>
array(53) {
["id"]=>
int(163)
["uuid"]=>
string(36) "46c96dca-6ec3-42ec-9873-1ddfcdff7164"
["reseller"]=>
NULL
["plan"]=>
string(7) "premium"
["franchise_id"]=>
NULL
["theme_id"]=>
int(7)
["theme_header_id"]=>
NULL
["office_header_id"]=>
NULL
["office_footer_id"]=>
int(51)
["theme_footer_id"]=>
NULL
["name"]=>
string(21) "Porter Matthews Metro"
["slug"]=>
string(21) "porter-matthews-metro"
["unit_number"]=>
string(3) "235"
["street_number"]=>
string(3) "235"
["street_name"]=>
string(16) "Knutsford Avenue"
["suburb"]=>
string(10) "Cloverdale"
["state"]=>
string(2) "WA"
["region"]=>
NULL
["postcode"]=>
string(4) "6105"
["country"]=>
string(2) "au"
["email"]=>
string(19) "[email protected]"
["additional_recipients"]=>
NULL
["buy_listing_inquiry_recipients"]=>
NULL
["rent_listing_inquiry_recipients"]=>
NULL
["sold_listing_inquiry_recipients"]=>
NULL
["hide_contact_button"]=>
int(0)
["hide_request_appraisal_button"]=>
int(0)
["hide_phone_number"]=>
int(0)
["hide_email_address"]=>
int(0)
["mobile"]=>
string(12) "08 9475 9622"
["phone"]=>
NULL
["fax"]=>
NULL
["website_url"]=>
NULL
["suburbs"]=>
NULL
["description"]=>
NULL
["principal"]=>
NULL
["office_image"]=>
NULL
["is_demo"]=>
int(0)
["is_showcase"]=>
int(0)
["hide_showcase"]=>
int(0)
["is_demo_data"]=>
int(0)
["is_franchise_office"]=>
int(0)
["is_agent_crm_sync_enabled"]=>
int(0)
["is_active"]=>
int(1)
["demo_data_initialised_at"]=>
NULL
["deployed_office_id"]=>
string(36) "c64bbd9b-bbe4-4e07-9bf3-429d019044cd"
["created_at"]=>
string(19) "2024-07-04 23:21:19"
["updated_at"]=>
string(19) "2026-03-18 02:26:29"
["location_id"]=>
NULL
["mail_from_name"]=>
NULL
["mail_reply_to"]=>
NULL
["allowed_locations_in_search"]=>
NULL
["pageUrl"]=>
string(1) "#"
}
["original":protected]=>
array(52) {
["id"]=>
int(163)
["uuid"]=>
string(36) "46c96dca-6ec3-42ec-9873-1ddfcdff7164"
["reseller"]=>
NULL
["plan"]=>
string(7) "premium"
["franchise_id"]=>
NULL
["theme_id"]=>
int(7)
["theme_header_id"]=>
NULL
["office_header_id"]=>
NULL
["office_footer_id"]=>
int(51)
["theme_footer_id"]=>
NULL
["name"]=>
string(21) "Porter Matthews Metro"
["slug"]=>
string(21) "porter-matthews-metro"
["unit_number"]=>
string(3) "235"
["street_number"]=>
string(3) "235"
["street_name"]=>
string(16) "Knutsford Avenue"
["suburb"]=>
string(10) "Cloverdale"
["state"]=>
string(2) "WA"
["region"]=>
NULL
["postcode"]=>
string(4) "6105"
["country"]=>
string(2) "au"
["email"]=>
string(19) "[email protected]"
["additional_recipients"]=>
NULL
["buy_listing_inquiry_recipients"]=>
NULL
["rent_listing_inquiry_recipients"]=>
NULL
["sold_listing_inquiry_recipients"]=>
NULL
["hide_contact_button"]=>
int(0)
["hide_request_appraisal_button"]=>
int(0)
["hide_phone_number"]=>
int(0)
["hide_email_address"]=>
int(0)
["mobile"]=>
string(12) "08 9475 9622"
["phone"]=>
NULL
["fax"]=>
NULL
["website_url"]=>
NULL
["suburbs"]=>
NULL
["description"]=>
NULL
["principal"]=>
NULL
["office_image"]=>
NULL
["is_demo"]=>
int(0)
["is_showcase"]=>
int(0)
["hide_showcase"]=>
int(0)
["is_demo_data"]=>
int(0)
["is_franchise_office"]=>
int(0)
["is_agent_crm_sync_enabled"]=>
int(0)
["is_active"]=>
int(1)
["demo_data_initialised_at"]=>
NULL
["deployed_office_id"]=>
string(36) "c64bbd9b-bbe4-4e07-9bf3-429d019044cd"
["created_at"]=>
string(19) "2024-07-04 23:21:19"
["updated_at"]=>
string(19) "2026-03-18 02:26:29"
["location_id"]=>
NULL
["mail_from_name"]=>
NULL
["mail_reply_to"]=>
NULL
["allowed_locations_in_search"]=>
NULL
}
["changes":protected]=>
array(0) {
}
["casts":protected]=>
array(1) {
["allowed_locations_in_search"]=>
string(5) "array"
}
["classCastCache":protected]=>
array(0) {
}
["attributeCastCache":protected]=>
array(0) {
}
["dateFormat":protected]=>
NULL
["appends":protected]=>
array(4) {
[0]=>
string(14) "production_url"
[1]=>
string(12) "internal_url"
[2]=>
string(7) "is_live"
[3]=>
string(6) "custom"
}
["dispatchesEvents":protected]=>
array(0) {
}
["observables":protected]=>
array(0) {
}
["relations":protected]=>
array(3) {
["domain"]=>
object(App\Models\OfficeDomain)#2092 (30) {
["connection":protected]=>
string(5) "mysql"
["table":protected]=>
string(14) "office_domains"
["primaryKey":protected]=>
string(2) "id"
["keyType":protected]=>
string(3) "int"
["incrementing"]=>
bool(true)
["with":protected]=>
array(0) {
}
["withCount":protected]=>
array(0) {
}
["preventsLazyLoading"]=>
bool(false)
["perPage":protected]=>
int(15)
["exists"]=>
bool(true)
["wasRecentlyCreated"]=>
bool(false)
["escapeWhenCastingToString":protected]=>
bool(false)
["attributes":protected]=>
array(11) {
["id"]=>
int(75)
["uuid"]=>
string(36) "019e1757-4584-482e-959d-43fdc4b42156"
["office_id"]=>
int(163)
["cloudflare_id"]=>
string(36) "af1d8e34-a4dc-4d24-8f01-a425862e1b1a"
["domain"]=>
string(18) "www.pmmetro.com.au"
["path_prefix"]=>
NULL
["cdn_provider"]=>
string(10) "cloudflare"
["is_verified"]=>
int(1)
["cpanel_account_created_at"]=>
string(19) "2024-08-15 06:45:03"
["created_at"]=>
string(19) "2024-08-15 06:41:47"
["updated_at"]=>
string(19) "2024-10-16 13:32:33"
}
["original":protected]=>
array(11) {
["id"]=>
int(75)
["uuid"]=>
string(36) "019e1757-4584-482e-959d-43fdc4b42156"
["office_id"]=>
int(163)
["cloudflare_id"]=>
string(36) "af1d8e34-a4dc-4d24-8f01-a425862e1b1a"
["domain"]=>
string(18) "www.pmmetro.com.au"
["path_prefix"]=>
NULL
["cdn_provider"]=>
string(10) "cloudflare"
["is_verified"]=>
int(1)
["cpanel_account_created_at"]=>
string(19) "2024-08-15 06:45:03"
["created_at"]=>
string(19) "2024-08-15 06:41:47"
["updated_at"]=>
string(19) "2024-10-16 13:32:33"
}
["changes":protected]=>
array(0) {
}
["casts":protected]=>
array(0) {
}
["classCastCache":protected]=>
array(0) {
}
["attributeCastCache":protected]=>
array(0) {
}
["dateFormat":protected]=>
NULL
["appends":protected]=>
array(0) {
}
["dispatchesEvents":protected]=>
array(0) {
}
["observables":protected]=>
array(0) {
}
["relations":protected]=>
array(0) {
}
["touches":protected]=>
array(0) {
}
["timestamps"]=>
bool(true)
["usesUniqueIds"]=>
bool(false)
["hidden":protected]=>
array(0) {
}
["visible":protected]=>
array(0) {
}
["fillable":protected]=>
array(7) {
[0]=>
string(9) "office_id"
[1]=>
string(13) "cloudflare_id"
[2]=>
string(6) "domain"
[3]=>
string(11) "path_prefix"
[4]=>
string(11) "is_verified"
[5]=>
string(25) "cpanel_account_created_at"
[6]=>
string(12) "cdn_provider"
}
["guarded":protected]=>
array(1) {
[0]=>
string(1) "*"
}
}
["setting"]=>
NULL
["theme"]=>
object(App\Models\Theme)#2080 (30) {
["connection":protected]=>
string(5) "mysql"
["table":protected]=>
string(6) "themes"
["primaryKey":protected]=>
string(2) "id"
["keyType":protected]=>
string(3) "int"
["incrementing"]=>
bool(true)
["with":protected]=>
array(1) {
[0]=>
string(10) "themeFonts"
}
["withCount":protected]=>
array(0) {
}
["preventsLazyLoading"]=>
bool(false)
["perPage":protected]=>
int(15)
["exists"]=>
bool(true)
["wasRecentlyCreated"]=>
bool(false)
["escapeWhenCastingToString":protected]=>
bool(false)
["attributes":protected]=>
array(9) {
["id"]=>
int(7)
["uuid"]=>
string(36) "472d0445-2fe2-4118-a6d9-c645b3dd633f"
["name"]=>
string(4) "Nova"
["variables_scss"]=>
NULL
["scss"]=>
string(66172) "/*#############################################################
## Reset
/*###########################################################*/
html {
// Disable the Smooth Scroll Behavior
scroll-behavior: auto !important;
}
.site-main {
min-height: 70vh;
}
a {
text-decoration: none;
}
/*#############################################################
## Headers Tags
/*###########################################################*/
.h1,
h1 {
font-size: $h1_font_size;
}
.h2,
h2 {
font-size: $h2_font_size;
}
.h3,
h3 {
font-size: $h3_font_size;
}
.h4,
h4 {
font-size: $h4_font_size;
}
.h5,
h5 {
font-size: $h4_font_size;
}
.h6,
h6 {
font-size: $h4_font_size;
}
.h1,
h1,
.h2,
h2,
.h3,
h3,
.h4,
h4,
.h5,
h5,
.h6,
h6 {
font-family: $all_header_font_family;
color: $all_header_font_color;
font-weight: $all_header_font_weight;
margin-bottom: $all_header_margin_bottom;
&:last-child {
margin-bottom: 0;
}
a {
color: inherit;
&:link,
&:focus,
&:hover,
&:visited,
&:active {
color: inherit;
}
}
}
/*#############################################################
## Content
/*###########################################################*/
body {
font-family: $all_content_font_family;
font-weight: $all_content_font_weight;
font-size: $all_content_font_size;
color: $all_content_colour;
p,
ul {
&:last-child {
margin-bottom: 0;
}
}
}
li {
a {
color: inherit;
}
}
/*#############################################################
## Special Class: Icons
/*###########################################################*/
.text-with-icon {
display: inline-block;
padding-left: 25px;
position: relative;
i[class^="fa-"] {
position: absolute;
left: 0;
top: 5px;
}
&.text-with-icon-large{
padding-left: 35px;
i[class^="fa-"] {
top: 10px;
font-size: 24px;
color: $primary_background_color;
@media only screen and (max-width:992px) {
font-size: 20px;
}
}
a {
color: $primary_background_color;
&:hover {
color: $primary_color;
}
}
}
}
.falcon-icons {
color: $primary_background_color;
}
/*#############################################################
## Block default Padding and Color
/*###########################################################*/
body,
[data-layout-id],
[data-content-block-id] {
background-color: $section_default_background_color;
}
[data-content-block-id] {
background-color: $section_default_background_color;
padding: $section_default_padding_top_and_bottom 0;
&.section-1-style {
background-color: $section_1_background_color;
}
// &.section-2-style {
// background-color: $primary_background_color;
// }
// &.section-3-style {
// background-color: $section_3_background_color;
// }
}
.content-container{
background-color: $section_default_background_color;
border: 1px solid #f7f7f7;
border-radius: 0 3px 3px 3px;
box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.12);
padding: 15px;
height: 100%;
&.dark-content-container{
background-color: $primary_background_color;
border: 1px solid $primary_background_color;
h1,h2,h3,p,li{
color: $primary_text_color;
}
}
}
.address-container{
h2:after {
background-color: $primary_color;
}
}
/*#############################################################
## Website Header
/*###########################################################*/
.site-header-bar-style {
background-color: $site_header_bg_color;
}
.site-header-style-1{
box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.12);
background-color: #fff;
border-top: 1px solid rgba(255, 255, 255, 0.1);
.primary-menu-container{
>li{
a.mainmenu-active{
background-color: $site_header_bg_color;
color: $site_header_text_hover_color;
border-radius: 4px;
}
}
}
}
.falcon-burger-style{
background-color: #eee;
> div{
background-color: $site_header_text_color;
&:nth-of-type(2) {
margin: 6px 0;
}
}
}
/*-------------------------------
# Breakpoints
--------------------------------*/
.menu-for-desktop {
display: none;
@media only screen and (min-width: $site_header_menu_breakpoints) {
display: block;
}
}
.menu-for-mobile {
display: block;
@media only screen and (min-width: $site_header_menu_breakpoints) {
display: none;
}
}
/*-------------------------------
# Header Menu
--------------------------------*/
.desktop-menu{
@media only screen and (max-width:1199px) {
hr{
border-color: #e0e0e0;
}
}
>li{
.primary-menu-link{
color: $site_header_text_color;
}
&:hover{
background-color: $site_header_bg_color;
a{
color: $site_header_text_hover_color;
}
.primary-submenu-container{
ul{
>li{
a{
color: $site_header_text_color;
}
}
}
}
}
}
.primary-submenu-container{
box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.12);
ul{
>li{
border-bottom: 1px solid #e9e9e9;
&:hover{
background-color: #f2f2f2;
}
.submenu-active{
background-color: #f2f2f2;
}
}
}
}
}
/*#############################################################
## Website Footer
/*###########################################################*/
footer{
.footer-main{
background-color: $site_footer_bg_color;
box-shadow: inset 0 20px 50px -20px rgba(0, 0, 0, 0.06);
* {
color: $site_footer_text_color;
a:hover{
color: $site_footer_text_hover_color;
span {
color: $site_footer_text_hover_color;
}
}
}
.footer-copyright{
border-top: 1px solid rgba(255,255,255, 0.1);
}
.social-icons-style-2 {
a, i {
&:hover {
color: $site_footer_text_hover_color;
}
}
}
}
.footer-banner{
background-color: $primary_background_color;
}
}
/*#############################################################
## Buttons
/*###########################################################*/
/*-------------------------------
# Button Container
--------------------------------*/
.buttons-container {
position: relative;
left: -5px;
width: calc(100% + 5px);
a {
display: inline-block;
margin-right: 5px;
margin-left: 5px;
margin-bottom: 10px;
transition: unset;
}
}
/*-------------------------------
# Button 1 Style
--------------------------------*/
%custom-button-all-default {
border-radius: 3px;
border: 0;
font-weight: 300;
line-height: 1.2em;
padding: 12px 15px;
position: relative;
transition: all 0.3s ease-in-out 0s;
text-align: center;
display: inline-flex;
align-items: center;
justify-content: center;
outline: none;
box-shadow: none;
}
%custom-button-1-style-default {
background-color: $button_1_background_color;
color: $button_1_text_color;
font-family: $button_1_font_family;
}
%custom-button-1-invert-style-default {
background-color: $button_1_text_color;
color: $button_1_background_color;
font-family: $button_1_font_family;
}
%custom-button-2-style-default {
border: 1px solid $button_2_border_color;
color: $button_2_text_color;
background-color: $button_2_background_color;
}
%custom-button-1-style-hover {
background-color: darken($button_1_background_color, 0);
color: $button_1_text_color;
}
%custom-button-1-invert-style-hover {
background-color: darken($button_1_text_color, 10%);
color: $button_1_background_color;
}
%custom-button-2-style-hover {
color: #fff;
background-color: $primary_background_color;
border: 1px solid $primary_background_color;
}
%custom-button-white-style-default {
background-color: $button_white_background_color;
border-color: $button_white_border_color;
color: $button_white_text_color;
border-radius: $button_white_border_radius;
font-family: $button_white_font_family;
}
%custom-button-white-style-hover {
background-color: darken($button_white_background_color, 10%);
border-color: darken($button_white_border_color, 10%);
color: $button_white_text_color;
}
.btn {
@extend %custom-button-all-default;
&.btn-small {
padding: 8px 15px;
}
&.btn-medium {
padding: 12px 15px;
}
&.btn-large {
padding: 15px 20px;
}
.disabled,
&:disabled {
opacity: 1;
pointer-events: auto;
cursor: not-allowed;
}
&.button-1-style {
@extend %custom-button-1-style-default;
&::before {
background-color: #fff;
position: absolute;
width: 100%;
height: 100%;
content: '';
display: block;
left: 0;
top: 0;
opacity: 0;
transition: all 0.2s;
}
&:link,
&:focus,
&:visited,
&:active {
@extend %custom-button-1-style-default;
}
&:not(:disabled):hover {
@extend %custom-button-1-style-hover;
&::before {
opacity: 0.1;
}
}
}
&.button-1-invert-style {
@extend %custom-button-1-invert-style-default;
&:link,
&:focus,
&:visited,
&:active {
@extend %custom-button-1-invert-style-default;
}
&:not(:disabled):hover {
@extend %custom-button-1-invert-style-hover;
&::before {
opacity: 0.1;
}
}
}
&.button-2-style {
@extend %custom-button-2-style-default;
&:link,
&:focus,
&:visited,
&:active {
@extend %custom-button-2-style-default;
}
&:hover{
@extend %custom-button-2-style-hover;
}
}
&.button-white-style {
@extend %custom-button-white-style-default;
&:link,
&:focus,
&:visited,
&:active {
@extend %custom-button-white-style-default;
}
&:hover {
@extend %custom-button-white-style-hover;
}
&.btn-active {
color: $primary_background_color;
border: 1px solid $primary_background_color;
}
}
}
/*#############################################################
Property
/*###########################################################*/
.each-card-hover-style{
position: relative;
display: block;
z-index: 99;
.image-overlay{
opacity: 0;
z-index: 1;
background-color: rgba($primary_background_color, 0.3);
transition: opacity 0.4s;
}
&:hover .image-overlay {
opacity: 1;
}
}
.each-card-row-style{
background-color: #f7f7f7;
}
.primary-section-style{
background-color: $primary_background_color;
}
/*#############################################################
## Property Summary Icons
/*###########################################################*/
.summary-icon {
&.icon-bath {
background-image: url($property_icon_bathroom);
}
&.icon-bed {
background-image: url($property_icon_bedroom);
}
&.icon-car {
background-image: url($property_icon_car);
}
&.icon-land {
background-image: url($property_icon_land_area);
}
&.icon-floorplan {
background-image: url($property_icon_floor_area);
}
}
/*#############################################################
social icons
/*###########################################################*/
.social-icons-style-1 {
li {
line-height: 0;
margin: 0 0;
width: 43px;
height: 43px;
transition: all 0.2s ease-in-out;
display: flex;
align-items: center;
justify-content: center;
&::after {
content: '\f39e';
position: absolute;
font-family: 'Font Awesome 6 Brands';
transform: translateY(-43px);
transition: all 0.2s ease-in-out;
color: $primary_background_color;
opacity: 0;
z-index: 0;
}
&:hover {
&::after {
transform: translateY(0);
transition: all 0.2s ease-in-out;
opacity: 1;
}
background: #fff;
transition: all 0.2s ease-in-out;
i {
transform: translateY(45px);
transition: all 0.2s ease-in-out;
text-align: center;
color: $primary_background_color;
}
}
i {
font-size: 14px;
color: #fff;
transform: translateY(0);
transition: all 0.2s ease-in-out;
}
&:nth-child(2) {
&::after {
content: '\f16d';
}
}
&:nth-child(3) {
&::after {
content: '\f099';
}
}
&:nth-child(4) {
&::after {
content: '\f08c';
}
}
&:nth-child(5) {
&::after {
content: '\f167';
}
}
&:nth-child(6) {
&::after {
content: '\f0d2';
}
}
a {
z-index: 1;
}
}
}
.social-icons-style-2 {
a{
margin: 0 1rem 0 0;
color: #909090;
&.disabled {
color: #707070;
cursor: not-allowed;
opacity: 0.4;
}
&:hover {
i {
color: $primary_background_color;
}
}
}
}
/*#############################################################
## Block Specific
/*###########################################################*/
body {
// &.page-type-blogs - Not required
&.page-type-listing ,&.page-type-blog {
[data-content-block-id] {
padding: 20px 0;
}
}
}
.secondary-sub-text-color{
color: #909090;
}
.primary-text-color{
color: $primary_color;
}
.text-animation-style1{
color: inherit;
transition: all 0.27s;
&:hover{
color: $primary_color;
}
}
.text-animation-style2{
color: $primary_color;
transition: all 0.27s;
&:hover{
color: #333;
}
}
/*#############################################################
## blockquote
/*###########################################################*/
blockquote {
margin-left: 0;
margin-right: 0;
}
blockquote {
padding: 1.25rem 1.25rem 1.25rem calc(1.3125rem + 0.75vw);
border-left: 5px solid $primary_background_color;
background-color: #eeeeee;
}
/*#############################################################
## Repeater
/*###########################################################*/
.wb-repeater {
&.accordion {
.accordion-item {
border: 0;
.accordion-button {
border-top: solid 1px #F5F5F5;
&:not(.collapsed) {
color: #fff;
background-color: $primary_background_color;
border-top-right-radius: 0;
border-top-left-radius: 0;
border-top: 0 ;
}
&:not(.collapsed)::after {
color: $all_content_colour;
filter: brightness(100);
}
&:focus {
outline:none;
box-shadow: none;
}
}
&:first-child {
.accordion-button {
border-top: 0;
}
}
}
.accordion {
.accordion-item {
border: 0;
}
.accordion-body {
background-color: #fff;
}
}
}
}
/*#############################################################
## Image
/*###########################################################*/
img, svg{
max-width: 100%;
height: auto;
}
.images-container{
> img, >.wb-bg-image {
margin-bottom: 20px;
}
}
/*#############################################################
## Capcha Badge
/*###########################################################*/
.grecaptcha-badge { visibility: hidden; }
/*#############################################################
## Search Form
/*###########################################################*/
input[type="text"],
input[type="email"],
textarea,
select.form-control,
select {
color:#707070;
background-color: #FFF;
border: 1px solid #e0e0e0;
width: 100%;
// height: 51px;
// line-height: 51px;
padding: 12px 20px;
border-radius: 3px;
&:focus {
outline: 0;
box-shadow: unset;
border-color: inherit;
color: inherit;
}
}
textarea {
min-height: 200px;
}
.form-check-input:checked {
background-color: $primary_color;
border-color: $primary_color;
}
.select-wrapper {
position: relative;
select {
-webkit-appearance: none;
-moz-appearance: none;
appearance: none;
cursor: pointer;
outline: 0;
&:link,
&:focus,
&:hover,
&:visited,
&:active
&:focus-visible {
outline: 0;
}
}
&::before {
font-family: "Font Awesome 6 Pro";
content: "\f107";
font-weight: 300;
color:#010101;
pointer-events: none;
position: absolute;
right: 5px;
top: 50%;
font-size: 20px;
transform: translatey(-45%);
padding-right: 5px;
z-index: 1;
}
}
/*#############################################################
## Forms
/*###########################################################*/
input{
outline: 0;
}
.wb-form {
.form-label {
display: block;
font-weight: 400;
font-size: 15px;
margin-bottom: 0;
cursor: pointer;
}
.form-check-label {
cursor: pointer;
}
.input-wrapper {
br {
display: none;
}
}
input[type="text"].form-control,
input[type="email"].form-control,
textarea.form-control {
color: #808080;
background-color: #fcfcfc;
border: 1px solid #e0e0e0;
border-radius: 3px;
padding: 12px 20px;
// height: 51px;
// line-height: 51px;
width: 100%;
font-family: $all_content_font_family;
font-style: normal;
font-weight: 500;
&:focus {
outline: 0;
box-shadow: unset;
border-color: inherit;
color: inherit;
}
}
}
/*#############################################################
## Paginatiom
/*###########################################################*/
nav.falcon-pagination {
margin-top: 40px;
.falcon-next-prev {
display: none;
}
.falcon-numbers {
display: block;
.falcon-label-container {
display: none;
}
.falcon-numbers-container {
display: block;
text-align: center;
ul.pagination {
display: inline-flex;
flex-wrap: wrap;
justify-content: center;
gap: 8px;
li.page-item {
>.page-link {
color: $all_content_colour;
padding: 7px 18px;
display: inline-block;
box-shadow: 0px 1px 1px rgba(0, 0, 0, 0.2);
&:focus {
box-shadow: none;
}
}
&.active {
>.page-link {
color: $primary_text_color;
background-color: $primary_background_color;
border-color: $primary_background_color;
}
}
}
}
}
}
}
/*#############################################################
## Badge
/*###########################################################*/
.falcon-badge-style,
.badge-1-style {
color: $primary_text_color;
border-radius: 3px;
display: inline-block;
vertical-align: middle;
padding: 8px 15px;
font-weight: 500;
font-size: max($all_content_font_size);
background-color: $primary_background_color;
}
.badge-2-style {
color: $primary_background_color;
border-radius: 0;
display: inline-block;
vertical-align: middle;
padding: 8px 15px;
font-weight: 500;
font-size: max($all_content_font_size);
background-color: #fff;
}
.icon-image-container{
background-color: $primary_background_color;
border-color: $primary_background_color;
color: $primary_text_color;
}
.wb-bg-image{
background-color: transparent;
background-repeat: no-repeat;
background-attachment: scroll;
background-position: 50% 50%;
background-size: cover;
}
/*#############################################################
## overlay
/*###########################################################*/
.banner-overlay,
.image-overlay {
position: absolute;
left: 0;
right: 0;
bottom: 0;
top: 0;
background-color: rgba(0, 0, 0, 0.3);
}
/*#############################################################
## Slick SLider
/*###########################################################*/
.slick-general {
&:not(.slick-initialized) {
display: none;
}
&.slick-initialized {
display: block;
}
&.slick-slider {
min-width: 100%;
width: 0;
.slick-track {
margin-left: unset;
margin-right: unset;
}
&.slick-add-gap {
.slick-list {
margin: 0 -10px;
.slick-slide {
// margin-right: 10px;
// margin-left: 10px;
margin: 0 10px;
}
}
}
&.slick-same-height{
@media only screen and (min-width: 767px) {
.slick-track{
display: flex;
}
.slick-slide{
height: inherit;
div[class^="wb-"]{
height: 100%;
}
}
}
}
.slick-arrow {
z-index: 99;
&.slick-prev,
&.slick-next {
position: absolute;
width: 50px;
height: 50px;
padding: 0;
cursor: pointer;
color: $primary_background_color;
outline: none;
background-color:transparent;
border: 1px solid $primary_background_color;
z-index: 2;
display: inline-flex;
justify-content: center;
align-items: center;
font-family: auto;
opacity: 1;
transition: all 0.3s ease-in-out 0s;
&:hover {
outline: none;
color: #FFF;
border: 1px solid $primary_background_color;
background-color: $primary_background_color;
}
&.slick-disabled {
opacity: 0.3;
cursor: default;
}
&::before {
font-family: 'Font Awesome 6 Pro';
font-weight: 300;
font-size: 30px;
display: inline-block;
color: inherit;
text-rendering: auto;
-webkit-font-smoothing: antialiased;
opacity: 1;
}
}
&.slick-prev {
top: 50%;
left: -70px;
&::before {
content: "\f104";
}
@media only screen and (max-width:1300px) {
left: 10px;
}
}
&.slick-next {
top: 50%;
right: -70px;
&::before {
content: "\f105";
}
@media only screen and (max-width:1300px) {
right: 10px;
}
}
}
&.slick-dotted {
position: relative;
.slick-dots {
position: relative;
bottom: auto;
display: block;
width: 100%;
padding: 0;
margin: 0;
list-style: none;
text-align: center;
margin-bottom: 10px;
li {
position: relative;
display: inline-block;
width: 6px;
height: 6px;
margin: 0 7px;
padding: 0;
cursor: pointer;
button {
font-size: 0;
line-height: 0;
display: block;
width: inherit;
height: inherit;
padding: 5px;
cursor: pointer;
color: transparent;
border: 0;
outline: none;
background-color:#CCCCCC;
border-radius: 50%;
&:before {
display: none;
}
&:hover {
outline: none;
&:before {
opacity: 1;
}
}
&:focus {
outline: none;
&:before {
opacity: 1;
}
}
}
&.slick-active {
button {
background-color: #313131;
}
}
}
}
}
}
}
.general-outside-arrow-wrapper{
position: relative;
.general-outside-arrow-container{
position: absolute;
display: inline-flex;
right: 0;
bottom: calc(100% + 10px);
gap: 10px;
.slick-arrow {
z-index: 99;
&.slick-prev,
&.slick-next {
position: relative;
width: 35px;
height: 50px;
top: auto;
padding: 0;
cursor: pointer;
color: #a0a0a0;
outline: none;
background-color: transparent;
border: 1px solid transparent;
z-index: 2;
display: inline-flex;
justify-content: center;
align-items: center;
font-family: auto;
opacity: 1;
transform: unset;
&.slick-disabled {
opacity: 0.3;
cursor: default;
}
&::before {
font-family: 'Font Awesome 6 Pro';
font-weight: 300;
font-size: 40px;
display: inline-block;
color: inherit;
text-rendering: auto;
-webkit-font-smoothing: antialiased;
opacity: 1;
// text-shadow: 0px 2px 0px #0000004a;
}
}
&.slick-prev {
left: auto;
&::before {
content: "\f104";
}
}
&.slick-next {
right: auto;
&::before {
content: "\f105";
}
}
}
}
}
// Carousel with arrow Title
.wb-carousel {
[class^="container"]> {
.row> {
[class^="col"]> {
h1,
h2,
h3,
h4,
h5,
h6 {
@media only screen and (max-width:767px) {
display: inline;
padding-right: min(65px);
white-space: break-spaces;
}
}
}
}
}
.general-outside-arrow-container{
@media only screen and (max-width:767px) {
bottom: Max(100% - 10px);
}
}
}
/*#############################################################
## slick property css
/*###########################################################*/
.slick-property-slider{
&:not(.slick-initialized):not(.slick-property-gallery):not(.slick-property-gallery-bottom) {
opacity: 0;
visibility: hidden;
}
&:not(.slick-initialized):not(.slick-property-image-gallery) {
display: none;
}
&.slick-initialized {
visibility: visible;
opacity: 1;
display: block;
}
&.slick-slider {
min-width: 100%;
width: 0;
.slick-track {
margin-left: unset;
margin-right: unset;
}
&.slick-add-gap {
.slick-list {
margin: 0 -5px;
.slick-slide {
margin-right: 5px;
margin-left: 5px;
&.slick-active.slick-current {
&.property-gallery-each {
&:before {
border-color: $primary_background_color;
}
}
}
}
}
}
}
.slick-arrow {
z-index: 10;
height: 50px;
width: 50px;
top: 50%;
transform: translate(0, -50%);
background-color: $primary_background_color;
color: #fff;
border-radius: 50%;
transition: all 0.3s;
font-size: 24px;
&.slick-control-prev {
left: 20px;
}
&.slick-control-next {
right: 20px;
}
&:hover {
opacity: 1;
}
}
}
/*#############################################################
## Modal Reset
/*###########################################################*/
.remodal, [data-remodal-id] {
display: none;
}
.remodal {
&:not(.remodal-menu) {
margin: 50px 0;
@media only screen and (max-width:767px) {
padding: 15px;
margin: 0;
}
a[data-remodal-action="close"] {
position: absolute;
right: 0;
width: 50px;
height: 50px;
line-height: 1;
display: inline-flex;
flex-wrap: nowrap;
justify-content: center;
align-items: center;
top: -50px;
color: #FFF;
z-index: 10;
@media only screen and (max-width:767px) {
top: 0;
color: $all_content_colour;
}
}
}
}
.remodal-wrapper.remodal-appraisal{
.remodal.remodal-appraisal {
max-width: 1050px;
box-shadow: unset;
border: 0;
outline: none;
}
}
.remodal-overlay.remodal-menu {
background: rgba(0, 0, 0, 0.8);
z-index: 99991;
}
/* Position Vertically */
.remodal.remodal-menu:after,
.remodal-wrapper.remodal-menu:after {
// Container: Vertical Align
vertical-align:middle;
}
/* Position Horizontally */
.remodal-wrapper.remodal-menu {
// Container: Horizontal Align
text-align:center;
padding: 0;
z-index: 99992;
overflow-x: hidden;
/* Remodal Container */
.remodal.remodal-menu {
margin: 0;
padding: 0;
max-width: 100%;
background-color: #ffffff;
background: #ffffff;
// Container:width and Height
.menu-container {
background-color: #ffffff;
text-align: left;
padding: 15px;
overflow: hidden;
// Keep the Vertical Scroll
min-height: calc(100vh + 1px);
// Position Columns
display: grid;
grid-template-rows: auto 2fr auto;
.menu-container-top {
margin-bottom: 20px;
.logo-text {
font-family: 'Montserrat';
font-style: normal;
font-weight: 800;
line-height: 22px;
color: #313131;
font-size: 24px;
}
a[data-remodal-action="close"] {
color: #313131;
display: inline-block;
text-decoration: none;
font-size: 35px;
}
}
.menu-container-middle {
padding: 15px 0;
ul.mobile-menu {
list-style-type: none;
margin: 0;
padding: 0;
display: block;
// display: inline-block;
li {
display: block;
padding: 0;
margin-bottom: 15px;
// margin-left: 5px;
a {
font-style: normal;
font-size: 22px;
line-height: 20px;
display: flex;
align-items: center;
text-transform: capitalize;
color: #313131;
padding: 8px 0;
}
&:last-child {
margin-bottom: 0;
// margin-left: 0;
}
&.menu-parent-wrapper {
&:hover {
a.menu-parent {
background-color: #FFF;
color: #313131;
}
}
a.menu-parent {
cursor: pointer;
position: relative;
.toggle-menu {
display: inline-block;
// padding: 3px 0 0;
position: absolute;
right: 0;
transform: translatey(2px);
// top: 50%;
// transform: translatey(-50%);
&::after {
font-family: 'Font Awesome 6 Pro';
content: "\f107";
color: inherit;
font-size: 30px;
font-weight: 400;
display: inline-block;
text-rendering: auto;
-webkit-font-smoothing: antialiased;
transition: all 0.3s ease-in-out 0s;
}
&.active-toggle-menu {
&::after {
transform: scaleY(-1);
}
}
}
}
.menu-child-wrapper {
background-color: #FFF;
display: none;
ul {
list-style-type: none;
margin: 0;
padding: 0;
display: block;
li {
display: block;
padding: 0;
margin: 0;
a {
font-size: 22px;
text-transform: capitalize;
color: #313131;
padding: 10px 24px;
display: block;
text-align: left;
transition: all 0.3s ease-in-out 0s;
&:hover {
background-color: #FFF;
}
}
}
}
}
}
}
}
}
.menu-container-bottom {
margin-top: 20px;
@media (pointer:coarse) {
margin-bottom: 50px;
}
.social-media-container {
display: inline-flex;
flex-wrap: nowrap;
justify-content: center;
align-items: center;
> a {
margin-right: 25px;
font-size: 30px;
color: #313131;
&:last-child {
margin-right: 0;
}
}
}
}
}
}
}
/*#############################################################
## Tabs
/*###########################################################*/
.tabs-blocks {
@media (max-width: 767px) {
display: none;
}
>a {
display: inline-flex;
width: 36px;
height: 36px;
font-size: 20px;
transition: all 0.3s;
color: $mediumGray;
background-color: #f0f0f0;
&.active {
background-color: $button_1_background_color;
color: $button_1_text_color;
}
@media (max-width: 991px) {
&[data-type="gridThree"] {
display: none;
}
}
}
.nav-pills {
border-bottom: solid 1px #dee2e6;
li.nav-item {
margin-bottom: -1px;
}
.nav-link {
border-radius: 0;
border-top-right-radius: 8px;
border-top-left-radius: 8px;
color: $all_content_colour;
background-color: #ebebec;
padding: 8px 20px;
font-size: 16px;
line-height: 24px; /* 24px */
&.active,&.active-tab {
color: #fff;
background-color: $primary_background_color;
}
}
}
.tab-content {
.label {
font-weight: 600;
display: flex;
align-items: center;
gap: 7px;
.dot {
width: 13px;
height: 13px;
background-color: $primary_background_color;
border-radius: 50%;
display: inline-block;
}
}
.price-percentage {
font-size: 28px;
font-weight: 600;
line-height: 33.6px;
margin: 10px 0;
display: flex;
gap: 30px;
}
.unit .label .dot {
background-color: $primary_background_color;
}
}
}
/*#############################################################
## Bootstrap Grid/Column
/*###########################################################*/
.wb-column {
container-type: inline-size;
.container-xxl:not(.layout-exclude){
padding-left: 0;
padding-right: 0;
}
}
@container (max-width: 767px) {
.wb-column div[class^="col-"]:not(.layout-exclude) {
width: 100%;
}
}
/*#############################################################
## CMA
/*###########################################################*/
.pa-each-card {
border: 1px solid #CCCCCC;
background-color: #FFF;
border-radius: 3px;
transition: background-color 0.2s ease-in-out 0s;
&.card-activated {
background-color: $primary_background_color;
.pa-form-icons {
color: #FFF;
}
h3 {
color: #FFF;
}
}
.pa-form-icons {
color: #636363;
font-size: 60px;
margin-bottom: 20px;
}
h3 {
color: #636363;
}
&:hover {
background-color: $primary_background_color;
.pa-form-icons {
color: #FFF;
}
h3 {
color: #FFF;
}
}
}
.ap-step-2 {
display: none;
position: relative;
.loading-process {
display: none;
&.loading-enable {
background-color: rgb(255, 255, 255, 0.7);
position: absolute;
left: -35px;
right: -35px;
bottom: -35px;
top: -35px;
z-index: 5;
display: flex;
flex-wrap: nowrap;
justify-content: center;
align-items: center;
.loading-process-container {
width: 80%;
margin: 0 auto;
text-align: center;
.loading-process-rotating {
width: 100%;
margin-bottom: 20px;
position: relative;
&::after {
font-family: 'Font Awesome 6 Pro';
content: "\f3f4";
color: inherit;
font-size: 137px;
font-weight: 400;
display: inline-block;
text-rendering: auto;
-webkit-font-smoothing: antialiased;
-webkit-animation: fa-spin 1s linear infinite;
animation: fa-spin 1s linear infinite;
line-height: 1;
}
}
}
p {
font-size: 21px;
}
}
}
}
///////// Code commented as backend will implement this in future
// .ellipsify-x {
// overflow: hidden;
// text-overflow: ellipsis;
// white-space: nowrap;
// }
// &.wb-carousel{
// .ellipsify-x {
// @media only screen and (max-width:767px) {
// max-width: calc(100% - 100px);
// }
// }
// }
// .ellipsify-y {
// display: -webkit-box;
// overflow: hidden;
// -webkit-box-orient: vertical;
// &.two-line {
// -webkit-line-clamp: 2;
// }
// &.three-line {
// -webkit-line-clamp: 3;
// }
// }
// Map Layout
.right-column {
height: 100vh;
overflow-y: scroll;
@media only screen and (max-width: 998px) {
height: auto;
overflow-y: auto;
}
}
.page-type-blog {
table {
width: 100%;
border-spacing: 0;
}
table tbody tr:nth-child(2n+1) {
background-color: rgba(144, 144, 144, .075);
}
table td {
padding: 0.75em;
}
table tbody tr {
border: 1px solid rgba(144, 144, 144, .25);
border-left: 0;
border-right: 0;
}
}
.wb-form {
small {
a {
color: $primary_color;
&:hover{
color: #000;
}
}
}
}
.d-none {
&[data-gjs-type] {
display:block !important;
}
}
//Modify block if it is in the page editor
[data-gjs-type] {
.show-in-editor{
min-height: 50px;
}
}
//Add to calendar remodal
.remodal{
.add-to-calendar{
text-align: left;
.remodal-top{
.close{
position: absolute;
top: 5px;
right: 5px;
color: #000;
font-size: 25px;
}
}
.buttons-wrapper{
a{
font-size: 1.1rem;
font-weight: 500;
color: #000;
}
}
}
}
// Listings embeddables style - card 1
.wb-rifk5vhettjc {
.each-property-card {
box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.1);
@media (min-width: 768px) {
&.list-layout {
.each-property-card-content {
display: flex;
.each-property-label-position{
display: none;
}
.each-property-label-position-md{
display: block;
}
.property-content-image-container {
flex: 1.6;
max-width: 300px;
z-index: 99;
@media(max-width:1239px) {
flex: 1.5;
}
@media(max-width:991px) {
flex: 2;
}
.property-content-image {
border-radius: 3px 0px 0 3px;
&::before {
padding-top: 66.22%;
}
}
}
.property-card-details {
flex: 4;
display: flex;
flex-direction: column;
justify-content: space-evenly;
@media(max-width:1239px) {
flex: 3;
}
@media(max-width:991px) {
flex: 3;
}
.property-content-body {
.property-title {
padding: 18px 160px 20px 35px;
min-height: 116px;
.button-2-style {
display: block;
}
}
}
}
}
}
}
.each-property-card-content {
position: relative;
.property-content-image-container {
*{
color: #fff;
}
.slick-track {
display: flex;
}
.slick-arrow {
opacity: 0;
}
.property-content-image {
border-radius: 3px 3px 0 0;
}
.price-view {
padding: 25px 12px;
font-size: 23px;
}
}
&:hover {
z-index: 99;
.slick-arrow {
opacity: 1;
}
}
.each-property-label-position,.each-property-label-position-md{
position: absolute;
top: 15px;
right: 15px;
z-index: 100;
}
.each-property-label-position-md{
display: none;
}
.property-content-body {
.property-title {
.button-2-style {
top: 20px;
right: 35px;
transition: all 0.25s;
display: none;
}
a {
&::after {
// useful too on Buttons with hovered parent
position: absolute;
top: 0;
right: 0;
bottom: 0;
left: 0;
z-index: 20;
content: "";
}
}
}
.content-details {
.summary-tag{
display: none;
}
}
}
}
.auction-time, .inspection-time {
position: absolute;
left: 15px;
top: 15px;
.badge-2-style {
color:$all_content_colour;
}
}
}
}
// Listings embeddables style - card 2
.wb-nnc1cayh90bh {
*{
color: #fff;
}
.listing-img-container {
.listing-item {
@media only screen and (max-width: 768px) {
--bs-aspect-ratio: 100%;
}
.each-property-label-position{
position: absolute;
right: 15px;
top: 15px;
z-index: 10;
left: auto;
bottom: auto;
width: auto;
height: auto;
}
}
.listing-img-content {
z-index: 2;
bottom: 0;
left: 0;
right: auto;
top: auto;
height: auto;
p {
font-size: 20px;
}
.listing-compact-title {
// padding: 23px 26px;
}
}
.listing-hidden-content {
width: 100%;
max-height: 0;
transition: all .8s linear;
font-size: 14px;
// padding: 0 0 0 25px;
@media (max-width: 991px) {
max-height: auto;
}
.summary-details {
padding: 10px 0;
> div {
// padding: 10px 0;
.summary-icon{
// display: none;
filter: brightness(10);
}
.summary-label{
.summary-tag{
display: none;
}
// display: flex;
// flex-direction: column-reverse;
// .summary-tag,.summary-unit{
// display: block;
// }
}
}
}
}
&:after {
position: absolute;
height: 100%;
width: 100%;
display: block;
top: 0;
content: "";
z-index: 0;
background-color: rgba(0, 0, 0, 0.3);
transition: opacity .6s;
}
&:hover {
.listing-hidden-content {
max-height: 200px;
@media (max-width: 991px) {
max-height: auto;
}
}
}
}
}
// Listings embeddables style - card 3
.wb-kf0zujfhql6p {
height: 100%;
.each-property-card {
box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.1);
height: 100%;
.each-property-card-content {
position: relative;
.property-content-image-container {
*{
color: #fff;
}
.property-content-image {
border-radius: 3px 3px 0 0;
}
.price-view {
padding: 25px 30px;
font-size: 23px;
z-index: 2;
}
}
.each-property-label-position{
position: absolute;
top: 15px;
right: 15px;
z-index: 9;
}
.property-content-body {
.property-title {
.button-2-style {
top: 50%;
right: 35px;
transform: translate(0, -51%) scale(1);
transition: all 0.25s;
display: none;
}
}
.content-details {
.summary-tag{
display: none;
}
}
}
}
}
}
// summary details
.wb-3qomvkfpwl8i {
.summary-details {
>div {
margin: 0 10px 0 0;
padding: 5px 0;
&:last-child {
margin-right: 0;
}
.summary-icon {
height: 15px;
width: 15px;
display: inline-block;
vertical-align: middle;
margin-right: 3px;
}
.summary-label {
line-height: 15px;
vertical-align: middle;
}
}
}
}
/*#############################################################
## Advanced search filter remodal
/*###########################################################*/
.remodal-wrapper.remodal-advanced-search {
padding: 0 !important;
}
.remodal.remodal-advanced-search {
max-width: unset !important;
padding: 80px 0 120px;
margin: 0;
}
.remodal-advanced-search {
position: relative;//This might be removed
height: 100vh;
padding-top: 80px;
.section-top, .section-body, .section-footer{
> .container{
max-width: 1000px;
}
}
.section-top{
position: absolute;
width: 100%;
top: 0;
left: 0;
background: $whiteSmoke;
height: 80px;
.container, .row{
height: 100%;
}
.general-button {
min-width: unset;
}
a[data-remodal-action="close"] {
position: relative !important;
display: block !important;
top: auto !important;
color: $primary_color !important;
&:hover {
background-color: $primary_color;
color:#fff !important;
}
}
@media (max-width: 576px) {
.general-button {
padding: 0 15px;
}
}
}
.section-body {
height: calc(100vh - 200px);
overflow-y: auto;
text-align:left;
}
.section-footer {
position: absolute;
width: 100%;
bottom: 0;
left: 0;
background: $whiteSmoke;
height: 120px;
.container, .row{
height: 100%;
}
.general-button {
height: 64px;
line-height: 62px;
min-width: 300px;
}
}
.state-buttons {
width: 100%;
ul{
list-style-type: none;
padding: 0;
margin: 0;
li{
display: inline-block;
float: left;
width: 16.6%;
a{
display: block;
width: 100%;
text-align: center;
border: 1px solid $primary_color;
border-style: solid none solid solid;
padding: 12px;
font-size: 16px;
&.active {
background: $primary_color !important;
color: $white_color !important;
}
&:hover {
background: $primary_color !important;
color: $white_color !important;
}
}
&:last-child a{
border-style: solid solid solid solid;
border-radius: 0 4px 4px 0;
}
&:first-child a{
border-radius: 4px 0 0 4px;
}
}
}
&.three-columns {
ul{
li{
width: 33.33%;
}
}
}
&.big-style {
ul{
li{
a {
padding: 15px;
}
}
}
}
&.highlight-style {
ul{
li{
a {
background: $steelGray;
}
}
}
}
}
.keyword-textbox {
width: 100%;
padding: 15px 20px;
outline: none !important;
}
.select-wrapper {
select {
height: 56px;
line-height: 56px;
width: 100%;
padding: 0 20px;
}
}
}
@media only screen and (max-width: 767px) {
.wb-h1jslczlbalj.remodal:not(.remodal-menu) a[data-remodal-action="close"] {
top: 0;
color: $primary_color;
right: 0;
position: relative;
}
}
//Select Style
.propertylisting-form {
textarea.select2-search__field {
min-height: 43px;
}
span.select2.select2-container.select2-container--default.select2-container--below, span.select2.select2-container.select2-container--default {
width: 100% !important;
}
.select2-container--default .select2-selection--multiple .select2-selection__choice__display {
color: $all_content_colour;
font-weight: 500;
font-size: 0.88rem;
}
span.select2-container.select2-container--default.select2-container--open {
z-index: 999999 !important;
}
.select2-container--default .select2-selection--multiple, .select2-container--default.select2-container--focus .select2-selection--multiple {
border: solid 1px $all_content_colour !important;
}
.select2-container--default .select2-selection--multiple .select2-selection__choice {
padding-left: 0 !important;
background: linear-gradient(0deg, rgba(154, 173, 187, 0.2) 0%, rgba(154, 173, 187, 0.2) 100%), #F3F5F7 !important;
border: 1px solid transparent !important;
border-radius: 20px !important;
overflow: hidden !important;
padding: 6px 10px !important;
padding-right: 30px !important;
margin-bottom: 0;
margin-top: 0 !important;
max-width: 90% !important;
}
.select2-container--default .select2-selection--multiple .select2-selection__choice__remove {
top: 50% !important;
right: 5px !important;
left: auto !important;
transform: translateY(-50%) scale(1.7) !important;
border-right: 1px solid transparent !important;
}
.select2-container--default .select2-selection--multiple .select2-selection__choice__remove span {
font-size: 0;
top: -50%;
right: 3px;
transform: translateY(-50%);
position: absolute;
}
.select2-container--default .select2-selection--multiple .select2-selection__choice__remove span::after {
content: "";
background-image: url("https://resources.wbcms.net/uploads/11/1d88f9a4-b3e8-458b-b8e8-506ec879a4d8/X.svg");
background-repeat: no-repeat;
background-attachment: scroll;
background-position: center center;
background-size: cover;
background-blend-mode: unset;
width: 10px;
height: 10px;
display: inline-block;
vertical-align: middle;
margin-top: 1px;
}
.select2-container .select2-search--inline {
line-height: 43px;
}
.select2-container .select2-search--inline .select2-search__field {
color: $all_content_colour !important;
height: 30px !important;
margin-top: 0px !important;
padding: 2px 0 0 14px;
}
.select2-container .select2-search--inline .select2-search__field::placeholder {
color: $all_content_colour;
}
.select2-container .select2-search--inline .select2-search__field:-ms-input-placeholder {
color: $all_content_colour;
}
.select2-container .select2-search--inline .select2-search__field::-ms-input-placeholder {
color: $all_content_colour;
}
.select2-container .select2-search--inline .select2-search__field::-moz-placeholder {
color: $all_content_colour;
opacity: 1;
}
.select2-container .select2-search--inline .select2-search__field::-webkit-input-placeholder {
color: $all_content_colour;
}
.no-search-found {
background-color: #F3F5F7;
border-radius: 16px;
padding: 73px 15px 97px 15px;
}
@media (max-width: 992px) {
.no-search-found {
padding: 56px 15px 56px 15px;
}
}
.no-search-found h2 {
font-family: "GeneralSans";
font-size: 1.56rem;
font-weight: 600;
margin-bottom: 8px;
}
@media (max-width: 992px) {
.no-search-found h2 {
margin-bottom: 1.13rem;
}
}
.no-search-found p {
color: $all_content_colour;
font-size: 1rem;
font-style: normal;
font-weight: 400;
}
}
span.select2-container.select2-container--default.select2-container--open {
z-index: 99999999;
}"
["compiled_css"]=>
NULL
["js"]=>
string(6171) "requirejs(['jquery', 'remodal', 'cssLoader'], function($, remodal, cssLoader) {
cssLoader(['remodal', 'fontawesome']);
$('.state-buttons .select-button').on('click', function (e){
e.preventDefault();
let button_value = $(this).data('select-value');
$(this).parents('.state-buttons').find('.select-button').removeClass('active');
$(this).addClass('active');
//Set hidden field
let hidden_field = $(this).parents('.state-buttons').data('hidden-field');
if(hidden_field !== undefined && $('#' + hidden_field).length) {
$('#' + hidden_field).val(button_value);
}
});
$(".mobile-menu .menu-parent").click(function(event){
event.preventDefault();
$(this).closest(".menu-parent-wrapper").siblings(".menu-parent-wrapper").find(".toggle-menu").removeClass("active-toggle-menu");
$(this).closest(".menu-parent-wrapper").siblings(".menu-parent-wrapper").find(".menu-child-wrapper").stop().slideUp(500);
$(this).closest(".menu-parent-wrapper").find(".toggle-menu").toggleClass("active-toggle-menu");
$(this).closest(".menu-parent-wrapper").find(".menu-child-wrapper").stop().slideToggle(500);
});
$('a[href^="#"]').click(function(e) {
// Prevent the default behavior of the link
e.preventDefault();
// console.log('test');
var headerHeight = $('header').outerHeight(true);
// Get the value from the href attribute of the clicked link
var contentBlockId = $(this).attr('href').substring(1);
// Check if there exists an element with the matching data-content-block-id attribute
var $targetElement = $('[data-content-block-id="' + contentBlockId + '"]');
if ($targetElement.length) {
// Get the offset of the target element
var targetOffset = $targetElement.offset().top;
var headerPadding = 0;
// Animate scroll to the target offset
$("html, body").animate({ scrollTop: targetOffset - headerPadding }, 1000);
}
});
// Accordion script
$(document).ready(function() {
// Check if we're in GrapesJS builder context - if so, skip the animation logic
const isInBuilder = window.parent && (
window.parent.grapesjs !== undefined ||
window !== window.parent ||
document.querySelector('[data-gjs-type]') !== null
);
// Ensure first accordion is open in each accordion group on page load
const accordionGroups = document.querySelectorAll('.accordion');
accordionGroups.forEach(function(accordionGroup) {
// If in builder, just remove loading class and make visible immediately
if (isInBuilder) {
accordionGroup.classList.remove('accordion-loading');
accordionGroup.style.opacity = '1';
// Ensure first item is visible
const firstCollapse = accordionGroup.querySelector('.accordion-collapse.show');
if (firstCollapse) {
firstCollapse.style.display = '';
firstCollapse.style.visibility = 'visible';
firstCollapse.style.opacity = '1';
}
return;
}
// accordion-loading class is already added in HTML template
const accordionItems = accordionGroup.querySelectorAll('.accordion-item');
if (accordionItems.length === 0) {
accordionGroup.style.opacity = '1';
accordionGroup.classList.remove('accordion-loading');
return;
}
// ALWAYS get the first item in DOM order as the default first
const firstItem = accordionItems[0];
const firstCollapse = firstItem.querySelector('.accordion-collapse');
const firstButton = firstItem.querySelector('.accordion-button');
if (!firstCollapse || !firstButton) {
accordionGroup.style.opacity = '1';
accordionGroup.classList.remove('accordion-loading');
return;
}
// Disable all transitions to prevent any animation flash
const allCollapses = accordionGroup.querySelectorAll('.accordion-collapse');
allCollapses.forEach(function(collapse) {
collapse.style.transition = 'none';
});
// Close ALL accordions first (no exceptions)
accordionItems.forEach(function(item) {
const button = item.querySelector('.accordion-button');
const collapse = item.querySelector('.accordion-collapse');
if (button && collapse) {
button.classList.add('collapsed');
button.setAttribute('aria-expanded', 'false');
collapse.classList.remove('show');
collapse.style.height = '';
collapse.style.display = '';
}
});
// Now open ONLY the first accordion
firstButton.classList.remove('collapsed');
firstButton.setAttribute('aria-expanded', 'true');
firstCollapse.classList.add('show');
// Remove loading class to allow accordions to be visible
accordionGroup.classList.remove('accordion-loading');
// Re-enable transitions and fade in
setTimeout(function() {
allCollapses.forEach(function(collapse) {
collapse.style.transition = '';
});
// Fade in accordion smoothly
accordionGroup.style.opacity = '1';
}, 0);
});
});
});"
["created_at"]=>
string(19) "2023-12-11 21:41:04"
["updated_at"]=>
string(19) "2026-07-14 06:13:15"
}
["original":protected]=>
array(9) {
["id"]=>
int(7)
["uuid"]=>
string(36) "472d0445-2fe2-4118-a6d9-c645b3dd633f"
["name"]=>
string(4) "Nova"
["variables_scss"]=>
NULL
["scss"]=>
string(66172) "/*#############################################################
## Reset
/*###########################################################*/
html {
// Disable the Smooth Scroll Behavior
scroll-behavior: auto !important;
}
.site-main {
min-height: 70vh;
}
a {
text-decoration: none;
}
/*#############################################################
## Headers Tags
/*###########################################################*/
.h1,
h1 {
font-size: $h1_font_size;
}
.h2,
h2 {
font-size: $h2_font_size;
}
.h3,
h3 {
font-size: $h3_font_size;
}
.h4,
h4 {
font-size: $h4_font_size;
}
.h5,
h5 {
font-size: $h4_font_size;
}
.h6,
h6 {
font-size: $h4_font_size;
}
.h1,
h1,
.h2,
h2,
.h3,
h3,
.h4,
h4,
.h5,
h5,
.h6,
h6 {
font-family: $all_header_font_family;
color: $all_header_font_color;
font-weight: $all_header_font_weight;
margin-bottom: $all_header_margin_bottom;
&:last-child {
margin-bottom: 0;
}
a {
color: inherit;
&:link,
&:focus,
&:hover,
&:visited,
&:active {
color: inherit;
}
}
}
/*#############################################################
## Content
/*###########################################################*/
body {
font-family: $all_content_font_family;
font-weight: $all_content_font_weight;
font-size: $all_content_font_size;
color: $all_content_colour;
p,
ul {
&:last-child {
margin-bottom: 0;
}
}
}
li {
a {
color: inherit;
}
}
/*#############################################################
## Special Class: Icons
/*###########################################################*/
.text-with-icon {
display: inline-block;
padding-left: 25px;
position: relative;
i[class^="fa-"] {
position: absolute;
left: 0;
top: 5px;
}
&.text-with-icon-large{
padding-left: 35px;
i[class^="fa-"] {
top: 10px;
font-size: 24px;
color: $primary_background_color;
@media only screen and (max-width:992px) {
font-size: 20px;
}
}
a {
color: $primary_background_color;
&:hover {
color: $primary_color;
}
}
}
}
.falcon-icons {
color: $primary_background_color;
}
/*#############################################################
## Block default Padding and Color
/*###########################################################*/
body,
[data-layout-id],
[data-content-block-id] {
background-color: $section_default_background_color;
}
[data-content-block-id] {
background-color: $section_default_background_color;
padding: $section_default_padding_top_and_bottom 0;
&.section-1-style {
background-color: $section_1_background_color;
}
// &.section-2-style {
// background-color: $primary_background_color;
// }
// &.section-3-style {
// background-color: $section_3_background_color;
// }
}
.content-container{
background-color: $section_default_background_color;
border: 1px solid #f7f7f7;
border-radius: 0 3px 3px 3px;
box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.12);
padding: 15px;
height: 100%;
&.dark-content-container{
background-color: $primary_background_color;
border: 1px solid $primary_background_color;
h1,h2,h3,p,li{
color: $primary_text_color;
}
}
}
.address-container{
h2:after {
background-color: $primary_color;
}
}
/*#############################################################
## Website Header
/*###########################################################*/
.site-header-bar-style {
background-color: $site_header_bg_color;
}
.site-header-style-1{
box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.12);
background-color: #fff;
border-top: 1px solid rgba(255, 255, 255, 0.1);
.primary-menu-container{
>li{
a.mainmenu-active{
background-color: $site_header_bg_color;
color: $site_header_text_hover_color;
border-radius: 4px;
}
}
}
}
.falcon-burger-style{
background-color: #eee;
> div{
background-color: $site_header_text_color;
&:nth-of-type(2) {
margin: 6px 0;
}
}
}
/*-------------------------------
# Breakpoints
--------------------------------*/
.menu-for-desktop {
display: none;
@media only screen and (min-width: $site_header_menu_breakpoints) {
display: block;
}
}
.menu-for-mobile {
display: block;
@media only screen and (min-width: $site_header_menu_breakpoints) {
display: none;
}
}
/*-------------------------------
# Header Menu
--------------------------------*/
.desktop-menu{
@media only screen and (max-width:1199px) {
hr{
border-color: #e0e0e0;
}
}
>li{
.primary-menu-link{
color: $site_header_text_color;
}
&:hover{
background-color: $site_header_bg_color;
a{
color: $site_header_text_hover_color;
}
.primary-submenu-container{
ul{
>li{
a{
color: $site_header_text_color;
}
}
}
}
}
}
.primary-submenu-container{
box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.12);
ul{
>li{
border-bottom: 1px solid #e9e9e9;
&:hover{
background-color: #f2f2f2;
}
.submenu-active{
background-color: #f2f2f2;
}
}
}
}
}
/*#############################################################
## Website Footer
/*###########################################################*/
footer{
.footer-main{
background-color: $site_footer_bg_color;
box-shadow: inset 0 20px 50px -20px rgba(0, 0, 0, 0.06);
* {
color: $site_footer_text_color;
a:hover{
color: $site_footer_text_hover_color;
span {
color: $site_footer_text_hover_color;
}
}
}
.footer-copyright{
border-top: 1px solid rgba(255,255,255, 0.1);
}
.social-icons-style-2 {
a, i {
&:hover {
color: $site_footer_text_hover_color;
}
}
}
}
.footer-banner{
background-color: $primary_background_color;
}
}
/*#############################################################
## Buttons
/*###########################################################*/
/*-------------------------------
# Button Container
--------------------------------*/
.buttons-container {
position: relative;
left: -5px;
width: calc(100% + 5px);
a {
display: inline-block;
margin-right: 5px;
margin-left: 5px;
margin-bottom: 10px;
transition: unset;
}
}
/*-------------------------------
# Button 1 Style
--------------------------------*/
%custom-button-all-default {
border-radius: 3px;
border: 0;
font-weight: 300;
line-height: 1.2em;
padding: 12px 15px;
position: relative;
transition: all 0.3s ease-in-out 0s;
text-align: center;
display: inline-flex;
align-items: center;
justify-content: center;
outline: none;
box-shadow: none;
}
%custom-button-1-style-default {
background-color: $button_1_background_color;
color: $button_1_text_color;
font-family: $button_1_font_family;
}
%custom-button-1-invert-style-default {
background-color: $button_1_text_color;
color: $button_1_background_color;
font-family: $button_1_font_family;
}
%custom-button-2-style-default {
border: 1px solid $button_2_border_color;
color: $button_2_text_color;
background-color: $button_2_background_color;
}
%custom-button-1-style-hover {
background-color: darken($button_1_background_color, 0);
color: $button_1_text_color;
}
%custom-button-1-invert-style-hover {
background-color: darken($button_1_text_color, 10%);
color: $button_1_background_color;
}
%custom-button-2-style-hover {
color: #fff;
background-color: $primary_background_color;
border: 1px solid $primary_background_color;
}
%custom-button-white-style-default {
background-color: $button_white_background_color;
border-color: $button_white_border_color;
color: $button_white_text_color;
border-radius: $button_white_border_radius;
font-family: $button_white_font_family;
}
%custom-button-white-style-hover {
background-color: darken($button_white_background_color, 10%);
border-color: darken($button_white_border_color, 10%);
color: $button_white_text_color;
}
.btn {
@extend %custom-button-all-default;
&.btn-small {
padding: 8px 15px;
}
&.btn-medium {
padding: 12px 15px;
}
&.btn-large {
padding: 15px 20px;
}
.disabled,
&:disabled {
opacity: 1;
pointer-events: auto;
cursor: not-allowed;
}
&.button-1-style {
@extend %custom-button-1-style-default;
&::before {
background-color: #fff;
position: absolute;
width: 100%;
height: 100%;
content: '';
display: block;
left: 0;
top: 0;
opacity: 0;
transition: all 0.2s;
}
&:link,
&:focus,
&:visited,
&:active {
@extend %custom-button-1-style-default;
}
&:not(:disabled):hover {
@extend %custom-button-1-style-hover;
&::before {
opacity: 0.1;
}
}
}
&.button-1-invert-style {
@extend %custom-button-1-invert-style-default;
&:link,
&:focus,
&:visited,
&:active {
@extend %custom-button-1-invert-style-default;
}
&:not(:disabled):hover {
@extend %custom-button-1-invert-style-hover;
&::before {
opacity: 0.1;
}
}
}
&.button-2-style {
@extend %custom-button-2-style-default;
&:link,
&:focus,
&:visited,
&:active {
@extend %custom-button-2-style-default;
}
&:hover{
@extend %custom-button-2-style-hover;
}
}
&.button-white-style {
@extend %custom-button-white-style-default;
&:link,
&:focus,
&:visited,
&:active {
@extend %custom-button-white-style-default;
}
&:hover {
@extend %custom-button-white-style-hover;
}
&.btn-active {
color: $primary_background_color;
border: 1px solid $primary_background_color;
}
}
}
/*#############################################################
Property
/*###########################################################*/
.each-card-hover-style{
position: relative;
display: block;
z-index: 99;
.image-overlay{
opacity: 0;
z-index: 1;
background-color: rgba($primary_background_color, 0.3);
transition: opacity 0.4s;
}
&:hover .image-overlay {
opacity: 1;
}
}
.each-card-row-style{
background-color: #f7f7f7;
}
.primary-section-style{
background-color: $primary_background_color;
}
/*#############################################################
## Property Summary Icons
/*###########################################################*/
.summary-icon {
&.icon-bath {
background-image: url($property_icon_bathroom);
}
&.icon-bed {
background-image: url($property_icon_bedroom);
}
&.icon-car {
background-image: url($property_icon_car);
}
&.icon-land {
background-image: url($property_icon_land_area);
}
&.icon-floorplan {
background-image: url($property_icon_floor_area);
}
}
/*#############################################################
social icons
/*###########################################################*/
.social-icons-style-1 {
li {
line-height: 0;
margin: 0 0;
width: 43px;
height: 43px;
transition: all 0.2s ease-in-out;
display: flex;
align-items: center;
justify-content: center;
&::after {
content: '\f39e';
position: absolute;
font-family: 'Font Awesome 6 Brands';
transform: translateY(-43px);
transition: all 0.2s ease-in-out;
color: $primary_background_color;
opacity: 0;
z-index: 0;
}
&:hover {
&::after {
transform: translateY(0);
transition: all 0.2s ease-in-out;
opacity: 1;
}
background: #fff;
transition: all 0.2s ease-in-out;
i {
transform: translateY(45px);
transition: all 0.2s ease-in-out;
text-align: center;
color: $primary_background_color;
}
}
i {
font-size: 14px;
color: #fff;
transform: translateY(0);
transition: all 0.2s ease-in-out;
}
&:nth-child(2) {
&::after {
content: '\f16d';
}
}
&:nth-child(3) {
&::after {
content: '\f099';
}
}
&:nth-child(4) {
&::after {
content: '\f08c';
}
}
&:nth-child(5) {
&::after {
content: '\f167';
}
}
&:nth-child(6) {
&::after {
content: '\f0d2';
}
}
a {
z-index: 1;
}
}
}
.social-icons-style-2 {
a{
margin: 0 1rem 0 0;
color: #909090;
&.disabled {
color: #707070;
cursor: not-allowed;
opacity: 0.4;
}
&:hover {
i {
color: $primary_background_color;
}
}
}
}
/*#############################################################
## Block Specific
/*###########################################################*/
body {
// &.page-type-blogs - Not required
&.page-type-listing ,&.page-type-blog {
[data-content-block-id] {
padding: 20px 0;
}
}
}
.secondary-sub-text-color{
color: #909090;
}
.primary-text-color{
color: $primary_color;
}
.text-animation-style1{
color: inherit;
transition: all 0.27s;
&:hover{
color: $primary_color;
}
}
.text-animation-style2{
color: $primary_color;
transition: all 0.27s;
&:hover{
color: #333;
}
}
/*#############################################################
## blockquote
/*###########################################################*/
blockquote {
margin-left: 0;
margin-right: 0;
}
blockquote {
padding: 1.25rem 1.25rem 1.25rem calc(1.3125rem + 0.75vw);
border-left: 5px solid $primary_background_color;
background-color: #eeeeee;
}
/*#############################################################
## Repeater
/*###########################################################*/
.wb-repeater {
&.accordion {
.accordion-item {
border: 0;
.accordion-button {
border-top: solid 1px #F5F5F5;
&:not(.collapsed) {
color: #fff;
background-color: $primary_background_color;
border-top-right-radius: 0;
border-top-left-radius: 0;
border-top: 0 ;
}
&:not(.collapsed)::after {
color: $all_content_colour;
filter: brightness(100);
}
&:focus {
outline:none;
box-shadow: none;
}
}
&:first-child {
.accordion-button {
border-top: 0;
}
}
}
.accordion {
.accordion-item {
border: 0;
}
.accordion-body {
background-color: #fff;
}
}
}
}
/*#############################################################
## Image
/*###########################################################*/
img, svg{
max-width: 100%;
height: auto;
}
.images-container{
> img, >.wb-bg-image {
margin-bottom: 20px;
}
}
/*#############################################################
## Capcha Badge
/*###########################################################*/
.grecaptcha-badge { visibility: hidden; }
/*#############################################################
## Search Form
/*###########################################################*/
input[type="text"],
input[type="email"],
textarea,
select.form-control,
select {
color:#707070;
background-color: #FFF;
border: 1px solid #e0e0e0;
width: 100%;
// height: 51px;
// line-height: 51px;
padding: 12px 20px;
border-radius: 3px;
&:focus {
outline: 0;
box-shadow: unset;
border-color: inherit;
color: inherit;
}
}
textarea {
min-height: 200px;
}
.form-check-input:checked {
background-color: $primary_color;
border-color: $primary_color;
}
.select-wrapper {
position: relative;
select {
-webkit-appearance: none;
-moz-appearance: none;
appearance: none;
cursor: pointer;
outline: 0;
&:link,
&:focus,
&:hover,
&:visited,
&:active
&:focus-visible {
outline: 0;
}
}
&::before {
font-family: "Font Awesome 6 Pro";
content: "\f107";
font-weight: 300;
color:#010101;
pointer-events: none;
position: absolute;
right: 5px;
top: 50%;
font-size: 20px;
transform: translatey(-45%);
padding-right: 5px;
z-index: 1;
}
}
/*#############################################################
## Forms
/*###########################################################*/
input{
outline: 0;
}
.wb-form {
.form-label {
display: block;
font-weight: 400;
font-size: 15px;
margin-bottom: 0;
cursor: pointer;
}
.form-check-label {
cursor: pointer;
}
.input-wrapper {
br {
display: none;
}
}
input[type="text"].form-control,
input[type="email"].form-control,
textarea.form-control {
color: #808080;
background-color: #fcfcfc;
border: 1px solid #e0e0e0;
border-radius: 3px;
padding: 12px 20px;
// height: 51px;
// line-height: 51px;
width: 100%;
font-family: $all_content_font_family;
font-style: normal;
font-weight: 500;
&:focus {
outline: 0;
box-shadow: unset;
border-color: inherit;
color: inherit;
}
}
}
/*#############################################################
## Paginatiom
/*###########################################################*/
nav.falcon-pagination {
margin-top: 40px;
.falcon-next-prev {
display: none;
}
.falcon-numbers {
display: block;
.falcon-label-container {
display: none;
}
.falcon-numbers-container {
display: block;
text-align: center;
ul.pagination {
display: inline-flex;
flex-wrap: wrap;
justify-content: center;
gap: 8px;
li.page-item {
>.page-link {
color: $all_content_colour;
padding: 7px 18px;
display: inline-block;
box-shadow: 0px 1px 1px rgba(0, 0, 0, 0.2);
&:focus {
box-shadow: none;
}
}
&.active {
>.page-link {
color: $primary_text_color;
background-color: $primary_background_color;
border-color: $primary_background_color;
}
}
}
}
}
}
}
/*#############################################################
## Badge
/*###########################################################*/
.falcon-badge-style,
.badge-1-style {
color: $primary_text_color;
border-radius: 3px;
display: inline-block;
vertical-align: middle;
padding: 8px 15px;
font-weight: 500;
font-size: max($all_content_font_size);
background-color: $primary_background_color;
}
.badge-2-style {
color: $primary_background_color;
border-radius: 0;
display: inline-block;
vertical-align: middle;
padding: 8px 15px;
font-weight: 500;
font-size: max($all_content_font_size);
background-color: #fff;
}
.icon-image-container{
background-color: $primary_background_color;
border-color: $primary_background_color;
color: $primary_text_color;
}
.wb-bg-image{
background-color: transparent;
background-repeat: no-repeat;
background-attachment: scroll;
background-position: 50% 50%;
background-size: cover;
}
/*#############################################################
## overlay
/*###########################################################*/
.banner-overlay,
.image-overlay {
position: absolute;
left: 0;
right: 0;
bottom: 0;
top: 0;
background-color: rgba(0, 0, 0, 0.3);
}
/*#############################################################
## Slick SLider
/*###########################################################*/
.slick-general {
&:not(.slick-initialized) {
display: none;
}
&.slick-initialized {
display: block;
}
&.slick-slider {
min-width: 100%;
width: 0;
.slick-track {
margin-left: unset;
margin-right: unset;
}
&.slick-add-gap {
.slick-list {
margin: 0 -10px;
.slick-slide {
// margin-right: 10px;
// margin-left: 10px;
margin: 0 10px;
}
}
}
&.slick-same-height{
@media only screen and (min-width: 767px) {
.slick-track{
display: flex;
}
.slick-slide{
height: inherit;
div[class^="wb-"]{
height: 100%;
}
}
}
}
.slick-arrow {
z-index: 99;
&.slick-prev,
&.slick-next {
position: absolute;
width: 50px;
height: 50px;
padding: 0;
cursor: pointer;
color: $primary_background_color;
outline: none;
background-color:transparent;
border: 1px solid $primary_background_color;
z-index: 2;
display: inline-flex;
justify-content: center;
align-items: center;
font-family: auto;
opacity: 1;
transition: all 0.3s ease-in-out 0s;
&:hover {
outline: none;
color: #FFF;
border: 1px solid $primary_background_color;
background-color: $primary_background_color;
}
&.slick-disabled {
opacity: 0.3;
cursor: default;
}
&::before {
font-family: 'Font Awesome 6 Pro';
font-weight: 300;
font-size: 30px;
display: inline-block;
color: inherit;
text-rendering: auto;
-webkit-font-smoothing: antialiased;
opacity: 1;
}
}
&.slick-prev {
top: 50%;
left: -70px;
&::before {
content: "\f104";
}
@media only screen and (max-width:1300px) {
left: 10px;
}
}
&.slick-next {
top: 50%;
right: -70px;
&::before {
content: "\f105";
}
@media only screen and (max-width:1300px) {
right: 10px;
}
}
}
&.slick-dotted {
position: relative;
.slick-dots {
position: relative;
bottom: auto;
display: block;
width: 100%;
padding: 0;
margin: 0;
list-style: none;
text-align: center;
margin-bottom: 10px;
li {
position: relative;
display: inline-block;
width: 6px;
height: 6px;
margin: 0 7px;
padding: 0;
cursor: pointer;
button {
font-size: 0;
line-height: 0;
display: block;
width: inherit;
height: inherit;
padding: 5px;
cursor: pointer;
color: transparent;
border: 0;
outline: none;
background-color:#CCCCCC;
border-radius: 50%;
&:before {
display: none;
}
&:hover {
outline: none;
&:before {
opacity: 1;
}
}
&:focus {
outline: none;
&:before {
opacity: 1;
}
}
}
&.slick-active {
button {
background-color: #313131;
}
}
}
}
}
}
}
.general-outside-arrow-wrapper{
position: relative;
.general-outside-arrow-container{
position: absolute;
display: inline-flex;
right: 0;
bottom: calc(100% + 10px);
gap: 10px;
.slick-arrow {
z-index: 99;
&.slick-prev,
&.slick-next {
position: relative;
width: 35px;
height: 50px;
top: auto;
padding: 0;
cursor: pointer;
color: #a0a0a0;
outline: none;
background-color: transparent;
border: 1px solid transparent;
z-index: 2;
display: inline-flex;
justify-content: center;
align-items: center;
font-family: auto;
opacity: 1;
transform: unset;
&.slick-disabled {
opacity: 0.3;
cursor: default;
}
&::before {
font-family: 'Font Awesome 6 Pro';
font-weight: 300;
font-size: 40px;
display: inline-block;
color: inherit;
text-rendering: auto;
-webkit-font-smoothing: antialiased;
opacity: 1;
// text-shadow: 0px 2px 0px #0000004a;
}
}
&.slick-prev {
left: auto;
&::before {
content: "\f104";
}
}
&.slick-next {
right: auto;
&::before {
content: "\f105";
}
}
}
}
}
// Carousel with arrow Title
.wb-carousel {
[class^="container"]> {
.row> {
[class^="col"]> {
h1,
h2,
h3,
h4,
h5,
h6 {
@media only screen and (max-width:767px) {
display: inline;
padding-right: min(65px);
white-space: break-spaces;
}
}
}
}
}
.general-outside-arrow-container{
@media only screen and (max-width:767px) {
bottom: Max(100% - 10px);
}
}
}
/*#############################################################
## slick property css
/*###########################################################*/
.slick-property-slider{
&:not(.slick-initialized):not(.slick-property-gallery):not(.slick-property-gallery-bottom) {
opacity: 0;
visibility: hidden;
}
&:not(.slick-initialized):not(.slick-property-image-gallery) {
display: none;
}
&.slick-initialized {
visibility: visible;
opacity: 1;
display: block;
}
&.slick-slider {
min-width: 100%;
width: 0;
.slick-track {
margin-left: unset;
margin-right: unset;
}
&.slick-add-gap {
.slick-list {
margin: 0 -5px;
.slick-slide {
margin-right: 5px;
margin-left: 5px;
&.slick-active.slick-current {
&.property-gallery-each {
&:before {
border-color: $primary_background_color;
}
}
}
}
}
}
}
.slick-arrow {
z-index: 10;
height: 50px;
width: 50px;
top: 50%;
transform: translate(0, -50%);
background-color: $primary_background_color;
color: #fff;
border-radius: 50%;
transition: all 0.3s;
font-size: 24px;
&.slick-control-prev {
left: 20px;
}
&.slick-control-next {
right: 20px;
}
&:hover {
opacity: 1;
}
}
}
/*#############################################################
## Modal Reset
/*###########################################################*/
.remodal, [data-remodal-id] {
display: none;
}
.remodal {
&:not(.remodal-menu) {
margin: 50px 0;
@media only screen and (max-width:767px) {
padding: 15px;
margin: 0;
}
a[data-remodal-action="close"] {
position: absolute;
right: 0;
width: 50px;
height: 50px;
line-height: 1;
display: inline-flex;
flex-wrap: nowrap;
justify-content: center;
align-items: center;
top: -50px;
color: #FFF;
z-index: 10;
@media only screen and (max-width:767px) {
top: 0;
color: $all_content_colour;
}
}
}
}
.remodal-wrapper.remodal-appraisal{
.remodal.remodal-appraisal {
max-width: 1050px;
box-shadow: unset;
border: 0;
outline: none;
}
}
.remodal-overlay.remodal-menu {
background: rgba(0, 0, 0, 0.8);
z-index: 99991;
}
/* Position Vertically */
.remodal.remodal-menu:after,
.remodal-wrapper.remodal-menu:after {
// Container: Vertical Align
vertical-align:middle;
}
/* Position Horizontally */
.remodal-wrapper.remodal-menu {
// Container: Horizontal Align
text-align:center;
padding: 0;
z-index: 99992;
overflow-x: hidden;
/* Remodal Container */
.remodal.remodal-menu {
margin: 0;
padding: 0;
max-width: 100%;
background-color: #ffffff;
background: #ffffff;
// Container:width and Height
.menu-container {
background-color: #ffffff;
text-align: left;
padding: 15px;
overflow: hidden;
// Keep the Vertical Scroll
min-height: calc(100vh + 1px);
// Position Columns
display: grid;
grid-template-rows: auto 2fr auto;
.menu-container-top {
margin-bottom: 20px;
.logo-text {
font-family: 'Montserrat';
font-style: normal;
font-weight: 800;
line-height: 22px;
color: #313131;
font-size: 24px;
}
a[data-remodal-action="close"] {
color: #313131;
display: inline-block;
text-decoration: none;
font-size: 35px;
}
}
.menu-container-middle {
padding: 15px 0;
ul.mobile-menu {
list-style-type: none;
margin: 0;
padding: 0;
display: block;
// display: inline-block;
li {
display: block;
padding: 0;
margin-bottom: 15px;
// margin-left: 5px;
a {
font-style: normal;
font-size: 22px;
line-height: 20px;
display: flex;
align-items: center;
text-transform: capitalize;
color: #313131;
padding: 8px 0;
}
&:last-child {
margin-bottom: 0;
// margin-left: 0;
}
&.menu-parent-wrapper {
&:hover {
a.menu-parent {
background-color: #FFF;
color: #313131;
}
}
a.menu-parent {
cursor: pointer;
position: relative;
.toggle-menu {
display: inline-block;
// padding: 3px 0 0;
position: absolute;
right: 0;
transform: translatey(2px);
// top: 50%;
// transform: translatey(-50%);
&::after {
font-family: 'Font Awesome 6 Pro';
content: "\f107";
color: inherit;
font-size: 30px;
font-weight: 400;
display: inline-block;
text-rendering: auto;
-webkit-font-smoothing: antialiased;
transition: all 0.3s ease-in-out 0s;
}
&.active-toggle-menu {
&::after {
transform: scaleY(-1);
}
}
}
}
.menu-child-wrapper {
background-color: #FFF;
display: none;
ul {
list-style-type: none;
margin: 0;
padding: 0;
display: block;
li {
display: block;
padding: 0;
margin: 0;
a {
font-size: 22px;
text-transform: capitalize;
color: #313131;
padding: 10px 24px;
display: block;
text-align: left;
transition: all 0.3s ease-in-out 0s;
&:hover {
background-color: #FFF;
}
}
}
}
}
}
}
}
}
.menu-container-bottom {
margin-top: 20px;
@media (pointer:coarse) {
margin-bottom: 50px;
}
.social-media-container {
display: inline-flex;
flex-wrap: nowrap;
justify-content: center;
align-items: center;
> a {
margin-right: 25px;
font-size: 30px;
color: #313131;
&:last-child {
margin-right: 0;
}
}
}
}
}
}
}
/*#############################################################
## Tabs
/*###########################################################*/
.tabs-blocks {
@media (max-width: 767px) {
display: none;
}
>a {
display: inline-flex;
width: 36px;
height: 36px;
font-size: 20px;
transition: all 0.3s;
color: $mediumGray;
background-color: #f0f0f0;
&.active {
background-color: $button_1_background_color;
color: $button_1_text_color;
}
@media (max-width: 991px) {
&[data-type="gridThree"] {
display: none;
}
}
}
.nav-pills {
border-bottom: solid 1px #dee2e6;
li.nav-item {
margin-bottom: -1px;
}
.nav-link {
border-radius: 0;
border-top-right-radius: 8px;
border-top-left-radius: 8px;
color: $all_content_colour;
background-color: #ebebec;
padding: 8px 20px;
font-size: 16px;
line-height: 24px; /* 24px */
&.active,&.active-tab {
color: #fff;
background-color: $primary_background_color;
}
}
}
.tab-content {
.label {
font-weight: 600;
display: flex;
align-items: center;
gap: 7px;
.dot {
width: 13px;
height: 13px;
background-color: $primary_background_color;
border-radius: 50%;
display: inline-block;
}
}
.price-percentage {
font-size: 28px;
font-weight: 600;
line-height: 33.6px;
margin: 10px 0;
display: flex;
gap: 30px;
}
.unit .label .dot {
background-color: $primary_background_color;
}
}
}
/*#############################################################
## Bootstrap Grid/Column
/*###########################################################*/
.wb-column {
container-type: inline-size;
.container-xxl:not(.layout-exclude){
padding-left: 0;
padding-right: 0;
}
}
@container (max-width: 767px) {
.wb-column div[class^="col-"]:not(.layout-exclude) {
width: 100%;
}
}
/*#############################################################
## CMA
/*###########################################################*/
.pa-each-card {
border: 1px solid #CCCCCC;
background-color: #FFF;
border-radius: 3px;
transition: background-color 0.2s ease-in-out 0s;
&.card-activated {
background-color: $primary_background_color;
.pa-form-icons {
color: #FFF;
}
h3 {
color: #FFF;
}
}
.pa-form-icons {
color: #636363;
font-size: 60px;
margin-bottom: 20px;
}
h3 {
color: #636363;
}
&:hover {
background-color: $primary_background_color;
.pa-form-icons {
color: #FFF;
}
h3 {
color: #FFF;
}
}
}
.ap-step-2 {
display: none;
position: relative;
.loading-process {
display: none;
&.loading-enable {
background-color: rgb(255, 255, 255, 0.7);
position: absolute;
left: -35px;
right: -35px;
bottom: -35px;
top: -35px;
z-index: 5;
display: flex;
flex-wrap: nowrap;
justify-content: center;
align-items: center;
.loading-process-container {
width: 80%;
margin: 0 auto;
text-align: center;
.loading-process-rotating {
width: 100%;
margin-bottom: 20px;
position: relative;
&::after {
font-family: 'Font Awesome 6 Pro';
content: "\f3f4";
color: inherit;
font-size: 137px;
font-weight: 400;
display: inline-block;
text-rendering: auto;
-webkit-font-smoothing: antialiased;
-webkit-animation: fa-spin 1s linear infinite;
animation: fa-spin 1s linear infinite;
line-height: 1;
}
}
}
p {
font-size: 21px;
}
}
}
}
///////// Code commented as backend will implement this in future
// .ellipsify-x {
// overflow: hidden;
// text-overflow: ellipsis;
// white-space: nowrap;
// }
// &.wb-carousel{
// .ellipsify-x {
// @media only screen and (max-width:767px) {
// max-width: calc(100% - 100px);
// }
// }
// }
// .ellipsify-y {
// display: -webkit-box;
// overflow: hidden;
// -webkit-box-orient: vertical;
// &.two-line {
// -webkit-line-clamp: 2;
// }
// &.three-line {
// -webkit-line-clamp: 3;
// }
// }
// Map Layout
.right-column {
height: 100vh;
overflow-y: scroll;
@media only screen and (max-width: 998px) {
height: auto;
overflow-y: auto;
}
}
.page-type-blog {
table {
width: 100%;
border-spacing: 0;
}
table tbody tr:nth-child(2n+1) {
background-color: rgba(144, 144, 144, .075);
}
table td {
padding: 0.75em;
}
table tbody tr {
border: 1px solid rgba(144, 144, 144, .25);
border-left: 0;
border-right: 0;
}
}
.wb-form {
small {
a {
color: $primary_color;
&:hover{
color: #000;
}
}
}
}
.d-none {
&[data-gjs-type] {
display:block !important;
}
}
//Modify block if it is in the page editor
[data-gjs-type] {
.show-in-editor{
min-height: 50px;
}
}
//Add to calendar remodal
.remodal{
.add-to-calendar{
text-align: left;
.remodal-top{
.close{
position: absolute;
top: 5px;
right: 5px;
color: #000;
font-size: 25px;
}
}
.buttons-wrapper{
a{
font-size: 1.1rem;
font-weight: 500;
color: #000;
}
}
}
}
// Listings embeddables style - card 1
.wb-rifk5vhettjc {
.each-property-card {
box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.1);
@media (min-width: 768px) {
&.list-layout {
.each-property-card-content {
display: flex;
.each-property-label-position{
display: none;
}
.each-property-label-position-md{
display: block;
}
.property-content-image-container {
flex: 1.6;
max-width: 300px;
z-index: 99;
@media(max-width:1239px) {
flex: 1.5;
}
@media(max-width:991px) {
flex: 2;
}
.property-content-image {
border-radius: 3px 0px 0 3px;
&::before {
padding-top: 66.22%;
}
}
}
.property-card-details {
flex: 4;
display: flex;
flex-direction: column;
justify-content: space-evenly;
@media(max-width:1239px) {
flex: 3;
}
@media(max-width:991px) {
flex: 3;
}
.property-content-body {
.property-title {
padding: 18px 160px 20px 35px;
min-height: 116px;
.button-2-style {
display: block;
}
}
}
}
}
}
}
.each-property-card-content {
position: relative;
.property-content-image-container {
*{
color: #fff;
}
.slick-track {
display: flex;
}
.slick-arrow {
opacity: 0;
}
.property-content-image {
border-radius: 3px 3px 0 0;
}
.price-view {
padding: 25px 12px;
font-size: 23px;
}
}
&:hover {
z-index: 99;
.slick-arrow {
opacity: 1;
}
}
.each-property-label-position,.each-property-label-position-md{
position: absolute;
top: 15px;
right: 15px;
z-index: 100;
}
.each-property-label-position-md{
display: none;
}
.property-content-body {
.property-title {
.button-2-style {
top: 20px;
right: 35px;
transition: all 0.25s;
display: none;
}
a {
&::after {
// useful too on Buttons with hovered parent
position: absolute;
top: 0;
right: 0;
bottom: 0;
left: 0;
z-index: 20;
content: "";
}
}
}
.content-details {
.summary-tag{
display: none;
}
}
}
}
.auction-time, .inspection-time {
position: absolute;
left: 15px;
top: 15px;
.badge-2-style {
color:$all_content_colour;
}
}
}
}
// Listings embeddables style - card 2
.wb-nnc1cayh90bh {
*{
color: #fff;
}
.listing-img-container {
.listing-item {
@media only screen and (max-width: 768px) {
--bs-aspect-ratio: 100%;
}
.each-property-label-position{
position: absolute;
right: 15px;
top: 15px;
z-index: 10;
left: auto;
bottom: auto;
width: auto;
height: auto;
}
}
.listing-img-content {
z-index: 2;
bottom: 0;
left: 0;
right: auto;
top: auto;
height: auto;
p {
font-size: 20px;
}
.listing-compact-title {
// padding: 23px 26px;
}
}
.listing-hidden-content {
width: 100%;
max-height: 0;
transition: all .8s linear;
font-size: 14px;
// padding: 0 0 0 25px;
@media (max-width: 991px) {
max-height: auto;
}
.summary-details {
padding: 10px 0;
> div {
// padding: 10px 0;
.summary-icon{
// display: none;
filter: brightness(10);
}
.summary-label{
.summary-tag{
display: none;
}
// display: flex;
// flex-direction: column-reverse;
// .summary-tag,.summary-unit{
// display: block;
// }
}
}
}
}
&:after {
position: absolute;
height: 100%;
width: 100%;
display: block;
top: 0;
content: "";
z-index: 0;
background-color: rgba(0, 0, 0, 0.3);
transition: opacity .6s;
}
&:hover {
.listing-hidden-content {
max-height: 200px;
@media (max-width: 991px) {
max-height: auto;
}
}
}
}
}
// Listings embeddables style - card 3
.wb-kf0zujfhql6p {
height: 100%;
.each-property-card {
box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.1);
height: 100%;
.each-property-card-content {
position: relative;
.property-content-image-container {
*{
color: #fff;
}
.property-content-image {
border-radius: 3px 3px 0 0;
}
.price-view {
padding: 25px 30px;
font-size: 23px;
z-index: 2;
}
}
.each-property-label-position{
position: absolute;
top: 15px;
right: 15px;
z-index: 9;
}
.property-content-body {
.property-title {
.button-2-style {
top: 50%;
right: 35px;
transform: translate(0, -51%) scale(1);
transition: all 0.25s;
display: none;
}
}
.content-details {
.summary-tag{
display: none;
}
}
}
}
}
}
// summary details
.wb-3qomvkfpwl8i {
.summary-details {
>div {
margin: 0 10px 0 0;
padding: 5px 0;
&:last-child {
margin-right: 0;
}
.summary-icon {
height: 15px;
width: 15px;
display: inline-block;
vertical-align: middle;
margin-right: 3px;
}
.summary-label {
line-height: 15px;
vertical-align: middle;
}
}
}
}
/*#############################################################
## Advanced search filter remodal
/*###########################################################*/
.remodal-wrapper.remodal-advanced-search {
padding: 0 !important;
}
.remodal.remodal-advanced-search {
max-width: unset !important;
padding: 80px 0 120px;
margin: 0;
}
.remodal-advanced-search {
position: relative;//This might be removed
height: 100vh;
padding-top: 80px;
.section-top, .section-body, .section-footer{
> .container{
max-width: 1000px;
}
}
.section-top{
position: absolute;
width: 100%;
top: 0;
left: 0;
background: $whiteSmoke;
height: 80px;
.container, .row{
height: 100%;
}
.general-button {
min-width: unset;
}
a[data-remodal-action="close"] {
position: relative !important;
display: block !important;
top: auto !important;
color: $primary_color !important;
&:hover {
background-color: $primary_color;
color:#fff !important;
}
}
@media (max-width: 576px) {
.general-button {
padding: 0 15px;
}
}
}
.section-body {
height: calc(100vh - 200px);
overflow-y: auto;
text-align:left;
}
.section-footer {
position: absolute;
width: 100%;
bottom: 0;
left: 0;
background: $whiteSmoke;
height: 120px;
.container, .row{
height: 100%;
}
.general-button {
height: 64px;
line-height: 62px;
min-width: 300px;
}
}
.state-buttons {
width: 100%;
ul{
list-style-type: none;
padding: 0;
margin: 0;
li{
display: inline-block;
float: left;
width: 16.6%;
a{
display: block;
width: 100%;
text-align: center;
border: 1px solid $primary_color;
border-style: solid none solid solid;
padding: 12px;
font-size: 16px;
&.active {
background: $primary_color !important;
color: $white_color !important;
}
&:hover {
background: $primary_color !important;
color: $white_color !important;
}
}
&:last-child a{
border-style: solid solid solid solid;
border-radius: 0 4px 4px 0;
}
&:first-child a{
border-radius: 4px 0 0 4px;
}
}
}
&.three-columns {
ul{
li{
width: 33.33%;
}
}
}
&.big-style {
ul{
li{
a {
padding: 15px;
}
}
}
}
&.highlight-style {
ul{
li{
a {
background: $steelGray;
}
}
}
}
}
.keyword-textbox {
width: 100%;
padding: 15px 20px;
outline: none !important;
}
.select-wrapper {
select {
height: 56px;
line-height: 56px;
width: 100%;
padding: 0 20px;
}
}
}
@media only screen and (max-width: 767px) {
.wb-h1jslczlbalj.remodal:not(.remodal-menu) a[data-remodal-action="close"] {
top: 0;
color: $primary_color;
right: 0;
position: relative;
}
}
//Select Style
.propertylisting-form {
textarea.select2-search__field {
min-height: 43px;
}
span.select2.select2-container.select2-container--default.select2-container--below, span.select2.select2-container.select2-container--default {
width: 100% !important;
}
.select2-container--default .select2-selection--multiple .select2-selection__choice__display {
color: $all_content_colour;
font-weight: 500;
font-size: 0.88rem;
}
span.select2-container.select2-container--default.select2-container--open {
z-index: 999999 !important;
}
.select2-container--default .select2-selection--multiple, .select2-container--default.select2-container--focus .select2-selection--multiple {
border: solid 1px $all_content_colour !important;
}
.select2-container--default .select2-selection--multiple .select2-selection__choice {
padding-left: 0 !important;
background: linear-gradient(0deg, rgba(154, 173, 187, 0.2) 0%, rgba(154, 173, 187, 0.2) 100%), #F3F5F7 !important;
border: 1px solid transparent !important;
border-radius: 20px !important;
overflow: hidden !important;
padding: 6px 10px !important;
padding-right: 30px !important;
margin-bottom: 0;
margin-top: 0 !important;
max-width: 90% !important;
}
.select2-container--default .select2-selection--multiple .select2-selection__choice__remove {
top: 50% !important;
right: 5px !important;
left: auto !important;
transform: translateY(-50%) scale(1.7) !important;
border-right: 1px solid transparent !important;
}
.select2-container--default .select2-selection--multiple .select2-selection__choice__remove span {
font-size: 0;
top: -50%;
right: 3px;
transform: translateY(-50%);
position: absolute;
}
.select2-container--default .select2-selection--multiple .select2-selection__choice__remove span::after {
content: "";
background-image: url("https://resources.wbcms.net/uploads/11/1d88f9a4-b3e8-458b-b8e8-506ec879a4d8/X.svg");
background-repeat: no-repeat;
background-attachment: scroll;
background-position: center center;
background-size: cover;
background-blend-mode: unset;
width: 10px;
height: 10px;
display: inline-block;
vertical-align: middle;
margin-top: 1px;
}
.select2-container .select2-search--inline {
line-height: 43px;
}
.select2-container .select2-search--inline .select2-search__field {
color: $all_content_colour !important;
height: 30px !important;
margin-top: 0px !important;
padding: 2px 0 0 14px;
}
.select2-container .select2-search--inline .select2-search__field::placeholder {
color: $all_content_colour;
}
.select2-container .select2-search--inline .select2-search__field:-ms-input-placeholder {
color: $all_content_colour;
}
.select2-container .select2-search--inline .select2-search__field::-ms-input-placeholder {
color: $all_content_colour;
}
.select2-container .select2-search--inline .select2-search__field::-moz-placeholder {
color: $all_content_colour;
opacity: 1;
}
.select2-container .select2-search--inline .select2-search__field::-webkit-input-placeholder {
color: $all_content_colour;
}
.no-search-found {
background-color: #F3F5F7;
border-radius: 16px;
padding: 73px 15px 97px 15px;
}
@media (max-width: 992px) {
.no-search-found {
padding: 56px 15px 56px 15px;
}
}
.no-search-found h2 {
font-family: "GeneralSans";
font-size: 1.56rem;
font-weight: 600;
margin-bottom: 8px;
}
@media (max-width: 992px) {
.no-search-found h2 {
margin-bottom: 1.13rem;
}
}
.no-search-found p {
color: $all_content_colour;
font-size: 1rem;
font-style: normal;
font-weight: 400;
}
}
span.select2-container.select2-container--default.select2-container--open {
z-index: 99999999;
}"
["compiled_css"]=>
NULL
["js"]=>
string(6171) "requirejs(['jquery', 'remodal', 'cssLoader'], function($, remodal, cssLoader) {
cssLoader(['remodal', 'fontawesome']);
$('.state-buttons .select-button').on('click', function (e){
e.preventDefault();
let button_value = $(this).data('select-value');
$(this).parents('.state-buttons').find('.select-button').removeClass('active');
$(this).addClass('active');
//Set hidden field
let hidden_field = $(this).parents('.state-buttons').data('hidden-field');
if(hidden_field !== undefined && $('#' + hidden_field).length) {
$('#' + hidden_field).val(button_value);
}
});
$(".mobile-menu .menu-parent").click(function(event){
event.preventDefault();
$(this).closest(".menu-parent-wrapper").siblings(".menu-parent-wrapper").find(".toggle-menu").removeClass("active-toggle-menu");
$(this).closest(".menu-parent-wrapper").siblings(".menu-parent-wrapper").find(".menu-child-wrapper").stop().slideUp(500);
$(this).closest(".menu-parent-wrapper").find(".toggle-menu").toggleClass("active-toggle-menu");
$(this).closest(".menu-parent-wrapper").find(".menu-child-wrapper").stop().slideToggle(500);
});
$('a[href^="#"]').click(function(e) {
// Prevent the default behavior of the link
e.preventDefault();
// console.log('test');
var headerHeight = $('header').outerHeight(true);
// Get the value from the href attribute of the clicked link
var contentBlockId = $(this).attr('href').substring(1);
// Check if there exists an element with the matching data-content-block-id attribute
var $targetElement = $('[data-content-block-id="' + contentBlockId + '"]');
if ($targetElement.length) {
// Get the offset of the target element
var targetOffset = $targetElement.offset().top;
var headerPadding = 0;
// Animate scroll to the target offset
$("html, body").animate({ scrollTop: targetOffset - headerPadding }, 1000);
}
});
// Accordion script
$(document).ready(function() {
// Check if we're in GrapesJS builder context - if so, skip the animation logic
const isInBuilder = window.parent && (
window.parent.grapesjs !== undefined ||
window !== window.parent ||
document.querySelector('[data-gjs-type]') !== null
);
// Ensure first accordion is open in each accordion group on page load
const accordionGroups = document.querySelectorAll('.accordion');
accordionGroups.forEach(function(accordionGroup) {
// If in builder, just remove loading class and make visible immediately
if (isInBuilder) {
accordionGroup.classList.remove('accordion-loading');
accordionGroup.style.opacity = '1';
// Ensure first item is visible
const firstCollapse = accordionGroup.querySelector('.accordion-collapse.show');
if (firstCollapse) {
firstCollapse.style.display = '';
firstCollapse.style.visibility = 'visible';
firstCollapse.style.opacity = '1';
}
return;
}
// accordion-loading class is already added in HTML template
const accordionItems = accordionGroup.querySelectorAll('.accordion-item');
if (accordionItems.length === 0) {
accordionGroup.style.opacity = '1';
accordionGroup.classList.remove('accordion-loading');
return;
}
// ALWAYS get the first item in DOM order as the default first
const firstItem = accordionItems[0];
const firstCollapse = firstItem.querySelector('.accordion-collapse');
const firstButton = firstItem.querySelector('.accordion-button');
if (!firstCollapse || !firstButton) {
accordionGroup.style.opacity = '1';
accordionGroup.classList.remove('accordion-loading');
return;
}
// Disable all transitions to prevent any animation flash
const allCollapses = accordionGroup.querySelectorAll('.accordion-collapse');
allCollapses.forEach(function(collapse) {
collapse.style.transition = 'none';
});
// Close ALL accordions first (no exceptions)
accordionItems.forEach(function(item) {
const button = item.querySelector('.accordion-button');
const collapse = item.querySelector('.accordion-collapse');
if (button && collapse) {
button.classList.add('collapsed');
button.setAttribute('aria-expanded', 'false');
collapse.classList.remove('show');
collapse.style.height = '';
collapse.style.display = '';
}
});
// Now open ONLY the first accordion
firstButton.classList.remove('collapsed');
firstButton.setAttribute('aria-expanded', 'true');
firstCollapse.classList.add('show');
// Remove loading class to allow accordions to be visible
accordionGroup.classList.remove('accordion-loading');
// Re-enable transitions and fade in
setTimeout(function() {
allCollapses.forEach(function(collapse) {
collapse.style.transition = '';
});
// Fade in accordion smoothly
accordionGroup.style.opacity = '1';
}, 0);
});
});
});"
["created_at"]=>
string(19) "2023-12-11 21:41:04"
["updated_at"]=>
string(19) "2026-07-14 06:13:15"
}
["changes":protected]=>
array(0) {
}
["casts":protected]=>
array(0) {
}
["classCastCache":protected]=>
array(0) {
}
["attributeCastCache":protected]=>
array(0) {
}
["dateFormat":protected]=>
NULL
["appends":protected]=>
array(2) {
[0]=>
string(11) "demo_office"
[1]=>
string(15) "showcase_office"
}
["dispatchesEvents":protected]=>
array(0) {
}
["observables":protected]=>
array(0) {
}
["relations":protected]=>
array(1) {
["themeFonts"]=>
object(Illuminate\Database\Eloquent\Collection)#2072 (2) {
["items":protected]=>
array(1) {
[0]=>
object(App\Models\ThemeFont)#2071 (30) {
["connection":protected]=>
string(5) "mysql"
["table":protected]=>
string(11) "theme_fonts"
["primaryKey":protected]=>
string(2) "id"
["keyType":protected]=>
string(3) "int"
["incrementing"]=>
bool(true)
["with":protected]=>
array(0) {
}
["withCount":protected]=>
array(0) {
}
["preventsLazyLoading"]=>
bool(false)
["perPage":protected]=>
int(15)
["exists"]=>
bool(true)
["wasRecentlyCreated"]=>
bool(false)
["escapeWhenCastingToString":protected]=>
bool(false)
["attributes":protected]=>
array(8) {
["id"]=>
int(15)
["uuid"]=>
string(36) "32e8a096-3088-4e24-92b0-915e1bfcafbc"
["theme_id"]=>
int(7)
["provider"]=>
string(6) "google"
["name"]=>
string(12) "Varela Round"
["url"]=>
string(60) "https://fonts.googleapis.com/css?family=Varela Round:regular"
["created_at"]=>
string(19) "2023-12-11 21:41:04"
["updated_at"]=>
string(19) "2023-12-11 21:41:04"
}
["original":protected]=>
array(8) {
["id"]=>
int(15)
["uuid"]=>
string(36) "32e8a096-3088-4e24-92b0-915e1bfcafbc"
["theme_id"]=>
int(7)
["provider"]=>
string(6) "google"
["name"]=>
string(12) "Varela Round"
["url"]=>
string(60) "https://fonts.googleapis.com/css?family=Varela Round:regular"
["created_at"]=>
string(19) "2023-12-11 21:41:04"
["updated_at"]=>
string(19) "2023-12-11 21:41:04"
}
["changes":protected]=>
array(0) {
}
["casts":protected]=>
array(0) {
}
["classCastCache":protected]=>
array(0) {
}
["attributeCastCache":protected]=>
array(0) {
}
["dateFormat":protected]=>
NULL
["appends":protected]=>
array(0) {
}
["dispatchesEvents":protected]=>
array(0) {
}
["observables":protected]=>
array(0) {
}
["relations":protected]=>
array(0) {
}
["touches":protected]=>
array(0) {
}
["timestamps"]=>
bool(true)
["usesUniqueIds"]=>
bool(false)
["hidden":protected]=>
array(0) {
}
["visible":protected]=>
array(0) {
}
["fillable":protected]=>
array(4) {
[0]=>
string(8) "theme_id"
[1]=>
string(8) "provider"
[2]=>
string(4) "name"
[3]=>
string(3) "url"
}
["guarded":protected]=>
array(1) {
[0]=>
string(1) "*"
}
}
}
["escapeWhenCastingToString":protected]=>
bool(false)
}
}
["touches":protected]=>
array(0) {
}
["timestamps"]=>
bool(true)
["usesUniqueIds"]=>
bool(false)
["hidden":protected]=>
array(0) {
}
["visible":protected]=>
array(0) {
}
["fillable":protected]=>
array(6) {
[0]=>
string(4) "uuid"
[1]=>
string(4) "name"
[2]=>
string(14) "variables_scss"
[3]=>
string(4) "scss"
[4]=>
string(12) "compiled_css"
[5]=>
string(2) "js"
}
["guarded":protected]=>
array(1) {
[0]=>
string(1) "*"
}
}
}
["touches":protected]=>
array(0) {
}
["timestamps"]=>
bool(true)
["usesUniqueIds"]=>
bool(false)
["hidden":protected]=>
array(0) {
}
["visible":protected]=>
array(0) {
}
["fillable":protected]=>
array(47) {
[0]=>
string(11) "location_id"
[1]=>
string(8) "reseller"
[2]=>
string(4) "plan"
[3]=>
string(12) "franchise_id"
[4]=>
string(8) "theme_id"
[5]=>
string(15) "theme_header_id"
[6]=>
string(15) "theme_footer_id"
[7]=>
string(16) "office_footer_id"
[8]=>
string(16) "office_header_id"
[9]=>
string(4) "name"
[10]=>
string(11) "unit_number"
[11]=>
string(13) "street_number"
[12]=>
string(11) "street_name"
[13]=>
string(6) "suburb"
[14]=>
string(5) "state"
[15]=>
string(8) "postcode"
[16]=>
string(7) "country"
[17]=>
string(5) "email"
[18]=>
string(21) "additional_recipients"
[19]=>
string(6) "mobile"
[20]=>
string(5) "phone"
[21]=>
string(3) "fax"
[22]=>
string(7) "is_demo"
[23]=>
string(11) "is_showcase"
[24]=>
string(12) "is_demo_data"
[25]=>
string(19) "is_franchise_office"
[26]=>
string(25) "is_agent_crm_sync_enabled"
[27]=>
string(9) "is_active"
[28]=>
string(24) "demo_data_initialised_at"
[29]=>
string(6) "region"
[30]=>
string(11) "website_url"
[31]=>
string(7) "suburbs"
[32]=>
string(11) "description"
[33]=>
string(9) "principal"
[34]=>
string(12) "office_image"
[35]=>
string(4) "slug"
[36]=>
string(18) "deployed_office_id"
[37]=>
string(13) "hide_showcase"
[38]=>
string(30) "buy_listing_inquiry_recipients"
[39]=>
string(31) "rent_listing_inquiry_recipients"
[40]=>
string(31) "sold_listing_inquiry_recipients"
[41]=>
string(19) "hide_contact_button"
[42]=>
string(29) "hide_request_appraisal_button"
[43]=>
string(17) "hide_phone_number"
[44]=>
string(18) "hide_email_address"
[45]=>
string(14) "mail_from_name"
[46]=>
string(13) "mail_reply_to"
}
["guarded":protected]=>
array(1) {
[0]=>
string(1) "*"
}
["observers":protected]=>
array(1) {
["App\Models\Office"]=>
array(1) {
[0]=>
string(28) "App\Observers\OfficeObserver"
}
}
["slugOptions":protected]=>
uninitialized(Spatie\Sluggable\SlugOptions)
["pageSizeLimit":"App\Models\Office":private]=>
int(500)
}
}
["touches":protected]=>
array(0) {
}
["timestamps"]=>
bool(true)
["usesUniqueIds"]=>
bool(false)
["hidden":protected]=>
array(0) {
}
["visible":protected]=>
array(0) {
}
["fillable":protected]=>
array(0) {
}
["guarded":protected]=>
array(6) {
[0]=>
string(2) "id"
[1]=>
string(4) "uuid"
[2]=>
string(9) "office_id"
[3]=>
string(10) "created_by"
[4]=>
string(10) "updated_by"
[5]=>
string(10) "deleted_at"
}
["slugOptions":protected]=>
uninitialized(Spatie\Sluggable\SlugOptions)
}
Virtual Tour is not available for this listing.
Sold
Property ID: L3637635 | House
Perched on a spacious 644sqm (approx.) corner block (Zoned Corner R30) with handy drive-through access into a workshop shed and exciting duplex development potential block with retaining the house, this solid 4 bedroom 1 bathroom brick-and-tile home will comfortably cater for your personal needs both now and in the future.
A delightful open-plan family, dining and kitchen area plays host to stylish light fittings, gas-bayonet heating, a gas cooktop, under-bench oven, a sleek white dishwasher and tiled splashbacks before, via gorgeous double French doors, spilling into a huge games room warmed - and kept cool - by a combination of floating timber floorboards and a split-system air-conditioning unit. The latter flows outside to where a magnificent entertaining patio lies in wait, protecting everybody from the elements whilst also linking the secure carport to a tradesman's dream of a rear workshop.
Other features include, but are not limited to:
- Practical bathroom with a bathtub and showerhead
- Outdoor access from the laundry
- Single lock-up carport with roller-door access to the rear workshop shed (via the patio)
- Low-maintenance tiled flooring
- Ducted-evaporative air-conditioning
- Ducted gas heating
- Window security shutters throughout
- Security doors and screens fitted
- Sunken and paved rear drying courtyard
- Massive backyard with a second garden shed for storage, sprawling lawns and heaps of room for a future swimming pool - and more
- Block size - 644sqm (approx.) with Corner R30 Zoning
- Built in 1995
Distances to (approx.):
- Yule Brook College - 400m
- Maddington Train Station - 3.4km
- Maddington Central Shopping Centre - 5.0km
- Perth Airport (T1 & T2) - 14.3km
- Perth CBD - 21.2km
Within walking distance of the local high school, close to Bramfield Park, East Maddington and Maddington Primary Schools and just a stone's throw away from lush parks, major arterial roads, public transport, shopping and more, this outstanding property is splendidly accompanied by a surprising sense of convenience. What an astute purchase it may prove to be!
Disclaimer: Whilst every care has been taken in the preparation of this advertisement, accuracy cannot be guaranteed. Prospective purchasers should make their own enquiries to satisfy themselves on all pertinent matters. Details herein do not constitute any representation by the Vendor or the agent and are expressly excluded from any contract.
No Inspection Time Yet
No upcoming auction yet