SOLD
Gallery

25 Bagnal Road, Mangawhai Heads Northland 0505

Floorplan

25 Bagnal Road, Mangawhai Heads Northland 0505


No floorplan

Virtual Tour

25 Bagnal Road, Mangawhai Heads Northland 0505


Virtual Tour is not available for this listing.

Listing id: 20600180

  • 5
  • 3
  • 4
  • 6
  • 8954 sqm
  • 276 sqm

Sold


Key features
* 8,948 sqm approx block; bush, river & citrus grove
* 3 bed 2 bath with double internal garage
* Second two-bedroom sleepout
* 2 small sheds, green house and carport
* Plenty more flat land for additional uses

This outstanding 2.2 acre approx property is packed with features for family, work, lifestyle and income enjoyment.

The three bedroom private main home, with panoramic bush views, was built with family in mind with the master suite at one end and the rest of the bedrooms on the other side. Entertainers will love the numerous outdoor areas and there is plenty of room for a pool.

The secondary building is a completely self-contained and separately accessed two-bedroom Versatile, ideal for independent family.

Both buildings have great garaging. Private, mature, cultivated grounds and gardens add enormous appeal. A more sustainable organic lifestyle can be achieved thanks to the abundance of fruit trees, the greenhouse and vegetable gardens.

Just string your lights up down in the native bush clearing for parties, and you will be a world away from everyone!

  • Address25 Bagnal Road, Mangawhai Heads Northland 0505
  • PriceSold
  • TypeAcreage / Semi - Rural
  • Bedrooms5 Bedrooms
  • Bathrooms3 Bathrooms
  • Parking3 Car Garaging
  • Land Area8954 m2
  • Floor Area276 m2
  • Listing ID20600180
  • OfficeRE/MAX Realty Group - Warkworth

  • Deck
object(App\Models\Listing)#2322 (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(3) { [0]=> string(6) "agents" [1]=> string(9) "documents" [2]=> 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(75) { ["id"]=> int(9167) ["uuid"]=> string(36) "1d947171-d94f-4e50-afae-81c5392cca38" ["etag"]=> NULL ["office_id"]=> int(16) ["slug"]=> string(54) "20600180-25-bagnal-road-mangawhai-heads-northland-0505" ["featured"]=> int(0) ["unique_id"]=> string(8) "20600180" ["crm_internal_id"]=> NULL ["provider"]=> string(3) "osl" ["crm_created_at"]=> string(19) "2021-02-04 00:00:00" ["crm_updated_at"]=> string(19) "2024-02-15 17:02:47" ["category"]=> string(11) "residential" ["sub_category"]=> string(3) "Buy" ["status"]=> string(4) "sold" ["listing_type"]=> string(22) "Acreage / Semi - Rural" ["authority"]=> string(9) "exclusive" ["set_sale_on"]=> NULL ["tenancy"]=> NULL ["under_offer"]=> string(3) "yes" ["under_contract"]=> int(0) ["new_construction"]=> int(0) ["bedrooms"]=> int(5) ["bathrooms"]=> int(3) ["ensuite"]=> int(0) ["garages"]=> int(3) ["carports"]=> int(1) ["openspaces"]=> int(6) ["price_display"]=> int(1) ["price"]=> float(1179000) ["price_type"]=> NULL ["property_guide_url"]=> NULL ["price_view"]=> string(23) "Asking Price $1,179,000" ["address_display"]=> int(1) ["address_unit_number"]=> NULL ["address_street_number"]=> string(2) "25" ["address_street"]=> string(11) "Bagnal Road" ["address_suburb"]=> string(15) "Mangawhai Heads" ["address_state"]=> string(9) "Northland" ["address_postcode"]=> string(4) "0505" ["address_country"]=> string(11) "New Zealand" ["residential_category"]=> NULL ["headline"]=> string(26) "Lifestyle Offering Options" ["description"]=> string(1093) "Key features * 8,948 sqm approx block; bush, river & citrus grove * 3 bed 2 bath with double internal garage * Second two-bedroom sleepout * 2 small sheds, green house and carport * Plenty more flat land for additional uses This outstanding 2.2 acre approx property is packed with features for family, work, lifestyle and income enjoyment. The three bedroom private main home, with panoramic bush views, was built with family in mind with the master suite at one end and the rest of the bedrooms on the other side. Entertainers will love the numerous outdoor areas and there is plenty of room for a pool. The secondary building is a completely self-contained and separately accessed two-bedroom Versatile, ideal for independent family. Both buildings have great garaging. Private, mature, cultivated grounds and gardens add enormous appeal. A more sustainable organic lifestyle can be achieved thanks to the abundance of fruit trees, the greenhouse and vegetable gardens. Just string your lights up down in the native bush clearing for parties, and you will be a world away from everyone!" ["land_area"]=> string(4) "8954" ["land_area_unit"]=> string(11) "squaremeter" ["normalise_land_area"]=> float(8954) ["building_area"]=> string(3) "276" ["building_area_unit"]=> string(11) "squaremeter" ["external_link"]=> NULL ["video_link"]=> NULL ["virtual_tour_link"]=> NULL ["floorplan"]=> NULL ["lat"]=> string(12) "-36.12561500" ["lng"]=> string(12) "174.57593100" ["display_sold_price"]=> int(0) ["sold_price"]=> NULL ["sold_date"]=> string(19) "2021-02-04 00:00:00" ["auction_date"]=> NULL ["auction_venue"]=> NULL ["bond"]=> NULL ["date_available"]=> NULL ["statement_of_information"]=> NULL ["vault_etable_url"]=> NULL ["yield"]=> float(0) ["title_type"]=> NULL ["funding_type"]=> NULL ["car_spaces"]=> NULL ["marketing_bedrooms"]=> NULL ["marketing_bathrooms"]=> NULL ["is_demo_data"]=> int(0) ["is_hidden"]=> int(0) ["created_at"]=> string(19) "2021-02-04 00:00:00" ["updated_at"]=> string(19) "2024-02-15 17:02:47" ["leased_date"]=> NULL ["location_id"]=> NULL } ["original":protected]=> array(75) { ["id"]=> int(9167) ["uuid"]=> string(36) "1d947171-d94f-4e50-afae-81c5392cca38" ["etag"]=> NULL ["office_id"]=> int(16) ["slug"]=> string(54) "20600180-25-bagnal-road-mangawhai-heads-northland-0505" ["featured"]=> int(0) ["unique_id"]=> string(8) "20600180" ["crm_internal_id"]=> NULL ["provider"]=> string(3) "osl" ["crm_created_at"]=> string(19) "2021-02-04 00:00:00" ["crm_updated_at"]=> string(19) "2024-02-15 17:02:47" ["category"]=> string(11) "residential" ["sub_category"]=> string(3) "Buy" ["status"]=> string(4) "sold" ["listing_type"]=> string(22) "Acreage / Semi - Rural" ["authority"]=> string(9) "exclusive" ["set_sale_on"]=> NULL ["tenancy"]=> NULL ["under_offer"]=> string(3) "yes" ["under_contract"]=> int(0) ["new_construction"]=> int(0) ["bedrooms"]=> int(5) ["bathrooms"]=> int(3) ["ensuite"]=> int(0) ["garages"]=> int(3) ["carports"]=> int(1) ["openspaces"]=> int(6) ["price_display"]=> int(1) ["price"]=> float(1179000) ["price_type"]=> NULL ["property_guide_url"]=> NULL ["price_view"]=> string(23) "Asking Price $1,179,000" ["address_display"]=> int(1) ["address_unit_number"]=> NULL ["address_street_number"]=> string(2) "25" ["address_street"]=> string(11) "Bagnal Road" ["address_suburb"]=> string(15) "Mangawhai Heads" ["address_state"]=> string(9) "Northland" ["address_postcode"]=> string(4) "0505" ["address_country"]=> string(11) "New Zealand" ["residential_category"]=> NULL ["headline"]=> string(26) "Lifestyle Offering Options" ["description"]=> string(1093) "Key features * 8,948 sqm approx block; bush, river & citrus grove * 3 bed 2 bath with double internal garage * Second two-bedroom sleepout * 2 small sheds, green house and carport * Plenty more flat land for additional uses This outstanding 2.2 acre approx property is packed with features for family, work, lifestyle and income enjoyment. The three bedroom private main home, with panoramic bush views, was built with family in mind with the master suite at one end and the rest of the bedrooms on the other side. Entertainers will love the numerous outdoor areas and there is plenty of room for a pool. The secondary building is a completely self-contained and separately accessed two-bedroom Versatile, ideal for independent family. Both buildings have great garaging. Private, mature, cultivated grounds and gardens add enormous appeal. A more sustainable organic lifestyle can be achieved thanks to the abundance of fruit trees, the greenhouse and vegetable gardens. Just string your lights up down in the native bush clearing for parties, and you will be a world away from everyone!" ["land_area"]=> string(4) "8954" ["land_area_unit"]=> string(11) "squaremeter" ["normalise_land_area"]=> float(8954) ["building_area"]=> string(3) "276" ["building_area_unit"]=> string(11) "squaremeter" ["external_link"]=> NULL ["video_link"]=> NULL ["virtual_tour_link"]=> NULL ["floorplan"]=> NULL ["lat"]=> string(12) "-36.12561500" ["lng"]=> string(12) "174.57593100" ["display_sold_price"]=> int(0) ["sold_price"]=> NULL ["sold_date"]=> string(19) "2021-02-04 00:00:00" ["auction_date"]=> NULL ["auction_venue"]=> NULL ["bond"]=> NULL ["date_available"]=> NULL ["statement_of_information"]=> NULL ["vault_etable_url"]=> NULL ["yield"]=> float(0) ["title_type"]=> NULL ["funding_type"]=> NULL ["car_spaces"]=> NULL ["marketing_bedrooms"]=> NULL ["marketing_bathrooms"]=> NULL ["is_demo_data"]=> int(0) ["is_hidden"]=> int(0) ["created_at"]=> string(19) "2021-02-04 00:00:00" ["updated_at"]=> string(19) "2024-02-15 17:02:47" ["leased_date"]=> NULL ["location_id"]=> NULL } ["changes":protected]=> array(0) { } ["casts":protected]=> array(2) { ["auction_date"]=> string(8) "datetime" ["set_sale_on"]=> string(8) "datetime" } ["classCastCache":protected]=> array(0) { } ["attributeCastCache":protected]=> array(0) { } ["dates":protected]=> array(0) { } ["dateFormat":protected]=> NULL ["appends":protected]=> array(3) { [0]=> string(7) "address" [1]=> string(12) "primaryAgent" [2]=> string(9) "mainImage" } ["dispatchesEvents":protected]=> array(0) { } ["observables":protected]=> array(0) { } ["relations":protected]=> array(6) { ["agents"]=> object(Illuminate\Database\Eloquent\Collection)#2358 (2) { ["items":protected]=> array(1) { [0]=> object(App\Models\Agent)#2380 (32) { ["connection":protected]=> string(5) "mysql" ["table":protected]=> string(6) "agents" ["primaryKey":protected]=> string(2) "id" ["keyType":protected]=> string(3) "int" ["incrementing"]=> bool(true) ["with":protected]=> array(2) { [0]=> string(6) "office" [1]=> string(6) "social" } ["withCount":protected]=> array(0) { } ["preventsLazyLoading"]=> bool(false) ["perPage":protected]=> int(15) ["exists"]=> bool(true) ["wasRecentlyCreated"]=> bool(false) ["escapeWhenCastingToString":protected]=> bool(false) ["attributes":protected]=> array(29) { ["id"]=> int(236) ["uuid"]=> string(36) "8d9de665-66c4-4f16-a66a-640d6c77d9b5" ["office_id"]=> int(16) ["listing_engine_agent_id"]=> string(2) "29" ["first_name"]=> string(5) "Sammi" ["last_name"]=> string(4) "Chen" ["slug"]=> string(10) "sammi-chen" ["email"]=> string(22) "[email protected]" ["additional_recipients"]=> NULL ["avatar"]=> NULL ["position"]=> string(20) "Licensed Salesperson" ["phone"]=> string(14) "+64 9 425 0261" ["mobile"]=> string(15) "+64 21 288 9182" ["bio"]=> string(1341) "

Sammi is a friendly and hardworking person who believes that what goes around comes around and, therefore, strives to treat others the way she would like to be treated. She values people and treasures every relationship, firmly believing that people are more important than things, and always willing to go the extra mile for her clients.

She has been living in New Zealand for 20 years and has been based in Warkworth with her partner since 2007. As well as English, Sammi can speak Cantonese and Mandarin allowing her to communicate effectively with a wide range of people which is a powerful benefit for her clients when buying or selling their properties.

Her professional history includes sales consultant in Hong Kong, running a retail business for her family, hospitality and administration management for her partner in New Zealand. Having had these strong experiences allows Sammi to better help clients throughout the buying and selling process.

When Sammi isn't working, she enjoys fishing in the local area or appreciating the peaceful and beautiful scenery that this area has on offer.

Come and meet Sammi for all your property enquires!  

 

Awards:

100% Club Award 2021 Nationwide

Gold Club Award 2020 Nationwide

No.9 Q3 Award 2023 Nationwide

" ["image"]=> string(57) "uploads/39/9862bafe-1ce6-4212-9fc6-530f5b7b3c1f/sammi.png" ["crm_image"]=> NULL ["credential"]=> NULL ["sort"]=> int(5) ["is_active"]=> int(1) ["is_hidden"]=> int(0) ["is_demo_data"]=> int(0) ["is_corporate"]=> int(0) ["hide_contact_button"]=> int(0) ["hide_request_appraisal_button"]=> int(0) ["created_by"]=> NULL ["deleted_at"]=> NULL ["created_at"]=> string(19) "2023-11-06 23:39:31" ["updated_at"]=> string(19) "2024-06-11 23:39:52" ["laravel_through_key"]=> int(9167) } ["original":protected]=> array(29) { ["id"]=> int(236) ["uuid"]=> string(36) "8d9de665-66c4-4f16-a66a-640d6c77d9b5" ["office_id"]=> int(16) ["listing_engine_agent_id"]=> string(2) "29" ["first_name"]=> string(5) "Sammi" ["last_name"]=> string(4) "Chen" ["slug"]=> string(10) "sammi-chen" ["email"]=> string(22) "[email protected]" ["additional_recipients"]=> NULL ["avatar"]=> NULL ["position"]=> string(20) "Licensed Salesperson" ["phone"]=> string(14) "+64 9 425 0261" ["mobile"]=> string(15) "+64 21 288 9182" ["bio"]=> string(1341) "

Sammi is a friendly and hardworking person who believes that what goes around comes around and, therefore, strives to treat others the way she would like to be treated. She values people and treasures every relationship, firmly believing that people are more important than things, and always willing to go the extra mile for her clients.

She has been living in New Zealand for 20 years and has been based in Warkworth with her partner since 2007. As well as English, Sammi can speak Cantonese and Mandarin allowing her to communicate effectively with a wide range of people which is a powerful benefit for her clients when buying or selling their properties.

Her professional history includes sales consultant in Hong Kong, running a retail business for her family, hospitality and administration management for her partner in New Zealand. Having had these strong experiences allows Sammi to better help clients throughout the buying and selling process.

When Sammi isn't working, she enjoys fishing in the local area or appreciating the peaceful and beautiful scenery that this area has on offer.

Come and meet Sammi for all your property enquires!  

 

Awards:

100% Club Award 2021 Nationwide

Gold Club Award 2020 Nationwide

No.9 Q3 Award 2023 Nationwide

" ["image"]=> string(57) "uploads/39/9862bafe-1ce6-4212-9fc6-530f5b7b3c1f/sammi.png" ["crm_image"]=> NULL ["credential"]=> NULL ["sort"]=> int(5) ["is_active"]=> int(1) ["is_hidden"]=> int(0) ["is_demo_data"]=> int(0) ["is_corporate"]=> int(0) ["hide_contact_button"]=> int(0) ["hide_request_appraisal_button"]=> int(0) ["created_by"]=> NULL ["deleted_at"]=> NULL ["created_at"]=> string(19) "2023-11-06 23:39:31" ["updated_at"]=> string(19) "2024-06-11 23:39:52" ["laravel_through_key"]=> int(9167) } ["changes":protected]=> array(0) { } ["casts":protected]=> array(1) { ["deleted_at"]=> string(8) "datetime" } ["classCastCache":protected]=> array(0) { } ["attributeCastCache":protected]=> array(0) { } ["dates":protected]=> array(0) { } ["dateFormat":protected]=> NULL ["appends":protected]=> array(4) { [0]=> string(6) "custom" [1]=> string(4) "name" [2]=> string(9) "thumbnail" [3]=> string(8) "webImage" } ["dispatchesEvents":protected]=> array(0) { } ["observables":protected]=> array(0) { } ["relations":protected]=> array(2) { ["office"]=> object(App\Models\Office)#2446 (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(9) { [0]=> string(14) "listingEngines" [1]=> string(19) "listingEngineAgents" [2]=> string(4) "site" [3]=> string(6) "domain" [4]=> string(8) "analytic" [5]=> string(6) "social" [6]=> string(7) "setting" [7]=> string(5) "theme" [8]=> string(8) "location" } ["withCount":protected]=> array(0) { } ["preventsLazyLoading"]=> bool(false) ["perPage":protected]=> int(15) ["exists"]=> bool(true) ["wasRecentlyCreated"]=> bool(false) ["escapeWhenCastingToString":protected]=> bool(false) ["attributes":protected]=> array(43) { ["id"]=> int(16) ["uuid"]=> string(36) "b7522778-5c63-40bd-82a0-b6c32227257d" ["reseller"]=> NULL ["plan"]=> string(8) "standard" ["franchise_id"]=> int(3) ["theme_id"]=> int(3) ["theme_header_id"]=> NULL ["office_footer_id"]=> NULL ["theme_footer_id"]=> NULL ["name"]=> string(31) "RE/MAX Realty Group - Warkworth" ["slug"]=> string(10) "remax-apex" ["unit_number"]=> NULL ["street_number"]=> string(2) "11" ["street_name"]=> string(14) "Neville Street" ["suburb"]=> string(9) "Warkworth" ["state"]=> string(8) "Auckland" ["region"]=> NULL ["postcode"]=> string(4) "0910" ["country"]=> string(2) "nz" ["email"]=> string(25) "[email protected]" ["additional_recipients"]=> NULL ["buy_listing_inquiry_recipients"]=> NULL ["rent_listing_inquiry_recipients"]=> NULL ["sold_listing_inquiry_recipients"]=> NULL ["mobile"]=> NULL ["phone"]=> string(11) "09 425 0261" ["fax"]=> NULL ["website_url"]=> string(26) "www.remaxrealtygroup.co.nz" ["suburbs"]=> string(9) "Warkworth" ["description"]=> string(881) "

The team at RE/MAX Realty Group, Warkworth is passionate about delivering an extraordinary real estate experience. We offer a hands-on, personalised approach to buying and selling real estate in the northern Auckland Region. While at home in Warkworth, we extend our services beyond this in the upper North Island. Our highly rated agency is one of the network’s top performers, while at the same time we remain extremely focused on supporting our local community. We truly appreciate the community we serve, and we are determined do everything we can to achieve a successful outcome.

Whether you are searching for property or houses for sale in Warkworth, our professional team can handle all of your real estate needs. For local experts in buying and selling land, homes and property in Warkworth and beyond, you can depend on the team at RE/MAX Realty Group.

