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(26691)
["uuid"]=>
string(36) "e27b48e2-7bfd-46a3-8870-2bb6d2e7e624"
["etag"]=>
string(32) "8fad95249bfb25fde94408c5ed4f8db6"
["office_id"]=>
int(86)
["slug"]=>
string(47) "r2-2365978-71-ladywell-street-beckenham-wa-6107"
["featured"]=>
int(0)
["unique_id"]=>
string(10) "R2-2365978"
["tps_property_id"]=>
NULL
["tps_redirect_url"]=>
NULL
["tps_bookme_redirect_url"]=>
NULL
["tps_synced_at"]=>
NULL
["crm_internal_id"]=>
string(7) "2365978"
["provider"]=>
string(3) "rex"
["crm_created_at"]=>
string(19) "2024-04-14 22:48:50"
["crm_updated_at"]=>
string(19) "2022-06-08 13:37:19"
["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(4)
["bathrooms"]=>
int(2)
["ensuite"]=>
int(0)
["garages"]=>
int(2)
["carports"]=>
int(0)
["openspaces"]=>
int(0)
["price_display"]=>
int(1)
["price"]=>
float(433000)
["price_type"]=>
NULL
["property_guide_url"]=>
NULL
["price_view"]=>
string(30) "Under Contract By Tom Miszczak"
["address_display"]=>
int(1)
["address_unit_number"]=>
NULL
["address_street_number"]=>
string(2) "71"
["address_street"]=>
string(15) "Ladywell Street"
["address_suburb"]=>
string(9) "Beckenham"
["address_city"]=>
NULL
["address_state"]=>
string(2) "WA"
["address_postcode"]=>
string(4) "6107"
["address_country"]=>
NULL
["residential_category"]=>
NULL
["headline"]=>
string(20) "SOLD By Tom Miszczak"
["description"]=>
string(2338) "**First Home buyers still also get $10,000 and reduced Stamp Duty!**
*Already Built and move Straight in, no waiting for construction to start and finding all the hidden costs*
Tom Miszczak from RE/MAX Southern Stars is proud to present these stunning 4 bedroom, 2 bathroom, double garage Brand New family homes to the market. Built to the highest quality by Maxim Homes and absolutely feature packed, these are move in and enjoy ready.
Features include:
- 4 Bedrooms
- 2 Bathrooms
- Double Garage
- All Street Front
- Reverse Cycle Ducted Air-Conditioning
- High Ceilings
- 900mm Appliances in Kitchen
- High Quality Vinyl Plank Flooring
- Reticulated Gardens
- LED Downlights
- Dishwasher
- Under Roof Alfresco
From the moment your eyes are set upon these contemporary and quality built residences you'll gain of the sense of style they possess. Stepping in the high ceilings and flooring will immediately draw your eye to them.
Entering the luxurious master bedroom the coffered ceiling will give a taste of the space this room has. The full sized walk in robe will provide all the storage you need with the ensuite bathroom adjacent enjoying quality fittings and fixtures.
The home then opens up into a vast and open space which will provide the centre of the home for you and family for years to come. The chef's kitchen with huge stone bench, 900mm appliances, gas cooking, overhead cupboards and dishwasher will make you the envy of all your friends. The dining space provides the ideal setting for entertaining family and friends at the next dinner party and the family lounge is the place to sit back and relax after a long day.
Bedrooms 2,3 and 4 are all located towards the southern side of the home and provide enough space for a queen bed, study desk as well as built in robes and ducted A/C to each.
Out the back is the perfect sized space for the family with a great sized alfresco overlooking a grassed area for the kids and pets to run around on.
Located perfectly within easy access to Westfield Carousel, Perth City 11km away and bus directly into the city just a 3 minute walk away, this hidden pocket of the area is quickly becoming the place to be.
Call your REIWA and RE/MAX award winning agent today - Tom Miszczak on 0400 217 162 for your private viewing.
** Photos are for illustration purposes only **"
["land_area"]=>
NULL
["land_area_unit"]=>
NULL
["normalise_land_area"]=>
float(0)
["building_area"]=>
NULL
["building_area_unit"]=>
NULL
["external_link"]=>
NULL
["video_link"]=>
NULL
["virtual_tour_link"]=>
NULL
["floorplan"]=>
NULL
["lat"]=>
string(12) "-32.03073650"
["lng"]=>
string(12) "115.96265710"
["display_sold_price"]=>
int(0)
["sold_price"]=>
NULL
["sold_date"]=>
NULL
["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"]=>
NULL
["marketing_bedrooms"]=>
NULL
["marketing_bathrooms"]=>
NULL
["is_demo_data"]=>
int(0)
["is_hidden"]=>
int(0)
["created_at"]=>
string(19) "2024-04-14 22:48:50"
["updated_at"]=>
string(19) "2024-10-31 09:19:13"
["leased_date"]=>
NULL
["location_id"]=>
int(205)
["studies"]=>
int(0)
["custom_attributes"]=>
NULL
["commercial_listing_type"]=>
NULL
["address_searchable"]=>
string(47) "71 ladywell street beckenham wa 6107 r2-2365978"
}
["original":protected]=>
array(86) {
["id"]=>
int(26691)
["uuid"]=>
string(36) "e27b48e2-7bfd-46a3-8870-2bb6d2e7e624"
["etag"]=>
string(32) "8fad95249bfb25fde94408c5ed4f8db6"
["office_id"]=>
int(86)
["slug"]=>
string(47) "r2-2365978-71-ladywell-street-beckenham-wa-6107"
["featured"]=>
int(0)
["unique_id"]=>
string(10) "R2-2365978"
["tps_property_id"]=>
NULL
["tps_redirect_url"]=>
NULL
["tps_bookme_redirect_url"]=>
NULL
["tps_synced_at"]=>
NULL
["crm_internal_id"]=>
string(7) "2365978"
["provider"]=>
string(3) "rex"
["crm_created_at"]=>
string(19) "2024-04-14 22:48:50"
["crm_updated_at"]=>
string(19) "2022-06-08 13:37:19"
["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(4)
["bathrooms"]=>
int(2)
["ensuite"]=>
int(0)
["garages"]=>
int(2)
["carports"]=>
int(0)
["openspaces"]=>
int(0)
["price_display"]=>
int(1)
["price"]=>
float(433000)
["price_type"]=>
NULL
["property_guide_url"]=>
NULL
["price_view"]=>
string(30) "Under Contract By Tom Miszczak"
["address_display"]=>
int(1)
["address_unit_number"]=>
NULL
["address_street_number"]=>
string(2) "71"
["address_street"]=>
string(15) "Ladywell Street"
["address_suburb"]=>
string(9) "Beckenham"
["address_city"]=>
NULL
["address_state"]=>
string(2) "WA"
["address_postcode"]=>
string(4) "6107"
["address_country"]=>
NULL
["residential_category"]=>
NULL
["headline"]=>
string(20) "SOLD By Tom Miszczak"
["description"]=>
string(2338) "**First Home buyers still also get $10,000 and reduced Stamp Duty!**
*Already Built and move Straight in, no waiting for construction to start and finding all the hidden costs*
Tom Miszczak from RE/MAX Southern Stars is proud to present these stunning 4 bedroom, 2 bathroom, double garage Brand New family homes to the market. Built to the highest quality by Maxim Homes and absolutely feature packed, these are move in and enjoy ready.
Features include:
- 4 Bedrooms
- 2 Bathrooms
- Double Garage
- All Street Front
- Reverse Cycle Ducted Air-Conditioning
- High Ceilings
- 900mm Appliances in Kitchen
- High Quality Vinyl Plank Flooring
- Reticulated Gardens
- LED Downlights
- Dishwasher
- Under Roof Alfresco
From the moment your eyes are set upon these contemporary and quality built residences you'll gain of the sense of style they possess. Stepping in the high ceilings and flooring will immediately draw your eye to them.
Entering the luxurious master bedroom the coffered ceiling will give a taste of the space this room has. The full sized walk in robe will provide all the storage you need with the ensuite bathroom adjacent enjoying quality fittings and fixtures.
The home then opens up into a vast and open space which will provide the centre of the home for you and family for years to come. The chef's kitchen with huge stone bench, 900mm appliances, gas cooking, overhead cupboards and dishwasher will make you the envy of all your friends. The dining space provides the ideal setting for entertaining family and friends at the next dinner party and the family lounge is the place to sit back and relax after a long day.
Bedrooms 2,3 and 4 are all located towards the southern side of the home and provide enough space for a queen bed, study desk as well as built in robes and ducted A/C to each.
Out the back is the perfect sized space for the family with a great sized alfresco overlooking a grassed area for the kids and pets to run around on.
Located perfectly within easy access to Westfield Carousel, Perth City 11km away and bus directly into the city just a 3 minute walk away, this hidden pocket of the area is quickly becoming the place to be.
Call your REIWA and RE/MAX award winning agent today - Tom Miszczak on 0400 217 162 for your private viewing.
** Photos are for illustration purposes only **"
["land_area"]=>
NULL
["land_area_unit"]=>
NULL
["normalise_land_area"]=>
float(0)
["building_area"]=>
NULL
["building_area_unit"]=>
NULL
["external_link"]=>
NULL
["video_link"]=>
NULL
["virtual_tour_link"]=>
NULL
["floorplan"]=>
NULL
["lat"]=>
string(12) "-32.03073650"
["lng"]=>
string(12) "115.96265710"
["display_sold_price"]=>
int(0)
["sold_price"]=>
NULL
["sold_date"]=>
NULL
["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"]=>
NULL
["marketing_bedrooms"]=>
NULL
["marketing_bathrooms"]=>
NULL
["is_demo_data"]=>
int(0)
["is_hidden"]=>
int(0)
["created_at"]=>
string(19) "2024-04-14 22:48:50"
["updated_at"]=>
string(19) "2024-10-31 09:19:13"
["leased_date"]=>
NULL
["location_id"]=>
int(205)
["studies"]=>
int(0)
["custom_attributes"]=>
NULL
["commercial_listing_type"]=>
NULL
["address_searchable"]=>
string(47) "71 ladywell street beckenham wa 6107 r2-2365978"
}
["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)#1430 (2) {
["items":protected]=>
array(7) {
[0]=>
object(App\Models\ListingImage)#1433 (30) {
["connection":protected]=>
string(5) "mysql"
["table":protected]=>
string(14) "listing_images"
["primaryKey":protected]=>
string(2) "id"
["keyType":protected]=>
string(3) "int"
["incrementing"]=>
bool(true)
["with":protected]=>
array(0) {
}
["withCount":protected]=>
array(0) {
}
["preventsLazyLoading"]=>
bool(false)
["perPage":protected]=>
int(15)
["exists"]=>
bool(true)
["wasRecentlyCreated"]=>
bool(false)
["escapeWhenCastingToString":protected]=>
bool(false)
["attributes":protected]=>
array(6) {
["id"]=>
int(21167140)
["listing_id"]=>
int(26691)
["code"]=>
string(1) "m"
["url"]=>
string(179) "https://wbcms-listings-photos.s3.ap-southeast-2.amazonaws.com/e7d19523-ed07-4cbe-a318-42ba46ee660d/76031993-c5d9-4481-bd2c-2ffc06fed86d.FG7E8WBszQjmIeZ0MtnI7EC0Bo9LLBzGvn_mb4FjyQc"
["created_at"]=>
string(19) "2024-10-31 09:01:33"
["updated_at"]=>
string(19) "2024-10-31 09:01:33"
}
["original":protected]=>
array(6) {
["id"]=>
int(21167140)
["listing_id"]=>
int(26691)
["code"]=>
string(1) "m"
["url"]=>
string(179) "https://wbcms-listings-photos.s3.ap-southeast-2.amazonaws.com/e7d19523-ed07-4cbe-a318-42ba46ee660d/76031993-c5d9-4481-bd2c-2ffc06fed86d.FG7E8WBszQjmIeZ0MtnI7EC0Bo9LLBzGvn_mb4FjyQc"
["created_at"]=>
string(19) "2024-10-31 09:01:33"
["updated_at"]=>
string(19) "2024-10-31 09:01:33"
}
["changes":protected]=>
array(0) {
}
["casts":protected]=>
array(0) {
}
["classCastCache":protected]=>
array(0) {
}
["attributeCastCache":protected]=>
array(0) {
}
["dateFormat":protected]=>
NULL
["appends":protected]=>
array(2) {
[0]=>
string(9) "thumbnail"
[1]=>
string(8) "webImage"
}
["dispatchesEvents":protected]=>
array(0) {
}
["observables":protected]=>
array(0) {
}
["relations":protected]=>
array(0) {
}
["touches":protected]=>
array(0) {
}
["timestamps"]=>
bool(true)
["usesUniqueIds"]=>
bool(false)
["hidden":protected]=>
array(0) {
}
["visible":protected]=>
array(0) {
}
["fillable":protected]=>
array(3) {
[0]=>
string(10) "listing_id"
[1]=>
string(4) "code"
[2]=>
string(3) "url"
}
["guarded":protected]=>
array(1) {
[0]=>
string(1) "*"
}
}
[1]=>
object(App\Models\ListingImage)#1432 (30) {
["connection":protected]=>
string(5) "mysql"
["table":protected]=>
string(14) "listing_images"
["primaryKey":protected]=>
string(2) "id"
["keyType":protected]=>
string(3) "int"
["incrementing"]=>
bool(true)
["with":protected]=>
array(0) {
}
["withCount":protected]=>
array(0) {
}
["preventsLazyLoading"]=>
bool(false)
["perPage":protected]=>
int(15)
["exists"]=>
bool(true)
["wasRecentlyCreated"]=>
bool(false)
["escapeWhenCastingToString":protected]=>
bool(false)
["attributes":protected]=>
array(6) {
["id"]=>
int(21167141)
["listing_id"]=>
int(26691)
["code"]=>
string(1) "a"
["url"]=>
string(179) "https://wbcms-listings-photos.s3.ap-southeast-2.amazonaws.com/e7d19523-ed07-4cbe-a318-42ba46ee660d/0875fcac-266a-4584-8077-8e8dad2c48c5.YK5YwNmMzxxmSzF0pE8pmKPdIz6lHvbJa-h67YefbkY"
["created_at"]=>
string(19) "2024-10-31 09:01:33"
["updated_at"]=>
string(19) "2024-10-31 09:01:33"
}
["original":protected]=>
array(6) {
["id"]=>
int(21167141)
["listing_id"]=>
int(26691)
["code"]=>
string(1) "a"
["url"]=>
string(179) "https://wbcms-listings-photos.s3.ap-southeast-2.amazonaws.com/e7d19523-ed07-4cbe-a318-42ba46ee660d/0875fcac-266a-4584-8077-8e8dad2c48c5.YK5YwNmMzxxmSzF0pE8pmKPdIz6lHvbJa-h67YefbkY"
["created_at"]=>
string(19) "2024-10-31 09:01:33"
["updated_at"]=>
string(19) "2024-10-31 09:01:33"
}
["changes":protected]=>
array(0) {
}
["casts":protected]=>
array(0) {
}
["classCastCache":protected]=>
array(0) {
}
["attributeCastCache":protected]=>
array(0) {
}
["dateFormat":protected]=>
NULL
["appends":protected]=>
array(2) {
[0]=>
string(9) "thumbnail"
[1]=>
string(8) "webImage"
}
["dispatchesEvents":protected]=>
array(0) {
}
["observables":protected]=>
array(0) {
}
["relations":protected]=>
array(0) {
}
["touches":protected]=>
array(0) {
}
["timestamps"]=>
bool(true)
["usesUniqueIds"]=>
bool(false)
["hidden":protected]=>
array(0) {
}
["visible":protected]=>
array(0) {
}
["fillable":protected]=>
array(3) {
[0]=>
string(10) "listing_id"
[1]=>
string(4) "code"
[2]=>
string(3) "url"
}
["guarded":protected]=>
array(1) {
[0]=>
string(1) "*"
}
}
[2]=>
object(App\Models\ListingImage)#1435 (30) {
["connection":protected]=>
string(5) "mysql"
["table":protected]=>
string(14) "listing_images"
["primaryKey":protected]=>
string(2) "id"
["keyType":protected]=>
string(3) "int"
["incrementing"]=>
bool(true)
["with":protected]=>
array(0) {
}
["withCount":protected]=>
array(0) {
}
["preventsLazyLoading"]=>
bool(false)
["perPage":protected]=>
int(15)
["exists"]=>
bool(true)
["wasRecentlyCreated"]=>
bool(false)
["escapeWhenCastingToString":protected]=>
bool(false)
["attributes":protected]=>
array(6) {
["id"]=>
int(21167142)
["listing_id"]=>
int(26691)
["code"]=>
string(1) "b"
["url"]=>
string(179) "https://wbcms-listings-photos.s3.ap-southeast-2.amazonaws.com/e7d19523-ed07-4cbe-a318-42ba46ee660d/444d20ce-7e42-4c8a-a280-e0e734fd39b0.IntUVhba_9XMZxoGIFwrTWSJssHHayrAChRvn9edQLM"
["created_at"]=>
string(19) "2024-10-31 09:01:33"
["updated_at"]=>
string(19) "2024-10-31 09:01:33"
}
["original":protected]=>
array(6) {
["id"]=>
int(21167142)
["listing_id"]=>
int(26691)
["code"]=>
string(1) "b"
["url"]=>
string(179) "https://wbcms-listings-photos.s3.ap-southeast-2.amazonaws.com/e7d19523-ed07-4cbe-a318-42ba46ee660d/444d20ce-7e42-4c8a-a280-e0e734fd39b0.IntUVhba_9XMZxoGIFwrTWSJssHHayrAChRvn9edQLM"
["created_at"]=>
string(19) "2024-10-31 09:01:33"
["updated_at"]=>
string(19) "2024-10-31 09:01:33"
}
["changes":protected]=>
array(0) {
}
["casts":protected]=>
array(0) {
}
["classCastCache":protected]=>
array(0) {
}
["attributeCastCache":protected]=>
array(0) {
}
["dateFormat":protected]=>
NULL
["appends":protected]=>
array(2) {
[0]=>
string(9) "thumbnail"
[1]=>
string(8) "webImage"
}
["dispatchesEvents":protected]=>
array(0) {
}
["observables":protected]=>
array(0) {
}
["relations":protected]=>
array(0) {
}
["touches":protected]=>
array(0) {
}
["timestamps"]=>
bool(true)
["usesUniqueIds"]=>
bool(false)
["hidden":protected]=>
array(0) {
}
["visible":protected]=>
array(0) {
}
["fillable":protected]=>
array(3) {
[0]=>
string(10) "listing_id"
[1]=>
string(4) "code"
[2]=>
string(3) "url"
}
["guarded":protected]=>
array(1) {
[0]=>
string(1) "*"
}
}
[3]=>
object(App\Models\ListingImage)#1436 (30) {
["connection":protected]=>
string(5) "mysql"
["table":protected]=>
string(14) "listing_images"
["primaryKey":protected]=>
string(2) "id"
["keyType":protected]=>
string(3) "int"
["incrementing"]=>
bool(true)
["with":protected]=>
array(0) {
}
["withCount":protected]=>
array(0) {
}
["preventsLazyLoading"]=>
bool(false)
["perPage":protected]=>
int(15)
["exists"]=>
bool(true)
["wasRecentlyCreated"]=>
bool(false)
["escapeWhenCastingToString":protected]=>
bool(false)
["attributes":protected]=>
array(6) {
["id"]=>
int(21167143)
["listing_id"]=>
int(26691)
["code"]=>
string(1) "c"
["url"]=>
string(179) "https://wbcms-listings-photos.s3.ap-southeast-2.amazonaws.com/e7d19523-ed07-4cbe-a318-42ba46ee660d/5cef3909-2d15-4986-b027-568a07ff9bf4.WnJe5jZ5qH8eMDixr6tVfNLo92CAgJSRskKziG-_elI"
["created_at"]=>
string(19) "2024-10-31 09:01:33"
["updated_at"]=>
string(19) "2024-10-31 09:01:33"
}
["original":protected]=>
array(6) {
["id"]=>
int(21167143)
["listing_id"]=>
int(26691)
["code"]=>
string(1) "c"
["url"]=>
string(179) "https://wbcms-listings-photos.s3.ap-southeast-2.amazonaws.com/e7d19523-ed07-4cbe-a318-42ba46ee660d/5cef3909-2d15-4986-b027-568a07ff9bf4.WnJe5jZ5qH8eMDixr6tVfNLo92CAgJSRskKziG-_elI"
["created_at"]=>
string(19) "2024-10-31 09:01:33"
["updated_at"]=>
string(19) "2024-10-31 09:01:33"
}
["changes":protected]=>
array(0) {
}
["casts":protected]=>
array(0) {
}
["classCastCache":protected]=>
array(0) {
}
["attributeCastCache":protected]=>
array(0) {
}
["dateFormat":protected]=>
NULL
["appends":protected]=>
array(2) {
[0]=>
string(9) "thumbnail"
[1]=>
string(8) "webImage"
}
["dispatchesEvents":protected]=>
array(0) {
}
["observables":protected]=>
array(0) {
}
["relations":protected]=>
array(0) {
}
["touches":protected]=>
array(0) {
}
["timestamps"]=>
bool(true)
["usesUniqueIds"]=>
bool(false)
["hidden":protected]=>
array(0) {
}
["visible":protected]=>
array(0) {
}
["fillable":protected]=>
array(3) {
[0]=>
string(10) "listing_id"
[1]=>
string(4) "code"
[2]=>
string(3) "url"
}
["guarded":protected]=>
array(1) {
[0]=>
string(1) "*"
}
}
[4]=>
object(App\Models\ListingImage)#1439 (30) {
["connection":protected]=>
string(5) "mysql"
["table":protected]=>
string(14) "listing_images"
["primaryKey":protected]=>
string(2) "id"
["keyType":protected]=>
string(3) "int"
["incrementing"]=>
bool(true)
["with":protected]=>
array(0) {
}
["withCount":protected]=>
array(0) {
}
["preventsLazyLoading"]=>
bool(false)
["perPage":protected]=>
int(15)
["exists"]=>
bool(true)
["wasRecentlyCreated"]=>
bool(false)
["escapeWhenCastingToString":protected]=>
bool(false)
["attributes":protected]=>
array(6) {
["id"]=>
int(21167144)
["listing_id"]=>
int(26691)
["code"]=>
string(1) "d"
["url"]=>
string(179) "https://wbcms-listings-photos.s3.ap-southeast-2.amazonaws.com/e7d19523-ed07-4cbe-a318-42ba46ee660d/fc0a68da-c60d-4bd3-956f-e4a18aab9ac2.KDgIHkc42aK5Ilgm6AWQxpOIpZWtqFFP1BqsVvqZWcE"
["created_at"]=>
string(19) "2024-10-31 09:01:33"
["updated_at"]=>
string(19) "2024-10-31 09:01:33"
}
["original":protected]=>
array(6) {
["id"]=>
int(21167144)
["listing_id"]=>
int(26691)
["code"]=>
string(1) "d"
["url"]=>
string(179) "https://wbcms-listings-photos.s3.ap-southeast-2.amazonaws.com/e7d19523-ed07-4cbe-a318-42ba46ee660d/fc0a68da-c60d-4bd3-956f-e4a18aab9ac2.KDgIHkc42aK5Ilgm6AWQxpOIpZWtqFFP1BqsVvqZWcE"
["created_at"]=>
string(19) "2024-10-31 09:01:33"
["updated_at"]=>
string(19) "2024-10-31 09:01:33"
}
["changes":protected]=>
array(0) {
}
["casts":protected]=>
array(0) {
}
["classCastCache":protected]=>
array(0) {
}
["attributeCastCache":protected]=>
array(0) {
}
["dateFormat":protected]=>
NULL
["appends":protected]=>
array(2) {
[0]=>
string(9) "thumbnail"
[1]=>
string(8) "webImage"
}
["dispatchesEvents":protected]=>
array(0) {
}
["observables":protected]=>
array(0) {
}
["relations":protected]=>
array(0) {
}
["touches":protected]=>
array(0) {
}
["timestamps"]=>
bool(true)
["usesUniqueIds"]=>
bool(false)
["hidden":protected]=>
array(0) {
}
["visible":protected]=>
array(0) {
}
["fillable":protected]=>
array(3) {
[0]=>
string(10) "listing_id"
[1]=>
string(4) "code"
[2]=>
string(3) "url"
}
["guarded":protected]=>
array(1) {
[0]=>
string(1) "*"
}
}
[5]=>
object(App\Models\ListingImage)#1440 (30) {
["connection":protected]=>
string(5) "mysql"
["table":protected]=>
string(14) "listing_images"
["primaryKey":protected]=>
string(2) "id"
["keyType":protected]=>
string(3) "int"
["incrementing"]=>
bool(true)
["with":protected]=>
array(0) {
}
["withCount":protected]=>
array(0) {
}
["preventsLazyLoading"]=>
bool(false)
["perPage":protected]=>
int(15)
["exists"]=>
bool(true)
["wasRecentlyCreated"]=>
bool(false)
["escapeWhenCastingToString":protected]=>
bool(false)
["attributes":protected]=>
array(6) {
["id"]=>
int(21167145)
["listing_id"]=>
int(26691)
["code"]=>
string(1) "e"
["url"]=>
string(179) "https://wbcms-listings-photos.s3.ap-southeast-2.amazonaws.com/e7d19523-ed07-4cbe-a318-42ba46ee660d/447cf61c-15f7-4323-adfa-228b70697179.qxGPDIH3lXTv9aIGOKyjNZfMKfZTR8DzUtjw7te4DUI"
["created_at"]=>
string(19) "2024-10-31 09:01:33"
["updated_at"]=>
string(19) "2024-10-31 09:01:33"
}
["original":protected]=>
array(6) {
["id"]=>
int(21167145)
["listing_id"]=>
int(26691)
["code"]=>
string(1) "e"
["url"]=>
string(179) "https://wbcms-listings-photos.s3.ap-southeast-2.amazonaws.com/e7d19523-ed07-4cbe-a318-42ba46ee660d/447cf61c-15f7-4323-adfa-228b70697179.qxGPDIH3lXTv9aIGOKyjNZfMKfZTR8DzUtjw7te4DUI"
["created_at"]=>
string(19) "2024-10-31 09:01:33"
["updated_at"]=>
string(19) "2024-10-31 09:01:33"
}
["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) "*"
}
}
[6]=>
object(App\Models\ListingImage)#1441 (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(21167146)
["listing_id"]=>
int(26691)
["code"]=>
string(1) "f"
["url"]=>
string(179) "https://wbcms-listings-photos.s3.ap-southeast-2.amazonaws.com/e7d19523-ed07-4cbe-a318-42ba46ee660d/3d2e4e1f-614e-42bd-ba55-60536611af73.-dZxgazZg1znEGvkr_kd12jdHSOzf4FxzKukabnNRb4"
["created_at"]=>
string(19) "2024-10-31 09:01:33"
["updated_at"]=>
string(19) "2024-10-31 09:01:33"
}
["original":protected]=>
array(6) {
["id"]=>
int(21167146)
["listing_id"]=>
int(26691)
["code"]=>
string(1) "f"
["url"]=>
string(179) "https://wbcms-listings-photos.s3.ap-southeast-2.amazonaws.com/e7d19523-ed07-4cbe-a318-42ba46ee660d/3d2e4e1f-614e-42bd-ba55-60536611af73.-dZxgazZg1znEGvkr_kd12jdHSOzf4FxzKukabnNRb4"
["created_at"]=>
string(19) "2024-10-31 09:01:33"
["updated_at"]=>
string(19) "2024-10-31 09:01:33"
}
["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)#2033 (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)#1985 (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)#1995 (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)#1993 (2) {
["items":protected]=>
array(1) {
[0]=>
object(App\Models\ThemeFont)#2008 (30) {
["connection":protected]=>
string(5) "mysql"
["table":protected]=>
string(11) "theme_fonts"
["primaryKey":protected]=>
string(2) "id"
["keyType":protected]=>
string(3) "int"
["incrementing"]=>
bool(true)
["with":protected]=>
array(0) {
}
["withCount":protected]=>
array(0) {
}
["preventsLazyLoading"]=>
bool(false)
["perPage":protected]=>
int(15)
["exists"]=>
bool(true)
["wasRecentlyCreated"]=>
bool(false)
["escapeWhenCastingToString":protected]=>
bool(false)
["attributes":protected]=>
array(8) {
["id"]=>
int(15)
["uuid"]=>
string(36) "32e8a096-3088-4e24-92b0-915e1bfcafbc"
["theme_id"]=>
int(7)
["provider"]=>
string(6) "google"
["name"]=>
string(12) "Varela Round"
["url"]=>
string(60) "https://fonts.googleapis.com/css?family=Varela Round:regular"
["created_at"]=>
string(19) "2023-12-11 21:41:04"
["updated_at"]=>
string(19) "2023-12-11 21:41:04"
}
["original":protected]=>
array(8) {
["id"]=>
int(15)
["uuid"]=>
string(36) "32e8a096-3088-4e24-92b0-915e1bfcafbc"
["theme_id"]=>
int(7)
["provider"]=>
string(6) "google"
["name"]=>
string(12) "Varela Round"
["url"]=>
string(60) "https://fonts.googleapis.com/css?family=Varela Round:regular"
["created_at"]=>
string(19) "2023-12-11 21:41:04"
["updated_at"]=>
string(19) "2023-12-11 21:41:04"
}
["changes":protected]=>
array(0) {
}
["casts":protected]=>
array(0) {
}
["classCastCache":protected]=>
array(0) {
}
["attributeCastCache":protected]=>
array(0) {
}
["dateFormat":protected]=>
NULL
["appends":protected]=>
array(0) {
}
["dispatchesEvents":protected]=>
array(0) {
}
["observables":protected]=>
array(0) {
}
["relations":protected]=>
array(0) {
}
["touches":protected]=>
array(0) {
}
["timestamps"]=>
bool(true)
["usesUniqueIds"]=>
bool(false)
["hidden":protected]=>
array(0) {
}
["visible":protected]=>
array(0) {
}
["fillable":protected]=>
array(4) {
[0]=>
string(8) "theme_id"
[1]=>
string(8) "provider"
[2]=>
string(4) "name"
[3]=>
string(3) "url"
}
["guarded":protected]=>
array(1) {
[0]=>
string(1) "*"
}
}
}
["escapeWhenCastingToString":protected]=>
bool(false)
}
}
["touches":protected]=>
array(0) {
}
["timestamps"]=>
bool(true)
["usesUniqueIds"]=>
bool(false)
["hidden":protected]=>
array(0) {
}
["visible":protected]=>
array(0) {
}
["fillable":protected]=>
array(6) {
[0]=>
string(4) "uuid"
[1]=>
string(4) "name"
[2]=>
string(14) "variables_scss"
[3]=>
string(4) "scss"
[4]=>
string(12) "compiled_css"
[5]=>
string(2) "js"
}
["guarded":protected]=>
array(1) {
[0]=>
string(1) "*"
}
}
}
["touches":protected]=>
array(0) {
}
["timestamps"]=>
bool(true)
["usesUniqueIds"]=>
bool(false)
["hidden":protected]=>
array(0) {
}
["visible":protected]=>
array(0) {
}
["fillable":protected]=>
array(47) {
[0]=>
string(11) "location_id"
[1]=>
string(8) "reseller"
[2]=>
string(4) "plan"
[3]=>
string(12) "franchise_id"
[4]=>
string(8) "theme_id"
[5]=>
string(15) "theme_header_id"
[6]=>
string(15) "theme_footer_id"
[7]=>
string(16) "office_footer_id"
[8]=>
string(16) "office_header_id"
[9]=>
string(4) "name"
[10]=>
string(11) "unit_number"
[11]=>
string(13) "street_number"
[12]=>
string(11) "street_name"
[13]=>
string(6) "suburb"
[14]=>
string(5) "state"
[15]=>
string(8) "postcode"
[16]=>
string(7) "country"
[17]=>
string(5) "email"
[18]=>
string(21) "additional_recipients"
[19]=>
string(6) "mobile"
[20]=>
string(5) "phone"
[21]=>
string(3) "fax"
[22]=>
string(7) "is_demo"
[23]=>
string(11) "is_showcase"
[24]=>
string(12) "is_demo_data"
[25]=>
string(19) "is_franchise_office"
[26]=>
string(25) "is_agent_crm_sync_enabled"
[27]=>
string(9) "is_active"
[28]=>
string(24) "demo_data_initialised_at"
[29]=>
string(6) "region"
[30]=>
string(11) "website_url"
[31]=>
string(7) "suburbs"
[32]=>
string(11) "description"
[33]=>
string(9) "principal"
[34]=>
string(12) "office_image"
[35]=>
string(4) "slug"
[36]=>
string(18) "deployed_office_id"
[37]=>
string(13) "hide_showcase"
[38]=>
string(30) "buy_listing_inquiry_recipients"
[39]=>
string(31) "rent_listing_inquiry_recipients"
[40]=>
string(31) "sold_listing_inquiry_recipients"
[41]=>
string(19) "hide_contact_button"
[42]=>
string(29) "hide_request_appraisal_button"
[43]=>
string(17) "hide_phone_number"
[44]=>
string(18) "hide_email_address"
[45]=>
string(14) "mail_from_name"
[46]=>
string(13) "mail_reply_to"
}
["guarded":protected]=>
array(1) {
[0]=>
string(1) "*"
}
["observers":protected]=>
array(1) {
["App\Models\Office"]=>
array(1) {
[0]=>
string(28) "App\Observers\OfficeObserver"
}
}
["slugOptions":protected]=>
uninitialized(Spatie\Sluggable\SlugOptions)
["pageSizeLimit":"App\Models\Office":private]=>
int(500)
}
}
["touches":protected]=>
array(0) {
}
["timestamps"]=>
bool(true)
["usesUniqueIds"]=>
bool(false)
["hidden":protected]=>
array(0) {
}
["visible":protected]=>
array(0) {
}
["fillable":protected]=>
array(0) {
}
["guarded":protected]=>
array(6) {
[0]=>
string(2) "id"
[1]=>
string(4) "uuid"
[2]=>
string(9) "office_id"
[3]=>
string(10) "created_by"
[4]=>
string(10) "updated_by"
[5]=>
string(10) "deleted_at"
}
["slugOptions":protected]=>
uninitialized(Spatie\Sluggable\SlugOptions)
}
Virtual Tour is not available for this listing.
Sold
Property ID: R2-2365978 | House
**First Home buyers still also get $10,000 and reduced Stamp Duty!**
*Already Built and move Straight in, no waiting for construction to start and finding all the hidden costs*
Tom Miszczak from RE/MAX Southern Stars is proud to present these stunning 4 bedroom, 2 bathroom, double garage Brand New family homes to the market. Built to the highest quality by Maxim Homes and absolutely feature packed, these are move in and enjoy ready.
Features include:
- 4 Bedrooms
- 2 Bathrooms
- Double Garage
- All Street Front
- Reverse Cycle Ducted Air-Conditioning
- High Ceilings
- 900mm Appliances in Kitchen
- High Quality Vinyl Plank Flooring
- Reticulated Gardens
- LED Downlights
- Dishwasher
- Under Roof Alfresco
From the moment your eyes are set upon these contemporary and quality built residences you'll gain of the sense of style they possess. Stepping in the high ceilings and flooring will immediately draw your eye to them.
Entering the luxurious master bedroom the coffered ceiling will give a taste of the space this room has. The full sized walk in robe will provide all the storage you need with the ensuite bathroom adjacent enjoying quality fittings and fixtures.
The home then opens up into a vast and open space which will provide the centre of the home for you and family for years to come. The chef's kitchen with huge stone bench, 900mm appliances, gas cooking, overhead cupboards and dishwasher will make you the envy of all your friends. The dining space provides the ideal setting for entertaining family and friends at the next dinner party and the family lounge is the place to sit back and relax after a long day.
Bedrooms 2,3 and 4 are all located towards the southern side of the home and provide enough space for a queen bed, study desk as well as built in robes and ducted A/C to each.
Out the back is the perfect sized space for the family with a great sized alfresco overlooking a grassed area for the kids and pets to run around on.
Located perfectly within easy access to Westfield Carousel, Perth City 11km away and bus directly into the city just a 3 minute walk away, this hidden pocket of the area is quickly becoming the place to be.
Call your REIWA and RE/MAX award winning agent today - Tom Miszczak on 0400 217 162 for your private viewing.
** Photos are for illustration purposes only **
No video yet