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(27141)
["uuid"]=>
string(36) "613560d6-6aff-4946-b292-ac383f119ec9"
["etag"]=>
string(32) "51f6ee9dd3be800b9de56a36202674ca"
["office_id"]=>
int(86)
["slug"]=>
string(49) "r2-3132069-4-shannon-rise-mount-claremont-wa-6010"
["featured"]=>
int(0)
["unique_id"]=>
string(10) "R2-3132069"
["tps_property_id"]=>
NULL
["tps_redirect_url"]=>
NULL
["tps_bookme_redirect_url"]=>
NULL
["tps_synced_at"]=>
NULL
["crm_internal_id"]=>
string(7) "3132069"
["provider"]=>
string(3) "rex"
["crm_created_at"]=>
string(19) "2022-02-16 00:00:00"
["crm_updated_at"]=>
string(19) "2022-04-04 05:25:48"
["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"]=>
NULL
["authority"]=>
string(9) "Exclusive"
["set_sale_on"]=>
NULL
["tenancy"]=>
NULL
["under_offer"]=>
string(3) "yes"
["under_contract"]=>
int(0)
["new_construction"]=>
int(0)
["bedrooms"]=>
int(5)
["bathrooms"]=>
int(2)
["ensuite"]=>
int(0)
["garages"]=>
int(0)
["carports"]=>
int(2)
["openspaces"]=>
int(0)
["price_display"]=>
int(1)
["price"]=>
float(1456000)
["price_type"]=>
NULL
["property_guide_url"]=>
NULL
["price_view"]=>
string(14) "Under Contract"
["address_display"]=>
int(1)
["address_unit_number"]=>
NULL
["address_street_number"]=>
string(1) "4"
["address_street"]=>
string(12) "Shannon Rise"
["address_suburb"]=>
string(15) "MOUNT CLAREMONT"
["address_city"]=>
NULL
["address_state"]=>
string(2) "WA"
["address_postcode"]=>
string(4) "6010"
["address_country"]=>
NULL
["residential_category"]=>
NULL
["headline"]=>
string(62) "Premiership Location!! - Presented by the Mitchell Family Team"
["description"]=>
string(3037) "**Home Open Cancelled** - Under Contract
Establish your family in one the most desired locations in the Western Suburbs!
Football fanatics dream, live in former West Coast Eagles coach Mick Malthouse's home which he owned from 1993 to 1999.
4 Shannon Rise is situated in a safe paved cul-de-sac location with all the benefits that has to offer. Living in Mount Claremont is fantastic and you will be surrounded by so many amenities that you will not have enough time to get out and enjoy them all - so close to parks and beaches plus shopping!!.
Including five bedrooms, two bathrooms and a whopping 4 separate living areas this is definitely a family home for the entertainers.
Heading through the leadlight entrance door you are greeted with a spacious sunken loungeroom to your left which leads to the raised formal dining - both featuring bay windows looking out onto your front porch. The entire home is centred around a spacious kitchen and family room where you will love having family dinners and games nights.
Upstairs you have parents private retreat with large master bedroom and private balcony overlooking front garden - perfect place to relax and have a glass of wine after kids go to bed!
Downstairs you can show off your bartending skills at your own private bar before entertaining guests under the patio and alfresco areas overlooking a stylish below ground pool with spa.
Enjoy swimming all year round? Then this is the pool for you as it has all the infrastructure for gas heating (currently not working).
The shed located at the back of the property has vehicle access down the side and can be utilised as an additional garage or workshop.
This well designed home has good structure but is need of some TLC. Bring your paintbrush, elbow grease and cleaning gloves to bring some love back to this home. This home is being sold on an "as is" basis.
Features Include:
- Master bedroom with ensuite and balcony
- 3 good sized kids bedrooms with built in robes
- 5th bedroom or study
- Games Room
- Built in bar
- Formal lounge and dining rooms
- Jarrah floorboards throughout
- Upstairs Split system AC
- Downstairs ducted AC
- Side access and extra parking
- Gas stovetop
- Marble inserted bench-top
- Spacious pantry
- Enclosed glass view bay window from the kitchen
- Bay windows in lounge and dining
- Pool with spa connected
- Gazebo next to pool
- Games room opens up to alfesco
- Patio area for entertaining
- Gas heating available for pool
Proximity:
-3min Drive to the Claremont Showgrounds
-6min Drive to Claremont Quarter
-5min Drive to Perry Lakes
-7min Drive to Swanbourne Beach
-5min Drive to the Dog Beach (South of City Beach)
-2min Drive to John XXIII College (16min Walk)
-17min Drive to the Perth CBD
-13min Drive to UWA Campus
-9min Drive to Hollywood Private Hospital
-10min Drive to Sir Charles Gardener Hospital
Council Rates: $3224 p.a.
Water Rates: $1800 p.a.
Call you REIWA and RE/MAX award winning team today to organise a private viewing- 0452 258 642"
["land_area"]=>
string(3) "903"
["land_area_unit"]=>
string(3) "sqm"
["normalise_land_area"]=>
float(903)
["building_area"]=>
NULL
["building_area_unit"]=>
NULL
["external_link"]=>
NULL
["video_link"]=>
NULL
["virtual_tour_link"]=>
NULL
["floorplan"]=>
string(171) "https://au-crm.cdns.rexsoftware.com/app/livestore/accounts/2794/listings/3132069/floorplans/2ffef8bf9f3886f29437_e19a-844a-371d-8cf2-7199-3e6c-2101-1a76_20220107104310.jpg"
["lat"]=>
string(12) "-31.96352369"
["lng"]=>
string(12) "115.77918969"
["display_sold_price"]=>
int(1)
["sold_price"]=>
float(1750000)
["sold_date"]=>
string(19) "2022-02-16 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) "2022-02-16 00:00:00"
["updated_at"]=>
string(19) "2026-07-08 02:54:09"
["leased_date"]=>
NULL
["location_id"]=>
int(6428)
["studies"]=>
int(0)
["custom_attributes"]=>
NULL
["commercial_listing_type"]=>
NULL
["address_searchable"]=>
string(49) "4 shannon rise mount claremont wa 6010 r2-3132069"
}
["original":protected]=>
array(86) {
["id"]=>
int(27141)
["uuid"]=>
string(36) "613560d6-6aff-4946-b292-ac383f119ec9"
["etag"]=>
string(32) "51f6ee9dd3be800b9de56a36202674ca"
["office_id"]=>
int(86)
["slug"]=>
string(49) "r2-3132069-4-shannon-rise-mount-claremont-wa-6010"
["featured"]=>
int(0)
["unique_id"]=>
string(10) "R2-3132069"
["tps_property_id"]=>
NULL
["tps_redirect_url"]=>
NULL
["tps_bookme_redirect_url"]=>
NULL
["tps_synced_at"]=>
NULL
["crm_internal_id"]=>
string(7) "3132069"
["provider"]=>
string(3) "rex"
["crm_created_at"]=>
string(19) "2022-02-16 00:00:00"
["crm_updated_at"]=>
string(19) "2022-04-04 05:25:48"
["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"]=>
NULL
["authority"]=>
string(9) "Exclusive"
["set_sale_on"]=>
NULL
["tenancy"]=>
NULL
["under_offer"]=>
string(3) "yes"
["under_contract"]=>
int(0)
["new_construction"]=>
int(0)
["bedrooms"]=>
int(5)
["bathrooms"]=>
int(2)
["ensuite"]=>
int(0)
["garages"]=>
int(0)
["carports"]=>
int(2)
["openspaces"]=>
int(0)
["price_display"]=>
int(1)
["price"]=>
float(1456000)
["price_type"]=>
NULL
["property_guide_url"]=>
NULL
["price_view"]=>
string(14) "Under Contract"
["address_display"]=>
int(1)
["address_unit_number"]=>
NULL
["address_street_number"]=>
string(1) "4"
["address_street"]=>
string(12) "Shannon Rise"
["address_suburb"]=>
string(15) "MOUNT CLAREMONT"
["address_city"]=>
NULL
["address_state"]=>
string(2) "WA"
["address_postcode"]=>
string(4) "6010"
["address_country"]=>
NULL
["residential_category"]=>
NULL
["headline"]=>
string(62) "Premiership Location!! - Presented by the Mitchell Family Team"
["description"]=>
string(3037) "**Home Open Cancelled** - Under Contract
Establish your family in one the most desired locations in the Western Suburbs!
Football fanatics dream, live in former West Coast Eagles coach Mick Malthouse's home which he owned from 1993 to 1999.
4 Shannon Rise is situated in a safe paved cul-de-sac location with all the benefits that has to offer. Living in Mount Claremont is fantastic and you will be surrounded by so many amenities that you will not have enough time to get out and enjoy them all - so close to parks and beaches plus shopping!!.
Including five bedrooms, two bathrooms and a whopping 4 separate living areas this is definitely a family home for the entertainers.
Heading through the leadlight entrance door you are greeted with a spacious sunken loungeroom to your left which leads to the raised formal dining - both featuring bay windows looking out onto your front porch. The entire home is centred around a spacious kitchen and family room where you will love having family dinners and games nights.
Upstairs you have parents private retreat with large master bedroom and private balcony overlooking front garden - perfect place to relax and have a glass of wine after kids go to bed!
Downstairs you can show off your bartending skills at your own private bar before entertaining guests under the patio and alfresco areas overlooking a stylish below ground pool with spa.
Enjoy swimming all year round? Then this is the pool for you as it has all the infrastructure for gas heating (currently not working).
The shed located at the back of the property has vehicle access down the side and can be utilised as an additional garage or workshop.
This well designed home has good structure but is need of some TLC. Bring your paintbrush, elbow grease and cleaning gloves to bring some love back to this home. This home is being sold on an "as is" basis.
Features Include:
- Master bedroom with ensuite and balcony
- 3 good sized kids bedrooms with built in robes
- 5th bedroom or study
- Games Room
- Built in bar
- Formal lounge and dining rooms
- Jarrah floorboards throughout
- Upstairs Split system AC
- Downstairs ducted AC
- Side access and extra parking
- Gas stovetop
- Marble inserted bench-top
- Spacious pantry
- Enclosed glass view bay window from the kitchen
- Bay windows in lounge and dining
- Pool with spa connected
- Gazebo next to pool
- Games room opens up to alfesco
- Patio area for entertaining
- Gas heating available for pool
Proximity:
-3min Drive to the Claremont Showgrounds
-6min Drive to Claremont Quarter
-5min Drive to Perry Lakes
-7min Drive to Swanbourne Beach
-5min Drive to the Dog Beach (South of City Beach)
-2min Drive to John XXIII College (16min Walk)
-17min Drive to the Perth CBD
-13min Drive to UWA Campus
-9min Drive to Hollywood Private Hospital
-10min Drive to Sir Charles Gardener Hospital
Council Rates: $3224 p.a.
Water Rates: $1800 p.a.
Call you REIWA and RE/MAX award winning team today to organise a private viewing- 0452 258 642"
["land_area"]=>
string(3) "903"
["land_area_unit"]=>
string(3) "sqm"
["normalise_land_area"]=>
float(903)
["building_area"]=>
NULL
["building_area_unit"]=>
NULL
["external_link"]=>
NULL
["video_link"]=>
NULL
["virtual_tour_link"]=>
NULL
["floorplan"]=>
string(171) "https://au-crm.cdns.rexsoftware.com/app/livestore/accounts/2794/listings/3132069/floorplans/2ffef8bf9f3886f29437_e19a-844a-371d-8cf2-7199-3e6c-2101-1a76_20220107104310.jpg"
["lat"]=>
string(12) "-31.96352369"
["lng"]=>
string(12) "115.77918969"
["display_sold_price"]=>
int(1)
["sold_price"]=>
float(1750000)
["sold_date"]=>
string(19) "2022-02-16 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) "2022-02-16 00:00:00"
["updated_at"]=>
string(19) "2026-07-08 02:54:09"
["leased_date"]=>
NULL
["location_id"]=>
int(6428)
["studies"]=>
int(0)
["custom_attributes"]=>
NULL
["commercial_listing_type"]=>
NULL
["address_searchable"]=>
string(49) "4 shannon rise mount claremont wa 6010 r2-3132069"
}
["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)#1365 (2) {
["items":protected]=>
array(2) {
[0]=>
object(App\Models\ListingImage)#1358 (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(83231255)
["listing_id"]=>
int(27141)
["code"]=>
string(1) "m"
["url"]=>
string(179) "https://wbcms-listings-photos.s3.ap-southeast-2.amazonaws.com/ce80d6dc-a384-431a-b49c-0b13892eb000/fec9bcc3-1743-4977-a2e3-5bf055cf7957.YjiRY43OPWEIxQnPmrp0fW3FlzW2OkzVSf5xjeZX-sk"
["created_at"]=>
string(19) "2026-07-08 02:54:09"
["updated_at"]=>
string(19) "2026-07-08 02:54:09"
}
["original":protected]=>
array(6) {
["id"]=>
int(83231255)
["listing_id"]=>
int(27141)
["code"]=>
string(1) "m"
["url"]=>
string(179) "https://wbcms-listings-photos.s3.ap-southeast-2.amazonaws.com/ce80d6dc-a384-431a-b49c-0b13892eb000/fec9bcc3-1743-4977-a2e3-5bf055cf7957.YjiRY43OPWEIxQnPmrp0fW3FlzW2OkzVSf5xjeZX-sk"
["created_at"]=>
string(19) "2026-07-08 02:54:09"
["updated_at"]=>
string(19) "2026-07-08 02:54:09"
}
["changes":protected]=>
array(0) {
}
["casts":protected]=>
array(0) {
}
["classCastCache":protected]=>
array(0) {
}
["attributeCastCache":protected]=>
array(0) {
}
["dateFormat":protected]=>
NULL
["appends":protected]=>
array(2) {
[0]=>
string(9) "thumbnail"
[1]=>
string(8) "webImage"
}
["dispatchesEvents":protected]=>
array(0) {
}
["observables":protected]=>
array(0) {
}
["relations":protected]=>
array(0) {
}
["touches":protected]=>
array(0) {
}
["timestamps"]=>
bool(true)
["usesUniqueIds"]=>
bool(false)
["hidden":protected]=>
array(0) {
}
["visible":protected]=>
array(0) {
}
["fillable":protected]=>
array(3) {
[0]=>
string(10) "listing_id"
[1]=>
string(4) "code"
[2]=>
string(3) "url"
}
["guarded":protected]=>
array(1) {
[0]=>
string(1) "*"
}
}
[1]=>
object(App\Models\ListingImage)#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(83231256)
["listing_id"]=>
int(27141)
["code"]=>
string(1) "a"
["url"]=>
string(179) "https://wbcms-listings-photos.s3.ap-southeast-2.amazonaws.com/ce80d6dc-a384-431a-b49c-0b13892eb000/052f71de-d4e6-4553-aaf7-9ac74806c56f.yskt3a27NuAiZseXKUgH-fQUMR6B05SJWs_H2dHAgrQ"
["created_at"]=>
string(19) "2026-07-08 02:54:09"
["updated_at"]=>
string(19) "2026-07-08 02:54:09"
}
["original":protected]=>
array(6) {
["id"]=>
int(83231256)
["listing_id"]=>
int(27141)
["code"]=>
string(1) "a"
["url"]=>
string(179) "https://wbcms-listings-photos.s3.ap-southeast-2.amazonaws.com/ce80d6dc-a384-431a-b49c-0b13892eb000/052f71de-d4e6-4553-aaf7-9ac74806c56f.yskt3a27NuAiZseXKUgH-fQUMR6B05SJWs_H2dHAgrQ"
["created_at"]=>
string(19) "2026-07-08 02:54:09"
["updated_at"]=>
string(19) "2026-07-08 02:54:09"
}
["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)#2031 (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(86)
["uuid"]=>
string(36) "69f98deb-5682-41d1-8255-e868b9dacd21"
["reseller"]=>
NULL
["plan"]=>
string(7) "premium"
["franchise_id"]=>
NULL
["theme_id"]=>
int(7)
["theme_header_id"]=>
NULL
["office_header_id"]=>
int(7)
["office_footer_id"]=>
int(16)
["theme_footer_id"]=>
NULL
["name"]=>
string(13) "Choice Realty"
["slug"]=>
string(13) "choice-realty"
["unit_number"]=>
NULL
["street_number"]=>
string(11) "Level 1, 20"
["street_name"]=>
string(12) "Cecil Avenue"
["suburb"]=>
string(10) "Cannington"
["state"]=>
string(2) "WA"
["region"]=>
NULL
["postcode"]=>
string(4) "6107"
["country"]=>
string(2) "au"
["email"]=>
string(25) "[email protected]"
["additional_recipients"]=>
NULL
["buy_listing_inquiry_recipients"]=>
string(25) "[email protected]"
["rent_listing_inquiry_recipients"]=>
string(25) "[email protected]"
["sold_listing_inquiry_recipients"]=>
string(25) "[email protected]"
["hide_contact_button"]=>
int(0)
["hide_request_appraisal_button"]=>
int(0)
["hide_phone_number"]=>
int(0)
["hide_email_address"]=>
int(0)
["mobile"]=>
NULL
["phone"]=>
string(12) "08 9451 2600"
["fax"]=>
NULL
["website_url"]=>
string(32) "https://www.choicerealty.com.au/"
["suburbs"]=>
string(10) "Cannington"
["description"]=>
NULL
["principal"]=>
string(13) "Alex Mitchell"
["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-03-25 03:47:42"
["updated_at"]=>
string(19) "2026-02-24 19:46:38"
["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(86)
["uuid"]=>
string(36) "69f98deb-5682-41d1-8255-e868b9dacd21"
["reseller"]=>
NULL
["plan"]=>
string(7) "premium"
["franchise_id"]=>
NULL
["theme_id"]=>
int(7)
["theme_header_id"]=>
NULL
["office_header_id"]=>
int(7)
["office_footer_id"]=>
int(16)
["theme_footer_id"]=>
NULL
["name"]=>
string(13) "Choice Realty"
["slug"]=>
string(13) "choice-realty"
["unit_number"]=>
NULL
["street_number"]=>
string(11) "Level 1, 20"
["street_name"]=>
string(12) "Cecil Avenue"
["suburb"]=>
string(10) "Cannington"
["state"]=>
string(2) "WA"
["region"]=>
NULL
["postcode"]=>
string(4) "6107"
["country"]=>
string(2) "au"
["email"]=>
string(25) "[email protected]"
["additional_recipients"]=>
NULL
["buy_listing_inquiry_recipients"]=>
string(25) "[email protected]"
["rent_listing_inquiry_recipients"]=>
string(25) "[email protected]"
["sold_listing_inquiry_recipients"]=>
string(25) "[email protected]"
["hide_contact_button"]=>
int(0)
["hide_request_appraisal_button"]=>
int(0)
["hide_phone_number"]=>
int(0)
["hide_email_address"]=>
int(0)
["mobile"]=>
NULL
["phone"]=>
string(12) "08 9451 2600"
["fax"]=>
NULL
["website_url"]=>
string(32) "https://www.choicerealty.com.au/"
["suburbs"]=>
string(10) "Cannington"
["description"]=>
NULL
["principal"]=>
string(13) "Alex Mitchell"
["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-03-25 03:47:42"
["updated_at"]=>
string(19) "2026-02-24 19:46:38"
["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)#1983 (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(24)
["uuid"]=>
string(36) "3544c0ed-3a51-4513-8b72-fc4079779cda"
["office_id"]=>
int(86)
["cloudflare_id"]=>
string(36) "ff47775c-2e1f-455c-828a-1ac77e225032"
["domain"]=>
string(23) "www.choicerealty.com.au"
["path_prefix"]=>
NULL
["cdn_provider"]=>
string(10) "cloudflare"
["is_verified"]=>
int(1)
["cpanel_account_created_at"]=>
string(19) "2024-05-03 01:42:49"
["created_at"]=>
string(19) "2024-04-26 07:25:57"
["updated_at"]=>
string(19) "2024-10-16 13:32:33"
}
["original":protected]=>
array(11) {
["id"]=>
int(24)
["uuid"]=>
string(36) "3544c0ed-3a51-4513-8b72-fc4079779cda"
["office_id"]=>
int(86)
["cloudflare_id"]=>
string(36) "ff47775c-2e1f-455c-828a-1ac77e225032"
["domain"]=>
string(23) "www.choicerealty.com.au"
["path_prefix"]=>
NULL
["cdn_provider"]=>
string(10) "cloudflare"
["is_verified"]=>
int(1)
["cpanel_account_created_at"]=>
string(19) "2024-05-03 01:42:49"
["created_at"]=>
string(19) "2024-04-26 07:25:57"
["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)#1996 (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)#1998 (2) {
["items":protected]=>
array(1) {
[0]=>
object(App\Models\ThemeFont)#2009 (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.
$1,750,000
Property ID: R2-3132069 | House
**Home Open Cancelled** - Under Contract
Establish your family in one the most desired locations in the Western Suburbs!
Football fanatics dream, live in former West Coast Eagles coach Mick Malthouse's home which he owned from 1993 to 1999.
4 Shannon Rise is situated in a safe paved cul-de-sac location with all the benefits that has to offer. Living in Mount Claremont is fantastic and you will be surrounded by so many amenities that you will not have enough time to get out and enjoy them all - so close to parks and beaches plus shopping!!.
Including five bedrooms, two bathrooms and a whopping 4 separate living areas this is definitely a family home for the entertainers.
Heading through the leadlight entrance door you are greeted with a spacious sunken loungeroom to your left which leads to the raised formal dining - both featuring bay windows looking out onto your front porch. The entire home is centred around a spacious kitchen and family room where you will love having family dinners and games nights.
Upstairs you have parents private retreat with large master bedroom and private balcony overlooking front garden - perfect place to relax and have a glass of wine after kids go to bed!
Downstairs you can show off your bartending skills at your own private bar before entertaining guests under the patio and alfresco areas overlooking a stylish below ground pool with spa.
Enjoy swimming all year round? Then this is the pool for you as it has all the infrastructure for gas heating (currently not working).
The shed located at the back of the property has vehicle access down the side and can be utilised as an additional garage or workshop.
This well designed home has good structure but is need of some TLC. Bring your paintbrush, elbow grease and cleaning gloves to bring some love back to this home. This home is being sold on an "as is" basis.
Features Include:
- Master bedroom with ensuite and balcony
- 3 good sized kids bedrooms with built in robes
- 5th bedroom or study
- Games Room
- Built in bar
- Formal lounge and dining rooms
- Jarrah floorboards throughout
- Upstairs Split system AC
- Downstairs ducted AC
- Side access and extra parking
- Gas stovetop
- Marble inserted bench-top
- Spacious pantry
- Enclosed glass view bay window from the kitchen
- Bay windows in lounge and dining
- Pool with spa connected
- Gazebo next to pool
- Games room opens up to alfesco
- Patio area for entertaining
- Gas heating available for pool
Proximity:
-3min Drive to the Claremont Showgrounds
-6min Drive to Claremont Quarter
-5min Drive to Perry Lakes
-7min Drive to Swanbourne Beach
-5min Drive to the Dog Beach (South of City Beach)
-2min Drive to John XXIII College (16min Walk)
-17min Drive to the Perth CBD
-13min Drive to UWA Campus
-9min Drive to Hollywood Private Hospital
-10min Drive to Sir Charles Gardener Hospital
Council Rates: $3224 p.a.
Water Rates: $1800 p.a.
Call you REIWA and RE/MAX award winning team today to organise a private viewing- 0452 258 642
No video yet
No Inspection Time Yet
No upcoming auction yet