" ["principal"]=> NULL ["office_image"]=> string(72) "uploads/11/8e07e5ed-4d55-48d0-bae9-a8f75b5926ce/RealtyGroupWarkworth.jpg" ["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) ["demo_data_initialised_at"]=> NULL ["deployed_office_id"]=> NULL ["created_at"]=> string(19) "2023-10-03 04:09:49" ["updated_at"]=> string(19) "2024-04-04 01:51:15" ["location_id"]=> NULL } ["original":protected]=> array(43) { ["id"]=> int(16) ["uuid"]=> string(36) "b7522778-5c63-40bd-82a0-b6c32227257d" ["reseller"]=> NULL ["plan"]=> string(8) "standard" ["franchise_id"]=> int(3) ["theme_id"]=> int(3) ["theme_header_id"]=> NULL ["office_footer_id"]=> NULL ["theme_footer_id"]=> NULL ["name"]=> string(31) "RE/MAX Realty Group - Warkworth" ["slug"]=> string(10) "remax-apex" ["unit_number"]=> NULL ["street_number"]=> string(2) "11" ["street_name"]=> string(14) "Neville Street" ["suburb"]=> string(9) "Warkworth" ["state"]=> string(8) "Auckland" ["region"]=> NULL ["postcode"]=> string(4) "0910" ["country"]=> string(2) "nz" ["email"]=> string(25) "[email protected]" ["additional_recipients"]=> NULL ["buy_listing_inquiry_recipients"]=> NULL ["rent_listing_inquiry_recipients"]=> NULL ["sold_listing_inquiry_recipients"]=> NULL ["mobile"]=> NULL ["phone"]=> string(11) "09 425 0261" ["fax"]=> NULL ["website_url"]=> string(26) "www.remaxrealtygroup.co.nz" ["suburbs"]=> string(9) "Warkworth" ["description"]=> string(881) "

The team at RE/MAX Realty Group, Warkworth is passionate about delivering an extraordinary real estate experience. We offer a hands-on, personalised approach to buying and selling real estate in the northern Auckland Region. While at home in Warkworth, we extend our services beyond this in the upper North Island. Our highly rated agency is one of the network’s top performers, while at the same time we remain extremely focused on supporting our local community. We truly appreciate the community we serve, and we are determined do everything we can to achieve a successful outcome.

Whether you are searching for property or houses for sale in Warkworth, our professional team can handle all of your real estate needs. For local experts in buying and selling land, homes and property in Warkworth and beyond, you can depend on the team at RE/MAX Realty Group.

" ["principal"]=> NULL ["office_image"]=> string(72) "uploads/11/8e07e5ed-4d55-48d0-bae9-a8f75b5926ce/RealtyGroupWarkworth.jpg" ["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) ["demo_data_initialised_at"]=> NULL ["deployed_office_id"]=> NULL ["created_at"]=> string(19) "2023-10-03 04:09:49" ["updated_at"]=> string(19) "2024-04-04 01:51:15" ["location_id"]=> NULL } ["changes":protected]=> array(0) { } ["casts":protected]=> array(0) { } ["classCastCache":protected]=> array(0) { } ["attributeCastCache":protected]=> array(0) { } ["dates":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(9) { ["listingEngines"]=> object(Illuminate\Database\Eloquent\Collection)#2451 (2) { ["items":protected]=> array(1) { [0]=> object(App\Models\OfficeListingEngine)#2454 (30) { ["connection":protected]=> string(5) "mysql" ["table":protected]=> string(22) "office_listing_engines" ["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(1327) ["uuid"]=> string(36) "bd8f90a4-d588-4526-bb70-b183d2560162" ["office_id"]=> int(16) ["listing_engine_id"]=> string(36) "961d0bab-8d4f-4720-8a6c-427cfcca2a07" ["created_at"]=> string(19) "2024-04-04 01:51:14" ["updated_at"]=> string(19) "2024-04-04 01:51:14" } ["original":protected]=> array(6) { ["id"]=> int(1327) ["uuid"]=> string(36) "bd8f90a4-d588-4526-bb70-b183d2560162" ["office_id"]=> int(16) ["listing_engine_id"]=> string(36) "961d0bab-8d4f-4720-8a6c-427cfcca2a07" ["created_at"]=> string(19) "2024-04-04 01:51:14" ["updated_at"]=> string(19) "2024-04-04 01:51:14" } ["changes":protected]=> array(0) { } ["casts":protected]=> array(0) { } ["classCastCache":protected]=> array(0) { } ["attributeCastCache":protected]=> array(0) { } ["dates":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) ["hidden":protected]=> array(0) { } ["visible":protected]=> array(0) { } ["fillable":protected]=> array(2) { [0]=> string(9) "office_id" [1]=> string(17) "listing_engine_id" } ["guarded":protected]=> array(1) { [0]=> string(1) "*" } } } ["escapeWhenCastingToString":protected]=> bool(false) } ["listingEngineAgents"]=> object(Illuminate\Database\Eloquent\Collection)#2449 (2) { ["items":protected]=> array(0) { } ["escapeWhenCastingToString":protected]=> bool(false) } ["site"]=> NULL ["domain"]=> NULL ["analytic"]=> NULL ["social"]=> NULL ["setting"]=> object(App\Models\OfficeSetting)#2468 (30) { ["connection":protected]=> string(5) "mysql" ["table":protected]=> string(15) "office_settings" ["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(11) ["office_id"]=> int(16) ["copy_office_email_on_listings_and_agents"]=> int(1) ["hide_empty_listing_attributes_values"]=> int(0) ["disable_form_submitter_emails"]=> int(0) ["use_dark_text_logo"]=> int(0) ["created_at"]=> string(19) "2024-04-18 12:16:32" ["updated_at"]=> string(19) "2024-04-18 12:16:32" } ["original":protected]=> array(8) { ["id"]=> int(11) ["office_id"]=> int(16) ["copy_office_email_on_listings_and_agents"]=> int(1) ["hide_empty_listing_attributes_values"]=> int(0) ["disable_form_submitter_emails"]=> int(0) ["use_dark_text_logo"]=> int(0) ["created_at"]=> string(19) "2024-04-18 12:16:32" ["updated_at"]=> string(19) "2024-04-18 12:16:32" } ["changes":protected]=> array(0) { } ["casts":protected]=> array(4) { ["copy_office_email_on_listings_and_agents"]=> string(7) "boolean" ["hide_empty_listing_attributes_values"]=> string(7) "boolean" ["disable_form_submitter_emails"]=> string(7) "boolean" ["use_dark_text_logo"]=> string(7) "boolean" } ["classCastCache":protected]=> array(0) { } ["attributeCastCache":protected]=> array(0) { } ["dates":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) ["hidden":protected]=> array(0) { } ["visible":protected]=> array(0) { } ["fillable":protected]=> array(0) { } ["guarded":protected]=> array(0) { } } ["theme"]=> object(App\Models\Theme)#2496 (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(3) ["uuid"]=> string(36) "b92900e2-58f8-45b9-a0f7-7e41dbddd06d" ["name"]=> string(15) "Remax Corporate" ["variables_scss"]=> string(17) "$gray_3: #949CA1;" ["scss"]=> string(53661) "/*############################################################# ## Reset /*###########################################################*/ html { scroll-behavior: auto !important; } .site-main{ min-height: 70vh; } a{ text-decoration: none; } @media (min-width: 1400px) { .container, .container-lg, .container-md, .container-sm, .container-xl, .container-xxl { max-width: $all_container_size; } } /*############################################################# ## Headers Tags /*###########################################################*/ .h1, h1 { font-size: $h1_font_size; @media only screen and (max-width:991px) { font-size: 38px; line-height: 38px; /* 100% */ } } .h2, h2 { font-size: $h3_font_size; &.small-heading { } @media only screen and (max-width:991px) { font-size: 28px; } &.jumbo-heading { font-size: $h1_font_size; font-weight:400; @media only screen and (max-width:767px) { font-size:38px; } span { font-weight: $all_header_font_weight; } } } .h3, h3 { font-size: $h4_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; } } } .sub-heading { color: $all_content_colour; font-family: $all_content_font_family; font-size: $h4_font_size; font-weight: $all_content_font_weight; line-height: normal; letter-spacing: 2.7px; text-transform: uppercase; margin-bottom: 10px; display: block; } /*############################################################# ## 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; } } p { font-size: $all_content_font_size; line-height: $all_content_line_height; color: $all_content_colour; @media only screen and (max-width:767px) { line-height: 22px; } a { color: $all_content_colour; &:link, &:focus, &:hover, &:visited, &:active { color: $primary_color; } } } } li { a { color: inherit; } } // Others a { text-decoration: none; } b, strong { font-weight: 700; } hr { opacity: 1; } /*############################################################# ## Special Class: Icons /*###########################################################*/ .text-with-icon { a { text-decoration: none; color: $all_content_colour; font-family: $all_content_font_family; font-size: 16px; font-style: normal; font-weight: 400; line-height: 25px; display:block; i { font-size: 14px; margin-right: 4px; } } } .falcon-icons{ color: $primary_color; } /*############################################################# ## Block default Padding and Color /*###########################################################*/ body, [data-layout-id], [data-content-block-id] { background-color: $section_default_background_color; } [data-content-block-id] { padding: $section_default_padding_top_and_bottom 0; &.section-1-style{ background-color: $section_1_background_color; } } [data-layout-id]{ padding: $section_default_padding_top_and_bottom 0; .wb-column{ > [data-content-block-id] { padding: 15px 0; &:first-child{ padding-top: 0; } &:last-child{ padding-bottom: 0; } } } } .page-id-1014 { [data-layout-id] { padding:0; } } /*############################################################# ## Website Header /*###########################################################*/ .site-header-style{ background-color: $site_header_bg_color; } .falcon-burger-style { > div{ background-color: $site_header_active_text_bg_color; } } /*------------------------------- # Header Menu --------------------------------*/ .main-menu { .menu-item { a { color: $site_header_text_color; } &.menu-parent-wrapper { a:hover{ background-color: $site_header_active_text_bg_color; color: #fff; } &.menuparent-active { > a { background-color: $site_header_active_text_bg_color; color: #fff; > span{ color: $site_header_active_text_color; } &::after{ background-color: $site_header_active_text_bg_color; } } } } .sub-menu { li { a { color: $site_header_text_color; &:hover { background-color: #F5F5F5; color: $site_header_text_color; } } &.submenu-active { > a { background-color: #F5F5F5; } } } } } } /*############################################################# ## Website Footer /*###########################################################*/ .main-footer { background-color: $site_footer_bg_color; h2,h3,h4,h5,h6, li, p { color: $site_footer_text_color; a, span { color: inherit; } a { transition: all 0.2s ease-in-out 0s; &:hover{ color: $site_footer_text_hover_color; } } } } /*############################################################# ## Property Summary /*###########################################################*/ .summary-details { .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-car-v2 { background-image: url($property_icon_car_v2); } &.icon-land { background-image: url($property_icon_land_area); } &.icon-floorplan { background-image: url($property_icon_floor_area); } } } /*############################################################# ## Badge /*###########################################################*/ .falcon-badge-style, .badge-1-style { position: absolute; left: 0; top: 0; background-color: $secondary_color; color: #FFF; display: inline-block; padding: 5px 10px; font-style: normal; font-weight: 600; font-size: 10px; text-transform: uppercase; z-index: 10; } .icon-image-container { background-color: $secondary_color; border-color: $secondary_color; color: #fff; } /*############################################################# ## Bootstrap Grid/Column /*###########################################################*/ .wb-column { container-type: inline-size; .container { padding-left: 0; padding-right: 0; } } @container (max-width:767px) { .wb-column div[class^="col-"]:not(.layout-exclude) { width: 100%; } } /*############################################################# ## Block Specific /*###########################################################*/ body{ &.page-type-listing{ .wb-column { [data-content-block-id]{ padding: 15px 0; } } } } .each-agent-socials{ background-color: rgba($primary_color, 0.7); } .single-agent-socials{ .each-social{ background-color: transparent; border-color: $primary_color; color: $primary_color; &:hover{ background-color: $primary_color; border-color: $primary_color; color: #FFF; } } } /*############################################################# ## Video /*###########################################################*/ .wb-video { position: relative; width: 100%; height: 0; padding-bottom: 56.25%; iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; } } /*############################################################# ## Map /*###########################################################*/ .wb-map { iframe { height: 400px; width:100%; } } /*############################################################# ## Repeater /*###########################################################*/ .wb-repeater { &.accordion { .accordion-item { border: 0; .accordion-button { border-top: solid 1px #F5F5F5; &:not(.collapsed) { color: #fff; background-color: $primary_color; border-top-right-radius: 8px; border-top-left-radius: 8px; 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; } } } } /*############################################################# ## blockquote /*###########################################################*/ blockquote { position: relative; padding: 40px 30px 30px; margin: 50px 0; background-color: $secondary_color; &:before { content: ""; font-family: "Font Awesome 6 Pro"; font-weight: 900; font-size: 41px; color: $primary_color; } &:nth-of-type(odd) { margin-left:10%; border-top-left-radius: 15px; border-bottom-left-radius: 15px; } &:nth-of-type(even) { margin-right: 10%; border-top-right-radius: 15px; border-bottom-right-radius: 15px; padding-left: 10%; } &:nth-of-type(even):after, &:nth-of-type(odd):after { content: ''; position: absolute; background-color: $secondary_color; width: 100vw; display: block; height: 100%; top: 0; bottom:0; } &:nth-of-type(even):after { right: 100%; } &:nth-of-type(odd):after { left: 100%; } } /*############################################################# ## Image /*###########################################################*/ img, svg{ max-width: 100%; height: auto; } .images-container{ > img { margin-bottom: 20px; } } .wb-bg-image{ background-color: #EFEFEF; background-repeat: no-repeat; background-attachment: scroll; background-position: center; background-size: cover; } /*############################################################# ## Forms /*###########################################################*/ input{ outline: 0; } .wb-form { small { color:$all_content_colour; a { color:$primary_color; } } .form-label { display: block; margin-bottom: 0; cursor: pointer; color: #000 !important; font-family: $all_content_font_family; font-size: 15px; font-style: normal; font-weight: 700; line-height: 21px; margin-bottom: 0; strong { } } .form-check-label { cursor: pointer; } .input-wrapper { br { display: none; } } input[type="text"].form-control, input[type="email"].form-control, textarea.form-control { &:focus { outline: 0; box-shadow: unset; } } } /*############################################################# ## Capcha Badge /*###########################################################*/ .grecaptcha-badge { visibility: hidden; } /*############################################################# ## Search Form /*###########################################################*/ input[type="text"], input[type="email"], textarea.form-control, textarea, select.form-control, select { color: $all_content_colour; background-color: #FFF; border: 1px solid $header_bg_color; border-radius: 0; padding: 15px 15px 15px 15px; font-size: $all_content_font_size; width: 100%; font-family: $all_content_font_family; font-style: normal; font-weight: $all_content_font_weight; text-transform:capitalize; @media only screen and (max-width:767px) { padding: 10px 15px 10px 15px; font-size: 15px; } &::placeholder { color: $header_bg_color; font-weight:300; } &:focus { outline: 0; box-shadow: unset; border-color: inherit; color: inherit; background-color: $white; } } select { -webkit-appearance: none; -moz-appearance: none; appearance: none; cursor: pointer; outline: 0; &:link, &:focus, &:hover, &:visited, &:active &:focus-visible { outline: 0; } } .select-wrapper{ position: relative; &::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; -webkit-transform: translatey(-50%); transform: translatey(-50%); padding-right: 5px; } } .live-search-wrapper { position: relative; .live-search-list { background: #fff; list-style: none; text-align: left; height: 200px; overflow-y: auto; border: 1px solid #C4C6CB; padding: 10px 0; position: absolute; width: 100%; z-index: 99; li { font-size: 16px; width: 100%; font-family: "Gotham SSm"; font-style: normal; font-weight: 400; padding: 0 15px; line-height: 30px; cursor: pointer; text-transform: capitalize; &:hover { background: #dddddd; } } } .live-search-input { padding-right: 30px; text-transform: capitalize; } .clear-button { position: absolute; top: 50%; right: 10px; transform: translateY(-50%); background-color: transparent; border: none; font-size: 13px; cursor: pointer; font-weight: 300; } .clear-button:focus { outline: none; } } /*############################################################# ## 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; } } } .slick-arrow { z-index: 100; &.slick-prev, &.slick-next { position: absolute; width: 50px; height: 50px; padding: 0; cursor: pointer; color: #313131; outline: none; background-color: transparent; border: 1px solid #313131; 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 #313131; background-color: #313131; } &.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: 20px; height: 20px; 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: 100; &.slick-prev, &.slick-next { position: relative; width: 35px; height: 50px; top: auto; padding: 0; cursor: pointer; color: $primary_color; 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"; } } } } } /*############################################################# ## Fix : Long Links shows Horizontal Scroll /*###########################################################*/ a[href*=www], a[href*=http], a[href^=mailto], a[href^=tel] { word-break: break-word; } nav.falcon-pagination{ .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: flex; gap: 8px; flex-wrap: wrap; justify-content: center; li{ > .page-link{ color: $all_content_colour; &:focus{ box-shadow: none; } } &.active{ > .page-link{ color: #FFF; background-color: $all_content_colour; border-color: $all_content_colour; } } } } } } } nav.falcon-pagination { .falcon-numbers { .falcon-numbers-container { ul.pagination { li { > .page-link { color: #404041; background: transparent; border: 0; } &:first-child span, &:last-child a, &:first-child a, &:last-child span { font-size:0; } &:first-child span:after, &:last-child a:after, &:first-child a:after, &:last-child span:after { font-family: "Font Awesome 6 Pro"; font-weight: 400; font-size: 15px; display: inline-block; color: inherit; text-rendering: auto; -webkit-font-smoothing: antialiased; opacity: 1; } &:first-child span:after, &:first-child a:after { content: ""; } &:last-child a:after, &:last-child span:after { content: ""; } &.active > .page-link { background-color: transparent; color: $primary_color; } } } } } } /*############################################################# ## Buttons /*###########################################################*/ .buttons-container { position: relative; left: -5px; width: calc(100% + 5px); margin-bottom: -10px; @media only screen and (max-width: 767px) { a.btn:only-child { margin-left: 15px; } } a { display: inline-block; margin-right: 5px; margin-left: 5px; margin-bottom: 10px; } } /*------------------------------- # All Buttons Default --------------------------------*/ %custom-button-all-default { border-width: 0; border-style: solid; border-radius: 0; border:0; outline: none; box-shadow: none; position: relative; transition: all 0.3s ease-in-out 0s; font-weight: 400; //min-width: 200px; font-size: 14px; font-style: normal; opacity: 1; padding: 20px 30px; text-transform: uppercase; line-height: normal; letter-spacing: 1.4px; } /*------------------------------- # Button 1 Style --------------------------------*/ %custom-button-1-style-default { border-color: $button_1_border_color; background-color: $button_1_background_color; color: $button_1_text_color; font-family: $button_1_font_family; border-radius: $button_1_border_radius; } %custom-button-1-style-hover { background-color: darken($button_1_background_color, 10%); border-color: darken($button_1_border_color, 10%); color: $button_1_text_color; } /*------------------------------- # Button 2 Style --------------------------------*/ %custom-button-2-style-default { border-color: $button_2_border_color; background-color: $button_2_background_color; color: $button_2_text_color; font-family: $button_2_font_family; border-radius: $button_2_border_radius; } %custom-button-2-style-hover { background-color: darken($button_2_background_color, 10%); border-color: darken($button_2_border_color, 10%); color: $button_2_text_color; } /*------------------------------- # Button 3 Style --------------------------------*/ %custom-button-3-style-default { border-color: $button_3_border_color; background-color: $button_3_background_color; color: $button_3_text_color; font-family: $button_3_font_family; border-radius: $button_3_border_radius; } %custom-button-3-style-hover { background-color: darken($button_3_background_color, 10%); border-color: darken($button_3_border_color, 10%); color: $button_3_text_color; } .btn { @extend %custom-button-all-default; .disabled, &:disabled { opacity: 0.8; pointer-events: auto; cursor: not-allowed; } &.button-1-style, &.btn-primary, &.btn-falcon { @extend %custom-button-1-style-default; &:link, &:focus, &:visited, &:active { @extend %custom-button-1-style-default; } &:hover { @extend %custom-button-1-style-hover; } @media only screen and (max-width:767px) { padding: 12px 20px; font-size: 14px; letter-spacing: 1.4px; } } &.button-2-style, &.btn-secondary { @extend %custom-button-2-style-default; &:link, &:focus, &:visited, &:active { @extend %custom-button-2-style-default; } &:hover { @extend %custom-button-2-style-hover; } } &.button-3-style, &.btn-white { @extend %custom-button-3-style-default; &:link, &:focus, &:visited, &:active { @extend %custom-button-3-style-default; } &:hover { @extend %custom-button-3-style-hover; } } &.btn-small { padding: 3px 15px; font-size: 11px; } &.btn-large { padding: 15px 15px; } &.btn-width-auto { min-width: auto; } } // .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: 0; color: $secondary_color; z-index: 10; @media only screen and (max-width:767px) { top: 0; color: $all_content_colour; } } } &.remodal-property-filter{ max-width: 835px ; position: relative; padding: 60px; @media only screen and (max-width:1399px) { padding: 30px 15px; } a[data-remodal-action="close"] { color: $secondary_color; display: inline-block; text-decoration: none; position: absolute; top: 10px; right: 20px; } } } .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: 800px; background-color: #ffffff; background: #ffffff; // Container:width and Height .menu-container { background-color: #ffffff; text-align: left; 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; background: $header_bg_color; box-shadow: 0px 4px 4px 0px rgba(0, 0, 0, 0.30); padding: 5px 15px; .logo-text { font-family: $all_content_font_family; font-style: normal; font-weight: 800; line-height: 22px; color: #313131; font-size: 24px; } .website-logo img { height:$menu_logo_height_mobile; } a[data-remodal-action="close"] { color: $site_header_active_text_bg_color; display: inline-block; text-decoration: none; font-size: 30px; margin-right: 0px; } } .menu-container-middle { padding: 0; ul.mobile-menu { list-style-type: none; margin: 0; padding: 0; display: block; // display: inline-block; li { display: block; padding: 0 15px; margin-bottom: 10px; a { display: block; align-items: center; padding: 5px; color: $all_content_colour; font-family: $all_content_font_family; font-size: 15px; font-style: normal; font-weight: 400; line-height: normal; text-transform: uppercase; } &:last-child { margin-bottom: 0; // margin-left: 0; } } } } .menu-container-bottom { text-align: center; 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; } } } } } } } /* Position Horizontally */ .remodal-wrapper.remodal-menu { .remodal.remodal-menu { .menu-container { .menu-container-middle { ul.mobile-menu { li { padding:0; a { &.open { background-color: $header_bg_color; } } .menu-child-wrapper{ display: none; ul { li { margin-bottom: 0; a { text-transform: capitalize; } } } } } > li { > a { padding: 10px 20px; } &:last-child { > a { background-color: $secondary_color; color: #fff; position: relative; &:after { content: "\f054"; font-family: "Font Awesome 6 Pro"; font-size: inherit; margin-right: 10px; font-weight: 400; text-rendering: auto; -webkit-font-smoothing: antialiased; position: absolute; top: 50%; transition: all 0.3s ease-in-out 0s; transform: translatey(-50%); opacity: 1; z-index: 999; color: #fff; margin-left: 10px; } &.open { background-color: $red_2; } } } } } } } } } /*############################################################# ## Remodal - virtualtour - floorplan - gallery /*###########################################################*/ .remodal { hr { margin: 32px 0; color: #E6EBEE; } .disclaimer { color: #2F5671; line-height: 19.6px; font-size: 0.88rem; margin-top: 16px; a { color: #0070E0; } } } .remodal, [data-remodal-id] { display: none; } .remodal-wrapper { z-index: 999999 !important; overflow-x: hidden; padding: 0; &.remodal-search-filter { padding: 0; } & > .remodal { padding: 0; } } .remodal-wrapper > .remodal .remodal-top .container, .remodal-wrapper > .remodal .remodal-middle .container, .remodal-wrapper > .remodal .remodal-bottom .container { padding: 0 40px; } @media only screen and (max-width: 991px) { .remodal-wrapper > .remodal .remodal-top .container, .remodal-wrapper > .remodal .remodal-middle .container, .remodal-wrapper > .remodal .remodal-bottom .container { padding: 0 20px; } } .remodal-wrapper { .remodal-top { h6 { font-size: 1.19rem; font-family: "GeneralSans"; line-height: 25.65px; color: #033355; text-transform: capitalize; font-weight: 600; } } } @media only screen and (max-width: 991px) { .remodal-wrapper { .remodal-top { h6 { font-size: 1rem; line-height: 1; } } } } .remodal-wrapper { .remodal-top { a.close { border-radius: 20px; color: black; height: auto; font-size: 0.88rem; font-weight: 600; padding: 15px; position: relative; right: auto; top: auto; width: auto; &:hover { background-color: #f1f4f6; } i { font-size: 20px; margin: 0 5px 0; } .remodal-search-filter { .search-filter-top { .close { i { position: relative; top: 7px; } } } } span { display: inline-block; color: #2F5671; } .general-icon { display: inline-block; position: relative; top: 7px; } } } .remodal-search-filter { border-radius: 20px; } } .remodal-wrapper .remodal-agent-appraisal .remodal-top, .remodal-wrapper .remodal-agent-contact .remodal-top { position: absolute; right: 0; top: 18px; } @media only screen and (max-width: 991px) { .remodal-wrapper .remodal-search-filter { border-radius: 0; } } .remodal-wrapper .remodal-search-filter h3, .remodal-wrapper .remodal-search-filter .h3 { font-size: 1.19rem; margin-bottom: 32px; display: block; font-family: "GeneralSans"; font-weight: 500; } .remodal-wrapper .remodal-search-filter h4, .remodal-wrapper .remodal-search-filter .h4 { font-size: 1.06rem; display: block; font-family: "GeneralSans"; font-weight: 500; } .remodal-wrapper { .remodal-search-filter { .remodal-middle { height: 560px; overflow: overlay; scrollbar-width: none; } } } @media only screen and (max-width: 991px) { .remodal-wrapper { .remodal-search-filter { .remodal-middle { height: calc(100vh - 164px); } } } } .remodal-wrapper { .remodal-search-filter { .remodal-middle { .keywords { background-color: #F3F5F7; padding: 40px 0; .search-wrapper { background-color: #FFF; padding: 18px 16px; border-radius: 6px; display: flex; flex-wrap: nowrap; justify-content: flex-start; align-items: center; border: solid 1px #9AADBB; } .search-field { width: 100%; position: relative; line-height: 26px; &.with-magnify-glass { padding-left: 30px; } } } } } } @media only screen and (max-width: 991px) { .remodal-wrapper { .remodal-search-filter { .remodal-middle { .keywords { .search-field { width: 65%; } } } } } } .remodal-wrapper { .remodal-search-filter { .remodal-middle { .keywords { .search-field { i { position: absolute; left: 0; top: 50%; transform: translatey(-50%); color: #9AADBB; font-size: 1rem; } input { font-size: 1rem; border: none; width: 100%; outline: 0; padding-left: 30px; padding-right: 30px; color: #2F5671; &::placeholder { color: #2F5671; } } } &.property-keyword { background-color: transparent; .search-field { input { padding-left: initial; padding-right: initial; } } } } .category-filter { .general-button { &.button-style-2 { background: transparent; border-radius: 0; border: 0; border-bottom: 4px solid #E6EBEE; height: 75px; line-height: 75px; &.button-active { border-bottom: 4px solid #C4ED21; } &:hover { color: #033355; } } } } .summary-attributes { .general-button { &.button-style-2 { border-color: #E6EBEE; &:hover { border-color: #033355; color: #FEFEFE; } &.button-active { background-color: #033355; color: #fff; &:hover { opacity: 0.9; } } } } } .modal-single-select { .general-button { &.button-style-2 { border-color: #E6EBEE; height: 72px; line-height: 72px; } } } } } } @media only screen and (max-width: 767px) { .remodal-wrapper { .remodal-search-filter { .remodal-middle { .modal-single-select { .general-button { &.button-style-2 { height: 44px; line-height: 44px; } } } } } } } .remodal-wrapper { .remodal-search-filter { .remodal-middle { .modal-single-select { .general-button { &.button-style-2 { &:hover { border-color: #033355; color: #033355; background-color: transparent; } &.button-active { background-color: #033355; color: #fff; } } } } .modal-multiple-select { .col { a { display: block; border: solid 1px #E6EBEE; padding: 16px; border-radius: 8px; span { &:first-child { margin-bottom: 39.41px; } &:last-child { font-weight: 600; font-size: 0.875rem; color: #033355; line-height: 19.6px; } } &.button-active { border-color: #033355; } } } } .modal-property-check { label { width: 100%; display: flex; height: 100%; gap: 16px; flex-wrap: nowrap; align-items: center; cursor: pointer; color: #033355; line-height: 24px; } .filter-button[type="checkbox"] { appearance: none; -webkit-appearance: none; -moz-appearance: none; position: relative; width: 24px; height: 24px !important; border: 1px solid #9AADBB; background-color: white; cursor: pointer; border-radius: 3px; top: -2px; } .filter-button[type="checkbox"]:checked { background-color: #033355; border-color: #033355; outline: none; } } .select-wrapper { select { height: 56px; } } } .remodal-bottom { .button-clear { font-weight: 600; color: #033355; background: transparent; border: 0; } } } .remodal-is-opening { -webkit-animation-name: remodal-opening-left-to-right; animation-name: remodal-opening-left-to-right; } .remodal-is-closing { -webkit-animation-name: remodal-closing-left-to-right; animation-name: remodal-closing-left-to-right; } &.remodal-menu-left { text-align: left; .remodal-is-opening { -webkit-animation-name: remodal-opening-left-to-right; animation-name: remodal-opening-left-to-right; } .remodal-is-closing { -webkit-animation-name: remodal-closing-left-to-right; animation-name: remodal-closing-left-to-right; } } &.remodal-menu-right { text-align: right; padding: 0 1px 0 0 !important; & > .remodal { margin-bottom: 0; min-height: 100vh; } .remodal-is-opening { -webkit-animation-name: remodal-opening-right-to-left; animation-name: remodal-opening-right-to-left; animation-duration: 0.75s; } .remodal-is-closing { -webkit-animation-name: remodal-closing-right-to-left; animation-name: remodal-closing-right-to-left; animation-duration: 0.5s; } } &.remodal-menu-bottom { text-align: center; padding: 0 1px 0 0 !important; &>.remodal { margin-bottom: 0; min-height: 100vh; } .remodal-is-opening { -webkit-animation-name: remodal-opening-bottom-to-top; animation-name: remodal-opening-bottom-to-top; animation-duration: 0.75s; } .remodal-is-closing { -webkit-animation-name: remodal-closing-top-to-bottom; animation-name: remodal-closing-top-to-bottom; animation-duration: 0.5s; } } } /*############################################################# ## Remodal Animation : Left to Right /*###########################################################*/ @keyframes remodal-opening-left-to-right { from { -webkit-transform: none; transform: none; left: -200px; opacity: 0; } to { -webkit-transform: none; transform: none; left: 0; opacity: 1; -webkit-filter: blur(0); filter: blur(0); } } @keyframes remodal-closing-left-to-right { from { -webkit-transform: none; transform: none; left: 0; opacity: 1; } to { -webkit-transform: none; transform: none; left: -200px; opacity: 0; -webkit-filter: blur(0); filter: blur(0); } } /*############################################################# ## Remodal Animation : Right to Left /*###########################################################*/ @keyframes remodal-opening-right-to-left { 0% { -webkit-transform: none; transform: none; right: -100%; opacity: 1; } 75% { -webkit-transform: none; transform: none; right: 20px; opacity: 1; } 100% { -webkit-transform: none; transform: none; right: 0; opacity: 1; -webkit-filter: blur(0); filter: blur(0); } } @keyframes remodal-closing-right-to-left { from { -webkit-transform: none; transform: none; right: 0; opacity: 1; } to { -webkit-transform: none; transform: none; right: -100%; opacity: 1; -webkit-filter: blur(0); filter: blur(0); } } /*############################################################# ## Remodal Animation : Bottom to Top /*###########################################################*/ @keyframes remodal-opening-bottom-to-top { 0% { -webkit-transform: none; transform: none; bottom: -100%; opacity: 1; } 75% { -webkit-transform: none; transform: none; bottom: 20px; opacity: 1; } 100% { -webkit-transform: none; transform: none; bottom: 0; opacity: 1; -webkit-filter: blur(0); filter: blur(0); } } @keyframes remodal-closing-top-to-bottom { from { -webkit-transform: none; transform: none; bottom: 0; opacity: 1; } to { -webkit-transform: none; transform: none; bottom: -100%; opacity: 1; -webkit-filter: blur(0); filter: blur(0); } } /*############################################################# ## Key Frames /*###########################################################*/ @keyframes agentup { 0% { transform: translateY(23%); } 100% { transform: translateY(0%); } } /* Elemenets Visibility Per Devices */ .desktop-only { @media only screen and (max-width: 991px) { display:none; } } /*Seperator*/ .seperator-150, .spacer-150 { height:150px; @media only screen and (max-width: 1399px) { height: 80px; } @media only screen and (max-width: 767px) { height:50px; } } .seperator-100, .spacer-100 { height:100px; @media only screen and (max-width: 767px) { height:50px; } } .seperator-50, .spacer-50 { height:50px; @media only screen and (max-width: 767px) { height:30px; } } .seperator-30, .spacer-30 { height:30px; @media only screen and (max-width: 767px) { height:30px; } } div[data-embeddable-id="e472257b-e42c-459b-ad89-190995b2c266"], .wb-hr1ncpbjfmvr { height: 100%; } /*Page Background*/ .background-fixed, .page-type-auctions, .page-type-inspections, .page-type-listing, .page-type-listings, .page-type-blogs, .page-type-blog, .page-type-franchise_offices, .page-type-franchise_office, .page-type-agents, .page-type-agent { background-position: top center; background-repeat: no-repeat; background-attachment: fixed; background-size: cover; } .page-type-blog, .page-type-blogs {/*Single Blog Page, Blog Page Banner*/ background-image: url(https://resources.wbcms.net/uploads/11/398976b3-297e-4ed9-9c30-9c5c715881d0/single-blog-bg.jpg); } .page-type-agents, .page-type-agent {/*Agent Page Banner, Single Agent*/ background-image: url(https://resources.wbcms.net/uploads/11/10bf7e88-027b-4f1a-869b-929b9b37650e/Agents-bg.jpg); } .page-type-listings, .page-type-listing, .page-type-auctions, .page-type-inspections {/*Listings, Auctions*/ background-image: url(https://resources.wbcms.net/uploads/4/5d26855f-2b78-40b4-be6c-cccd9ac1afa0/listing-bg.png); } .page-type-franchise_offices, .page-type-franchise_office {/*Office Page Banner, Single office*/ background-image: url(https://resources.wbcms.net/uploads/11/cf7f2e57-d2f6-49ce-8e36-cf4ee40397f7/office-bg.jpg); } .page-type-blog { p img { display: inline-block; margin-right: 10px; margin-bottom: 10px; } p img:last-child { margin-right: 0; } }" ["compiled_css"]=> NULL ["js"]=> string(4957) "requirejs(['jquery', 'remodal', 'cssLoader', 'htmx'], function($, remodal, cssLoader, htmx) { cssLoader(['remodal', 'fontawesome']); $('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 = 90; // Animate scroll to the target offset $("html, body").animate({ scrollTop: targetOffset - headerPadding }, 1000); } }); ///////////////////////// Remove placeholder when clicking on the respective field $('.wb-form input, .wb-form textarea').on('focus', function(){ // Store the placeholder in a data attribute and then remove it $(this).data('placeholder', $(this).attr('placeholder')).attr('placeholder', ''); }).on('blur', function(){ // When the element loses focus, restore the placeholder $(this).attr('placeholder', $(this).data('placeholder')); }); ///////////Start Dropdown Live Search////////////////// $('.live-search-input').each(function() { var searchInput = $(this); var clearButton = searchInput.siblings('.clear-button'); var targetList = searchInput.siblings('.live-search-list'); var items = []; var itemSelected = false; // Flag to check if an item has been selected targetList.find('li').each(function(){ items.push($(this).text().trim()); }); function refreshList(itemsToShow) { targetList.empty(); if(itemsToShow.length === 0) { targetList.append("
  • No items found
  • "); } else { $.each(itemsToShow, function(index, item) { targetList.append("
  • " + item + "
  • "); }); } } // Function to toggle the visibility of the clear button function toggleClearButton() { if (searchInput.val().length > 0) { clearButton.show(); } else { clearButton.hide(); } } // Show clear button when input field is focused searchInput.on('focus', function(){ clearButton.show(); }); // Hide clear button when input field loses focus searchInput.on('blur', function(){ setTimeout(function() { clearButton.hide(); }, 100); }); // Clear input when 'X' button is clicked clearButton.on('click', function(){ searchInput.val(''); refreshList(items); searchInput.focus(); // Optional: return focus to the input after clearing toggleClearButton(); }); searchInput.on('focus', function(){ $('.live-search-list').hide(); // Hide all other lists refreshList(items); targetList.show(); itemSelected = false; // Reset item selection status when the field is focused }); searchInput.on('blur', function(e){ if (!itemSelected) { // Clear the input if no item was selected searchInput.val(''); } if (!targetList.is(':hover')) { targetList.hide(); } }); targetList.on('click', '.list-item', function(){ searchInput.val($(this).text()); //var getSelectedItem = $(this).text(); // searchInput.val(getSelectedItem); searchInput.attr('value', $(this).text()); targetList.hide(); itemSelected = true; // Set the flag when an item is selected }); searchInput.on('keyup', function(){ var query = $(this).val().toLowerCase(); var filteredItems = items.filter(function(item){ //return item.toLowerCase().startsWith(query); // Search start to the first word (startsWith) return item.toLowerCase().includes(query); // Changed from startsWith to includes }); refreshList(filteredItems); itemSelected = false; // Reset item selection status when the user starts typing toggleClearButton(); }); refreshList(items); }); //end dropdown live search });" ["created_at"]=> string(19) "2023-08-23 10:53:44" ["updated_at"]=> string(19) "2024-12-05 12:15:38" } ["original":protected]=> array(9) { ["id"]=> int(3) ["uuid"]=> string(36) "b92900e2-58f8-45b9-a0f7-7e41dbddd06d" ["name"]=> string(15) "Remax Corporate" ["variables_scss"]=> string(17) "$gray_3: #949CA1;" ["scss"]=> string(53661) "/*############################################################# ## Reset /*###########################################################*/ html { scroll-behavior: auto !important; } .site-main{ min-height: 70vh; } a{ text-decoration: none; } @media (min-width: 1400px) { .container, .container-lg, .container-md, .container-sm, .container-xl, .container-xxl { max-width: $all_container_size; } } /*############################################################# ## Headers Tags /*###########################################################*/ .h1, h1 { font-size: $h1_font_size; @media only screen and (max-width:991px) { font-size: 38px; line-height: 38px; /* 100% */ } } .h2, h2 { font-size: $h3_font_size; &.small-heading { } @media only screen and (max-width:991px) { font-size: 28px; } &.jumbo-heading { font-size: $h1_font_size; font-weight:400; @media only screen and (max-width:767px) { font-size:38px; } span { font-weight: $all_header_font_weight; } } } .h3, h3 { font-size: $h4_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; } } } .sub-heading { color: $all_content_colour; font-family: $all_content_font_family; font-size: $h4_font_size; font-weight: $all_content_font_weight; line-height: normal; letter-spacing: 2.7px; text-transform: uppercase; margin-bottom: 10px; display: block; } /*############################################################# ## 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; } } p { font-size: $all_content_font_size; line-height: $all_content_line_height; color: $all_content_colour; @media only screen and (max-width:767px) { line-height: 22px; } a { color: $all_content_colour; &:link, &:focus, &:hover, &:visited, &:active { color: $primary_color; } } } } li { a { color: inherit; } } // Others a { text-decoration: none; } b, strong { font-weight: 700; } hr { opacity: 1; } /*############################################################# ## Special Class: Icons /*###########################################################*/ .text-with-icon { a { text-decoration: none; color: $all_content_colour; font-family: $all_content_font_family; font-size: 16px; font-style: normal; font-weight: 400; line-height: 25px; display:block; i { font-size: 14px; margin-right: 4px; } } } .falcon-icons{ color: $primary_color; } /*############################################################# ## Block default Padding and Color /*###########################################################*/ body, [data-layout-id], [data-content-block-id] { background-color: $section_default_background_color; } [data-content-block-id] { padding: $section_default_padding_top_and_bottom 0; &.section-1-style{ background-color: $section_1_background_color; } } [data-layout-id]{ padding: $section_default_padding_top_and_bottom 0; .wb-column{ > [data-content-block-id] { padding: 15px 0; &:first-child{ padding-top: 0; } &:last-child{ padding-bottom: 0; } } } } .page-id-1014 { [data-layout-id] { padding:0; } } /*############################################################# ## Website Header /*###########################################################*/ .site-header-style{ background-color: $site_header_bg_color; } .falcon-burger-style { > div{ background-color: $site_header_active_text_bg_color; } } /*------------------------------- # Header Menu --------------------------------*/ .main-menu { .menu-item { a { color: $site_header_text_color; } &.menu-parent-wrapper { a:hover{ background-color: $site_header_active_text_bg_color; color: #fff; } &.menuparent-active { > a { background-color: $site_header_active_text_bg_color; color: #fff; > span{ color: $site_header_active_text_color; } &::after{ background-color: $site_header_active_text_bg_color; } } } } .sub-menu { li { a { color: $site_header_text_color; &:hover { background-color: #F5F5F5; color: $site_header_text_color; } } &.submenu-active { > a { background-color: #F5F5F5; } } } } } } /*############################################################# ## Website Footer /*###########################################################*/ .main-footer { background-color: $site_footer_bg_color; h2,h3,h4,h5,h6, li, p { color: $site_footer_text_color; a, span { color: inherit; } a { transition: all 0.2s ease-in-out 0s; &:hover{ color: $site_footer_text_hover_color; } } } } /*############################################################# ## Property Summary /*###########################################################*/ .summary-details { .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-car-v2 { background-image: url($property_icon_car_v2); } &.icon-land { background-image: url($property_icon_land_area); } &.icon-floorplan { background-image: url($property_icon_floor_area); } } } /*############################################################# ## Badge /*###########################################################*/ .falcon-badge-style, .badge-1-style { position: absolute; left: 0; top: 0; background-color: $secondary_color; color: #FFF; display: inline-block; padding: 5px 10px; font-style: normal; font-weight: 600; font-size: 10px; text-transform: uppercase; z-index: 10; } .icon-image-container { background-color: $secondary_color; border-color: $secondary_color; color: #fff; } /*############################################################# ## Bootstrap Grid/Column /*###########################################################*/ .wb-column { container-type: inline-size; .container { padding-left: 0; padding-right: 0; } } @container (max-width:767px) { .wb-column div[class^="col-"]:not(.layout-exclude) { width: 100%; } } /*############################################################# ## Block Specific /*###########################################################*/ body{ &.page-type-listing{ .wb-column { [data-content-block-id]{ padding: 15px 0; } } } } .each-agent-socials{ background-color: rgba($primary_color, 0.7); } .single-agent-socials{ .each-social{ background-color: transparent; border-color: $primary_color; color: $primary_color; &:hover{ background-color: $primary_color; border-color: $primary_color; color: #FFF; } } } /*############################################################# ## Video /*###########################################################*/ .wb-video { position: relative; width: 100%; height: 0; padding-bottom: 56.25%; iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; } } /*############################################################# ## Map /*###########################################################*/ .wb-map { iframe { height: 400px; width:100%; } } /*############################################################# ## Repeater /*###########################################################*/ .wb-repeater { &.accordion { .accordion-item { border: 0; .accordion-button { border-top: solid 1px #F5F5F5; &:not(.collapsed) { color: #fff; background-color: $primary_color; border-top-right-radius: 8px; border-top-left-radius: 8px; 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; } } } } /*############################################################# ## blockquote /*###########################################################*/ blockquote { position: relative; padding: 40px 30px 30px; margin: 50px 0; background-color: $secondary_color; &:before { content: ""; font-family: "Font Awesome 6 Pro"; font-weight: 900; font-size: 41px; color: $primary_color; } &:nth-of-type(odd) { margin-left:10%; border-top-left-radius: 15px; border-bottom-left-radius: 15px; } &:nth-of-type(even) { margin-right: 10%; border-top-right-radius: 15px; border-bottom-right-radius: 15px; padding-left: 10%; } &:nth-of-type(even):after, &:nth-of-type(odd):after { content: ''; position: absolute; background-color: $secondary_color; width: 100vw; display: block; height: 100%; top: 0; bottom:0; } &:nth-of-type(even):after { right: 100%; } &:nth-of-type(odd):after { left: 100%; } } /*############################################################# ## Image /*###########################################################*/ img, svg{ max-width: 100%; height: auto; } .images-container{ > img { margin-bottom: 20px; } } .wb-bg-image{ background-color: #EFEFEF; background-repeat: no-repeat; background-attachment: scroll; background-position: center; background-size: cover; } /*############################################################# ## Forms /*###########################################################*/ input{ outline: 0; } .wb-form { small { color:$all_content_colour; a { color:$primary_color; } } .form-label { display: block; margin-bottom: 0; cursor: pointer; color: #000 !important; font-family: $all_content_font_family; font-size: 15px; font-style: normal; font-weight: 700; line-height: 21px; margin-bottom: 0; strong { } } .form-check-label { cursor: pointer; } .input-wrapper { br { display: none; } } input[type="text"].form-control, input[type="email"].form-control, textarea.form-control { &:focus { outline: 0; box-shadow: unset; } } } /*############################################################# ## Capcha Badge /*###########################################################*/ .grecaptcha-badge { visibility: hidden; } /*############################################################# ## Search Form /*###########################################################*/ input[type="text"], input[type="email"], textarea.form-control, textarea, select.form-control, select { color: $all_content_colour; background-color: #FFF; border: 1px solid $header_bg_color; border-radius: 0; padding: 15px 15px 15px 15px; font-size: $all_content_font_size; width: 100%; font-family: $all_content_font_family; font-style: normal; font-weight: $all_content_font_weight; text-transform:capitalize; @media only screen and (max-width:767px) { padding: 10px 15px 10px 15px; font-size: 15px; } &::placeholder { color: $header_bg_color; font-weight:300; } &:focus { outline: 0; box-shadow: unset; border-color: inherit; color: inherit; background-color: $white; } } select { -webkit-appearance: none; -moz-appearance: none; appearance: none; cursor: pointer; outline: 0; &:link, &:focus, &:hover, &:visited, &:active &:focus-visible { outline: 0; } } .select-wrapper{ position: relative; &::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; -webkit-transform: translatey(-50%); transform: translatey(-50%); padding-right: 5px; } } .live-search-wrapper { position: relative; .live-search-list { background: #fff; list-style: none; text-align: left; height: 200px; overflow-y: auto; border: 1px solid #C4C6CB; padding: 10px 0; position: absolute; width: 100%; z-index: 99; li { font-size: 16px; width: 100%; font-family: "Gotham SSm"; font-style: normal; font-weight: 400; padding: 0 15px; line-height: 30px; cursor: pointer; text-transform: capitalize; &:hover { background: #dddddd; } } } .live-search-input { padding-right: 30px; text-transform: capitalize; } .clear-button { position: absolute; top: 50%; right: 10px; transform: translateY(-50%); background-color: transparent; border: none; font-size: 13px; cursor: pointer; font-weight: 300; } .clear-button:focus { outline: none; } } /*############################################################# ## 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; } } } .slick-arrow { z-index: 100; &.slick-prev, &.slick-next { position: absolute; width: 50px; height: 50px; padding: 0; cursor: pointer; color: #313131; outline: none; background-color: transparent; border: 1px solid #313131; 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 #313131; background-color: #313131; } &.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: 20px; height: 20px; 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: 100; &.slick-prev, &.slick-next { position: relative; width: 35px; height: 50px; top: auto; padding: 0; cursor: pointer; color: $primary_color; 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"; } } } } } /*############################################################# ## Fix : Long Links shows Horizontal Scroll /*###########################################################*/ a[href*=www], a[href*=http], a[href^=mailto], a[href^=tel] { word-break: break-word; } nav.falcon-pagination{ .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: flex; gap: 8px; flex-wrap: wrap; justify-content: center; li{ > .page-link{ color: $all_content_colour; &:focus{ box-shadow: none; } } &.active{ > .page-link{ color: #FFF; background-color: $all_content_colour; border-color: $all_content_colour; } } } } } } } nav.falcon-pagination { .falcon-numbers { .falcon-numbers-container { ul.pagination { li { > .page-link { color: #404041; background: transparent; border: 0; } &:first-child span, &:last-child a, &:first-child a, &:last-child span { font-size:0; } &:first-child span:after, &:last-child a:after, &:first-child a:after, &:last-child span:after { font-family: "Font Awesome 6 Pro"; font-weight: 400; font-size: 15px; display: inline-block; color: inherit; text-rendering: auto; -webkit-font-smoothing: antialiased; opacity: 1; } &:first-child span:after, &:first-child a:after { content: ""; } &:last-child a:after, &:last-child span:after { content: ""; } &.active > .page-link { background-color: transparent; color: $primary_color; } } } } } } /*############################################################# ## Buttons /*###########################################################*/ .buttons-container { position: relative; left: -5px; width: calc(100% + 5px); margin-bottom: -10px; @media only screen and (max-width: 767px) { a.btn:only-child { margin-left: 15px; } } a { display: inline-block; margin-right: 5px; margin-left: 5px; margin-bottom: 10px; } } /*------------------------------- # All Buttons Default --------------------------------*/ %custom-button-all-default { border-width: 0; border-style: solid; border-radius: 0; border:0; outline: none; box-shadow: none; position: relative; transition: all 0.3s ease-in-out 0s; font-weight: 400; //min-width: 200px; font-size: 14px; font-style: normal; opacity: 1; padding: 20px 30px; text-transform: uppercase; line-height: normal; letter-spacing: 1.4px; } /*------------------------------- # Button 1 Style --------------------------------*/ %custom-button-1-style-default { border-color: $button_1_border_color; background-color: $button_1_background_color; color: $button_1_text_color; font-family: $button_1_font_family; border-radius: $button_1_border_radius; } %custom-button-1-style-hover { background-color: darken($button_1_background_color, 10%); border-color: darken($button_1_border_color, 10%); color: $button_1_text_color; } /*------------------------------- # Button 2 Style --------------------------------*/ %custom-button-2-style-default { border-color: $button_2_border_color; background-color: $button_2_background_color; color: $button_2_text_color; font-family: $button_2_font_family; border-radius: $button_2_border_radius; } %custom-button-2-style-hover { background-color: darken($button_2_background_color, 10%); border-color: darken($button_2_border_color, 10%); color: $button_2_text_color; } /*------------------------------- # Button 3 Style --------------------------------*/ %custom-button-3-style-default { border-color: $button_3_border_color; background-color: $button_3_background_color; color: $button_3_text_color; font-family: $button_3_font_family; border-radius: $button_3_border_radius; } %custom-button-3-style-hover { background-color: darken($button_3_background_color, 10%); border-color: darken($button_3_border_color, 10%); color: $button_3_text_color; } .btn { @extend %custom-button-all-default; .disabled, &:disabled { opacity: 0.8; pointer-events: auto; cursor: not-allowed; } &.button-1-style, &.btn-primary, &.btn-falcon { @extend %custom-button-1-style-default; &:link, &:focus, &:visited, &:active { @extend %custom-button-1-style-default; } &:hover { @extend %custom-button-1-style-hover; } @media only screen and (max-width:767px) { padding: 12px 20px; font-size: 14px; letter-spacing: 1.4px; } } &.button-2-style, &.btn-secondary { @extend %custom-button-2-style-default; &:link, &:focus, &:visited, &:active { @extend %custom-button-2-style-default; } &:hover { @extend %custom-button-2-style-hover; } } &.button-3-style, &.btn-white { @extend %custom-button-3-style-default; &:link, &:focus, &:visited, &:active { @extend %custom-button-3-style-default; } &:hover { @extend %custom-button-3-style-hover; } } &.btn-small { padding: 3px 15px; font-size: 11px; } &.btn-large { padding: 15px 15px; } &.btn-width-auto { min-width: auto; } } // .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: 0; color: $secondary_color; z-index: 10; @media only screen and (max-width:767px) { top: 0; color: $all_content_colour; } } } &.remodal-property-filter{ max-width: 835px ; position: relative; padding: 60px; @media only screen and (max-width:1399px) { padding: 30px 15px; } a[data-remodal-action="close"] { color: $secondary_color; display: inline-block; text-decoration: none; position: absolute; top: 10px; right: 20px; } } } .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: 800px; background-color: #ffffff; background: #ffffff; // Container:width and Height .menu-container { background-color: #ffffff; text-align: left; 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; background: $header_bg_color; box-shadow: 0px 4px 4px 0px rgba(0, 0, 0, 0.30); padding: 5px 15px; .logo-text { font-family: $all_content_font_family; font-style: normal; font-weight: 800; line-height: 22px; color: #313131; font-size: 24px; } .website-logo img { height:$menu_logo_height_mobile; } a[data-remodal-action="close"] { color: $site_header_active_text_bg_color; display: inline-block; text-decoration: none; font-size: 30px; margin-right: 0px; } } .menu-container-middle { padding: 0; ul.mobile-menu { list-style-type: none; margin: 0; padding: 0; display: block; // display: inline-block; li { display: block; padding: 0 15px; margin-bottom: 10px; a { display: block; align-items: center; padding: 5px; color: $all_content_colour; font-family: $all_content_font_family; font-size: 15px; font-style: normal; font-weight: 400; line-height: normal; text-transform: uppercase; } &:last-child { margin-bottom: 0; // margin-left: 0; } } } } .menu-container-bottom { text-align: center; 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; } } } } } } } /* Position Horizontally */ .remodal-wrapper.remodal-menu { .remodal.remodal-menu { .menu-container { .menu-container-middle { ul.mobile-menu { li { padding:0; a { &.open { background-color: $header_bg_color; } } .menu-child-wrapper{ display: none; ul { li { margin-bottom: 0; a { text-transform: capitalize; } } } } } > li { > a { padding: 10px 20px; } &:last-child { > a { background-color: $secondary_color; color: #fff; position: relative; &:after { content: "\f054"; font-family: "Font Awesome 6 Pro"; font-size: inherit; margin-right: 10px; font-weight: 400; text-rendering: auto; -webkit-font-smoothing: antialiased; position: absolute; top: 50%; transition: all 0.3s ease-in-out 0s; transform: translatey(-50%); opacity: 1; z-index: 999; color: #fff; margin-left: 10px; } &.open { background-color: $red_2; } } } } } } } } } /*############################################################# ## Remodal - virtualtour - floorplan - gallery /*###########################################################*/ .remodal { hr { margin: 32px 0; color: #E6EBEE; } .disclaimer { color: #2F5671; line-height: 19.6px; font-size: 0.88rem; margin-top: 16px; a { color: #0070E0; } } } .remodal, [data-remodal-id] { display: none; } .remodal-wrapper { z-index: 999999 !important; overflow-x: hidden; padding: 0; &.remodal-search-filter { padding: 0; } & > .remodal { padding: 0; } } .remodal-wrapper > .remodal .remodal-top .container, .remodal-wrapper > .remodal .remodal-middle .container, .remodal-wrapper > .remodal .remodal-bottom .container { padding: 0 40px; } @media only screen and (max-width: 991px) { .remodal-wrapper > .remodal .remodal-top .container, .remodal-wrapper > .remodal .remodal-middle .container, .remodal-wrapper > .remodal .remodal-bottom .container { padding: 0 20px; } } .remodal-wrapper { .remodal-top { h6 { font-size: 1.19rem; font-family: "GeneralSans"; line-height: 25.65px; color: #033355; text-transform: capitalize; font-weight: 600; } } } @media only screen and (max-width: 991px) { .remodal-wrapper { .remodal-top { h6 { font-size: 1rem; line-height: 1; } } } } .remodal-wrapper { .remodal-top { a.close { border-radius: 20px; color: black; height: auto; font-size: 0.88rem; font-weight: 600; padding: 15px; position: relative; right: auto; top: auto; width: auto; &:hover { background-color: #f1f4f6; } i { font-size: 20px; margin: 0 5px 0; } .remodal-search-filter { .search-filter-top { .close { i { position: relative; top: 7px; } } } } span { display: inline-block; color: #2F5671; } .general-icon { display: inline-block; position: relative; top: 7px; } } } .remodal-search-filter { border-radius: 20px; } } .remodal-wrapper .remodal-agent-appraisal .remodal-top, .remodal-wrapper .remodal-agent-contact .remodal-top { position: absolute; right: 0; top: 18px; } @media only screen and (max-width: 991px) { .remodal-wrapper .remodal-search-filter { border-radius: 0; } } .remodal-wrapper .remodal-search-filter h3, .remodal-wrapper .remodal-search-filter .h3 { font-size: 1.19rem; margin-bottom: 32px; display: block; font-family: "GeneralSans"; font-weight: 500; } .remodal-wrapper .remodal-search-filter h4, .remodal-wrapper .remodal-search-filter .h4 { font-size: 1.06rem; display: block; font-family: "GeneralSans"; font-weight: 500; } .remodal-wrapper { .remodal-search-filter { .remodal-middle { height: 560px; overflow: overlay; scrollbar-width: none; } } } @media only screen and (max-width: 991px) { .remodal-wrapper { .remodal-search-filter { .remodal-middle { height: calc(100vh - 164px); } } } } .remodal-wrapper { .remodal-search-filter { .remodal-middle { .keywords { background-color: #F3F5F7; padding: 40px 0; .search-wrapper { background-color: #FFF; padding: 18px 16px; border-radius: 6px; display: flex; flex-wrap: nowrap; justify-content: flex-start; align-items: center; border: solid 1px #9AADBB; } .search-field { width: 100%; position: relative; line-height: 26px; &.with-magnify-glass { padding-left: 30px; } } } } } } @media only screen and (max-width: 991px) { .remodal-wrapper { .remodal-search-filter { .remodal-middle { .keywords { .search-field { width: 65%; } } } } } } .remodal-wrapper { .remodal-search-filter { .remodal-middle { .keywords { .search-field { i { position: absolute; left: 0; top: 50%; transform: translatey(-50%); color: #9AADBB; font-size: 1rem; } input { font-size: 1rem; border: none; width: 100%; outline: 0; padding-left: 30px; padding-right: 30px; color: #2F5671; &::placeholder { color: #2F5671; } } } &.property-keyword { background-color: transparent; .search-field { input { padding-left: initial; padding-right: initial; } } } } .category-filter { .general-button { &.button-style-2 { background: transparent; border-radius: 0; border: 0; border-bottom: 4px solid #E6EBEE; height: 75px; line-height: 75px; &.button-active { border-bottom: 4px solid #C4ED21; } &:hover { color: #033355; } } } } .summary-attributes { .general-button { &.button-style-2 { border-color: #E6EBEE; &:hover { border-color: #033355; color: #FEFEFE; } &.button-active { background-color: #033355; color: #fff; &:hover { opacity: 0.9; } } } } } .modal-single-select { .general-button { &.button-style-2 { border-color: #E6EBEE; height: 72px; line-height: 72px; } } } } } } @media only screen and (max-width: 767px) { .remodal-wrapper { .remodal-search-filter { .remodal-middle { .modal-single-select { .general-button { &.button-style-2 { height: 44px; line-height: 44px; } } } } } } } .remodal-wrapper { .remodal-search-filter { .remodal-middle { .modal-single-select { .general-button { &.button-style-2 { &:hover { border-color: #033355; color: #033355; background-color: transparent; } &.button-active { background-color: #033355; color: #fff; } } } } .modal-multiple-select { .col { a { display: block; border: solid 1px #E6EBEE; padding: 16px; border-radius: 8px; span { &:first-child { margin-bottom: 39.41px; } &:last-child { font-weight: 600; font-size: 0.875rem; color: #033355; line-height: 19.6px; } } &.button-active { border-color: #033355; } } } } .modal-property-check { label { width: 100%; display: flex; height: 100%; gap: 16px; flex-wrap: nowrap; align-items: center; cursor: pointer; color: #033355; line-height: 24px; } .filter-button[type="checkbox"] { appearance: none; -webkit-appearance: none; -moz-appearance: none; position: relative; width: 24px; height: 24px !important; border: 1px solid #9AADBB; background-color: white; cursor: pointer; border-radius: 3px; top: -2px; } .filter-button[type="checkbox"]:checked { background-color: #033355; border-color: #033355; outline: none; } } .select-wrapper { select { height: 56px; } } } .remodal-bottom { .button-clear { font-weight: 600; color: #033355; background: transparent; border: 0; } } } .remodal-is-opening { -webkit-animation-name: remodal-opening-left-to-right; animation-name: remodal-opening-left-to-right; } .remodal-is-closing { -webkit-animation-name: remodal-closing-left-to-right; animation-name: remodal-closing-left-to-right; } &.remodal-menu-left { text-align: left; .remodal-is-opening { -webkit-animation-name: remodal-opening-left-to-right; animation-name: remodal-opening-left-to-right; } .remodal-is-closing { -webkit-animation-name: remodal-closing-left-to-right; animation-name: remodal-closing-left-to-right; } } &.remodal-menu-right { text-align: right; padding: 0 1px 0 0 !important; & > .remodal { margin-bottom: 0; min-height: 100vh; } .remodal-is-opening { -webkit-animation-name: remodal-opening-right-to-left; animation-name: remodal-opening-right-to-left; animation-duration: 0.75s; } .remodal-is-closing { -webkit-animation-name: remodal-closing-right-to-left; animation-name: remodal-closing-right-to-left; animation-duration: 0.5s; } } &.remodal-menu-bottom { text-align: center; padding: 0 1px 0 0 !important; &>.remodal { margin-bottom: 0; min-height: 100vh; } .remodal-is-opening { -webkit-animation-name: remodal-opening-bottom-to-top; animation-name: remodal-opening-bottom-to-top; animation-duration: 0.75s; } .remodal-is-closing { -webkit-animation-name: remodal-closing-top-to-bottom; animation-name: remodal-closing-top-to-bottom; animation-duration: 0.5s; } } } /*############################################################# ## Remodal Animation : Left to Right /*###########################################################*/ @keyframes remodal-opening-left-to-right { from { -webkit-transform: none; transform: none; left: -200px; opacity: 0; } to { -webkit-transform: none; transform: none; left: 0; opacity: 1; -webkit-filter: blur(0); filter: blur(0); } } @keyframes remodal-closing-left-to-right { from { -webkit-transform: none; transform: none; left: 0; opacity: 1; } to { -webkit-transform: none; transform: none; left: -200px; opacity: 0; -webkit-filter: blur(0); filter: blur(0); } } /*############################################################# ## Remodal Animation : Right to Left /*###########################################################*/ @keyframes remodal-opening-right-to-left { 0% { -webkit-transform: none; transform: none; right: -100%; opacity: 1; } 75% { -webkit-transform: none; transform: none; right: 20px; opacity: 1; } 100% { -webkit-transform: none; transform: none; right: 0; opacity: 1; -webkit-filter: blur(0); filter: blur(0); } } @keyframes remodal-closing-right-to-left { from { -webkit-transform: none; transform: none; right: 0; opacity: 1; } to { -webkit-transform: none; transform: none; right: -100%; opacity: 1; -webkit-filter: blur(0); filter: blur(0); } } /*############################################################# ## Remodal Animation : Bottom to Top /*###########################################################*/ @keyframes remodal-opening-bottom-to-top { 0% { -webkit-transform: none; transform: none; bottom: -100%; opacity: 1; } 75% { -webkit-transform: none; transform: none; bottom: 20px; opacity: 1; } 100% { -webkit-transform: none; transform: none; bottom: 0; opacity: 1; -webkit-filter: blur(0); filter: blur(0); } } @keyframes remodal-closing-top-to-bottom { from { -webkit-transform: none; transform: none; bottom: 0; opacity: 1; } to { -webkit-transform: none; transform: none; bottom: -100%; opacity: 1; -webkit-filter: blur(0); filter: blur(0); } } /*############################################################# ## Key Frames /*###########################################################*/ @keyframes agentup { 0% { transform: translateY(23%); } 100% { transform: translateY(0%); } } /* Elemenets Visibility Per Devices */ .desktop-only { @media only screen and (max-width: 991px) { display:none; } } /*Seperator*/ .seperator-150, .spacer-150 { height:150px; @media only screen and (max-width: 1399px) { height: 80px; } @media only screen and (max-width: 767px) { height:50px; } } .seperator-100, .spacer-100 { height:100px; @media only screen and (max-width: 767px) { height:50px; } } .seperator-50, .spacer-50 { height:50px; @media only screen and (max-width: 767px) { height:30px; } } .seperator-30, .spacer-30 { height:30px; @media only screen and (max-width: 767px) { height:30px; } } div[data-embeddable-id="e472257b-e42c-459b-ad89-190995b2c266"], .wb-hr1ncpbjfmvr { height: 100%; } /*Page Background*/ .background-fixed, .page-type-auctions, .page-type-inspections, .page-type-listing, .page-type-listings, .page-type-blogs, .page-type-blog, .page-type-franchise_offices, .page-type-franchise_office, .page-type-agents, .page-type-agent { background-position: top center; background-repeat: no-repeat; background-attachment: fixed; background-size: cover; } .page-type-blog, .page-type-blogs {/*Single Blog Page, Blog Page Banner*/ background-image: url(https://resources.wbcms.net/uploads/11/398976b3-297e-4ed9-9c30-9c5c715881d0/single-blog-bg.jpg); } .page-type-agents, .page-type-agent {/*Agent Page Banner, Single Agent*/ background-image: url(https://resources.wbcms.net/uploads/11/10bf7e88-027b-4f1a-869b-929b9b37650e/Agents-bg.jpg); } .page-type-listings, .page-type-listing, .page-type-auctions, .page-type-inspections {/*Listings, Auctions*/ background-image: url(https://resources.wbcms.net/uploads/4/5d26855f-2b78-40b4-be6c-cccd9ac1afa0/listing-bg.png); } .page-type-franchise_offices, .page-type-franchise_office {/*Office Page Banner, Single office*/ background-image: url(https://resources.wbcms.net/uploads/11/cf7f2e57-d2f6-49ce-8e36-cf4ee40397f7/office-bg.jpg); } .page-type-blog { p img { display: inline-block; margin-right: 10px; margin-bottom: 10px; } p img:last-child { margin-right: 0; } }" ["compiled_css"]=> NULL ["js"]=> string(4957) "requirejs(['jquery', 'remodal', 'cssLoader', 'htmx'], function($, remodal, cssLoader, htmx) { cssLoader(['remodal', 'fontawesome']); $('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 = 90; // Animate scroll to the target offset $("html, body").animate({ scrollTop: targetOffset - headerPadding }, 1000); } }); ///////////////////////// Remove placeholder when clicking on the respective field $('.wb-form input, .wb-form textarea').on('focus', function(){ // Store the placeholder in a data attribute and then remove it $(this).data('placeholder', $(this).attr('placeholder')).attr('placeholder', ''); }).on('blur', function(){ // When the element loses focus, restore the placeholder $(this).attr('placeholder', $(this).data('placeholder')); }); ///////////Start Dropdown Live Search////////////////// $('.live-search-input').each(function() { var searchInput = $(this); var clearButton = searchInput.siblings('.clear-button'); var targetList = searchInput.siblings('.live-search-list'); var items = []; var itemSelected = false; // Flag to check if an item has been selected targetList.find('li').each(function(){ items.push($(this).text().trim()); }); function refreshList(itemsToShow) { targetList.empty(); if(itemsToShow.length === 0) { targetList.append("
  • No items found
  • "); } else { $.each(itemsToShow, function(index, item) { targetList.append("
  • " + item + "
  • "); }); } } // Function to toggle the visibility of the clear button function toggleClearButton() { if (searchInput.val().length > 0) { clearButton.show(); } else { clearButton.hide(); } } // Show clear button when input field is focused searchInput.on('focus', function(){ clearButton.show(); }); // Hide clear button when input field loses focus searchInput.on('blur', function(){ setTimeout(function() { clearButton.hide(); }, 100); }); // Clear input when 'X' button is clicked clearButton.on('click', function(){ searchInput.val(''); refreshList(items); searchInput.focus(); // Optional: return focus to the input after clearing toggleClearButton(); }); searchInput.on('focus', function(){ $('.live-search-list').hide(); // Hide all other lists refreshList(items); targetList.show(); itemSelected = false; // Reset item selection status when the field is focused }); searchInput.on('blur', function(e){ if (!itemSelected) { // Clear the input if no item was selected searchInput.val(''); } if (!targetList.is(':hover')) { targetList.hide(); } }); targetList.on('click', '.list-item', function(){ searchInput.val($(this).text()); //var getSelectedItem = $(this).text(); // searchInput.val(getSelectedItem); searchInput.attr('value', $(this).text()); targetList.hide(); itemSelected = true; // Set the flag when an item is selected }); searchInput.on('keyup', function(){ var query = $(this).val().toLowerCase(); var filteredItems = items.filter(function(item){ //return item.toLowerCase().startsWith(query); // Search start to the first word (startsWith) return item.toLowerCase().includes(query); // Changed from startsWith to includes }); refreshList(filteredItems); itemSelected = false; // Reset item selection status when the user starts typing toggleClearButton(); }); refreshList(items); }); //end dropdown live search });" ["created_at"]=> string(19) "2023-08-23 10:53:44" ["updated_at"]=> string(19) "2024-12-05 12:15:38" } ["changes":protected]=> array(0) { } ["casts":protected]=> array(0) { } ["classCastCache":protected]=> array(0) { } ["attributeCastCache":protected]=> array(0) { } ["dates":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)#2502 (2) { ["items":protected]=> array(2) { [0]=> object(App\Models\ThemeFont)#2505 (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(6) ["uuid"]=> string(36) "a8747881-a406-4f68-bb59-8bbcc1e3ce93" ["theme_id"]=> int(3) ["provider"]=> string(6) "google" ["name"]=> string(5) "Inter" ["url"]=> string(65) "https://fonts.googleapis.com/css?family=Inter:300,regular,600,700" ["created_at"]=> string(19) "2023-09-28 08:18:01" ["updated_at"]=> string(19) "2023-09-28 08:18:01" } ["original":protected]=> array(8) { ["id"]=> int(6) ["uuid"]=> string(36) "a8747881-a406-4f68-bb59-8bbcc1e3ce93" ["theme_id"]=> int(3) ["provider"]=> string(6) "google" ["name"]=> string(5) "Inter" ["url"]=> string(65) "https://fonts.googleapis.com/css?family=Inter:300,regular,600,700" ["created_at"]=> string(19) "2023-09-28 08:18:01" ["updated_at"]=> string(19) "2023-09-28 08:18:01" } ["changes":protected]=> array(0) { } ["casts":protected]=> array(0) { } ["classCastCache":protected]=> array(0) { } ["attributeCastCache":protected]=> array(0) { } ["dates":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) ["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) "*" } } [1]=> object(App\Models\ThemeFont)#2504 (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(33) ["uuid"]=> string(36) "5b651f3b-6485-4417-bc8e-10475b63ea08" ["theme_id"]=> int(3) ["provider"]=> string(6) "google" ["name"]=> string(10) "Gotham SSm" ["url"]=> string(91) "https://resources.wbcms.net/uploads/11/7a5e72a2-27e8-4f0f-a39a-18467cb6eb3b/gothamfonts.css" ["created_at"]=> string(19) "2024-03-21 03:26:26" ["updated_at"]=> string(19) "2024-03-21 03:26:26" } ["original":protected]=> array(8) { ["id"]=> int(33) ["uuid"]=> string(36) "5b651f3b-6485-4417-bc8e-10475b63ea08" ["theme_id"]=> int(3) ["provider"]=> string(6) "google" ["name"]=> string(10) "Gotham SSm" ["url"]=> string(91) "https://resources.wbcms.net/uploads/11/7a5e72a2-27e8-4f0f-a39a-18467cb6eb3b/gothamfonts.css" ["created_at"]=> string(19) "2024-03-21 03:26:26" ["updated_at"]=> string(19) "2024-03-21 03:26:26" } ["changes":protected]=> array(0) { } ["casts":protected]=> array(0) { } ["classCastCache":protected]=> array(0) { } ["attributeCastCache":protected]=> array(0) { } ["dates":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) ["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) ["hidden":protected]=> array(0) { } ["visible":protected]=> array(0) { } ["fillable":protected]=> array(5) { [0]=> string(4) "name" [1]=> string(14) "variables_scss" [2]=> string(4) "scss" [3]=> string(12) "compiled_css" [4]=> string(2) "js" } ["guarded":protected]=> array(1) { [0]=> string(1) "*" } } ["location"]=> NULL } ["touches":protected]=> array(0) { } ["timestamps"]=> bool(true) ["hidden":protected]=> array(0) { } ["visible":protected]=> array(0) { } ["fillable":protected]=> array(39) { [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(4) "name" [9]=> string(11) "unit_number" [10]=> string(13) "street_number" [11]=> string(11) "street_name" [12]=> string(6) "suburb" [13]=> string(5) "state" [14]=> string(8) "postcode" [15]=> string(7) "country" [16]=> string(5) "email" [17]=> string(21) "additional_recipients" [18]=> string(6) "mobile" [19]=> string(5) "phone" [20]=> string(3) "fax" [21]=> string(7) "is_demo" [22]=> string(11) "is_showcase" [23]=> string(12) "is_demo_data" [24]=> string(19) "is_franchise_office" [25]=> string(25) "is_agent_crm_sync_enabled" [26]=> string(24) "demo_data_initialised_at" [27]=> string(6) "region" [28]=> string(11) "website_url" [29]=> string(7) "suburbs" [30]=> string(11) "description" [31]=> string(9) "principal" [32]=> string(12) "office_image" [33]=> string(4) "slug" [34]=> string(18) "deployed_office_id" [35]=> string(13) "hide_showcase" [36]=> string(30) "buy_listing_inquiry_recipients" [37]=> string(31) "rent_listing_inquiry_recipients" [38]=> string(31) "sold_listing_inquiry_recipients" } ["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(100) } ["social"]=> object(App\Models\AgentSocial)#2497 (30) { ["connection":protected]=> string(5) "mysql" ["table":protected]=> string(13) "agent_socials" ["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(9) { ["id"]=> int(191) ["uuid"]=> string(36) "98e80a9b-0611-4634-b8c7-6972c7280bad" ["agent_id"]=> int(236) ["facebook"]=> NULL ["twitter"]=> NULL ["linkedin"]=> NULL ["instagram"]=> NULL ["created_at"]=> string(19) "2023-11-08 02:46:44" ["updated_at"]=> string(19) "2023-11-08 02:46:44" } ["original":protected]=> array(9) { ["id"]=> int(191) ["uuid"]=> string(36) "98e80a9b-0611-4634-b8c7-6972c7280bad" ["agent_id"]=> int(236) ["facebook"]=> NULL ["twitter"]=> NULL ["linkedin"]=> NULL ["instagram"]=> NULL ["created_at"]=> string(19) "2023-11-08 02:46:44" ["updated_at"]=> string(19) "2023-11-08 02:46:44" } ["changes":protected]=> array(0) { } ["casts":protected]=> array(0) { } ["classCastCache":protected]=> array(0) { } ["attributeCastCache":protected]=> array(0) { } ["dates":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) ["hidden":protected]=> array(0) { } ["visible":protected]=> array(0) { } ["fillable":protected]=> array(5) { [0]=> string(8) "agent_id" [1]=> string(8) "facebook" [2]=> string(7) "twitter" [3]=> string(8) "linkedin" [4]=> string(9) "instagram" } ["guarded":protected]=> array(1) { [0]=> string(1) "*" } } } ["touches":protected]=> array(0) { } ["timestamps"]=> bool(true) ["hidden":protected]=> array(0) { } ["visible":protected]=> array(0) { } ["fillable":protected]=> array(22) { [0]=> string(21) "additional_recipients" [1]=> string(6) "avatar" [2]=> string(3) "bio" [3]=> string(10) "created_by" [4]=> string(10) "credential" [5]=> string(9) "crm_image" [6]=> string(5) "email" [7]=> string(10) "first_name" [8]=> string(19) "hide_contact_button" [9]=> string(29) "hide_request_appraisal_button" [10]=> string(5) "image" [11]=> string(9) "is_active" [12]=> string(12) "is_corporate" [13]=> string(12) "is_demo_data" [14]=> string(9) "is_hidden" [15]=> string(9) "last_name" [16]=> string(23) "listing_engine_agent_id" [17]=> string(6) "mobile" [18]=> string(9) "office_id" [19]=> string(5) "phone" [20]=> string(8) "position" [21]=> string(4) "sort" } ["guarded":protected]=> array(1) { [0]=> string(1) "*" } ["slugOptions":protected]=> uninitialized(Spatie\Sluggable\SlugOptions) ["forceDeleting":protected]=> bool(false) ["sortingKey":protected]=> string(4) "sort" } } ["escapeWhenCastingToString":protected]=> bool(false) } ["documents"]=> object(Illuminate\Database\Eloquent\Collection)#2355 (2) { ["items":protected]=> array(0) { } ["escapeWhenCastingToString":protected]=> bool(false) } ["images"]=> object(Illuminate\Database\Eloquent\Collection)#2534 (2) { ["items":protected]=> array(20) { [0]=> object(App\Models\ListingImage)#2537 (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(5100437) ["listing_id"]=> int(9167) ["code"]=> string(1) "m" ["url"]=> string(139) "https://wbcms-listings-photos.s3.ap-southeast-2.amazonaws.com/556caa21-5b17-4208-9793-b99077b3fb97/42ae0c64-74fc-4e14-8287-74d7ddf52cc7.JPG" ["created_at"]=> string(19) "2024-02-15 04:36:40" ["updated_at"]=> string(19) "2024-02-15 04:36:40" } ["original":protected]=> array(6) { ["id"]=> int(5100437) ["listing_id"]=> int(9167) ["code"]=> string(1) "m" ["url"]=> string(139) "https://wbcms-listings-photos.s3.ap-southeast-2.amazonaws.com/556caa21-5b17-4208-9793-b99077b3fb97/42ae0c64-74fc-4e14-8287-74d7ddf52cc7.JPG" ["created_at"]=> string(19) "2024-02-15 04:36:40" ["updated_at"]=> string(19) "2024-02-15 04:36:40" } ["changes":protected]=> array(0) { } ["casts":protected]=> array(0) { } ["classCastCache":protected]=> array(0) { } ["attributeCastCache":protected]=> array(0) { } ["dates":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) ["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)#2536 (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(5100438) ["listing_id"]=> int(9167) ["code"]=> string(1) "a" ["url"]=> string(139) "https://wbcms-listings-photos.s3.ap-southeast-2.amazonaws.com/556caa21-5b17-4208-9793-b99077b3fb97/ffdc2d66-a7ee-41ef-b580-7f6161798fc7.JPG" ["created_at"]=> string(19) "2024-02-15 04:36:40" ["updated_at"]=> string(19) "2024-02-15 04:36:40" } ["original":protected]=> array(6) { ["id"]=> int(5100438) ["listing_id"]=> int(9167) ["code"]=> string(1) "a" ["url"]=> string(139) "https://wbcms-listings-photos.s3.ap-southeast-2.amazonaws.com/556caa21-5b17-4208-9793-b99077b3fb97/ffdc2d66-a7ee-41ef-b580-7f6161798fc7.JPG" ["created_at"]=> string(19) "2024-02-15 04:36:40" ["updated_at"]=> string(19) "2024-02-15 04:36:40" } ["changes":protected]=> array(0) { } ["casts":protected]=> array(0) { } ["classCastCache":protected]=> array(0) { } ["attributeCastCache":protected]=> array(0) { } ["dates":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) ["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)#2541 (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(5100439) ["listing_id"]=> int(9167) ["code"]=> string(1) "b" ["url"]=> string(139) "https://wbcms-listings-photos.s3.ap-southeast-2.amazonaws.com/556caa21-5b17-4208-9793-b99077b3fb97/22127aec-0f05-4b2c-849d-4fc14e0161b4.JPG" ["created_at"]=> string(19) "2024-02-15 04:36:40" ["updated_at"]=> string(19) "2024-02-15 04:36:40" } ["original":protected]=> array(6) { ["id"]=> int(5100439) ["listing_id"]=> int(9167) ["code"]=> string(1) "b" ["url"]=> string(139) "https://wbcms-listings-photos.s3.ap-southeast-2.amazonaws.com/556caa21-5b17-4208-9793-b99077b3fb97/22127aec-0f05-4b2c-849d-4fc14e0161b4.JPG" ["created_at"]=> string(19) "2024-02-15 04:36:40" ["updated_at"]=> string(19) "2024-02-15 04:36:40" } ["changes":protected]=> array(0) { } ["casts":protected]=> array(0) { } ["classCastCache":protected]=> array(0) { } ["attributeCastCache":protected]=> array(0) { } ["dates":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) ["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)#2544 (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(5100440) ["listing_id"]=> int(9167) ["code"]=> string(1) "c" ["url"]=> string(139) "https://wbcms-listings-photos.s3.ap-southeast-2.amazonaws.com/556caa21-5b17-4208-9793-b99077b3fb97/b5537b88-1036-4c9c-97a2-99e97850f9c7.JPG" ["created_at"]=> string(19) "2024-02-15 04:36:40" ["updated_at"]=> string(19) "2024-02-15 04:36:40" } ["original":protected]=> array(6) { ["id"]=> int(5100440) ["listing_id"]=> int(9167) ["code"]=> string(1) "c" ["url"]=> string(139) "https://wbcms-listings-photos.s3.ap-southeast-2.amazonaws.com/556caa21-5b17-4208-9793-b99077b3fb97/b5537b88-1036-4c9c-97a2-99e97850f9c7.JPG" ["created_at"]=> string(19) "2024-02-15 04:36:40" ["updated_at"]=> string(19) "2024-02-15 04:36:40" } ["changes":protected]=> array(0) { } ["casts":protected]=> array(0) { } ["classCastCache":protected]=> array(0) { } ["attributeCastCache":protected]=> array(0) { } ["dates":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) ["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)#2545 (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(5100441) ["listing_id"]=> int(9167) ["code"]=> string(1) "d" ["url"]=> string(139) "https://wbcms-listings-photos.s3.ap-southeast-2.amazonaws.com/556caa21-5b17-4208-9793-b99077b3fb97/afeaacbe-a967-4764-bff1-a1ac2ed0a77c.JPG" ["created_at"]=> string(19) "2024-02-15 04:36:40" ["updated_at"]=> string(19) "2024-02-15 04:36:40" } ["original":protected]=> array(6) { ["id"]=> int(5100441) ["listing_id"]=> int(9167) ["code"]=> string(1) "d" ["url"]=> string(139) "https://wbcms-listings-photos.s3.ap-southeast-2.amazonaws.com/556caa21-5b17-4208-9793-b99077b3fb97/afeaacbe-a967-4764-bff1-a1ac2ed0a77c.JPG" ["created_at"]=> string(19) "2024-02-15 04:36:40" ["updated_at"]=> string(19) "2024-02-15 04:36:40" } ["changes":protected]=> array(0) { } ["casts":protected]=> array(0) { } ["classCastCache":protected]=> array(0) { } ["attributeCastCache":protected]=> array(0) { } ["dates":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) ["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)#2546 (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(5100442) ["listing_id"]=> int(9167) ["code"]=> string(1) "e" ["url"]=> string(139) "https://wbcms-listings-photos.s3.ap-southeast-2.amazonaws.com/556caa21-5b17-4208-9793-b99077b3fb97/9bf1198e-c5cf-4c7a-9371-acdc8b51771d.JPG" ["created_at"]=> string(19) "2024-02-15 04:36:40" ["updated_at"]=> string(19) "2024-02-15 04:36:40" } ["original":protected]=> array(6) { ["id"]=> int(5100442) ["listing_id"]=> int(9167) ["code"]=> string(1) "e" ["url"]=> string(139) "https://wbcms-listings-photos.s3.ap-southeast-2.amazonaws.com/556caa21-5b17-4208-9793-b99077b3fb97/9bf1198e-c5cf-4c7a-9371-acdc8b51771d.JPG" ["created_at"]=> string(19) "2024-02-15 04:36:40" ["updated_at"]=> string(19) "2024-02-15 04:36:40" } ["changes":protected]=> array(0) { } ["casts":protected]=> array(0) { } ["classCastCache":protected]=> array(0) { } ["attributeCastCache":protected]=> array(0) { } ["dates":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) ["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)#2547 (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(5100443) ["listing_id"]=> int(9167) ["code"]=> string(1) "f" ["url"]=> string(139) "https://wbcms-listings-photos.s3.ap-southeast-2.amazonaws.com/556caa21-5b17-4208-9793-b99077b3fb97/254c683b-c5b7-4ad5-b76e-f8a14f1ee925.JPG" ["created_at"]=> string(19) "2024-02-15 04:36:40" ["updated_at"]=> string(19) "2024-02-15 04:36:40" } ["original":protected]=> array(6) { ["id"]=> int(5100443) ["listing_id"]=> int(9167) ["code"]=> string(1) "f" ["url"]=> string(139) "https://wbcms-listings-photos.s3.ap-southeast-2.amazonaws.com/556caa21-5b17-4208-9793-b99077b3fb97/254c683b-c5b7-4ad5-b76e-f8a14f1ee925.JPG" ["created_at"]=> string(19) "2024-02-15 04:36:40" ["updated_at"]=> string(19) "2024-02-15 04:36:40" } ["changes":protected]=> array(0) { } ["casts":protected]=> array(0) { } ["classCastCache":protected]=> array(0) { } ["attributeCastCache":protected]=> array(0) { } ["dates":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) ["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) "*" } } [7]=> object(App\Models\ListingImage)#2548 (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(5100444) ["listing_id"]=> int(9167) ["code"]=> string(1) "g" ["url"]=> string(139) "https://wbcms-listings-photos.s3.ap-southeast-2.amazonaws.com/556caa21-5b17-4208-9793-b99077b3fb97/2d913f86-e067-46ed-81eb-eac2251cf956.JPG" ["created_at"]=> string(19) "2024-02-15 04:36:40" ["updated_at"]=> string(19) "2024-02-15 04:36:40" } ["original":protected]=> array(6) { ["id"]=> int(5100444) ["listing_id"]=> int(9167) ["code"]=> string(1) "g" ["url"]=> string(139) "https://wbcms-listings-photos.s3.ap-southeast-2.amazonaws.com/556caa21-5b17-4208-9793-b99077b3fb97/2d913f86-e067-46ed-81eb-eac2251cf956.JPG" ["created_at"]=> string(19) "2024-02-15 04:36:40" ["updated_at"]=> string(19) "2024-02-15 04:36:40" } ["changes":protected]=> array(0) { } ["casts":protected]=> array(0) { } ["classCastCache":protected]=> array(0) { } ["attributeCastCache":protected]=> array(0) { } ["dates":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) ["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) "*" } } [8]=> object(App\Models\ListingImage)#2549 (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(5100445) ["listing_id"]=> int(9167) ["code"]=> string(1) "h" ["url"]=> string(139) "https://wbcms-listings-photos.s3.ap-southeast-2.amazonaws.com/556caa21-5b17-4208-9793-b99077b3fb97/7c4bb662-2956-48ed-bf08-ed310bd9b60f.JPG" ["created_at"]=> string(19) "2024-02-15 04:36:40" ["updated_at"]=> string(19) "2024-02-15 04:36:40" } ["original":protected]=> array(6) { ["id"]=> int(5100445) ["listing_id"]=> int(9167) ["code"]=> string(1) "h" ["url"]=> string(139) "https://wbcms-listings-photos.s3.ap-southeast-2.amazonaws.com/556caa21-5b17-4208-9793-b99077b3fb97/7c4bb662-2956-48ed-bf08-ed310bd9b60f.JPG" ["created_at"]=> string(19) "2024-02-15 04:36:40" ["updated_at"]=> string(19) "2024-02-15 04:36:40" } ["changes":protected]=> array(0) { } ["casts":protected]=> array(0) { } ["classCastCache":protected]=> array(0) { } ["attributeCastCache":protected]=> array(0) { } ["dates":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) ["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) "*" } } [9]=> object(App\Models\ListingImage)#2550 (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(5100446) ["listing_id"]=> int(9167) ["code"]=> string(1) "i" ["url"]=> string(139) "https://wbcms-listings-photos.s3.ap-southeast-2.amazonaws.com/556caa21-5b17-4208-9793-b99077b3fb97/be1ce021-714e-48fb-80b9-3295d4db8c9d.JPG" ["created_at"]=> string(19) "2024-02-15 04:36:40" ["updated_at"]=> string(19) "2024-02-15 04:36:40" } ["original":protected]=> array(6) { ["id"]=> int(5100446) ["listing_id"]=> int(9167) ["code"]=> string(1) "i" ["url"]=> string(139) "https://wbcms-listings-photos.s3.ap-southeast-2.amazonaws.com/556caa21-5b17-4208-9793-b99077b3fb97/be1ce021-714e-48fb-80b9-3295d4db8c9d.JPG" ["created_at"]=> string(19) "2024-02-15 04:36:40" ["updated_at"]=> string(19) "2024-02-15 04:36:40" } ["changes":protected]=> array(0) { } ["casts":protected]=> array(0) { } ["classCastCache":protected]=> array(0) { } ["attributeCastCache":protected]=> array(0) { } ["dates":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) ["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) "*" } } [10]=> object(App\Models\ListingImage)#2551 (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(5100447) ["listing_id"]=> int(9167) ["code"]=> string(1) "j" ["url"]=> string(139) "https://wbcms-listings-photos.s3.ap-southeast-2.amazonaws.com/556caa21-5b17-4208-9793-b99077b3fb97/62109940-549f-4e5e-8568-4362ef75413e.JPG" ["created_at"]=> string(19) "2024-02-15 04:36:40" ["updated_at"]=> string(19) "2024-02-15 04:36:40" } ["original":protected]=> array(6) { ["id"]=> int(5100447) ["listing_id"]=> int(9167) ["code"]=> string(1) "j" ["url"]=> string(139) "https://wbcms-listings-photos.s3.ap-southeast-2.amazonaws.com/556caa21-5b17-4208-9793-b99077b3fb97/62109940-549f-4e5e-8568-4362ef75413e.JPG" ["created_at"]=> string(19) "2024-02-15 04:36:40" ["updated_at"]=> string(19) "2024-02-15 04:36:40" } ["changes":protected]=> array(0) { } ["casts":protected]=> array(0) { } ["classCastCache":protected]=> array(0) { } ["attributeCastCache":protected]=> array(0) { } ["dates":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) ["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) "*" } } [11]=> object(App\Models\ListingImage)#2552 (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(5100448) ["listing_id"]=> int(9167) ["code"]=> string(1) "k" ["url"]=> string(139) "https://wbcms-listings-photos.s3.ap-southeast-2.amazonaws.com/556caa21-5b17-4208-9793-b99077b3fb97/9c93894d-a0a0-4d57-9e36-89dd692d48f2.JPG" ["created_at"]=> string(19) "2024-02-15 04:36:40" ["updated_at"]=> string(19) "2024-02-15 04:36:40" } ["original":protected]=> array(6) { ["id"]=> int(5100448) ["listing_id"]=> int(9167) ["code"]=> string(1) "k" ["url"]=> string(139) "https://wbcms-listings-photos.s3.ap-southeast-2.amazonaws.com/556caa21-5b17-4208-9793-b99077b3fb97/9c93894d-a0a0-4d57-9e36-89dd692d48f2.JPG" ["created_at"]=> string(19) "2024-02-15 04:36:40" ["updated_at"]=> string(19) "2024-02-15 04:36:40" } ["changes":protected]=> array(0) { } ["casts":protected]=> array(0) { } ["classCastCache":protected]=> array(0) { } ["attributeCastCache":protected]=> array(0) { } ["dates":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) ["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) "*" } } [12]=> object(App\Models\ListingImage)#2553 (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(5100449) ["listing_id"]=> int(9167) ["code"]=> string(1) "l" ["url"]=> string(139) "https://wbcms-listings-photos.s3.ap-southeast-2.amazonaws.com/556caa21-5b17-4208-9793-b99077b3fb97/ed3944c6-fa34-4f18-86cd-51db61c01196.JPG" ["created_at"]=> string(19) "2024-02-15 04:36:40" ["updated_at"]=> string(19) "2024-02-15 04:36:40" } ["original":protected]=> array(6) { ["id"]=> int(5100449) ["listing_id"]=> int(9167) ["code"]=> string(1) "l" ["url"]=> string(139) "https://wbcms-listings-photos.s3.ap-southeast-2.amazonaws.com/556caa21-5b17-4208-9793-b99077b3fb97/ed3944c6-fa34-4f18-86cd-51db61c01196.JPG" ["created_at"]=> string(19) "2024-02-15 04:36:40" ["updated_at"]=> string(19) "2024-02-15 04:36:40" } ["changes":protected]=> array(0) { } ["casts":protected]=> array(0) { } ["classCastCache":protected]=> array(0) { } ["attributeCastCache":protected]=> array(0) { } ["dates":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) ["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) "*" } } [13]=> object(App\Models\ListingImage)#2554 (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(5100450) ["listing_id"]=> int(9167) ["code"]=> string(1) "n" ["url"]=> string(139) "https://wbcms-listings-photos.s3.ap-southeast-2.amazonaws.com/556caa21-5b17-4208-9793-b99077b3fb97/71b4a255-6dd3-4087-8874-bc94aece40b3.JPG" ["created_at"]=> string(19) "2024-02-15 04:36:40" ["updated_at"]=> string(19) "2024-02-15 04:36:40" } ["original":protected]=> array(6) { ["id"]=> int(5100450) ["listing_id"]=> int(9167) ["code"]=> string(1) "n" ["url"]=> string(139) "https://wbcms-listings-photos.s3.ap-southeast-2.amazonaws.com/556caa21-5b17-4208-9793-b99077b3fb97/71b4a255-6dd3-4087-8874-bc94aece40b3.JPG" ["created_at"]=> string(19) "2024-02-15 04:36:40" ["updated_at"]=> string(19) "2024-02-15 04:36:40" } ["changes":protected]=> array(0) { } ["casts":protected]=> array(0) { } ["classCastCache":protected]=> array(0) { } ["attributeCastCache":protected]=> array(0) { } ["dates":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) ["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) "*" } } [14]=> object(App\Models\ListingImage)#2555 (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(5100451) ["listing_id"]=> int(9167) ["code"]=> string(1) "o" ["url"]=> string(139) "https://wbcms-listings-photos.s3.ap-southeast-2.amazonaws.com/556caa21-5b17-4208-9793-b99077b3fb97/f1d9d4e1-6cd7-4b1c-91ae-9786bef336f6.JPG" ["created_at"]=> string(19) "2024-02-15 04:36:40" ["updated_at"]=> string(19) "2024-02-15 04:36:40" } ["original":protected]=> array(6) { ["id"]=> int(5100451) ["listing_id"]=> int(9167) ["code"]=> string(1) "o" ["url"]=> string(139) "https://wbcms-listings-photos.s3.ap-southeast-2.amazonaws.com/556caa21-5b17-4208-9793-b99077b3fb97/f1d9d4e1-6cd7-4b1c-91ae-9786bef336f6.JPG" ["created_at"]=> string(19) "2024-02-15 04:36:40" ["updated_at"]=> string(19) "2024-02-15 04:36:40" } ["changes":protected]=> array(0) { } ["casts":protected]=> array(0) { } ["classCastCache":protected]=> array(0) { } ["attributeCastCache":protected]=> array(0) { } ["dates":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) ["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) "*" } } [15]=> object(App\Models\ListingImage)#2556 (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(5100452) ["listing_id"]=> int(9167) ["code"]=> string(1) "p" ["url"]=> string(139) "https://wbcms-listings-photos.s3.ap-southeast-2.amazonaws.com/556caa21-5b17-4208-9793-b99077b3fb97/f557f0e4-debf-47f6-aa97-0c81bbf6db4d.JPG" ["created_at"]=> string(19) "2024-02-15 04:36:40" ["updated_at"]=> string(19) "2024-02-15 04:36:40" } ["original":protected]=> array(6) { ["id"]=> int(5100452) ["listing_id"]=> int(9167) ["code"]=> string(1) "p" ["url"]=> string(139) "https://wbcms-listings-photos.s3.ap-southeast-2.amazonaws.com/556caa21-5b17-4208-9793-b99077b3fb97/f557f0e4-debf-47f6-aa97-0c81bbf6db4d.JPG" ["created_at"]=> string(19) "2024-02-15 04:36:40" ["updated_at"]=> string(19) "2024-02-15 04:36:40" } ["changes":protected]=> array(0) { } ["casts":protected]=> array(0) { } ["classCastCache":protected]=> array(0) { } ["attributeCastCache":protected]=> array(0) { } ["dates":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) ["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) "*" } } [16]=> object(App\Models\ListingImage)#2557 (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(5100453) ["listing_id"]=> int(9167) ["code"]=> string(1) "q" ["url"]=> string(139) "https://wbcms-listings-photos.s3.ap-southeast-2.amazonaws.com/556caa21-5b17-4208-9793-b99077b3fb97/7cd5b8af-275f-426e-bc5d-3d2d64a3432a.JPG" ["created_at"]=> string(19) "2024-02-15 04:36:40" ["updated_at"]=> string(19) "2024-02-15 04:36:40" } ["original":protected]=> array(6) { ["id"]=> int(5100453) ["listing_id"]=> int(9167) ["code"]=> string(1) "q" ["url"]=> string(139) "https://wbcms-listings-photos.s3.ap-southeast-2.amazonaws.com/556caa21-5b17-4208-9793-b99077b3fb97/7cd5b8af-275f-426e-bc5d-3d2d64a3432a.JPG" ["created_at"]=> string(19) "2024-02-15 04:36:40" ["updated_at"]=> string(19) "2024-02-15 04:36:40" } ["changes":protected]=> array(0) { } ["casts":protected]=> array(0) { } ["classCastCache":protected]=> array(0) { } ["attributeCastCache":protected]=> array(0) { } ["dates":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) ["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) "*" } } [17]=> object(App\Models\ListingImage)#2558 (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(5100454) ["listing_id"]=> int(9167) ["code"]=> string(1) "r" ["url"]=> string(139) "https://wbcms-listings-photos.s3.ap-southeast-2.amazonaws.com/556caa21-5b17-4208-9793-b99077b3fb97/96462784-4ced-4fde-9851-8de4e65932b5.JPG" ["created_at"]=> string(19) "2024-02-15 04:36:40" ["updated_at"]=> string(19) "2024-02-15 04:36:40" } ["original":protected]=> array(6) { ["id"]=> int(5100454) ["listing_id"]=> int(9167) ["code"]=> string(1) "r" ["url"]=> string(139) "https://wbcms-listings-photos.s3.ap-southeast-2.amazonaws.com/556caa21-5b17-4208-9793-b99077b3fb97/96462784-4ced-4fde-9851-8de4e65932b5.JPG" ["created_at"]=> string(19) "2024-02-15 04:36:40" ["updated_at"]=> string(19) "2024-02-15 04:36:40" } ["changes":protected]=> array(0) { } ["casts":protected]=> array(0) { } ["classCastCache":protected]=> array(0) { } ["attributeCastCache":protected]=> array(0) { } ["dates":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) ["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) "*" } } [18]=> object(App\Models\ListingImage)#2559 (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(5100455) ["listing_id"]=> int(9167) ["code"]=> string(1) "s" ["url"]=> string(139) "https://wbcms-listings-photos.s3.ap-southeast-2.amazonaws.com/556caa21-5b17-4208-9793-b99077b3fb97/34f02df2-2220-43c8-a68e-1d7a0e252778.JPG" ["created_at"]=> string(19) "2024-02-15 04:36:40" ["updated_at"]=> string(19) "2024-02-15 04:36:40" } ["original":protected]=> array(6) { ["id"]=> int(5100455) ["listing_id"]=> int(9167) ["code"]=> string(1) "s" ["url"]=> string(139) "https://wbcms-listings-photos.s3.ap-southeast-2.amazonaws.com/556caa21-5b17-4208-9793-b99077b3fb97/34f02df2-2220-43c8-a68e-1d7a0e252778.JPG" ["created_at"]=> string(19) "2024-02-15 04:36:40" ["updated_at"]=> string(19) "2024-02-15 04:36:40" } ["changes":protected]=> array(0) { } ["casts":protected]=> array(0) { } ["classCastCache":protected]=> array(0) { } ["attributeCastCache":protected]=> array(0) { } ["dates":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) ["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) "*" } } [19]=> object(App\Models\ListingImage)#2560 (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(5100456) ["listing_id"]=> int(9167) ["code"]=> string(1) "t" ["url"]=> string(139) "https://wbcms-listings-photos.s3.ap-southeast-2.amazonaws.com/556caa21-5b17-4208-9793-b99077b3fb97/39273a2f-3e69-473d-bdf5-167f90c3d2b4.JPG" ["created_at"]=> string(19) "2024-02-15 04:36:40" ["updated_at"]=> string(19) "2024-02-15 04:36:40" } ["original":protected]=> array(6) { ["id"]=> int(5100456) ["listing_id"]=> int(9167) ["code"]=> string(1) "t" ["url"]=> string(139) "https://wbcms-listings-photos.s3.ap-southeast-2.amazonaws.com/556caa21-5b17-4208-9793-b99077b3fb97/39273a2f-3e69-473d-bdf5-167f90c3d2b4.JPG" ["created_at"]=> string(19) "2024-02-15 04:36:40" ["updated_at"]=> string(19) "2024-02-15 04:36:40" } ["changes":protected]=> array(0) { } ["casts":protected]=> array(0) { } ["classCastCache":protected]=> array(0) { } ["attributeCastCache":protected]=> array(0) { } ["dates":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) ["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)#4878 (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(9) { [0]=> string(14) "listingEngines" [1]=> string(19) "listingEngineAgents" [2]=> string(4) "site" [3]=> string(6) "domain" [4]=> string(8) "analytic" [5]=> string(6) "social" [6]=> string(7) "setting" [7]=> string(5) "theme" [8]=> string(8) "location" } ["withCount":protected]=> array(0) { } ["preventsLazyLoading"]=> bool(false) ["perPage":protected]=> int(15) ["exists"]=> bool(true) ["wasRecentlyCreated"]=> bool(false) ["escapeWhenCastingToString":protected]=> bool(false) ["attributes":protected]=> array(44) { ["id"]=> int(16) ["uuid"]=> string(36) "b7522778-5c63-40bd-82a0-b6c32227257d" ["reseller"]=> NULL ["plan"]=> string(8) "standard" ["franchise_id"]=> int(3) ["theme_id"]=> int(3) ["theme_header_id"]=> NULL ["office_footer_id"]=> NULL ["theme_footer_id"]=> NULL ["name"]=> string(31) "RE/MAX Realty Group - Warkworth" ["slug"]=> string(10) "remax-apex" ["unit_number"]=> NULL ["street_number"]=> string(2) "11" ["street_name"]=> string(14) "Neville Street" ["suburb"]=> string(9) "Warkworth" ["state"]=> string(8) "Auckland" ["region"]=> NULL ["postcode"]=> string(4) "0910" ["country"]=> string(2) "nz" ["email"]=> string(25) "[email protected]" ["additional_recipients"]=> NULL ["buy_listing_inquiry_recipients"]=> NULL ["rent_listing_inquiry_recipients"]=> NULL ["sold_listing_inquiry_recipients"]=> NULL ["mobile"]=> NULL ["phone"]=> string(11) "09 425 0261" ["fax"]=> NULL ["website_url"]=> string(26) "www.remaxrealtygroup.co.nz" ["suburbs"]=> string(9) "Warkworth" ["description"]=> string(881) "

    The team at RE/MAX Realty Group, Warkworth is passionate about delivering an extraordinary real estate experience. We offer a hands-on, personalised approach to buying and selling real estate in the northern Auckland Region. While at home in Warkworth, we extend our services beyond this in the upper North Island. Our highly rated agency is one of the network’s top performers, while at the same time we remain extremely focused on supporting our local community. We truly appreciate the community we serve, and we are determined do everything we can to achieve a successful outcome.

    Whether you are searching for property or houses for sale in Warkworth, our professional team can handle all of your real estate needs. For local experts in buying and selling land, homes and property in Warkworth and beyond, you can depend on the team at RE/MAX Realty Group.

    " ["principal"]=> NULL ["office_image"]=> string(72) "uploads/11/8e07e5ed-4d55-48d0-bae9-a8f75b5926ce/RealtyGroupWarkworth.jpg" ["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) ["demo_data_initialised_at"]=> NULL ["deployed_office_id"]=> NULL ["created_at"]=> string(19) "2023-10-03 04:09:49" ["updated_at"]=> string(19) "2024-04-04 01:51:15" ["location_id"]=> NULL ["pageUrl"]=> string(29) "/remax-realty-group-warkworth" } ["original":protected]=> array(43) { ["id"]=> int(16) ["uuid"]=> string(36) "b7522778-5c63-40bd-82a0-b6c32227257d" ["reseller"]=> NULL ["plan"]=> string(8) "standard" ["franchise_id"]=> int(3) ["theme_id"]=> int(3) ["theme_header_id"]=> NULL ["office_footer_id"]=> NULL ["theme_footer_id"]=> NULL ["name"]=> string(31) "RE/MAX Realty Group - Warkworth" ["slug"]=> string(10) "remax-apex" ["unit_number"]=> NULL ["street_number"]=> string(2) "11" ["street_name"]=> string(14) "Neville Street" ["suburb"]=> string(9) "Warkworth" ["state"]=> string(8) "Auckland" ["region"]=> NULL ["postcode"]=> string(4) "0910" ["country"]=> string(2) "nz" ["email"]=> string(25) "[email protected]" ["additional_recipients"]=> NULL ["buy_listing_inquiry_recipients"]=> NULL ["rent_listing_inquiry_recipients"]=> NULL ["sold_listing_inquiry_recipients"]=> NULL ["mobile"]=> NULL ["phone"]=> string(11) "09 425 0261" ["fax"]=> NULL ["website_url"]=> string(26) "www.remaxrealtygroup.co.nz" ["suburbs"]=> string(9) "Warkworth" ["description"]=> string(881) "

    The team at RE/MAX Realty Group, Warkworth is passionate about delivering an extraordinary real estate experience. We offer a hands-on, personalised approach to buying and selling real estate in the northern Auckland Region. While at home in Warkworth, we extend our services beyond this in the upper North Island. Our highly rated agency is one of the network’s top performers, while at the same time we remain extremely focused on supporting our local community. We truly appreciate the community we serve, and we are determined do everything we can to achieve a successful outcome.

    Whether you are searching for property or houses for sale in Warkworth, our professional team can handle all of your real estate needs. For local experts in buying and selling land, homes and property in Warkworth and beyond, you can depend on the team at RE/MAX Realty Group.

    " ["principal"]=> NULL ["office_image"]=> string(72) "uploads/11/8e07e5ed-4d55-48d0-bae9-a8f75b5926ce/RealtyGroupWarkworth.jpg" ["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) ["demo_data_initialised_at"]=> NULL ["deployed_office_id"]=> NULL ["created_at"]=> string(19) "2023-10-03 04:09:49" ["updated_at"]=> string(19) "2024-04-04 01:51:15" ["location_id"]=> NULL } ["changes":protected]=> array(0) { } ["casts":protected]=> array(0) { } ["classCastCache":protected]=> array(0) { } ["attributeCastCache":protected]=> array(0) { } ["dates":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(10) { ["listingEngines"]=> object(Illuminate\Database\Eloquent\Collection)#4873 (2) { ["items":protected]=> array(1) { [0]=> object(App\Models\OfficeListingEngine)#4870 (30) { ["connection":protected]=> string(5) "mysql" ["table":protected]=> string(22) "office_listing_engines" ["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(1327) ["uuid"]=> string(36) "bd8f90a4-d588-4526-bb70-b183d2560162" ["office_id"]=> int(16) ["listing_engine_id"]=> string(36) "961d0bab-8d4f-4720-8a6c-427cfcca2a07" ["created_at"]=> string(19) "2024-04-04 01:51:14" ["updated_at"]=> string(19) "2024-04-04 01:51:14" } ["original":protected]=> array(6) { ["id"]=> int(1327) ["uuid"]=> string(36) "bd8f90a4-d588-4526-bb70-b183d2560162" ["office_id"]=> int(16) ["listing_engine_id"]=> string(36) "961d0bab-8d4f-4720-8a6c-427cfcca2a07" ["created_at"]=> string(19) "2024-04-04 01:51:14" ["updated_at"]=> string(19) "2024-04-04 01:51:14" } ["changes":protected]=> array(0) { } ["casts":protected]=> array(0) { } ["classCastCache":protected]=> array(0) { } ["attributeCastCache":protected]=> array(0) { } ["dates":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) ["hidden":protected]=> array(0) { } ["visible":protected]=> array(0) { } ["fillable":protected]=> array(2) { [0]=> string(9) "office_id" [1]=> string(17) "listing_engine_id" } ["guarded":protected]=> array(1) { [0]=> string(1) "*" } } } ["escapeWhenCastingToString":protected]=> bool(false) } ["listingEngineAgents"]=> object(Illuminate\Database\Eloquent\Collection)#4875 (2) { ["items":protected]=> array(0) { } ["escapeWhenCastingToString":protected]=> bool(false) } ["site"]=> NULL ["domain"]=> NULL ["analytic"]=> NULL ["social"]=> NULL ["setting"]=> object(App\Models\OfficeSetting)#4937 (30) { ["connection":protected]=> string(5) "mysql" ["table":protected]=> string(15) "office_settings" ["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(11) ["office_id"]=> int(16) ["copy_office_email_on_listings_and_agents"]=> int(1) ["hide_empty_listing_attributes_values"]=> int(0) ["disable_form_submitter_emails"]=> int(0) ["use_dark_text_logo"]=> int(0) ["created_at"]=> string(19) "2024-04-18 12:16:32" ["updated_at"]=> string(19) "2024-04-18 12:16:32" } ["original":protected]=> array(8) { ["id"]=> int(11) ["office_id"]=> int(16) ["copy_office_email_on_listings_and_agents"]=> int(1) ["hide_empty_listing_attributes_values"]=> int(0) ["disable_form_submitter_emails"]=> int(0) ["use_dark_text_logo"]=> int(0) ["created_at"]=> string(19) "2024-04-18 12:16:32" ["updated_at"]=> string(19) "2024-04-18 12:16:32" } ["changes":protected]=> array(0) { } ["casts":protected]=> array(4) { ["copy_office_email_on_listings_and_agents"]=> string(7) "boolean" ["hide_empty_listing_attributes_values"]=> string(7) "boolean" ["disable_form_submitter_emails"]=> string(7) "boolean" ["use_dark_text_logo"]=> string(7) "boolean" } ["classCastCache":protected]=> array(0) { } ["attributeCastCache":protected]=> array(0) { } ["dates":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) ["hidden":protected]=> array(0) { } ["visible":protected]=> array(0) { } ["fillable":protected]=> array(0) { } ["guarded":protected]=> array(0) { } } ["theme"]=> object(App\Models\Theme)#4960 (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(3) ["uuid"]=> string(36) "b92900e2-58f8-45b9-a0f7-7e41dbddd06d" ["name"]=> string(15) "Remax Corporate" ["variables_scss"]=> string(17) "$gray_3: #949CA1;" ["scss"]=> string(53661) "/*############################################################# ## Reset /*###########################################################*/ html { scroll-behavior: auto !important; } .site-main{ min-height: 70vh; } a{ text-decoration: none; } @media (min-width: 1400px) { .container, .container-lg, .container-md, .container-sm, .container-xl, .container-xxl { max-width: $all_container_size; } } /*############################################################# ## Headers Tags /*###########################################################*/ .h1, h1 { font-size: $h1_font_size; @media only screen and (max-width:991px) { font-size: 38px; line-height: 38px; /* 100% */ } } .h2, h2 { font-size: $h3_font_size; &.small-heading { } @media only screen and (max-width:991px) { font-size: 28px; } &.jumbo-heading { font-size: $h1_font_size; font-weight:400; @media only screen and (max-width:767px) { font-size:38px; } span { font-weight: $all_header_font_weight; } } } .h3, h3 { font-size: $h4_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; } } } .sub-heading { color: $all_content_colour; font-family: $all_content_font_family; font-size: $h4_font_size; font-weight: $all_content_font_weight; line-height: normal; letter-spacing: 2.7px; text-transform: uppercase; margin-bottom: 10px; display: block; } /*############################################################# ## 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; } } p { font-size: $all_content_font_size; line-height: $all_content_line_height; color: $all_content_colour; @media only screen and (max-width:767px) { line-height: 22px; } a { color: $all_content_colour; &:link, &:focus, &:hover, &:visited, &:active { color: $primary_color; } } } } li { a { color: inherit; } } // Others a { text-decoration: none; } b, strong { font-weight: 700; } hr { opacity: 1; } /*############################################################# ## Special Class: Icons /*###########################################################*/ .text-with-icon { a { text-decoration: none; color: $all_content_colour; font-family: $all_content_font_family; font-size: 16px; font-style: normal; font-weight: 400; line-height: 25px; display:block; i { font-size: 14px; margin-right: 4px; } } } .falcon-icons{ color: $primary_color; } /*############################################################# ## Block default Padding and Color /*###########################################################*/ body, [data-layout-id], [data-content-block-id] { background-color: $section_default_background_color; } [data-content-block-id] { padding: $section_default_padding_top_and_bottom 0; &.section-1-style{ background-color: $section_1_background_color; } } [data-layout-id]{ padding: $section_default_padding_top_and_bottom 0; .wb-column{ > [data-content-block-id] { padding: 15px 0; &:first-child{ padding-top: 0; } &:last-child{ padding-bottom: 0; } } } } .page-id-1014 { [data-layout-id] { padding:0; } } /*############################################################# ## Website Header /*###########################################################*/ .site-header-style{ background-color: $site_header_bg_color; } .falcon-burger-style { > div{ background-color: $site_header_active_text_bg_color; } } /*------------------------------- # Header Menu --------------------------------*/ .main-menu { .menu-item { a { color: $site_header_text_color; } &.menu-parent-wrapper { a:hover{ background-color: $site_header_active_text_bg_color; color: #fff; } &.menuparent-active { > a { background-color: $site_header_active_text_bg_color; color: #fff; > span{ color: $site_header_active_text_color; } &::after{ background-color: $site_header_active_text_bg_color; } } } } .sub-menu { li { a { color: $site_header_text_color; &:hover { background-color: #F5F5F5; color: $site_header_text_color; } } &.submenu-active { > a { background-color: #F5F5F5; } } } } } } /*############################################################# ## Website Footer /*###########################################################*/ .main-footer { background-color: $site_footer_bg_color; h2,h3,h4,h5,h6, li, p { color: $site_footer_text_color; a, span { color: inherit; } a { transition: all 0.2s ease-in-out 0s; &:hover{ color: $site_footer_text_hover_color; } } } } /*############################################################# ## Property Summary /*###########################################################*/ .summary-details { .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-car-v2 { background-image: url($property_icon_car_v2); } &.icon-land { background-image: url($property_icon_land_area); } &.icon-floorplan { background-image: url($property_icon_floor_area); } } } /*############################################################# ## Badge /*###########################################################*/ .falcon-badge-style, .badge-1-style { position: absolute; left: 0; top: 0; background-color: $secondary_color; color: #FFF; display: inline-block; padding: 5px 10px; font-style: normal; font-weight: 600; font-size: 10px; text-transform: uppercase; z-index: 10; } .icon-image-container { background-color: $secondary_color; border-color: $secondary_color; color: #fff; } /*############################################################# ## Bootstrap Grid/Column /*###########################################################*/ .wb-column { container-type: inline-size; .container { padding-left: 0; padding-right: 0; } } @container (max-width:767px) { .wb-column div[class^="col-"]:not(.layout-exclude) { width: 100%; } } /*############################################################# ## Block Specific /*###########################################################*/ body{ &.page-type-listing{ .wb-column { [data-content-block-id]{ padding: 15px 0; } } } } .each-agent-socials{ background-color: rgba($primary_color, 0.7); } .single-agent-socials{ .each-social{ background-color: transparent; border-color: $primary_color; color: $primary_color; &:hover{ background-color: $primary_color; border-color: $primary_color; color: #FFF; } } } /*############################################################# ## Video /*###########################################################*/ .wb-video { position: relative; width: 100%; height: 0; padding-bottom: 56.25%; iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; } } /*############################################################# ## Map /*###########################################################*/ .wb-map { iframe { height: 400px; width:100%; } } /*############################################################# ## Repeater /*###########################################################*/ .wb-repeater { &.accordion { .accordion-item { border: 0; .accordion-button { border-top: solid 1px #F5F5F5; &:not(.collapsed) { color: #fff; background-color: $primary_color; border-top-right-radius: 8px; border-top-left-radius: 8px; 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; } } } } /*############################################################# ## blockquote /*###########################################################*/ blockquote { position: relative; padding: 40px 30px 30px; margin: 50px 0; background-color: $secondary_color; &:before { content: ""; font-family: "Font Awesome 6 Pro"; font-weight: 900; font-size: 41px; color: $primary_color; } &:nth-of-type(odd) { margin-left:10%; border-top-left-radius: 15px; border-bottom-left-radius: 15px; } &:nth-of-type(even) { margin-right: 10%; border-top-right-radius: 15px; border-bottom-right-radius: 15px; padding-left: 10%; } &:nth-of-type(even):after, &:nth-of-type(odd):after { content: ''; position: absolute; background-color: $secondary_color; width: 100vw; display: block; height: 100%; top: 0; bottom:0; } &:nth-of-type(even):after { right: 100%; } &:nth-of-type(odd):after { left: 100%; } } /*############################################################# ## Image /*###########################################################*/ img, svg{ max-width: 100%; height: auto; } .images-container{ > img { margin-bottom: 20px; } } .wb-bg-image{ background-color: #EFEFEF; background-repeat: no-repeat; background-attachment: scroll; background-position: center; background-size: cover; } /*############################################################# ## Forms /*###########################################################*/ input{ outline: 0; } .wb-form { small { color:$all_content_colour; a { color:$primary_color; } } .form-label { display: block; margin-bottom: 0; cursor: pointer; color: #000 !important; font-family: $all_content_font_family; font-size: 15px; font-style: normal; font-weight: 700; line-height: 21px; margin-bottom: 0; strong { } } .form-check-label { cursor: pointer; } .input-wrapper { br { display: none; } } input[type="text"].form-control, input[type="email"].form-control, textarea.form-control { &:focus { outline: 0; box-shadow: unset; } } } /*############################################################# ## Capcha Badge /*###########################################################*/ .grecaptcha-badge { visibility: hidden; } /*############################################################# ## Search Form /*###########################################################*/ input[type="text"], input[type="email"], textarea.form-control, textarea, select.form-control, select { color: $all_content_colour; background-color: #FFF; border: 1px solid $header_bg_color; border-radius: 0; padding: 15px 15px 15px 15px; font-size: $all_content_font_size; width: 100%; font-family: $all_content_font_family; font-style: normal; font-weight: $all_content_font_weight; text-transform:capitalize; @media only screen and (max-width:767px) { padding: 10px 15px 10px 15px; font-size: 15px; } &::placeholder { color: $header_bg_color; font-weight:300; } &:focus { outline: 0; box-shadow: unset; border-color: inherit; color: inherit; background-color: $white; } } select { -webkit-appearance: none; -moz-appearance: none; appearance: none; cursor: pointer; outline: 0; &:link, &:focus, &:hover, &:visited, &:active &:focus-visible { outline: 0; } } .select-wrapper{ position: relative; &::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; -webkit-transform: translatey(-50%); transform: translatey(-50%); padding-right: 5px; } } .live-search-wrapper { position: relative; .live-search-list { background: #fff; list-style: none; text-align: left; height: 200px; overflow-y: auto; border: 1px solid #C4C6CB; padding: 10px 0; position: absolute; width: 100%; z-index: 99; li { font-size: 16px; width: 100%; font-family: "Gotham SSm"; font-style: normal; font-weight: 400; padding: 0 15px; line-height: 30px; cursor: pointer; text-transform: capitalize; &:hover { background: #dddddd; } } } .live-search-input { padding-right: 30px; text-transform: capitalize; } .clear-button { position: absolute; top: 50%; right: 10px; transform: translateY(-50%); background-color: transparent; border: none; font-size: 13px; cursor: pointer; font-weight: 300; } .clear-button:focus { outline: none; } } /*############################################################# ## 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; } } } .slick-arrow { z-index: 100; &.slick-prev, &.slick-next { position: absolute; width: 50px; height: 50px; padding: 0; cursor: pointer; color: #313131; outline: none; background-color: transparent; border: 1px solid #313131; 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 #313131; background-color: #313131; } &.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: 20px; height: 20px; 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: 100; &.slick-prev, &.slick-next { position: relative; width: 35px; height: 50px; top: auto; padding: 0; cursor: pointer; color: $primary_color; 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"; } } } } } /*############################################################# ## Fix : Long Links shows Horizontal Scroll /*###########################################################*/ a[href*=www], a[href*=http], a[href^=mailto], a[href^=tel] { word-break: break-word; } nav.falcon-pagination{ .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: flex; gap: 8px; flex-wrap: wrap; justify-content: center; li{ > .page-link{ color: $all_content_colour; &:focus{ box-shadow: none; } } &.active{ > .page-link{ color: #FFF; background-color: $all_content_colour; border-color: $all_content_colour; } } } } } } } nav.falcon-pagination { .falcon-numbers { .falcon-numbers-container { ul.pagination { li { > .page-link { color: #404041; background: transparent; border: 0; } &:first-child span, &:last-child a, &:first-child a, &:last-child span { font-size:0; } &:first-child span:after, &:last-child a:after, &:first-child a:after, &:last-child span:after { font-family: "Font Awesome 6 Pro"; font-weight: 400; font-size: 15px; display: inline-block; color: inherit; text-rendering: auto; -webkit-font-smoothing: antialiased; opacity: 1; } &:first-child span:after, &:first-child a:after { content: ""; } &:last-child a:after, &:last-child span:after { content: ""; } &.active > .page-link { background-color: transparent; color: $primary_color; } } } } } } /*############################################################# ## Buttons /*###########################################################*/ .buttons-container { position: relative; left: -5px; width: calc(100% + 5px); margin-bottom: -10px; @media only screen and (max-width: 767px) { a.btn:only-child { margin-left: 15px; } } a { display: inline-block; margin-right: 5px; margin-left: 5px; margin-bottom: 10px; } } /*------------------------------- # All Buttons Default --------------------------------*/ %custom-button-all-default { border-width: 0; border-style: solid; border-radius: 0; border:0; outline: none; box-shadow: none; position: relative; transition: all 0.3s ease-in-out 0s; font-weight: 400; //min-width: 200px; font-size: 14px; font-style: normal; opacity: 1; padding: 20px 30px; text-transform: uppercase; line-height: normal; letter-spacing: 1.4px; } /*------------------------------- # Button 1 Style --------------------------------*/ %custom-button-1-style-default { border-color: $button_1_border_color; background-color: $button_1_background_color; color: $button_1_text_color; font-family: $button_1_font_family; border-radius: $button_1_border_radius; } %custom-button-1-style-hover { background-color: darken($button_1_background_color, 10%); border-color: darken($button_1_border_color, 10%); color: $button_1_text_color; } /*------------------------------- # Button 2 Style --------------------------------*/ %custom-button-2-style-default { border-color: $button_2_border_color; background-color: $button_2_background_color; color: $button_2_text_color; font-family: $button_2_font_family; border-radius: $button_2_border_radius; } %custom-button-2-style-hover { background-color: darken($button_2_background_color, 10%); border-color: darken($button_2_border_color, 10%); color: $button_2_text_color; } /*------------------------------- # Button 3 Style --------------------------------*/ %custom-button-3-style-default { border-color: $button_3_border_color; background-color: $button_3_background_color; color: $button_3_text_color; font-family: $button_3_font_family; border-radius: $button_3_border_radius; } %custom-button-3-style-hover { background-color: darken($button_3_background_color, 10%); border-color: darken($button_3_border_color, 10%); color: $button_3_text_color; } .btn { @extend %custom-button-all-default; .disabled, &:disabled { opacity: 0.8; pointer-events: auto; cursor: not-allowed; } &.button-1-style, &.btn-primary, &.btn-falcon { @extend %custom-button-1-style-default; &:link, &:focus, &:visited, &:active { @extend %custom-button-1-style-default; } &:hover { @extend %custom-button-1-style-hover; } @media only screen and (max-width:767px) { padding: 12px 20px; font-size: 14px; letter-spacing: 1.4px; } } &.button-2-style, &.btn-secondary { @extend %custom-button-2-style-default; &:link, &:focus, &:visited, &:active { @extend %custom-button-2-style-default; } &:hover { @extend %custom-button-2-style-hover; } } &.button-3-style, &.btn-white { @extend %custom-button-3-style-default; &:link, &:focus, &:visited, &:active { @extend %custom-button-3-style-default; } &:hover { @extend %custom-button-3-style-hover; } } &.btn-small { padding: 3px 15px; font-size: 11px; } &.btn-large { padding: 15px 15px; } &.btn-width-auto { min-width: auto; } } // .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: 0; color: $secondary_color; z-index: 10; @media only screen and (max-width:767px) { top: 0; color: $all_content_colour; } } } &.remodal-property-filter{ max-width: 835px ; position: relative; padding: 60px; @media only screen and (max-width:1399px) { padding: 30px 15px; } a[data-remodal-action="close"] { color: $secondary_color; display: inline-block; text-decoration: none; position: absolute; top: 10px; right: 20px; } } } .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: 800px; background-color: #ffffff; background: #ffffff; // Container:width and Height .menu-container { background-color: #ffffff; text-align: left; 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; background: $header_bg_color; box-shadow: 0px 4px 4px 0px rgba(0, 0, 0, 0.30); padding: 5px 15px; .logo-text { font-family: $all_content_font_family; font-style: normal; font-weight: 800; line-height: 22px; color: #313131; font-size: 24px; } .website-logo img { height:$menu_logo_height_mobile; } a[data-remodal-action="close"] { color: $site_header_active_text_bg_color; display: inline-block; text-decoration: none; font-size: 30px; margin-right: 0px; } } .menu-container-middle { padding: 0; ul.mobile-menu { list-style-type: none; margin: 0; padding: 0; display: block; // display: inline-block; li { display: block; padding: 0 15px; margin-bottom: 10px; a { display: block; align-items: center; padding: 5px; color: $all_content_colour; font-family: $all_content_font_family; font-size: 15px; font-style: normal; font-weight: 400; line-height: normal; text-transform: uppercase; } &:last-child { margin-bottom: 0; // margin-left: 0; } } } } .menu-container-bottom { text-align: center; 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; } } } } } } } /* Position Horizontally */ .remodal-wrapper.remodal-menu { .remodal.remodal-menu { .menu-container { .menu-container-middle { ul.mobile-menu { li { padding:0; a { &.open { background-color: $header_bg_color; } } .menu-child-wrapper{ display: none; ul { li { margin-bottom: 0; a { text-transform: capitalize; } } } } } > li { > a { padding: 10px 20px; } &:last-child { > a { background-color: $secondary_color; color: #fff; position: relative; &:after { content: "\f054"; font-family: "Font Awesome 6 Pro"; font-size: inherit; margin-right: 10px; font-weight: 400; text-rendering: auto; -webkit-font-smoothing: antialiased; position: absolute; top: 50%; transition: all 0.3s ease-in-out 0s; transform: translatey(-50%); opacity: 1; z-index: 999; color: #fff; margin-left: 10px; } &.open { background-color: $red_2; } } } } } } } } } /*############################################################# ## Remodal - virtualtour - floorplan - gallery /*###########################################################*/ .remodal { hr { margin: 32px 0; color: #E6EBEE; } .disclaimer { color: #2F5671; line-height: 19.6px; font-size: 0.88rem; margin-top: 16px; a { color: #0070E0; } } } .remodal, [data-remodal-id] { display: none; } .remodal-wrapper { z-index: 999999 !important; overflow-x: hidden; padding: 0; &.remodal-search-filter { padding: 0; } & > .remodal { padding: 0; } } .remodal-wrapper > .remodal .remodal-top .container, .remodal-wrapper > .remodal .remodal-middle .container, .remodal-wrapper > .remodal .remodal-bottom .container { padding: 0 40px; } @media only screen and (max-width: 991px) { .remodal-wrapper > .remodal .remodal-top .container, .remodal-wrapper > .remodal .remodal-middle .container, .remodal-wrapper > .remodal .remodal-bottom .container { padding: 0 20px; } } .remodal-wrapper { .remodal-top { h6 { font-size: 1.19rem; font-family: "GeneralSans"; line-height: 25.65px; color: #033355; text-transform: capitalize; font-weight: 600; } } } @media only screen and (max-width: 991px) { .remodal-wrapper { .remodal-top { h6 { font-size: 1rem; line-height: 1; } } } } .remodal-wrapper { .remodal-top { a.close { border-radius: 20px; color: black; height: auto; font-size: 0.88rem; font-weight: 600; padding: 15px; position: relative; right: auto; top: auto; width: auto; &:hover { background-color: #f1f4f6; } i { font-size: 20px; margin: 0 5px 0; } .remodal-search-filter { .search-filter-top { .close { i { position: relative; top: 7px; } } } } span { display: inline-block; color: #2F5671; } .general-icon { display: inline-block; position: relative; top: 7px; } } } .remodal-search-filter { border-radius: 20px; } } .remodal-wrapper .remodal-agent-appraisal .remodal-top, .remodal-wrapper .remodal-agent-contact .remodal-top { position: absolute; right: 0; top: 18px; } @media only screen and (max-width: 991px) { .remodal-wrapper .remodal-search-filter { border-radius: 0; } } .remodal-wrapper .remodal-search-filter h3, .remodal-wrapper .remodal-search-filter .h3 { font-size: 1.19rem; margin-bottom: 32px; display: block; font-family: "GeneralSans"; font-weight: 500; } .remodal-wrapper .remodal-search-filter h4, .remodal-wrapper .remodal-search-filter .h4 { font-size: 1.06rem; display: block; font-family: "GeneralSans"; font-weight: 500; } .remodal-wrapper { .remodal-search-filter { .remodal-middle { height: 560px; overflow: overlay; scrollbar-width: none; } } } @media only screen and (max-width: 991px) { .remodal-wrapper { .remodal-search-filter { .remodal-middle { height: calc(100vh - 164px); } } } } .remodal-wrapper { .remodal-search-filter { .remodal-middle { .keywords { background-color: #F3F5F7; padding: 40px 0; .search-wrapper { background-color: #FFF; padding: 18px 16px; border-radius: 6px; display: flex; flex-wrap: nowrap; justify-content: flex-start; align-items: center; border: solid 1px #9AADBB; } .search-field { width: 100%; position: relative; line-height: 26px; &.with-magnify-glass { padding-left: 30px; } } } } } } @media only screen and (max-width: 991px) { .remodal-wrapper { .remodal-search-filter { .remodal-middle { .keywords { .search-field { width: 65%; } } } } } } .remodal-wrapper { .remodal-search-filter { .remodal-middle { .keywords { .search-field { i { position: absolute; left: 0; top: 50%; transform: translatey(-50%); color: #9AADBB; font-size: 1rem; } input { font-size: 1rem; border: none; width: 100%; outline: 0; padding-left: 30px; padding-right: 30px; color: #2F5671; &::placeholder { color: #2F5671; } } } &.property-keyword { background-color: transparent; .search-field { input { padding-left: initial; padding-right: initial; } } } } .category-filter { .general-button { &.button-style-2 { background: transparent; border-radius: 0; border: 0; border-bottom: 4px solid #E6EBEE; height: 75px; line-height: 75px; &.button-active { border-bottom: 4px solid #C4ED21; } &:hover { color: #033355; } } } } .summary-attributes { .general-button { &.button-style-2 { border-color: #E6EBEE; &:hover { border-color: #033355; color: #FEFEFE; } &.button-active { background-color: #033355; color: #fff; &:hover { opacity: 0.9; } } } } } .modal-single-select { .general-button { &.button-style-2 { border-color: #E6EBEE; height: 72px; line-height: 72px; } } } } } } @media only screen and (max-width: 767px) { .remodal-wrapper { .remodal-search-filter { .remodal-middle { .modal-single-select { .general-button { &.button-style-2 { height: 44px; line-height: 44px; } } } } } } } .remodal-wrapper { .remodal-search-filter { .remodal-middle { .modal-single-select { .general-button { &.button-style-2 { &:hover { border-color: #033355; color: #033355; background-color: transparent; } &.button-active { background-color: #033355; color: #fff; } } } } .modal-multiple-select { .col { a { display: block; border: solid 1px #E6EBEE; padding: 16px; border-radius: 8px; span { &:first-child { margin-bottom: 39.41px; } &:last-child { font-weight: 600; font-size: 0.875rem; color: #033355; line-height: 19.6px; } } &.button-active { border-color: #033355; } } } } .modal-property-check { label { width: 100%; display: flex; height: 100%; gap: 16px; flex-wrap: nowrap; align-items: center; cursor: pointer; color: #033355; line-height: 24px; } .filter-button[type="checkbox"] { appearance: none; -webkit-appearance: none; -moz-appearance: none; position: relative; width: 24px; height: 24px !important; border: 1px solid #9AADBB; background-color: white; cursor: pointer; border-radius: 3px; top: -2px; } .filter-button[type="checkbox"]:checked { background-color: #033355; border-color: #033355; outline: none; } } .select-wrapper { select { height: 56px; } } } .remodal-bottom { .button-clear { font-weight: 600; color: #033355; background: transparent; border: 0; } } } .remodal-is-opening { -webkit-animation-name: remodal-opening-left-to-right; animation-name: remodal-opening-left-to-right; } .remodal-is-closing { -webkit-animation-name: remodal-closing-left-to-right; animation-name: remodal-closing-left-to-right; } &.remodal-menu-left { text-align: left; .remodal-is-opening { -webkit-animation-name: remodal-opening-left-to-right; animation-name: remodal-opening-left-to-right; } .remodal-is-closing { -webkit-animation-name: remodal-closing-left-to-right; animation-name: remodal-closing-left-to-right; } } &.remodal-menu-right { text-align: right; padding: 0 1px 0 0 !important; & > .remodal { margin-bottom: 0; min-height: 100vh; } .remodal-is-opening { -webkit-animation-name: remodal-opening-right-to-left; animation-name: remodal-opening-right-to-left; animation-duration: 0.75s; } .remodal-is-closing { -webkit-animation-name: remodal-closing-right-to-left; animation-name: remodal-closing-right-to-left; animation-duration: 0.5s; } } &.remodal-menu-bottom { text-align: center; padding: 0 1px 0 0 !important; &>.remodal { margin-bottom: 0; min-height: 100vh; } .remodal-is-opening { -webkit-animation-name: remodal-opening-bottom-to-top; animation-name: remodal-opening-bottom-to-top; animation-duration: 0.75s; } .remodal-is-closing { -webkit-animation-name: remodal-closing-top-to-bottom; animation-name: remodal-closing-top-to-bottom; animation-duration: 0.5s; } } } /*############################################################# ## Remodal Animation : Left to Right /*###########################################################*/ @keyframes remodal-opening-left-to-right { from { -webkit-transform: none; transform: none; left: -200px; opacity: 0; } to { -webkit-transform: none; transform: none; left: 0; opacity: 1; -webkit-filter: blur(0); filter: blur(0); } } @keyframes remodal-closing-left-to-right { from { -webkit-transform: none; transform: none; left: 0; opacity: 1; } to { -webkit-transform: none; transform: none; left: -200px; opacity: 0; -webkit-filter: blur(0); filter: blur(0); } } /*############################################################# ## Remodal Animation : Right to Left /*###########################################################*/ @keyframes remodal-opening-right-to-left { 0% { -webkit-transform: none; transform: none; right: -100%; opacity: 1; } 75% { -webkit-transform: none; transform: none; right: 20px; opacity: 1; } 100% { -webkit-transform: none; transform: none; right: 0; opacity: 1; -webkit-filter: blur(0); filter: blur(0); } } @keyframes remodal-closing-right-to-left { from { -webkit-transform: none; transform: none; right: 0; opacity: 1; } to { -webkit-transform: none; transform: none; right: -100%; opacity: 1; -webkit-filter: blur(0); filter: blur(0); } } /*############################################################# ## Remodal Animation : Bottom to Top /*###########################################################*/ @keyframes remodal-opening-bottom-to-top { 0% { -webkit-transform: none; transform: none; bottom: -100%; opacity: 1; } 75% { -webkit-transform: none; transform: none; bottom: 20px; opacity: 1; } 100% { -webkit-transform: none; transform: none; bottom: 0; opacity: 1; -webkit-filter: blur(0); filter: blur(0); } } @keyframes remodal-closing-top-to-bottom { from { -webkit-transform: none; transform: none; bottom: 0; opacity: 1; } to { -webkit-transform: none; transform: none; bottom: -100%; opacity: 1; -webkit-filter: blur(0); filter: blur(0); } } /*############################################################# ## Key Frames /*###########################################################*/ @keyframes agentup { 0% { transform: translateY(23%); } 100% { transform: translateY(0%); } } /* Elemenets Visibility Per Devices */ .desktop-only { @media only screen and (max-width: 991px) { display:none; } } /*Seperator*/ .seperator-150, .spacer-150 { height:150px; @media only screen and (max-width: 1399px) { height: 80px; } @media only screen and (max-width: 767px) { height:50px; } } .seperator-100, .spacer-100 { height:100px; @media only screen and (max-width: 767px) { height:50px; } } .seperator-50, .spacer-50 { height:50px; @media only screen and (max-width: 767px) { height:30px; } } .seperator-30, .spacer-30 { height:30px; @media only screen and (max-width: 767px) { height:30px; } } div[data-embeddable-id="e472257b-e42c-459b-ad89-190995b2c266"], .wb-hr1ncpbjfmvr { height: 100%; } /*Page Background*/ .background-fixed, .page-type-auctions, .page-type-inspections, .page-type-listing, .page-type-listings, .page-type-blogs, .page-type-blog, .page-type-franchise_offices, .page-type-franchise_office, .page-type-agents, .page-type-agent { background-position: top center; background-repeat: no-repeat; background-attachment: fixed; background-size: cover; } .page-type-blog, .page-type-blogs {/*Single Blog Page, Blog Page Banner*/ background-image: url(https://resources.wbcms.net/uploads/11/398976b3-297e-4ed9-9c30-9c5c715881d0/single-blog-bg.jpg); } .page-type-agents, .page-type-agent {/*Agent Page Banner, Single Agent*/ background-image: url(https://resources.wbcms.net/uploads/11/10bf7e88-027b-4f1a-869b-929b9b37650e/Agents-bg.jpg); } .page-type-listings, .page-type-listing, .page-type-auctions, .page-type-inspections {/*Listings, Auctions*/ background-image: url(https://resources.wbcms.net/uploads/4/5d26855f-2b78-40b4-be6c-cccd9ac1afa0/listing-bg.png); } .page-type-franchise_offices, .page-type-franchise_office {/*Office Page Banner, Single office*/ background-image: url(https://resources.wbcms.net/uploads/11/cf7f2e57-d2f6-49ce-8e36-cf4ee40397f7/office-bg.jpg); } .page-type-blog { p img { display: inline-block; margin-right: 10px; margin-bottom: 10px; } p img:last-child { margin-right: 0; } }" ["compiled_css"]=> NULL ["js"]=> string(4957) "requirejs(['jquery', 'remodal', 'cssLoader', 'htmx'], function($, remodal, cssLoader, htmx) { cssLoader(['remodal', 'fontawesome']); $('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 = 90; // Animate scroll to the target offset $("html, body").animate({ scrollTop: targetOffset - headerPadding }, 1000); } }); ///////////////////////// Remove placeholder when clicking on the respective field $('.wb-form input, .wb-form textarea').on('focus', function(){ // Store the placeholder in a data attribute and then remove it $(this).data('placeholder', $(this).attr('placeholder')).attr('placeholder', ''); }).on('blur', function(){ // When the element loses focus, restore the placeholder $(this).attr('placeholder', $(this).data('placeholder')); }); ///////////Start Dropdown Live Search////////////////// $('.live-search-input').each(function() { var searchInput = $(this); var clearButton = searchInput.siblings('.clear-button'); var targetList = searchInput.siblings('.live-search-list'); var items = []; var itemSelected = false; // Flag to check if an item has been selected targetList.find('li').each(function(){ items.push($(this).text().trim()); }); function refreshList(itemsToShow) { targetList.empty(); if(itemsToShow.length === 0) { targetList.append("
  • No items found
  • "); } else { $.each(itemsToShow, function(index, item) { targetList.append("
  • " + item + "
  • "); }); } } // Function to toggle the visibility of the clear button function toggleClearButton() { if (searchInput.val().length > 0) { clearButton.show(); } else { clearButton.hide(); } } // Show clear button when input field is focused searchInput.on('focus', function(){ clearButton.show(); }); // Hide clear button when input field loses focus searchInput.on('blur', function(){ setTimeout(function() { clearButton.hide(); }, 100); }); // Clear input when 'X' button is clicked clearButton.on('click', function(){ searchInput.val(''); refreshList(items); searchInput.focus(); // Optional: return focus to the input after clearing toggleClearButton(); }); searchInput.on('focus', function(){ $('.live-search-list').hide(); // Hide all other lists refreshList(items); targetList.show(); itemSelected = false; // Reset item selection status when the field is focused }); searchInput.on('blur', function(e){ if (!itemSelected) { // Clear the input if no item was selected searchInput.val(''); } if (!targetList.is(':hover')) { targetList.hide(); } }); targetList.on('click', '.list-item', function(){ searchInput.val($(this).text()); //var getSelectedItem = $(this).text(); // searchInput.val(getSelectedItem); searchInput.attr('value', $(this).text()); targetList.hide(); itemSelected = true; // Set the flag when an item is selected }); searchInput.on('keyup', function(){ var query = $(this).val().toLowerCase(); var filteredItems = items.filter(function(item){ //return item.toLowerCase().startsWith(query); // Search start to the first word (startsWith) return item.toLowerCase().includes(query); // Changed from startsWith to includes }); refreshList(filteredItems); itemSelected = false; // Reset item selection status when the user starts typing toggleClearButton(); }); refreshList(items); }); //end dropdown live search });" ["created_at"]=> string(19) "2023-08-23 10:53:44" ["updated_at"]=> string(19) "2024-12-05 12:15:38" } ["original":protected]=> array(9) { ["id"]=> int(3) ["uuid"]=> string(36) "b92900e2-58f8-45b9-a0f7-7e41dbddd06d" ["name"]=> string(15) "Remax Corporate" ["variables_scss"]=> string(17) "$gray_3: #949CA1;" ["scss"]=> string(53661) "/*############################################################# ## Reset /*###########################################################*/ html { scroll-behavior: auto !important; } .site-main{ min-height: 70vh; } a{ text-decoration: none; } @media (min-width: 1400px) { .container, .container-lg, .container-md, .container-sm, .container-xl, .container-xxl { max-width: $all_container_size; } } /*############################################################# ## Headers Tags /*###########################################################*/ .h1, h1 { font-size: $h1_font_size; @media only screen and (max-width:991px) { font-size: 38px; line-height: 38px; /* 100% */ } } .h2, h2 { font-size: $h3_font_size; &.small-heading { } @media only screen and (max-width:991px) { font-size: 28px; } &.jumbo-heading { font-size: $h1_font_size; font-weight:400; @media only screen and (max-width:767px) { font-size:38px; } span { font-weight: $all_header_font_weight; } } } .h3, h3 { font-size: $h4_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; } } } .sub-heading { color: $all_content_colour; font-family: $all_content_font_family; font-size: $h4_font_size; font-weight: $all_content_font_weight; line-height: normal; letter-spacing: 2.7px; text-transform: uppercase; margin-bottom: 10px; display: block; } /*############################################################# ## 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; } } p { font-size: $all_content_font_size; line-height: $all_content_line_height; color: $all_content_colour; @media only screen and (max-width:767px) { line-height: 22px; } a { color: $all_content_colour; &:link, &:focus, &:hover, &:visited, &:active { color: $primary_color; } } } } li { a { color: inherit; } } // Others a { text-decoration: none; } b, strong { font-weight: 700; } hr { opacity: 1; } /*############################################################# ## Special Class: Icons /*###########################################################*/ .text-with-icon { a { text-decoration: none; color: $all_content_colour; font-family: $all_content_font_family; font-size: 16px; font-style: normal; font-weight: 400; line-height: 25px; display:block; i { font-size: 14px; margin-right: 4px; } } } .falcon-icons{ color: $primary_color; } /*############################################################# ## Block default Padding and Color /*###########################################################*/ body, [data-layout-id], [data-content-block-id] { background-color: $section_default_background_color; } [data-content-block-id] { padding: $section_default_padding_top_and_bottom 0; &.section-1-style{ background-color: $section_1_background_color; } } [data-layout-id]{ padding: $section_default_padding_top_and_bottom 0; .wb-column{ > [data-content-block-id] { padding: 15px 0; &:first-child{ padding-top: 0; } &:last-child{ padding-bottom: 0; } } } } .page-id-1014 { [data-layout-id] { padding:0; } } /*############################################################# ## Website Header /*###########################################################*/ .site-header-style{ background-color: $site_header_bg_color; } .falcon-burger-style { > div{ background-color: $site_header_active_text_bg_color; } } /*------------------------------- # Header Menu --------------------------------*/ .main-menu { .menu-item { a { color: $site_header_text_color; } &.menu-parent-wrapper { a:hover{ background-color: $site_header_active_text_bg_color; color: #fff; } &.menuparent-active { > a { background-color: $site_header_active_text_bg_color; color: #fff; > span{ color: $site_header_active_text_color; } &::after{ background-color: $site_header_active_text_bg_color; } } } } .sub-menu { li { a { color: $site_header_text_color; &:hover { background-color: #F5F5F5; color: $site_header_text_color; } } &.submenu-active { > a { background-color: #F5F5F5; } } } } } } /*############################################################# ## Website Footer /*###########################################################*/ .main-footer { background-color: $site_footer_bg_color; h2,h3,h4,h5,h6, li, p { color: $site_footer_text_color; a, span { color: inherit; } a { transition: all 0.2s ease-in-out 0s; &:hover{ color: $site_footer_text_hover_color; } } } } /*############################################################# ## Property Summary /*###########################################################*/ .summary-details { .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-car-v2 { background-image: url($property_icon_car_v2); } &.icon-land { background-image: url($property_icon_land_area); } &.icon-floorplan { background-image: url($property_icon_floor_area); } } } /*############################################################# ## Badge /*###########################################################*/ .falcon-badge-style, .badge-1-style { position: absolute; left: 0; top: 0; background-color: $secondary_color; color: #FFF; display: inline-block; padding: 5px 10px; font-style: normal; font-weight: 600; font-size: 10px; text-transform: uppercase; z-index: 10; } .icon-image-container { background-color: $secondary_color; border-color: $secondary_color; color: #fff; } /*############################################################# ## Bootstrap Grid/Column /*###########################################################*/ .wb-column { container-type: inline-size; .container { padding-left: 0; padding-right: 0; } } @container (max-width:767px) { .wb-column div[class^="col-"]:not(.layout-exclude) { width: 100%; } } /*############################################################# ## Block Specific /*###########################################################*/ body{ &.page-type-listing{ .wb-column { [data-content-block-id]{ padding: 15px 0; } } } } .each-agent-socials{ background-color: rgba($primary_color, 0.7); } .single-agent-socials{ .each-social{ background-color: transparent; border-color: $primary_color; color: $primary_color; &:hover{ background-color: $primary_color; border-color: $primary_color; color: #FFF; } } } /*############################################################# ## Video /*###########################################################*/ .wb-video { position: relative; width: 100%; height: 0; padding-bottom: 56.25%; iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; } } /*############################################################# ## Map /*###########################################################*/ .wb-map { iframe { height: 400px; width:100%; } } /*############################################################# ## Repeater /*###########################################################*/ .wb-repeater { &.accordion { .accordion-item { border: 0; .accordion-button { border-top: solid 1px #F5F5F5; &:not(.collapsed) { color: #fff; background-color: $primary_color; border-top-right-radius: 8px; border-top-left-radius: 8px; 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; } } } } /*############################################################# ## blockquote /*###########################################################*/ blockquote { position: relative; padding: 40px 30px 30px; margin: 50px 0; background-color: $secondary_color; &:before { content: ""; font-family: "Font Awesome 6 Pro"; font-weight: 900; font-size: 41px; color: $primary_color; } &:nth-of-type(odd) { margin-left:10%; border-top-left-radius: 15px; border-bottom-left-radius: 15px; } &:nth-of-type(even) { margin-right: 10%; border-top-right-radius: 15px; border-bottom-right-radius: 15px; padding-left: 10%; } &:nth-of-type(even):after, &:nth-of-type(odd):after { content: ''; position: absolute; background-color: $secondary_color; width: 100vw; display: block; height: 100%; top: 0; bottom:0; } &:nth-of-type(even):after { right: 100%; } &:nth-of-type(odd):after { left: 100%; } } /*############################################################# ## Image /*###########################################################*/ img, svg{ max-width: 100%; height: auto; } .images-container{ > img { margin-bottom: 20px; } } .wb-bg-image{ background-color: #EFEFEF; background-repeat: no-repeat; background-attachment: scroll; background-position: center; background-size: cover; } /*############################################################# ## Forms /*###########################################################*/ input{ outline: 0; } .wb-form { small { color:$all_content_colour; a { color:$primary_color; } } .form-label { display: block; margin-bottom: 0; cursor: pointer; color: #000 !important; font-family: $all_content_font_family; font-size: 15px; font-style: normal; font-weight: 700; line-height: 21px; margin-bottom: 0; strong { } } .form-check-label { cursor: pointer; } .input-wrapper { br { display: none; } } input[type="text"].form-control, input[type="email"].form-control, textarea.form-control { &:focus { outline: 0; box-shadow: unset; } } } /*############################################################# ## Capcha Badge /*###########################################################*/ .grecaptcha-badge { visibility: hidden; } /*############################################################# ## Search Form /*###########################################################*/ input[type="text"], input[type="email"], textarea.form-control, textarea, select.form-control, select { color: $all_content_colour; background-color: #FFF; border: 1px solid $header_bg_color; border-radius: 0; padding: 15px 15px 15px 15px; font-size: $all_content_font_size; width: 100%; font-family: $all_content_font_family; font-style: normal; font-weight: $all_content_font_weight; text-transform:capitalize; @media only screen and (max-width:767px) { padding: 10px 15px 10px 15px; font-size: 15px; } &::placeholder { color: $header_bg_color; font-weight:300; } &:focus { outline: 0; box-shadow: unset; border-color: inherit; color: inherit; background-color: $white; } } select { -webkit-appearance: none; -moz-appearance: none; appearance: none; cursor: pointer; outline: 0; &:link, &:focus, &:hover, &:visited, &:active &:focus-visible { outline: 0; } } .select-wrapper{ position: relative; &::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; -webkit-transform: translatey(-50%); transform: translatey(-50%); padding-right: 5px; } } .live-search-wrapper { position: relative; .live-search-list { background: #fff; list-style: none; text-align: left; height: 200px; overflow-y: auto; border: 1px solid #C4C6CB; padding: 10px 0; position: absolute; width: 100%; z-index: 99; li { font-size: 16px; width: 100%; font-family: "Gotham SSm"; font-style: normal; font-weight: 400; padding: 0 15px; line-height: 30px; cursor: pointer; text-transform: capitalize; &:hover { background: #dddddd; } } } .live-search-input { padding-right: 30px; text-transform: capitalize; } .clear-button { position: absolute; top: 50%; right: 10px; transform: translateY(-50%); background-color: transparent; border: none; font-size: 13px; cursor: pointer; font-weight: 300; } .clear-button:focus { outline: none; } } /*############################################################# ## 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; } } } .slick-arrow { z-index: 100; &.slick-prev, &.slick-next { position: absolute; width: 50px; height: 50px; padding: 0; cursor: pointer; color: #313131; outline: none; background-color: transparent; border: 1px solid #313131; 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 #313131; background-color: #313131; } &.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: 20px; height: 20px; 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: 100; &.slick-prev, &.slick-next { position: relative; width: 35px; height: 50px; top: auto; padding: 0; cursor: pointer; color: $primary_color; 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"; } } } } } /*############################################################# ## Fix : Long Links shows Horizontal Scroll /*###########################################################*/ a[href*=www], a[href*=http], a[href^=mailto], a[href^=tel] { word-break: break-word; } nav.falcon-pagination{ .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: flex; gap: 8px; flex-wrap: wrap; justify-content: center; li{ > .page-link{ color: $all_content_colour; &:focus{ box-shadow: none; } } &.active{ > .page-link{ color: #FFF; background-color: $all_content_colour; border-color: $all_content_colour; } } } } } } } nav.falcon-pagination { .falcon-numbers { .falcon-numbers-container { ul.pagination { li { > .page-link { color: #404041; background: transparent; border: 0; } &:first-child span, &:last-child a, &:first-child a, &:last-child span { font-size:0; } &:first-child span:after, &:last-child a:after, &:first-child a:after, &:last-child span:after { font-family: "Font Awesome 6 Pro"; font-weight: 400; font-size: 15px; display: inline-block; color: inherit; text-rendering: auto; -webkit-font-smoothing: antialiased; opacity: 1; } &:first-child span:after, &:first-child a:after { content: ""; } &:last-child a:after, &:last-child span:after { content: ""; } &.active > .page-link { background-color: transparent; color: $primary_color; } } } } } } /*############################################################# ## Buttons /*###########################################################*/ .buttons-container { position: relative; left: -5px; width: calc(100% + 5px); margin-bottom: -10px; @media only screen and (max-width: 767px) { a.btn:only-child { margin-left: 15px; } } a { display: inline-block; margin-right: 5px; margin-left: 5px; margin-bottom: 10px; } } /*------------------------------- # All Buttons Default --------------------------------*/ %custom-button-all-default { border-width: 0; border-style: solid; border-radius: 0; border:0; outline: none; box-shadow: none; position: relative; transition: all 0.3s ease-in-out 0s; font-weight: 400; //min-width: 200px; font-size: 14px; font-style: normal; opacity: 1; padding: 20px 30px; text-transform: uppercase; line-height: normal; letter-spacing: 1.4px; } /*------------------------------- # Button 1 Style --------------------------------*/ %custom-button-1-style-default { border-color: $button_1_border_color; background-color: $button_1_background_color; color: $button_1_text_color; font-family: $button_1_font_family; border-radius: $button_1_border_radius; } %custom-button-1-style-hover { background-color: darken($button_1_background_color, 10%); border-color: darken($button_1_border_color, 10%); color: $button_1_text_color; } /*------------------------------- # Button 2 Style --------------------------------*/ %custom-button-2-style-default { border-color: $button_2_border_color; background-color: $button_2_background_color; color: $button_2_text_color; font-family: $button_2_font_family; border-radius: $button_2_border_radius; } %custom-button-2-style-hover { background-color: darken($button_2_background_color, 10%); border-color: darken($button_2_border_color, 10%); color: $button_2_text_color; } /*------------------------------- # Button 3 Style --------------------------------*/ %custom-button-3-style-default { border-color: $button_3_border_color; background-color: $button_3_background_color; color: $button_3_text_color; font-family: $button_3_font_family; border-radius: $button_3_border_radius; } %custom-button-3-style-hover { background-color: darken($button_3_background_color, 10%); border-color: darken($button_3_border_color, 10%); color: $button_3_text_color; } .btn { @extend %custom-button-all-default; .disabled, &:disabled { opacity: 0.8; pointer-events: auto; cursor: not-allowed; } &.button-1-style, &.btn-primary, &.btn-falcon { @extend %custom-button-1-style-default; &:link, &:focus, &:visited, &:active { @extend %custom-button-1-style-default; } &:hover { @extend %custom-button-1-style-hover; } @media only screen and (max-width:767px) { padding: 12px 20px; font-size: 14px; letter-spacing: 1.4px; } } &.button-2-style, &.btn-secondary { @extend %custom-button-2-style-default; &:link, &:focus, &:visited, &:active { @extend %custom-button-2-style-default; } &:hover { @extend %custom-button-2-style-hover; } } &.button-3-style, &.btn-white { @extend %custom-button-3-style-default; &:link, &:focus, &:visited, &:active { @extend %custom-button-3-style-default; } &:hover { @extend %custom-button-3-style-hover; } } &.btn-small { padding: 3px 15px; font-size: 11px; } &.btn-large { padding: 15px 15px; } &.btn-width-auto { min-width: auto; } } // .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: 0; color: $secondary_color; z-index: 10; @media only screen and (max-width:767px) { top: 0; color: $all_content_colour; } } } &.remodal-property-filter{ max-width: 835px ; position: relative; padding: 60px; @media only screen and (max-width:1399px) { padding: 30px 15px; } a[data-remodal-action="close"] { color: $secondary_color; display: inline-block; text-decoration: none; position: absolute; top: 10px; right: 20px; } } } .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: 800px; background-color: #ffffff; background: #ffffff; // Container:width and Height .menu-container { background-color: #ffffff; text-align: left; 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; background: $header_bg_color; box-shadow: 0px 4px 4px 0px rgba(0, 0, 0, 0.30); padding: 5px 15px; .logo-text { font-family: $all_content_font_family; font-style: normal; font-weight: 800; line-height: 22px; color: #313131; font-size: 24px; } .website-logo img { height:$menu_logo_height_mobile; } a[data-remodal-action="close"] { color: $site_header_active_text_bg_color; display: inline-block; text-decoration: none; font-size: 30px; margin-right: 0px; } } .menu-container-middle { padding: 0; ul.mobile-menu { list-style-type: none; margin: 0; padding: 0; display: block; // display: inline-block; li { display: block; padding: 0 15px; margin-bottom: 10px; a { display: block; align-items: center; padding: 5px; color: $all_content_colour; font-family: $all_content_font_family; font-size: 15px; font-style: normal; font-weight: 400; line-height: normal; text-transform: uppercase; } &:last-child { margin-bottom: 0; // margin-left: 0; } } } } .menu-container-bottom { text-align: center; 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; } } } } } } } /* Position Horizontally */ .remodal-wrapper.remodal-menu { .remodal.remodal-menu { .menu-container { .menu-container-middle { ul.mobile-menu { li { padding:0; a { &.open { background-color: $header_bg_color; } } .menu-child-wrapper{ display: none; ul { li { margin-bottom: 0; a { text-transform: capitalize; } } } } } > li { > a { padding: 10px 20px; } &:last-child { > a { background-color: $secondary_color; color: #fff; position: relative; &:after { content: "\f054"; font-family: "Font Awesome 6 Pro"; font-size: inherit; margin-right: 10px; font-weight: 400; text-rendering: auto; -webkit-font-smoothing: antialiased; position: absolute; top: 50%; transition: all 0.3s ease-in-out 0s; transform: translatey(-50%); opacity: 1; z-index: 999; color: #fff; margin-left: 10px; } &.open { background-color: $red_2; } } } } } } } } } /*############################################################# ## Remodal - virtualtour - floorplan - gallery /*###########################################################*/ .remodal { hr { margin: 32px 0; color: #E6EBEE; } .disclaimer { color: #2F5671; line-height: 19.6px; font-size: 0.88rem; margin-top: 16px; a { color: #0070E0; } } } .remodal, [data-remodal-id] { display: none; } .remodal-wrapper { z-index: 999999 !important; overflow-x: hidden; padding: 0; &.remodal-search-filter { padding: 0; } & > .remodal { padding: 0; } } .remodal-wrapper > .remodal .remodal-top .container, .remodal-wrapper > .remodal .remodal-middle .container, .remodal-wrapper > .remodal .remodal-bottom .container { padding: 0 40px; } @media only screen and (max-width: 991px) { .remodal-wrapper > .remodal .remodal-top .container, .remodal-wrapper > .remodal .remodal-middle .container, .remodal-wrapper > .remodal .remodal-bottom .container { padding: 0 20px; } } .remodal-wrapper { .remodal-top { h6 { font-size: 1.19rem; font-family: "GeneralSans"; line-height: 25.65px; color: #033355; text-transform: capitalize; font-weight: 600; } } } @media only screen and (max-width: 991px) { .remodal-wrapper { .remodal-top { h6 { font-size: 1rem; line-height: 1; } } } } .remodal-wrapper { .remodal-top { a.close { border-radius: 20px; color: black; height: auto; font-size: 0.88rem; font-weight: 600; padding: 15px; position: relative; right: auto; top: auto; width: auto; &:hover { background-color: #f1f4f6; } i { font-size: 20px; margin: 0 5px 0; } .remodal-search-filter { .search-filter-top { .close { i { position: relative; top: 7px; } } } } span { display: inline-block; color: #2F5671; } .general-icon { display: inline-block; position: relative; top: 7px; } } } .remodal-search-filter { border-radius: 20px; } } .remodal-wrapper .remodal-agent-appraisal .remodal-top, .remodal-wrapper .remodal-agent-contact .remodal-top { position: absolute; right: 0; top: 18px; } @media only screen and (max-width: 991px) { .remodal-wrapper .remodal-search-filter { border-radius: 0; } } .remodal-wrapper .remodal-search-filter h3, .remodal-wrapper .remodal-search-filter .h3 { font-size: 1.19rem; margin-bottom: 32px; display: block; font-family: "GeneralSans"; font-weight: 500; } .remodal-wrapper .remodal-search-filter h4, .remodal-wrapper .remodal-search-filter .h4 { font-size: 1.06rem; display: block; font-family: "GeneralSans"; font-weight: 500; } .remodal-wrapper { .remodal-search-filter { .remodal-middle { height: 560px; overflow: overlay; scrollbar-width: none; } } } @media only screen and (max-width: 991px) { .remodal-wrapper { .remodal-search-filter { .remodal-middle { height: calc(100vh - 164px); } } } } .remodal-wrapper { .remodal-search-filter { .remodal-middle { .keywords { background-color: #F3F5F7; padding: 40px 0; .search-wrapper { background-color: #FFF; padding: 18px 16px; border-radius: 6px; display: flex; flex-wrap: nowrap; justify-content: flex-start; align-items: center; border: solid 1px #9AADBB; } .search-field { width: 100%; position: relative; line-height: 26px; &.with-magnify-glass { padding-left: 30px; } } } } } } @media only screen and (max-width: 991px) { .remodal-wrapper { .remodal-search-filter { .remodal-middle { .keywords { .search-field { width: 65%; } } } } } } .remodal-wrapper { .remodal-search-filter { .remodal-middle { .keywords { .search-field { i { position: absolute; left: 0; top: 50%; transform: translatey(-50%); color: #9AADBB; font-size: 1rem; } input { font-size: 1rem; border: none; width: 100%; outline: 0; padding-left: 30px; padding-right: 30px; color: #2F5671; &::placeholder { color: #2F5671; } } } &.property-keyword { background-color: transparent; .search-field { input { padding-left: initial; padding-right: initial; } } } } .category-filter { .general-button { &.button-style-2 { background: transparent; border-radius: 0; border: 0; border-bottom: 4px solid #E6EBEE; height: 75px; line-height: 75px; &.button-active { border-bottom: 4px solid #C4ED21; } &:hover { color: #033355; } } } } .summary-attributes { .general-button { &.button-style-2 { border-color: #E6EBEE; &:hover { border-color: #033355; color: #FEFEFE; } &.button-active { background-color: #033355; color: #fff; &:hover { opacity: 0.9; } } } } } .modal-single-select { .general-button { &.button-style-2 { border-color: #E6EBEE; height: 72px; line-height: 72px; } } } } } } @media only screen and (max-width: 767px) { .remodal-wrapper { .remodal-search-filter { .remodal-middle { .modal-single-select { .general-button { &.button-style-2 { height: 44px; line-height: 44px; } } } } } } } .remodal-wrapper { .remodal-search-filter { .remodal-middle { .modal-single-select { .general-button { &.button-style-2 { &:hover { border-color: #033355; color: #033355; background-color: transparent; } &.button-active { background-color: #033355; color: #fff; } } } } .modal-multiple-select { .col { a { display: block; border: solid 1px #E6EBEE; padding: 16px; border-radius: 8px; span { &:first-child { margin-bottom: 39.41px; } &:last-child { font-weight: 600; font-size: 0.875rem; color: #033355; line-height: 19.6px; } } &.button-active { border-color: #033355; } } } } .modal-property-check { label { width: 100%; display: flex; height: 100%; gap: 16px; flex-wrap: nowrap; align-items: center; cursor: pointer; color: #033355; line-height: 24px; } .filter-button[type="checkbox"] { appearance: none; -webkit-appearance: none; -moz-appearance: none; position: relative; width: 24px; height: 24px !important; border: 1px solid #9AADBB; background-color: white; cursor: pointer; border-radius: 3px; top: -2px; } .filter-button[type="checkbox"]:checked { background-color: #033355; border-color: #033355; outline: none; } } .select-wrapper { select { height: 56px; } } } .remodal-bottom { .button-clear { font-weight: 600; color: #033355; background: transparent; border: 0; } } } .remodal-is-opening { -webkit-animation-name: remodal-opening-left-to-right; animation-name: remodal-opening-left-to-right; } .remodal-is-closing { -webkit-animation-name: remodal-closing-left-to-right; animation-name: remodal-closing-left-to-right; } &.remodal-menu-left { text-align: left; .remodal-is-opening { -webkit-animation-name: remodal-opening-left-to-right; animation-name: remodal-opening-left-to-right; } .remodal-is-closing { -webkit-animation-name: remodal-closing-left-to-right; animation-name: remodal-closing-left-to-right; } } &.remodal-menu-right { text-align: right; padding: 0 1px 0 0 !important; & > .remodal { margin-bottom: 0; min-height: 100vh; } .remodal-is-opening { -webkit-animation-name: remodal-opening-right-to-left; animation-name: remodal-opening-right-to-left; animation-duration: 0.75s; } .remodal-is-closing { -webkit-animation-name: remodal-closing-right-to-left; animation-name: remodal-closing-right-to-left; animation-duration: 0.5s; } } &.remodal-menu-bottom { text-align: center; padding: 0 1px 0 0 !important; &>.remodal { margin-bottom: 0; min-height: 100vh; } .remodal-is-opening { -webkit-animation-name: remodal-opening-bottom-to-top; animation-name: remodal-opening-bottom-to-top; animation-duration: 0.75s; } .remodal-is-closing { -webkit-animation-name: remodal-closing-top-to-bottom; animation-name: remodal-closing-top-to-bottom; animation-duration: 0.5s; } } } /*############################################################# ## Remodal Animation : Left to Right /*###########################################################*/ @keyframes remodal-opening-left-to-right { from { -webkit-transform: none; transform: none; left: -200px; opacity: 0; } to { -webkit-transform: none; transform: none; left: 0; opacity: 1; -webkit-filter: blur(0); filter: blur(0); } } @keyframes remodal-closing-left-to-right { from { -webkit-transform: none; transform: none; left: 0; opacity: 1; } to { -webkit-transform: none; transform: none; left: -200px; opacity: 0; -webkit-filter: blur(0); filter: blur(0); } } /*############################################################# ## Remodal Animation : Right to Left /*###########################################################*/ @keyframes remodal-opening-right-to-left { 0% { -webkit-transform: none; transform: none; right: -100%; opacity: 1; } 75% { -webkit-transform: none; transform: none; right: 20px; opacity: 1; } 100% { -webkit-transform: none; transform: none; right: 0; opacity: 1; -webkit-filter: blur(0); filter: blur(0); } } @keyframes remodal-closing-right-to-left { from { -webkit-transform: none; transform: none; right: 0; opacity: 1; } to { -webkit-transform: none; transform: none; right: -100%; opacity: 1; -webkit-filter: blur(0); filter: blur(0); } } /*############################################################# ## Remodal Animation : Bottom to Top /*###########################################################*/ @keyframes remodal-opening-bottom-to-top { 0% { -webkit-transform: none; transform: none; bottom: -100%; opacity: 1; } 75% { -webkit-transform: none; transform: none; bottom: 20px; opacity: 1; } 100% { -webkit-transform: none; transform: none; bottom: 0; opacity: 1; -webkit-filter: blur(0); filter: blur(0); } } @keyframes remodal-closing-top-to-bottom { from { -webkit-transform: none; transform: none; bottom: 0; opacity: 1; } to { -webkit-transform: none; transform: none; bottom: -100%; opacity: 1; -webkit-filter: blur(0); filter: blur(0); } } /*############################################################# ## Key Frames /*###########################################################*/ @keyframes agentup { 0% { transform: translateY(23%); } 100% { transform: translateY(0%); } } /* Elemenets Visibility Per Devices */ .desktop-only { @media only screen and (max-width: 991px) { display:none; } } /*Seperator*/ .seperator-150, .spacer-150 { height:150px; @media only screen and (max-width: 1399px) { height: 80px; } @media only screen and (max-width: 767px) { height:50px; } } .seperator-100, .spacer-100 { height:100px; @media only screen and (max-width: 767px) { height:50px; } } .seperator-50, .spacer-50 { height:50px; @media only screen and (max-width: 767px) { height:30px; } } .seperator-30, .spacer-30 { height:30px; @media only screen and (max-width: 767px) { height:30px; } } div[data-embeddable-id="e472257b-e42c-459b-ad89-190995b2c266"], .wb-hr1ncpbjfmvr { height: 100%; } /*Page Background*/ .background-fixed, .page-type-auctions, .page-type-inspections, .page-type-listing, .page-type-listings, .page-type-blogs, .page-type-blog, .page-type-franchise_offices, .page-type-franchise_office, .page-type-agents, .page-type-agent { background-position: top center; background-repeat: no-repeat; background-attachment: fixed; background-size: cover; } .page-type-blog, .page-type-blogs {/*Single Blog Page, Blog Page Banner*/ background-image: url(https://resources.wbcms.net/uploads/11/398976b3-297e-4ed9-9c30-9c5c715881d0/single-blog-bg.jpg); } .page-type-agents, .page-type-agent {/*Agent Page Banner, Single Agent*/ background-image: url(https://resources.wbcms.net/uploads/11/10bf7e88-027b-4f1a-869b-929b9b37650e/Agents-bg.jpg); } .page-type-listings, .page-type-listing, .page-type-auctions, .page-type-inspections {/*Listings, Auctions*/ background-image: url(https://resources.wbcms.net/uploads/4/5d26855f-2b78-40b4-be6c-cccd9ac1afa0/listing-bg.png); } .page-type-franchise_offices, .page-type-franchise_office {/*Office Page Banner, Single office*/ background-image: url(https://resources.wbcms.net/uploads/11/cf7f2e57-d2f6-49ce-8e36-cf4ee40397f7/office-bg.jpg); } .page-type-blog { p img { display: inline-block; margin-right: 10px; margin-bottom: 10px; } p img:last-child { margin-right: 0; } }" ["compiled_css"]=> NULL ["js"]=> string(4957) "requirejs(['jquery', 'remodal', 'cssLoader', 'htmx'], function($, remodal, cssLoader, htmx) { cssLoader(['remodal', 'fontawesome']); $('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 = 90; // Animate scroll to the target offset $("html, body").animate({ scrollTop: targetOffset - headerPadding }, 1000); } }); ///////////////////////// Remove placeholder when clicking on the respective field $('.wb-form input, .wb-form textarea').on('focus', function(){ // Store the placeholder in a data attribute and then remove it $(this).data('placeholder', $(this).attr('placeholder')).attr('placeholder', ''); }).on('blur', function(){ // When the element loses focus, restore the placeholder $(this).attr('placeholder', $(this).data('placeholder')); }); ///////////Start Dropdown Live Search////////////////// $('.live-search-input').each(function() { var searchInput = $(this); var clearButton = searchInput.siblings('.clear-button'); var targetList = searchInput.siblings('.live-search-list'); var items = []; var itemSelected = false; // Flag to check if an item has been selected targetList.find('li').each(function(){ items.push($(this).text().trim()); }); function refreshList(itemsToShow) { targetList.empty(); if(itemsToShow.length === 0) { targetList.append("
  • No items found
  • "); } else { $.each(itemsToShow, function(index, item) { targetList.append("
  • " + item + "
  • "); }); } } // Function to toggle the visibility of the clear button function toggleClearButton() { if (searchInput.val().length > 0) { clearButton.show(); } else { clearButton.hide(); } } // Show clear button when input field is focused searchInput.on('focus', function(){ clearButton.show(); }); // Hide clear button when input field loses focus searchInput.on('blur', function(){ setTimeout(function() { clearButton.hide(); }, 100); }); // Clear input when 'X' button is clicked clearButton.on('click', function(){ searchInput.val(''); refreshList(items); searchInput.focus(); // Optional: return focus to the input after clearing toggleClearButton(); }); searchInput.on('focus', function(){ $('.live-search-list').hide(); // Hide all other lists refreshList(items); targetList.show(); itemSelected = false; // Reset item selection status when the field is focused }); searchInput.on('blur', function(e){ if (!itemSelected) { // Clear the input if no item was selected searchInput.val(''); } if (!targetList.is(':hover')) { targetList.hide(); } }); targetList.on('click', '.list-item', function(){ searchInput.val($(this).text()); //var getSelectedItem = $(this).text(); // searchInput.val(getSelectedItem); searchInput.attr('value', $(this).text()); targetList.hide(); itemSelected = true; // Set the flag when an item is selected }); searchInput.on('keyup', function(){ var query = $(this).val().toLowerCase(); var filteredItems = items.filter(function(item){ //return item.toLowerCase().startsWith(query); // Search start to the first word (startsWith) return item.toLowerCase().includes(query); // Changed from startsWith to includes }); refreshList(filteredItems); itemSelected = false; // Reset item selection status when the user starts typing toggleClearButton(); }); refreshList(items); }); //end dropdown live search });" ["created_at"]=> string(19) "2023-08-23 10:53:44" ["updated_at"]=> string(19) "2024-12-05 12:15:38" } ["changes":protected]=> array(0) { } ["casts":protected]=> array(0) { } ["classCastCache":protected]=> array(0) { } ["attributeCastCache":protected]=> array(0) { } ["dates":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)#4966 (2) { ["items":protected]=> array(2) { [0]=> object(App\Models\ThemeFont)#4969 (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(6) ["uuid"]=> string(36) "a8747881-a406-4f68-bb59-8bbcc1e3ce93" ["theme_id"]=> int(3) ["provider"]=> string(6) "google" ["name"]=> string(5) "Inter" ["url"]=> string(65) "https://fonts.googleapis.com/css?family=Inter:300,regular,600,700" ["created_at"]=> string(19) "2023-09-28 08:18:01" ["updated_at"]=> string(19) "2023-09-28 08:18:01" } ["original":protected]=> array(8) { ["id"]=> int(6) ["uuid"]=> string(36) "a8747881-a406-4f68-bb59-8bbcc1e3ce93" ["theme_id"]=> int(3) ["provider"]=> string(6) "google" ["name"]=> string(5) "Inter" ["url"]=> string(65) "https://fonts.googleapis.com/css?family=Inter:300,regular,600,700" ["created_at"]=> string(19) "2023-09-28 08:18:01" ["updated_at"]=> string(19) "2023-09-28 08:18:01" } ["changes":protected]=> array(0) { } ["casts":protected]=> array(0) { } ["classCastCache":protected]=> array(0) { } ["attributeCastCache":protected]=> array(0) { } ["dates":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) ["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) "*" } } [1]=> object(App\Models\ThemeFont)#4968 (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(33) ["uuid"]=> string(36) "5b651f3b-6485-4417-bc8e-10475b63ea08" ["theme_id"]=> int(3) ["provider"]=> string(6) "google" ["name"]=> string(10) "Gotham SSm" ["url"]=> string(91) "https://resources.wbcms.net/uploads/11/7a5e72a2-27e8-4f0f-a39a-18467cb6eb3b/gothamfonts.css" ["created_at"]=> string(19) "2024-03-21 03:26:26" ["updated_at"]=> string(19) "2024-03-21 03:26:26" } ["original":protected]=> array(8) { ["id"]=> int(33) ["uuid"]=> string(36) "5b651f3b-6485-4417-bc8e-10475b63ea08" ["theme_id"]=> int(3) ["provider"]=> string(6) "google" ["name"]=> string(10) "Gotham SSm" ["url"]=> string(91) "https://resources.wbcms.net/uploads/11/7a5e72a2-27e8-4f0f-a39a-18467cb6eb3b/gothamfonts.css" ["created_at"]=> string(19) "2024-03-21 03:26:26" ["updated_at"]=> string(19) "2024-03-21 03:26:26" } ["changes":protected]=> array(0) { } ["casts":protected]=> array(0) { } ["classCastCache":protected]=> array(0) { } ["attributeCastCache":protected]=> array(0) { } ["dates":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) ["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) ["hidden":protected]=> array(0) { } ["visible":protected]=> array(0) { } ["fillable":protected]=> array(5) { [0]=> string(4) "name" [1]=> string(14) "variables_scss" [2]=> string(4) "scss" [3]=> string(12) "compiled_css" [4]=> string(2) "js" } ["guarded":protected]=> array(1) { [0]=> string(1) "*" } } ["location"]=> NULL ["franchise"]=> object(App\Models\Franchise)#6389 (30) { ["connection":protected]=> string(5) "mysql" ["table":protected]=> string(10) "franchises" ["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(5) { ["id"]=> int(3) ["uuid"]=> string(36) "b3385ee2-a8ec-4f5d-afd9-19775859b88c" ["name"]=> string(6) "RE/MAX" ["created_at"]=> string(19) "2023-10-03 03:46:15" ["updated_at"]=> string(19) "2024-10-14 23:15:46" } ["original":protected]=> array(5) { ["id"]=> int(3) ["uuid"]=> string(36) "b3385ee2-a8ec-4f5d-afd9-19775859b88c" ["name"]=> string(6) "RE/MAX" ["created_at"]=> string(19) "2023-10-03 03:46:15" ["updated_at"]=> string(19) "2024-10-14 23:15:46" } ["changes":protected]=> array(0) { } ["casts":protected]=> array(0) { } ["classCastCache":protected]=> array(0) { } ["attributeCastCache":protected]=> array(0) { } ["dates":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) ["hidden":protected]=> array(0) { } ["visible":protected]=> array(0) { } ["fillable":protected]=> array(1) { [0]=> string(4) "name" } ["guarded":protected]=> array(1) { [0]=> string(1) "*" } } } ["touches":protected]=> array(0) { } ["timestamps"]=> bool(true) ["hidden":protected]=> array(0) { } ["visible":protected]=> array(0) { } ["fillable":protected]=> array(39) { [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(4) "name" [9]=> string(11) "unit_number" [10]=> string(13) "street_number" [11]=> string(11) "street_name" [12]=> string(6) "suburb" [13]=> string(5) "state" [14]=> string(8) "postcode" [15]=> string(7) "country" [16]=> string(5) "email" [17]=> string(21) "additional_recipients" [18]=> string(6) "mobile" [19]=> string(5) "phone" [20]=> string(3) "fax" [21]=> string(7) "is_demo" [22]=> string(11) "is_showcase" [23]=> string(12) "is_demo_data" [24]=> string(19) "is_franchise_office" [25]=> string(25) "is_agent_crm_sync_enabled" [26]=> string(24) "demo_data_initialised_at" [27]=> string(6) "region" [28]=> string(11) "website_url" [29]=> string(7) "suburbs" [30]=> string(11) "description" [31]=> string(9) "principal" [32]=> string(12) "office_image" [33]=> string(4) "slug" [34]=> string(18) "deployed_office_id" [35]=> string(13) "hide_showcase" [36]=> string(30) "buy_listing_inquiry_recipients" [37]=> string(31) "rent_listing_inquiry_recipients" [38]=> string(31) "sold_listing_inquiry_recipients" } ["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(100) } ["features"]=> object(Illuminate\Database\Eloquent\Collection)#6760 (2) { ["items":protected]=> array(1) { [0]=> object(App\Models\ListingFeature)#6762 (30) { ["connection":protected]=> string(5) "mysql" ["table":protected]=> string(16) "listing_features" ["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(5) { ["id"]=> int(468104) ["listing_id"]=> int(9167) ["feature_name"]=> string(4) "Deck" ["created_at"]=> string(19) "2024-02-15 04:36:40" ["updated_at"]=> string(19) "2024-02-15 04:36:40" } ["original":protected]=> array(5) { ["id"]=> int(468104) ["listing_id"]=> int(9167) ["feature_name"]=> string(4) "Deck" ["created_at"]=> string(19) "2024-02-15 04:36:40" ["updated_at"]=> string(19) "2024-02-15 04:36:40" } ["changes":protected]=> array(0) { } ["casts":protected]=> array(0) { } ["classCastCache":protected]=> array(0) { } ["attributeCastCache":protected]=> array(0) { } ["dates":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) ["hidden":protected]=> array(0) { } ["visible":protected]=> array(0) { } ["fillable":protected]=> array(2) { [0]=> string(10) "listing_id" [1]=> string(12) "feature_name" } ["guarded":protected]=> array(1) { [0]=> string(1) "*" } } } ["escapeWhenCastingToString":protected]=> bool(false) } ["inspections"]=> object(Illuminate\Database\Eloquent\Collection)#7895 (2) { ["items":protected]=> array(0) { } ["escapeWhenCastingToString":protected]=> bool(false) } } ["touches":protected]=> array(0) { } ["timestamps"]=> bool(true) ["hidden":protected]=> array(0) { } ["visible":protected]=> array(0) { } ["fillable":protected]=> array(0) { } ["guarded":protected]=> array(0) { } ["slugOptions":protected]=> uninitialized(Spatie\Sluggable\SlugOptions) }

    Ask a Question about this Property

    Sold in Feb 2021