/*
    Style TOC
*/
/*!
    Theme Name:   TPJ Child Theme
    Theme URI:    https://www.thepropertyjungle.com/
    Description:  TPJ Child Theme
    Author:       The Property Jungle
    Author URI:   https://www.thepropertyjungle.com/
    Template:     hello-elementor
    Version:      1.2.12
    Text Domain:  tpj-child-theme
*/
/*
    Theme info is added here so that it is processed at line one
    of the generated style.css file. If included in style.scss,
    it is always dumped at the end of the processed SCSS and
    breaks the theme.
*/
/*
    Components TOC
*/
/*
    ATTENTION
    =========
    /blade-views/components/broadband-info.blade.php

    You can include a link in your property details that
    will display broadband speeds and providers for the 
    viewed property.

    You will need to add credentials to the TPJ Settings, then
    call the following include on your single-property.blade.php
    file:

    @include('components/broadband-info', [
        'property' => $property
    ])

    Service used: https://apidocs.broadbandavailability.uk/
*/
.tpj-broadband-info .loading-state {
  display: none;
}

/*
    ATTENTION
    =========
    /blade-views/components/google-places-elementor-popup.blade.php

    If you wish to use Google Places autocomplete within an Elementor
    Popup, please include the above file.

    Elementor Popups do not render within the page until you click
    on the link that triggers them. So additional JavaScript is
    required for Google Places to work correctly.
*/
/*
    ATTENTION
    =========
    /blade-views/components/google-places.blade.php

    Include file file in your search facility if you
    wish to use Google Places autocomplete.
*/
/*
    ATTENTION
    =========
    /blade-views/components/leadpro-valuation.blade.php

    Providing you have a valid LeadPro API Key added to
    your websites credentials, you can use their online
    valuation form and embed it on your pages using a
    simple shortcode.

    [blade_dynamic_shortcode view_name="components/lead-pro-valuation"]
*/
/*
    ATTENTION
    =========
    Default Bootstrap colours to get up and running
*/
#leadPro-val textarea {
  height: 150px;
}
#leadPro-val .tpj-postcode-error {
  color: red;
  display: none;
}
#leadPro-val .tpj-form-general-errors p {
  color: red;
}

/*
    ATTENTION
    =========
    /blade-views/components/leadpro-valuation.blade.php

    Providing you have a valid LeadPro API Key added to
    your websites credentials, you can use their online
    valuation form and embed it on your pages using a
    simple shortcode.

    [blade_dynamic_shortcode view_name="components/lead-pro-valuation"]
*/
/*
    ATTENTION
    =========
    /blade-views/components/global-load-more-info.blade.php

    This shows the number of properties loaded and total number
    of properties on a website for the 'Load More' search results.
*/
.tpj_load-more-info .tpj_total-properties-loaded {
  font-weight: bold;
}
.tpj_load-more-info .tpj_total-properties {
  font-weight: bold;
}

/*
    ATTENTION
    =========
    /blade-views/components/leadpro-valuation.blade.php

    Providing you have a valid LeadPro API Key added to
    your websites credentials, you can use their online
    valuation form and embed it on your pages using a
    simple shortcode.

    [blade_dynamic_shortcode view_name="components/lead-pro-valuation"]
*/
/*
    ATTENTION
    =========
    /blade-views/components/load-more.blade.php

    If you want your search results to auto load, rather
    then be paginated, you can use load-more.

*/
/*
    ATTENTION
    =========
    /blade-views/components/leadpro-valuation.blade.php

    Providing you have a valid LeadPro API Key added to
    your websites credentials, you can use their online
    valuation form and embed it on your pages using a
    simple shortcode.

    [blade_dynamic_shortcode view_name="components/lead-pro-valuation"]
*/
/*
    ATTENTION
    =========
    /blade-views/components/location-autocomplete.blade.php

    The location autocomplete uses property address
    data within the website to autocomplete the
    address_keyword within your search form(s).

    This provides a similar function to Google Places
    without using any Google APIs. It does not include
    any geospacial functionality, so do not get it
    confused. This feature cannot use bounding boxes,
    centre points or radius features.
*/
.locations_popup {
  position: absolute;
  width: 100%;
  left: 0;
  top: 60px;
  background-color: #ffffff;
  border-style: solid;
  border-width: 1px;
  border-color: #e9ecef;
  z-index: 100;
  -webkit-box-shadow: 5px 12px 16px -14px #343a40;
          box-shadow: 5px 12px 16px -14px #343a40;
}

.location_link:link {
  display: block;
  padding: 5px 10px;
  color: #0d6efd;
  text-decoration: none;
}
.location_link:link:hover, .location_link:link:focus, .location_link:link:active {
  color: #198754;
}

.selected_location_entry {
  background-color: #dee2e6;
}

/*
    ATTENTION
    =========
    /blade-views/components/leadpro-valuation.blade.php

    Providing you have a valid LeadPro API Key added to
    your websites credentials, you can use their online
    valuation form and embed it on your pages using a
    simple shortcode.

    [blade_dynamic_shortcode view_name="components/lead-pro-valuation"]
*/
/*
    ATTENTION
    =========
    /blade-views/components/map-leafletjs-property-single.blade.php

    You can swap Google Maps out with a Leaflet Map using this component.

    Please see /blade-views/single-property.blade.php line: 106
*/
#leaflet-map-single-property-container {
  border: 1px solid #dee2e6;
  min-height: 450px;
}

/*
    ATTENTION
    =========
    /blade-views/components/leadpro-valuation.blade.php

    Providing you have a valid LeadPro API Key added to
    your websites credentials, you can use their online
    valuation form and embed it on your pages using a
    simple shortcode.

    [blade_dynamic_shortcode view_name="components/lead-pro-valuation"]
*/
/*
    ATTENTION
    =========
    /blade-views/components/map-leafletjs-search.blade.php

    You can swap Google Maps out with a Leaflet Map using this component
    for your map search page.
*/
#leaflet-map-container {
  border: 1px solid #dee2e6;
  border-radius: 0.375rem;
  height: 600px;
}
#leaflet-map-container .tpj_load_info {
  position: absolute;
  height: 600px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -ms-flex-line-pack: center;
      align-content: center;
  background-color: rgba(255, 255, 255, 0.5);
  width: 100%;
  z-index: 1;
}
#leaflet-map-container .tpj_map_no_results {
  position: absolute;
  height: 600px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -ms-flex-line-pack: center;
      align-content: center;
  background-color: rgba(255, 255, 255, 0.5);
  width: 100%;
  z-index: 1;
}

/*
    ATTENTION
    =========
    /blade-views/components/leadpro-valuation.blade.php

    Providing you have a valid LeadPro API Key added to
    your websites credentials, you can use their online
    valuation form and embed it on your pages using a
    simple shortcode.

    [blade_dynamic_shortcode view_name="components/lead-pro-valuation"]
*/
/*
    ATTENTION
    =========
    /blade-views/components/map-properties-search.blade.php

    This is the default for Google Map search results.
*/
.search-map-results {
  position: relative;
  border: 1px solid #dee2e6;
  border-radius: 0.375rem;
  height: 600px;
}
.search-map-results .tpj_load_info {
  position: absolute;
  height: 600px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -ms-flex-line-pack: center;
      align-content: center;
  background-color: rgba(255, 255, 255, 0.5);
  width: 100%;
  height: 100%;
  z-index: 1;
}
.search-map-results .tpj_map_no_results {
  position: absolute;
  height: 600px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -ms-flex-line-pack: center;
      align-content: center;
  background-color: rgba(255, 255, 255, 0.5);
  width: 100%;
  height: 100%;
  z-index: 1;
}

/*
    ATTENTION
    =========
    /blade-views/components/leadpro-valuation.blade.php

    Providing you have a valid LeadPro API Key added to
    your websites credentials, you can use their online
    valuation form and embed it on your pages using a
    simple shortcode.

    [blade_dynamic_shortcode view_name="components/lead-pro-valuation"]
*/
/*
    ATTENTION
    =========
    /src/scss/components/map-property-single-embedded.scss

    You can use this component in your single-property.blade.php
    file instead of /blade-views/components/map-property-single.blade.php

    This file will use the standard Google Maps iFrame embed method.
*/
.property-map-embedded {
  border: 1px solid #dee2e6;
}

/*
    ATTENTION
    =========
    /blade-views/components/leadpro-valuation.blade.php

    Providing you have a valid LeadPro API Key added to
    your websites credentials, you can use their online
    valuation form and embed it on your pages using a
    simple shortcode.

    [blade_dynamic_shortcode view_name="components/lead-pro-valuation"]
*/
/*
    ATTENTION
    =========
    /blade-views/components/map-property-single.blade.php

    This is used on single-property.blade.php to
    show a Google Map using the properties
    latitude and longitude data.
*/
.property-map {
  border: 1px solid #dee2e6;
  min-height: 450px;
}

/*
    ATTENTION
    =========
    /blade-views/components/leadpro-valuation.blade.php

    Providing you have a valid LeadPro API Key added to
    your websites credentials, you can use their online
    valuation form and embed it on your pages using a
    simple shortcode.

    [blade_dynamic_shortcode view_name="components/lead-pro-valuation"]
*/
#stamp-duty .stamp-duty-heading {
  display: none;
}
#stamp-duty .form-group label {
  display: none;
}
#stamp-duty .form-group .input-group-text {
  padding: 0px 0 0 1.4rem !important;
  font-size: 1.8rem;
  font-weight: 400;
  line-height: normal;
  color: var(--e-global-color-text);
  text-align: center;
  background-color: #fff !important;
  border-right: none !important;
  border-radius: 0;
  border-color: var(--e-global-color-text);
}
#stamp-duty label {
  display: inline-block;
  max-width: 100%;
  margin-bottom: 0rem;
  font-weight: 400;
}
#stamp-duty .form-control {
  border-left: none !important;
  border-radius: 0rem;
  margin: 0 !important;
  padding-left: 0 !important;
  font-size: 1.8rem;
}
#stamp-duty .input-group {
  margin-bottom: 2rem;
}
#stamp-duty .input-group input {
  border: none;
  outline: none;
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
  border-radius: 0rem !important;
  color: var(--e-global-color-text);
  outline: none;
  line-height: normal !important;
  border: 1px solid #666;
}
#stamp-duty .sdc-checkboxes {
  margin-bottom: 3rem;
}
#stamp-duty .sdc-checkboxes .form-check {
  padding: 0;
  margin-bottom: 1.5rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
#stamp-duty .sdc-checkboxes .form-check .form-check-input {
  margin: 0px 0.8rem 0 0rem !important;
}
#stamp-duty .form__action .btn {
  min-height: 4.8rem;
  outline: none;
  border: none;
  margin-bottom: 2.4rem;
}
#stamp-duty .stamp-duty-results-container {
  padding: 1.6rem;
  color: var(--e-global-color-text);
  border: 1px solid #E6E6E6;
  border-radius: 4px;
  margin-top: 2.4rem;
}
#stamp-duty .stamp-duty-results-container .stamp-duty-results__title {
  display: none;
}
#stamp-duty .stamp-duty-results-container .stamp-duty-results__amount, #stamp-duty .stamp-duty-results-container .stamp-duty-results__rate {
  margin: 0px 0 2rem 0;
  font-size: 1.6rem;
  line-height: 1.3em;
}
#stamp-duty .stamp-duty-results-container .stamp-duty-results__amount span#amount-to-pay, #stamp-duty .stamp-duty-results-container .stamp-duty-results__amount span#effective-rate, #stamp-duty .stamp-duty-results-container .stamp-duty-results__rate span#amount-to-pay, #stamp-duty .stamp-duty-results-container .stamp-duty-results__rate span#effective-rate {
  font-size: 2.4rem !important;
  font-family: var(--e-global-typography-primary-font-family) !important !important;
  font-weight: 400;
  margin-top: 8px;
}
#stamp-duty .stamp-duty-results-container #amount-to-pay, #stamp-duty .stamp-duty-results-container #effective-rate {
  font-weight: bold;
  display: block;
}
#stamp-duty .stamp-duty-results-container #stamp-duty-table {
  font-size: 1.4rem;
}

/*
    ATTENTION
    =========
    /blade-views/components/leadpro-valuation.blade.php

    Providing you have a valid LeadPro API Key added to
    your websites credentials, you can use their online
    valuation form and embed it on your pages using a
    simple shortcode.

    [blade_dynamic_shortcode view_name="components/lead-pro-valuation"]
*/
/*
    ATTENTION
    =========
    /blade-views/components/multiple-property-type-select.blade.php

    This component will add an input in your search include that
    looks like a select element. It will allow the end-user to select
    multiple property types to search for in a nicely styled feature.
*/
.tpj-multiple-property-select {
  min-width: 200px;
  background: #ffffff;
  border-radius: 4px;
}

.tpj-mp-types-ui {
  position: relative;
}

.tpj-select-types {
  border: solid 1px #cccccc;
  min-height: 20px;
  border-radius: 4px;
  padding: 7px 15px;
  padding-right: 25px;
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  min-height: 35px;
  z-index: 10;
  cursor: pointer;
}

.tpj-select-types-placeholder {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  padding: 7px 15px;
  color: #cccccc;
  z-index: 5;
}

.tpj-pt-selected-item {
  border: 1px #e9e9eb solid;
  background-color: #f4f4f5;
  color: #909399;
  border-radius: 4px;
  padding: 0px 9px;
  cursor: default;
}

.tpj-pt-selected-item {
  margin-right: 10px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}

.p-type-title {
  margin-right: 8px;
}

.p-type-close {
  background: #c0c4cc;
  border-radius: 50%;
  width: 17px;
  height: 17px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  cursor: pointer;
  font-size: 0.6rem;
}

.p-type-close:hover {
  background: #bdbfc2;
}

.tpj-mp-types-arrow {
  position: absolute;
  top: 7px;
  right: 7px;
  color: #828282;
}

.tpj-mp-types-list {
  position: absolute;
  z-index: 100;
  width: 100%;
  top: 40px;
  left: 0;
  max-height: 250px;
  overflow-y: auto;
  padding-top: 10px;
  border: solid 1px #cccccc;
  background: #ffffff;
  border-radius: 4px;
  display: none;
}

.tpj-mp-types-list.active {
  display: block;
}

.mp-types-entry {
  padding: 5px 10px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  cursor: pointer;
}

.mp-types-entry .entry-checked {
  color: green;
  display: none;
}

.mp-types-entry.selected .entry-checked {
  display: block;
}

.mp-types-entry.selected .entry-label {
  color: #409eff;
}

.mp-types-entry:hover {
  background: #f5f7fa;
}

/*
    ATTENTION
    =========
    /blade-views/components/leadpro-valuation.blade.php

    Providing you have a valid LeadPro API Key added to
    your websites credentials, you can use their online
    valuation form and embed it on your pages using a
    simple shortcode.

    [blade_dynamic_shortcode view_name="components/lead-pro-valuation"]
*/
/*
    ATTENTION
    =========
    /blade-views/components/qr.blade.php

    With this file, you can display a QR code
    on your /blade-views/single-property.blade.php file.

    Check the TPJ Settings within WP Admin for style and
    logo options.
*/
/*
    ATTENTION
    =========
    /blade-views/components/leadpro-valuation.blade.php

    Providing you have a valid LeadPro API Key added to
    your websites credentials, you can use their online
    valuation form and embed it on your pages using a
    simple shortcode.

    [blade_dynamic_shortcode view_name="components/lead-pro-valuation"]
*/
/*
    ATTENTION
    =========
    /blade-views/components/rental-yield-calculator-sliders.blade.php

    You can use this rental yield calculator on any
    page by shortcode or @include on Blade templates.

    [blade_dynamic_shortcode view_name="components/rental-yield-calculator-sliders"]
*/
.rentalYield-property-value {
  width: 100%;
}
.rentalYield-rental-price {
  width: 100%;
}
.yield-sliders {
  gap: 2.4rem;
}
.yield-sliders input {
  border: none !important;
}

/* Base style for the slider */
.form-range {
  background: #fff;
}

/* Handle styles for WebKit browsers */
.form-range::-webkit-slider-thumb {
  background: var(--e-global-color-primary); /* Change this to the color you want */
}

/* Handle styles for Firefox */
.form-range::-moz-range-thumb {
  background: var(--e-global-color-primary); /* Change this to the color you want */
}

.rentalYield-estimate {
  background-color: var(--e-global-color-472047e);
  padding: 2.4rem;
  border-radius: 8px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  margin: 0.8rem 0 2.4rem 0;
}
.rentalYield-estimate p {
  margin: 0 0 0.4rem 0;
}
.rentalYield-estimate .rentalYield-estimate-result {
  font-size: 3.2rem !important;
  font-family: var(--e-global-typography-primary-font-family) !important !important;
}
.rentalYield-estimate .tpj_estimated_gross_rental {
  text-align: center;
}

/*
    ATTENTION
    =========
    /blade-views/components/leadpro-valuation.blade.php

    Providing you have a valid LeadPro API Key added to
    your websites credentials, you can use their online
    valuation form and embed it on your pages using a
    simple shortcode.

    [blade_dynamic_shortcode view_name="components/lead-pro-valuation"]
*/
/*
    ATTENTION
    =========
    /blade-views/components/shortlist-sidebar.blade.php

    You can include this file using a shortcode
    or @include in your Blade template to display
    the properties shortlist on your page.
*/
/*
    ATTENTION
    =========
    /blade-views/components/leadpro-valuation.blade.php

    Providing you have a valid LeadPro API Key added to
    your websites credentials, you can use their online
    valuation form and embed it on your pages using a
    simple shortcode.

    [blade_dynamic_shortcode view_name="components/lead-pro-valuation"]
*/
/*
    ATTENTION
    =========
    /src/scss/components/shortlist.scss

    You can create a page in your website and
    display a shortlist within it using a shortcode.

    [blade_dynamic_shortcode view_name="components/shortlist"]
*/
/*
    ATTENTION
    =========
    /blade-views/components/leadpro-valuation.blade.php

    Providing you have a valid LeadPro API Key added to
    your websites credentials, you can use their online
    valuation form and embed it on your pages using a
    simple shortcode.

    [blade_dynamic_shortcode view_name="components/lead-pro-valuation"]
*/
/*
    ATTENTION
    =========
    /blade-views/components/transportation-stations.blade.php

    You can @include this file into your /blade-views/single-property.blade.php
    to display nearest tube and rail stations.
*/
/*
    ATTENTION
    =========
    /blade-views/components/leadpro-valuation.blade.php

    Providing you have a valid LeadPro API Key added to
    your websites credentials, you can use their online
    valuation form and embed it on your pages using a
    simple shortcode.

    [blade_dynamic_shortcode view_name="components/lead-pro-valuation"]
*/
/*
    ATTENTION
    =========
    This is a universal video embed component.
    The idea is to remove any issues with varying
    URLs from both YouTube and Vimeo.

    You can use it by including the component and
    adding some parameters, for example:

    @include('components/video-embed', [
        'videoUrl' => $property['virtual_tours'][0]['media_url'],
        'title' => $property['Address']['display_address']
    ])
*/
/*
    Helpers TOC
*/
/*
    ATTENTION
    =========
    /blade-views/components/leadpro-valuation.blade.php

    Providing you have a valid LeadPro API Key added to
    your websites credentials, you can use their online
    valuation form and embed it on your pages using a
    simple shortcode.

    [blade_dynamic_shortcode view_name="components/lead-pro-valuation"]
*/
.button {
  padding: 1.7rem 2rem 1.6rem 2rem;
  font-family: var(--e-global-typography-primary-font-family) !important;
  font-size: 1.4rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  text-transform: uppercase;
  letter-spacing: 1px;
  gap: 0.8rem;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  outline: none;
  border: 0.2rem solid transparent;
  line-height: 1em;
  text-align: center;
  font-weight: 600;
}
.button svg {
  width: 1.6rem;
  stroke: var(--e-global-color-text);
}
.button.button--primary {
  background: var(--e-global-color-primary);
  color: #fff;
  border: 0.1rem solid var(--e-global-color-primary);
}
.button.button--primary svg {
  stroke: #fff;
}
.button.button--primary:hover {
  background: var(--e-global-color-secondary);
  color: #fff;
  border: 0.1rem solid var(--e-global-color-secondary);
}
.button.button--transparent {
  background: transparent;
  color: var(--e-global-color-text);
  border: 0.1rem solid transparent;
}
.button.button--transparent svg {
  stroke: var(--e-global-color-primary) !important;
}
.button.button--transparent:hover {
  background: transparent;
  color: var(--e-global-color-primary);
  border: 0.1rem solid transparent;
}

/*
    ATTENTION
    =========
    /blade-views/components/leadpro-valuation.blade.php

    Providing you have a valid LeadPro API Key added to
    your websites credentials, you can use their online
    valuation form and embed it on your pages using a
    simple shortcode.

    [blade_dynamic_shortcode view_name="components/lead-pro-valuation"]
*/
/*
    ATTENTION
    =========
    Your place for CSS helpers and fixes.
*/
input[type=text],
input[type=email] {
  /*  Bootstrap 5 .form-control class
      looks different when applied on
      select and input elements. This
      normalises it.
  */
}
input[type=text].form-control,
input[type=email].form-control {
  padding: 0.375rem 0.75rem;
  border-radius: 0.375rem;
  border-color: #dee2e6;
}

select, input, textarea {
  border: none;
  outline: none;
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
  border-radius: 0rem !important;
  color: var(--e-global-color-text);
  outline: none;
  line-height: normal !important;
  padding: 1.6rem !important;
  border: 1px solid var(--e-global-color-472047e) !important;
  font-size: 1.6rem !important;
}

select {
  background: url(/wp-content/uploads/2025/03/Icon_dropdown.svg) no-repeat #fff;
  background-position: center right 1rem;
  padding: 0 1.6rem 0 0;
}

input[type=checkbox], input[type=radio] {
  -webkit-appearance: auto !important;
     -moz-appearance: auto !important;
          appearance: auto !important;
  height: 1.6rem !important;
  width: 1.6rem !important;
}

/*
    ATTENTION
    =========
    Overrides the parent themes default styles
    for all hrefs.
*/
a {
  text-decoration: none !important;
  -webkit-transition: all 0.3s;
  transition: all 0.3s;
}

.lazy-load-html {
  opacity: 0;
  -webkit-transition: opacity 0.3s ease-in-out;
  transition: opacity 0.3s ease-in-out;
}
.lazy-load-html.loaded {
  opacity: 1;
}

/*
    ATTENTION
    =========
    /blade-views/components/leadpro-valuation.blade.php

    Providing you have a valid LeadPro API Key added to
    your websites credentials, you can use their online
    valuation form and embed it on your pages using a
    simple shortcode.

    [blade_dynamic_shortcode view_name="components/lead-pro-valuation"]
*/
.modal, .modal-content {
  background-color: var(--e-global-color-primary) !important;
}
.modal form, .modal-content form {
  color: #fff !important;
}
.modal form label, .modal form input, .modal form textarea, .modal-content form label, .modal-content form input, .modal-content form textarea {
  background: transparent !important;
  color: #fff !important;
}
.modal form input::-webkit-input-placeholder, .modal-content form input::-webkit-input-placeholder {
  color: #fff !important;
}
.modal form input::-moz-placeholder, .modal-content form input::-moz-placeholder {
  color: #fff !important;
}
.modal form input:-ms-input-placeholder, .modal-content form input:-ms-input-placeholder {
  color: #fff !important;
}
.modal form input::-ms-input-placeholder, .modal-content form input::-ms-input-placeholder {
  color: #fff !important;
}
.modal form input::placeholder, .modal-content form input::placeholder {
  color: #fff !important;
}
.modal form .gform_button, .modal-content form .gform_button {
  background: var(--e-global-color-secondary) !important;
  border: none !important;
  outline: none !important;
}
.modal form a, .modal-content form a {
  color: var(--e-global-color-secondary) !important;
}
.modal .gform_wrapper.gravity-theme .gfield_required, .modal-content .gform_wrapper.gravity-theme .gfield_required {
  color: var(--e-global-color-secondary) !important;
}

a.modal-close {
  position: absolute;
  top: 3rem;
  right: 3rem;
  z-index: 3000;
  display: block;
  cursor: pointer !important;
}
a.modal-close svg {
  fill: #fff;
  width: 3rem;
}

/*
    Pages TOC
*/
/*
    ATTENTION
    =========
    /blade-views/components/leadpro-valuation.blade.php

    Providing you have a valid LeadPro API Key added to
    your websites credentials, you can use their online
    valuation form and embed it on your pages using a
    simple shortcode.

    [blade_dynamic_shortcode view_name="components/lead-pro-valuation"]
*/
/*
    ATTENTION
    =========
    /blade-views/page-branches.blade.php

    Use for styling your list of branches template.
*/
/*
    ATTENTION
    =========
    /blade-views/components/leadpro-valuation.blade.php

    Providing you have a valid LeadPro API Key added to
    your websites credentials, you can use their online
    valuation form and embed it on your pages using a
    simple shortcode.

    [blade_dynamic_shortcode view_name="components/lead-pro-valuation"]
*/
/*
    ATTENTION
    =========
    /blade-views/page-developments.blade.php

    Used for displaying developments created 
    using the Developments editor within the
    websites WP Admin.
*/
/*
    ATTENTION
    =========
    /blade-views/components/leadpro-valuation.blade.php

    Providing you have a valid LeadPro API Key added to
    your websites credentials, you can use their online
    valuation form and embed it on your pages using a
    simple shortcode.

    [blade_dynamic_shortcode view_name="components/lead-pro-valuation"]
*/
/*
    ATTENTION
    =========
    /blade-views/page-negotiators.blade.php

    Used for displaying negotiators created 
    by creating new users within the
    websites WP Admin.
*/
/*
    Partials TOC
*/
/*
    ATTENTION
    =========
    /blade-views/components/leadpro-valuation.blade.php

    Providing you have a valid LeadPro API Key added to
    your websites credentials, you can use their online
    valuation form and embed it on your pages using a
    simple shortcode.

    [blade_dynamic_shortcode view_name="components/lead-pro-valuation"]
*/
/*
    ATTENTION
    =========
    /blade-views/partials/cookies-policy.blade.php

    Default text for you to use on a dedicated
    page on your website.

    [blade_dynamic_shortcode view_name="partials/cookies-policy"]
*/
/*
    ATTENTION
    =========
    /blade-views/partials/copyright.blade.php

    The referenced file above can be used as a shortcode to
    easily add a copyright year and other company specific
    data on your website. The classes included will help you
    add your own custom styles.
*/
.tpj_copyright .tpj_copyright__currentYear {
  margin-right: 5px;
}
/*
    ATTENTION
    =========
    /blade-views/components/leadpro-valuation.blade.php

    Providing you have a valid LeadPro API Key added to
    your websites credentials, you can use their online
    valuation form and embed it on your pages using a
    simple shortcode.

    [blade_dynamic_shortcode view_name="components/lead-pro-valuation"]
*/
/*
    ATTENTION
    =========
    You can reference this partial in any Blade template
    or using a shortcode within other pages to show featured
    properties.

    [blade_featured_properties view_name="partials/featured-properties" instruction_type="Sale" max_featured_results="6"]
*/
/*
    ATTENTION
    =========
    /blade-views/components/leadpro-valuation.blade.php

    Providing you have a valid LeadPro API Key added to
    your websites credentials, you can use their online
    valuation form and embed it on your pages using a
    simple shortcode.

    [blade_dynamic_shortcode view_name="components/lead-pro-valuation"]
*/
/*
    ATTENTION
    =========
    /blade-views/partials/grid-property.blade.php

    This partial controls the display of property
    data within the grid search results.
*/
.card__grid {
  padding: 0rem;
  gap: 2rem;
}
.card__grid .card__grid__recent-head {
  gap: 2.4rem;
  display: none !important;
}
.card__grid .card__grid__recent-head span {
  font-size: 1.4rem;
  letter-spacing: 1px;
  color: var(--e-global-color-primary);
  text-transform: uppercase;
  font-family: var(--e-global-typography-primary-font-family) !important;
  font-weight: 500;
}
.card__grid .card__grid__recent-head p {
  font-size: 2.4rem;
  font-weight: 200;
  color: var(--e-global-color-text);
  margin-top: 20px;
}
.card__grid .card-img-top {
  aspect-ratio: 4/3;
  position: relative;
}
.card__grid .card-img-top .card__corner-flash-container {
  gap: 0.2rem;
  position: absolute;
  top: 0;
  left: 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
.card__grid .card-img-top .card__corner-flash-container .shortlist__btns span {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  gap: 0.4rem;
  background: #fff;
  width: 3.6rem;
  height: 3.6rem;
}
.card__grid .card-img-top .card__corner-flash-container .shortlist__btns span svg {
  stroke: var(--e-global-color-text);
  width: 1.4rem;
  fill: none;
  margin-top: -2px;
}
.card__grid .card-img-top .card__corner-flash-container .shortlist__btns span.tpj_remove_from_shortlist {
  background: var(--e-global-color-primary);
}
.card__grid .card-img-top .card__corner-flash-container .shortlist__btns span.tpj_remove_from_shortlist svg {
  stroke: #fff;
  fill: #fff;
}
.card__grid .card__grid-meta-container {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: end;
      -ms-flex-align: end;
          align-items: flex-end;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  gap: 2rem;
}
.card__grid .card__grid-meta h4 {
  font-size: 1.6rem;
  font-weight: 400;
  margin-bottom: 0.8rem;
  color: var(--e-global-color-text);
  text-wrap: balance;
}
.card__grid .card__grid-meta h5 {
  font-size: 1.6rem;
  font-weight: 600;
  margin-bottom: 0;
  color: var(--e-global-color-text);
  text-wrap: balance;
}
.card__grid .card__grid-meta h5 span {
  font-size: 0.8em;
  font-weight: 400;
}
.card__grid ul {
  padding: 0;
  margin: 0;
  list-style: none;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 0.8rem;
}
.card__grid ul li {
  color: var(--e-global-color-text);
  font-size: 1.4rem;
  font-weight: 500;
  line-height: 1em;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: end;
      -ms-flex-align: end;
          align-items: flex-end;
  gap: 0.8rem;
}
.card__grid ul li span svg {
  stroke: var(--e-global-color-text);
  width: 1.6rem;
}
.card__grid .card__actions {
  display: none !important;
}
.card__grid .card__actions a {
  font-size: 1.4rem;
  color: var(--e-global-color-text);
  font-weight: 600;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 0.4rem;
}
.card__grid .card__actions a svg {
  stroke: var(--e-global-color-text);
  width: 1.8rem;
}
.card__grid .card__actions .shortlist__btns span {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  font-size: 1.4rem;
  color: var(--e-global-color-text);
  font-weight: 600;
  gap: 0.4rem;
}
.card__grid .card__actions .shortlist__btns span svg {
  stroke: var(--e-global-color-text);
  width: 1.4rem;
  fill: none;
  margin-top: -2px;
}
.card__grid .card__actions .shortlist__btns span.tpj_remove_from_shortlist svg {
  stroke: var(--e-global-color-primary);
  fill: var(--e-global-color-primary);
}

.featured-property-swiper .shortlist__btns {
  display: none !important;
}
.featured-property-swiper .card__grid {
  padding: 2.4rem;
  background-color: #fff;
}
.featured-property-swiper .card__grid .card__grid-meta-container {
  -webkit-box-orient: vertical !important;
  -webkit-box-direction: normal !important;
      -ms-flex-direction: column !important;
          flex-direction: column !important;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
}
.featured-property-swiper .card__grid ul {
  padding: 2.4rem 0 2.4rem 0;
  margin: 0;
  width: 100%;
  border-top: #eee 1px dashed;
  border-bottom: #eee 1px dashed;
  list-style: none;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 2.4rem;
}
.featured-property-swiper .card__grid ul li {
  color: var(--e-global-color-text);
  font-size: 1.6rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 0.8rem;
}
.featured-property-swiper .card__grid ul li span {
  min-width: 3.8rem;
  height: 3.8rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  background: #eee;
  border-radius: 50%;
}
.featured-property-swiper .card__grid ul li span svg {
  stroke: var(--e-global-color-text);
  width: 1.6rem;
}
.featured-property-swiper .card__grid .card__grid__recent-head {
  display: block !important;
}
.featured-property-swiper .card__grid .card__actions {
  display: -webkit-box !important;
  display: -ms-flexbox !important;
  display: flex !important;
}

#search-map-results .shortlist__btns {
  display: none;
}

/*
    ATTENTION
    =========
    /blade-views/components/leadpro-valuation.blade.php

    Providing you have a valid LeadPro API Key added to
    your websites credentials, you can use their online
    valuation form and embed it on your pages using a
    simple shortcode.

    [blade_dynamic_shortcode view_name="components/lead-pro-valuation"]
*/
.development-thumbnail .development-thumbnail__image {
  aspect-ratio: 4/3;
  width: 100%;
  border-radius: 0.4rem;
  display: block;
}
.development-thumbnail .development-thumbnail__content {
  padding: 0rem;
  min-height: 100%;
}
@media (min-width: 1400px) {
  .development-thumbnail .development-thumbnail__content {
    padding: 0 0 0 3.2rem;
  }
}
.development-thumbnail .development-thumbnail__content .development-thumbnail__meta {
  gap: 2rem;
}
.development-thumbnail .development-thumbnail__content .development-thumbnail__meta h4 {
  font-size: 2.8rem;
  margin: 0 0 0.8rem 0;
}
.development-thumbnail .development-thumbnail__content .development-thumbnail__meta h5 {
  font-size: 1.6rem;
  font-weight: 400;
  margin: 0 0 1.6rem 0;
}
.development-thumbnail .development-thumbnail__content .development-thumbnail__meta p {
  margin: 0;
  font-size: 1.6rem;
  line-height: 1.5em;
}
.development-thumbnail .development-thumbnail__content .development-thumbnail__meta p.development-thumbnail__meta-price {
  font-size: 1.6rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: end;
      -ms-flex-align: end;
          align-items: flex-end;
  line-height: 1em;
  gap: 0.8rem;
}
.development-thumbnail .development-thumbnail__content .development-thumbnail__meta p.development-thumbnail__meta-price a {
  text-decoration: underline !important;
}
.development-thumbnail .development-thumbnail__content .development-thumbnail__meta p.development-thumbnail__meta-price svg {
  stroke: var(--e-global-color-text);
  width: 1.8rem;
  margin-bottom: 1px;
}
@media (min-width: 1200px) {
  .development-thumbnail .development-thumbnail__content .development-thumbnail__meta h4 {
    font-size: 3.2rem;
    margin: 0 0 0.8rem 0;
  }
  .development-thumbnail .development-thumbnail__content .development-thumbnail__meta h5 {
    font-size: 1.8rem;
    font-weight: 400;
    margin: 0 0 1.6rem 0;
  }
  .development-thumbnail .development-thumbnail__content .development-thumbnail__meta p {
    font-size: 1.8rem;
  }
}
.development-thumbnail .development-thumbnail__content .development-thumbnail__meta .development-thumbnail__logo {
  max-width: 15rem;
}

/*
    ATTENTION
    =========
    /blade-views/components/leadpro-valuation.blade.php

    Providing you have a valid LeadPro API Key added to
    your websites credentials, you can use their online
    valuation form and embed it on your pages using a
    simple shortcode.

    [blade_dynamic_shortcode view_name="components/lead-pro-valuation"]
*/
/*
    ATTENTION
    =========
    /blade-views/partials/grid-property.blade.php

    This partial controls the display of property
    data within the grid search results.
*/
.card__news {
  gap: 1.6rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
}
.card__news .card-img-top {
  aspect-ratio: 16/9;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: end;
      -ms-flex-align: end;
          align-items: end;
}
.card__news .card-img-top .card__cat {
  font-family: var(--e-global-typography-primary-font-family) !important;
  font-size: 1.4rem;
  color: #fff;
  font-weight: bold;
  background: rgba(0, 0, 0, 0.3);
  width: 100%;
  padding: 1.2rem;
  line-height: 1em;
  backdrop-filter: blur(8px);
}
.card__news .card__news-meta h4 {
  font-family: var(--e-global-typography-secondary-font-family) !important !important;
  color: var(--e-global-color-text);
  font-size: 2rem;
}

/*
    ATTENTION
    =========
    /blade-views/components/leadpro-valuation.blade.php

    Providing you have a valid LeadPro API Key added to
    your websites credentials, you can use their online
    valuation form and embed it on your pages using a
    simple shortcode.

    [blade_dynamic_shortcode view_name="components/lead-pro-valuation"]
*/
/*
    ATTENTION
    =========
    /blade-views/partials/leadpro-valuation-success.blade.php

    This is the success message from a successful LeadPro
    Online valuation request.
*/
/*
    ATTENTION
    =========
    /blade-views/components/leadpro-valuation.blade.php

    Providing you have a valid LeadPro API Key added to
    your websites credentials, you can use their online
    valuation form and embed it on your pages using a
    simple shortcode.

    [blade_dynamic_shortcode view_name="components/lead-pro-valuation"]
*/
/*
    ATTENTION
    =========
    /blade-views/partials/list-property.blade.php

    This partial controls the display of property
    data within the list search results.
*/
.property-list {
  position: relative;
  border-radius: 0.8rem;
  font-family: var(--e-global-typography-primary-font-family) !important;
  text-align: left;
  overflow: hidden;
  display: block;
  color: var(--e-global-color-text);
}
.property-list:hover {
  color: var(--e-global-color-text);
}
@media (min-width: 992px) {
  .property-list {
    -webkit-box-shadow: 0px 0px 1px 0px rgba(0, 0, 0, 0.2), 0px 1px 2px 0px rgba(0, 0, 0, 0.06), 0px 2px 4px 0px rgba(0, 0, 0, 0.06);
            box-shadow: 0px 0px 1px 0px rgba(0, 0, 0, 0.2), 0px 1px 2px 0px rgba(0, 0, 0, 0.06), 0px 2px 4px 0px rgba(0, 0, 0, 0.06);
  }
}
.property-list .property__image-container {
  overflow: hidden;
  gap: 2px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
@media (min-width: 992px) {
  .property-list .property__image-container {
    margin-bottom: 0rem;
  }
}
@media (min-width: 1024px) {
  .property-list .property__image-container {
    min-height: 34.8rem;
  }
}
@media (min-width: 1200px) {
  .property-list .property__image-container {
    min-height: 38.8rem;
  }
}
.property-list .property__image-container .property__image--lrg {
  position: relative;
  display: block;
  overflow: hidden;
  margin-bottom: 2.4rem;
  width: 100%;
  border-radius: 0.8rem;
  aspect-ratio: 16/9;
}
@media (min-width: 992px) {
  .property-list .property__image-container .property__image--lrg {
    aspect-ratio: auto;
    border-radius: 0rem;
    margin-bottom: 0rem;
  }
}
@media (min-width: 1024px) {
  .property-list .property__image-container .property__image--lrg {
    width: 60%;
  }
}
@media (min-width: 1200px) {
  .property-list .property__image-container .property__image--lrg {
    width: 70%;
  }
}
.property-list .property__image-container .property__image__sml-container {
  width: 100%;
  height: 100%;
  display: block;
}
@media (min-width: 1024px) {
  .property-list .property__image-container .property__image__sml-container {
    width: 40%;
  }
}
@media (min-width: 1200px) {
  .property-list .property__image-container .property__image__sml-container {
    width: 30%;
  }
}
.property-list .property__image-container .property__image__sml-container .property__image--sml {
  height: 50%;
  display: block;
  min-width: 100%;
  outline: 0.1rem solid #fff;
}
.property-list .property__meta {
  padding: 0rem;
  position: relative;
}
@media (min-width: 992px) {
  .property-list .property__meta {
    padding: 3.2rem;
  }
}
.property-list .property__meta .property__address {
  font-size: 1.6rem;
  margin-bottom: 2rem;
}
@media (min-width: 992px) {
  .property-list .property__meta .property__address {
    margin-bottom: 2.4rem;
  }
}
.property-list .property__meta .shortlist__btns {
  position: absolute;
  right: 0rem;
  top: 0rem;
}
.property-list .property__meta .shortlist__btns span {
  color: var(--e-global-color-text);
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  height: 3.2rem;
  width: 3.2rem;
  border-radius: 8rem;
  background: var(--e-global-color-adc304a);
}
.property-list .property__meta .shortlist__btns span svg {
  height: 17px;
  fill: var(--e-global-color-secondary);
}
.property-list .property__meta .shortlist__btns span.tpj_remove_from_shortlist svg {
  fill: var(--e-global-color-primary);
}
@media (min-width: 992px) {
  .property-list .property__meta .shortlist__btns {
    right: 3.2rem;
    top: 3.2rem;
  }
}
.property-list .property__meta h4 {
  font-size: 3.2rem;
  line-height: 1em !important;
  margin-bottom: 0.8rem;
  color: var(--e-global-color-text);
}
.property-list .property__meta h4 span {
  color: #adb5bd;
  font-size: 1.4rem;
  line-height: 0.7em !important;
  font-family: var(--e-global-typography-primary-font-family) !important;
}
@media (min-width: 992px) {
  .property-list .property__meta h4 {
    font-size: 3.2rem;
  }
}
.property-list .property__meta h5 {
  font-family: var(--e-global-typography-primary-font-family) !important;
  font-size: 1.6rem;
  line-height: 140%;
  margin-bottom: 1.6rem;
  color: var(--e-global-color-text);
}
@media (min-width: 992px) {
  .property-list .property__meta h5 {
    margin-bottom: 2.4rem;
  }
}
.property-list .property__meta .property__rooms {
  list-style: none;
  padding: 0;
  margin: 0;
  font-size: 1.6rem;
  font-family: var(--e-global-typography-primary-font-family) !important;
  font-weight: 500;
  color: var(--e-global-color-text);
  line-height: 1em;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  margin-bottom: 0rem;
  gap: 2.4rem;
}
.property-list .property__meta .property__rooms li {
  display: inline;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 0.8rem;
}
.property-list .property__meta .property__rooms li svg {
  stroke: var(--e-global-color-primary);
  height: 1.8rem;
}
@media (min-width: 992px) {
  .property-list .property__meta .property__rooms {
    margin-bottom: 2.4rem;
  }
}
.property-list .property__meta .property__negotiator {
  gap: 1.6rem;
  padding-top: 2.4rem;
}
.property-list .property__meta .property__negotiator .property__negotiator-image {
  border-radius: 10rem;
  width: 5.6rem;
  height: 5.6rem;
  background: #eee;
}
.property-list .property__meta .property__negotiator h6 {
  font-family: var(--e-global-typography-primary-font-family) !important !important;
  font-weight: 500;
  font-size: 1.6rem;
  color: var(--e-global-color-primary);
}
.property-list .property__meta .property__negotiator a {
  font-family: var(--e-global-typography-primary-font-family) !important !important;
  font-size: 1.6rem !important;
  color: var(--e-global-color-primary);
  margin-right: 1.6rem;
  padding-right: 1.6rem;
  border-right: 0.1rem solid #e3e3e3;
  line-height: 1em;
}
.property-list .property__meta .property__negotiator a:hover {
  color: var(--e-global-color-secondary);
}
.property-list .property__meta .property__negotiator a svg {
  stroke: var(--e-global-color-secondary);
  width: 1.6rem;
  margin: -0.4rem 0.4rem 0 0;
  -webkit-transition: 0.4s;
  transition: 0.4s;
}
.property-list .property__meta .property__negotiator a svg.icon__whatsapp {
  width: 2rem;
}
.property-list .property__meta .property__negotiator a:last-child {
  margin-right: 0rem;
  padding-right: 0rem;
  border-right: none;
}
.property-list .property__meta .property__negotiator a:hover svg, .property-list .property__meta .property__negotiator a:hover span {
  opacity: 0.5;
}

/*
    ATTENTION
    =========
    /blade-views/components/leadpro-valuation.blade.php

    Providing you have a valid LeadPro API Key added to
    your websites credentials, you can use their online
    valuation form and embed it on your pages using a
    simple shortcode.

    [blade_dynamic_shortcode view_name="components/lead-pro-valuation"]
*/
/*
    ATTENTION
    =========
    /blade-views/partials/privacy-policy.blade.php

    Default text for you to use on a dedicated
    page on your website.

    [blade_dynamic_shortcode view_name="partials/privacy-policy"]
*/
/*
    ATTENTION
    =========
    /blade-views/components/leadpro-valuation.blade.php

    Providing you have a valid LeadPro API Key added to
    your websites credentials, you can use their online
    valuation form and embed it on your pages using a
    simple shortcode.

    [blade_dynamic_shortcode view_name="components/lead-pro-valuation"]
*/
/*
    ATTENTION
    =========
    /blade-views/partials/recent-properties.blade.php

    By default, search results will show the most recently added properties
    in descending order. To display the most recently added properties as a
    section on your website, you can use the following shortcode.

    [blade_list_search results_per_page="3" instruction_type="sale" view_name="partials/recent-properties"]

    Please see https://tpjwiki.wpengine.com/wordpress/basic-search-query-parameters/ for a list of search parameters that you can use in the above shortcode.
*/
/*
    ATTENTION
    =========
    /blade-views/components/leadpro-valuation.blade.php

    Providing you have a valid LeadPro API Key added to
    your websites credentials, you can use their online
    valuation form and embed it on your pages using a
    simple shortcode.

    [blade_dynamic_shortcode view_name="components/lead-pro-valuation"]
*/
/*
    ATTENTION
    =========
    /blade-views/partials/related-properties.blade.php

    You can include file file into /blade-views/single-property.blade.php
    to show related properties to the one being viewed.
*/
/*
    ATTENTION
    =========
    /blade-views/components/leadpro-valuation.blade.php

    Providing you have a valid LeadPro API Key added to
    your websites credentials, you can use their online
    valuation form and embed it on your pages using a
    simple shortcode.

    [blade_dynamic_shortcode view_name="components/lead-pro-valuation"]
*/
.core-search--homebar {
  position: relative;
}
.core-search--homebar .core-search__criteria-fields {
  gap: 1rem;
}
@media (min-width: 768px) {
  .core-search--homebar .core-search__criteria-fields {
    gap: 0.8rem;
  }
}
.core-search--homebar .core-search__criteria-fields .core-search__divide {
  width: 0.1rem;
  height: 1.6rem;
  background: var(--e-global-color-primary);
  opacity: 0.3;
}
.core-search--homebar .core-search__criteria-fields .core-search__department {
  width: 100%;
  max-width: 8rem;
  padding-left: 0.4rem;
}
.core-search--homebar .core-search__criteria-fields .search__address {
  min-width: 0;
  width: 100%;
  background: transparent;
  padding: 0 !important;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 0.8rem;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.core-search--homebar .core-search__criteria-fields .search__address input {
  width: 100% !important;
  background: transparent !important;
  border: none !important;
  padding-left: 0 !important;
}
.core-search--homebar .core-search__criteria-fields .search__address svg {
  fill: none;
  stroke: var(--e-global-color-primary);
  width: 1.8rem;
  margin-right: 0rem;
  margin-top: 0rem;
}
.core-search--homebar .core-search__criteria-fields button {
  margin: 0;
  border: 0 !important;
  height: 4.8rem;
  min-width: 4.8rem;
  padding: 0 !important;
  width: 100%;
  font-weight: 600;
  background: red;
}
.core-search--homebar .core-search__criteria-fields button.core-search__btn-mobile {
  width: 100%;
}
.core-search--homebar .core-search__criteria-fields button svg {
  fill: none;
  stroke: #fff;
  width: 2rem;
  margin-right: 0rem;
  margin-top: 0rem;
}
.core-search--homebar .core-search__criteria-fields button:hover {
  background: var(--e-global-color-secondary);
  color: var(--e-global-color-text);
}
.core-search--homebar .core-search__criteria-fields .core-search-homepage {
  background: #fff;
  min-width: 270px;
  border-radius: 8rem;
  gap: 0.8rem;
}
.core-search--homebar .core-search__criteria-fields .core-search-homepage .core-search__department {
  width: 100%;
  max-width: 6rem;
}
.core-search--homebar .core-search__criteria-fields .core-search-homepage select {
  background: url(/wp-content/uploads/2025/03/icon_dropdown-blk.svg) no-repeat transparent;
  background-position: center right;
  color: var(--e-global-color-text) !important;
  padding: 0 0rem 0 1.6rem !important;
  font-size: 1.4rem !important;
  border: none !important;
}
.core-search--homebar .core-search__criteria-fields .core-search-homepage input::-webkit-input-placeholder {
  color: #4D4652;
  font-size: 1.4rem;
}
.core-search--homebar .core-search__criteria-fields .core-search-homepage input::-moz-placeholder {
  color: #4D4652;
  font-size: 1.4rem;
}
.core-search--homebar .core-search__criteria-fields .core-search-homepage input:-ms-input-placeholder {
  color: #4D4652;
  font-size: 1.4rem;
}
.core-search--homebar .core-search__criteria-fields .core-search-homepage input::-ms-input-placeholder {
  color: #4D4652;
  font-size: 1.4rem;
}
.core-search--homebar .core-search__criteria-fields .core-search-homepage input::placeholder {
  color: #4D4652;
  font-size: 1.4rem;
}
@media (min-width: 768px) {
  .core-search--homebar .core-search__criteria-fields .core-search-homepage {
    min-width: 514px;
    gap: 1.6rem;
  }
  .core-search--homebar .core-search__criteria-fields .core-search-homepage select {
    font-size: 1.6rem !important;
  }
  .core-search--homebar .core-search__criteria-fields .core-search-homepage input::-webkit-input-placeholder {
    font-size: 1.6rem;
  }
  .core-search--homebar .core-search__criteria-fields .core-search-homepage input::-moz-placeholder {
    font-size: 1.6rem;
  }
  .core-search--homebar .core-search__criteria-fields .core-search-homepage input:-ms-input-placeholder {
    font-size: 1.6rem;
  }
  .core-search--homebar .core-search__criteria-fields .core-search-homepage input::-ms-input-placeholder {
    font-size: 1.6rem;
  }
  .core-search--homebar .core-search__criteria-fields .core-search-homepage input::placeholder {
    font-size: 1.6rem;
  }
  .core-search--homebar .core-search__criteria-fields .core-search-homepage .core-search__department {
    width: 100%;
    max-width: 10rem;
  }
}

/*
    ATTENTION
    =========
    /blade-views/components/leadpro-valuation.blade.php

    Providing you have a valid LeadPro API Key added to
    your websites credentials, you can use their online
    valuation form and embed it on your pages using a
    simple shortcode.

    [blade_dynamic_shortcode view_name="components/lead-pro-valuation"]
*/
.core-search {
  position: relative;
  gap: 1rem;
}
@media (min-width: 768px) {
  .core-search {
    gap: 1.8rem;
  }
}
.core-search .search-gap {
  gap: 1rem;
}
@media (min-width: 768px) {
  .core-search .search-gap {
    gap: 1.8rem;
  }
}
.core-search span.divide {
  display: none;
  width: 1px;
  height: 1.6rem;
  background: #ccc;
}
.core-search span.divide.divide--drk {
  background: rgba(0, 0, 0, 0.5);
}
@media (min-width: 768px) {
  .core-search span.divide {
    display: block;
  }
}
@media (min-width: 567px) {
  .core-search .collapse {
    display: -webkit-box !important;
    display: -ms-flexbox !important;
    display: flex !important;
    gap: 1.8rem;
  }
}
.core-search input,
.core-search select {
  border: none !important;
  padding: 0 0 0 1.6rem !important;
  margin: 0 !important;
  color: var(--e-global-color-text) !important;
  height: 4.8rem;
  line-height: 4.8rem !important;
  font-size: 1.2rem !important;
  font-weight: 500;
  text-transform: uppercase;
  letter-spacing: 1px;
  border-radius: 0rem !important;
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
}
.core-search input:focus,
.core-search select:focus {
  outline: none;
  border-radius: 0 !important;
}
.core-search input::-webkit-input-placeholder, .core-search select::-webkit-input-placeholder {
  color: var(--e-global-color-text) !important;
  font-size: 1.2rem;
  font-weight: 500;
}
.core-search input::-moz-placeholder, .core-search select::-moz-placeholder {
  color: var(--e-global-color-text) !important;
  font-size: 1.2rem;
  font-weight: 500;
}
.core-search input:-ms-input-placeholder, .core-search select:-ms-input-placeholder {
  color: var(--e-global-color-text) !important;
  font-size: 1.2rem;
  font-weight: 500;
}
.core-search input::-ms-input-placeholder, .core-search select::-ms-input-placeholder {
  color: var(--e-global-color-text) !important;
  font-size: 1.2rem;
  font-weight: 500;
}
.core-search input::placeholder,
.core-search select::placeholder {
  color: var(--e-global-color-text) !important;
  font-size: 1.2rem;
  font-weight: 500;
}
.core-search select {
  background: url(/wp-content/uploads/2025/03/icon_dropdown-blk.svg) no-repeat #fff;
  background-position: center right 1.6rem;
  border: #E8E8E8 solid 1px !important;
}
.core-search select option {
  color: var(--e-global-color-text) !important;
}
@media (min-width: 768px) {
  .core-search select {
    padding-left: 0rem !important;
    background: url(/wp-content/uploads/2025/03/icon_dropdown-blk.svg) no-repeat transparent;
    background-position: center right;
    border: transparent solid 1px !important;
  }
}
.core-search .search-instructions {
  min-width: 30%;
  gap: 1rem;
}
@media (min-width: 768px) {
  .core-search .search-instructions {
    min-width: 100%;
  }
}
.core-search .input__instruction,
.core-search .input__department,
.core-search .input__address {
  width: 100%;
}
.core-search .input__address {
  background: #fff;
  border-radius: 0rem !important;
  border: #E8E8E8 solid 1px;
  padding: 0;
  gap: 0.4rem;
  padding-left: 1.6rem;
}
.core-search .input__address svg {
  stroke: var(--e-global-color-primary) !important;
  width: 1.7rem;
}
.core-search .input__address input {
  color: var(--e-global-color-text) !important;
  padding: 0 0 0 0rem !important;
}
@media (min-width: 768px) {
  .core-search .search-instructions {
    min-width: auto;
  }
  .core-search .input__instruction {
    width: 9rem !important;
  }
  .core-search .input__department {
    width: 10rem !important;
  }
}
.core-search button {
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  margin: 0;
  border: 0 !important;
  height: 4.8rem;
  padding: 0rem 1.2rem 0 1.2rem !important;
  background: var(--e-global-color-primary);
  border-radius: 0;
  font-family: var(--e-global-typography-primary-font-family) !important;
  font-size: 1.2rem;
  letter-spacing: 1px;
  width: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 0.8rem;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  font-weight: 400;
  text-transform: uppercase;
  border-radius: 0rem;
}
.core-search button.core-search__btn-mobile {
  min-width: 100%;
}
.core-search button svg {
  stroke: #fff !important;
  width: 1.2rem;
  stroke-width: 1.8;
  fill: none;
}
.core-search button:hover {
  background: var(--e-global-color-accent) !important;
}
@media (min-width: 768px) {
  .core-search button {
    width: auto;
  }
}
.core-search a.link__filter {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  gap: 1rem;
  padding: 0 2.4rem;
  text-align: center;
  color: #fff !important;
  margin: 0;
  border: 1px solid var(--e-global-color-primary) !important;
  border-radius: 0;
  height: 4.8rem;
  font-size: 1.6rem;
  line-height: 1em;
  width: 100%;
  font-family: var(--e-global-typography-primary-font-family) !important;
  font-weight: 400;
  text-transform: uppercase;
  border-radius: 0rem;
  color: var(--e-global-color-primary) !important;
}
.core-search a.link__filter svg {
  stroke: var(--e-global-color-primary) !important;
  width: 1.7rem;
}

/*
    ATTENTION
    =========
    /blade-views/components/leadpro-valuation.blade.php

    Providing you have a valid LeadPro API Key added to
    your websites credentials, you can use their online
    valuation form and embed it on your pages using a
    simple shortcode.

    [blade_dynamic_shortcode view_name="components/lead-pro-valuation"]
*/
/*
        ATTENTION
        =========
        /blade-views/partials/search-elementor-popup-example.blade.php

        This search form is specific to displaying within an Elementor
        popup. If you plan to use a search form in an Elementor popup
        on your website, this is the one to use. Elementor injects
        popups when required, and does not always render them in the
        HTML. This means it can affect JavaScript behaviour.

        This is a starter search form to get you going, it does not
        include all possible query variables, but it does cover most
        use cases.
*/
/*
    ATTENTION
    =========
    /blade-views/components/leadpro-valuation.blade.php

    Providing you have a valid LeadPro API Key added to
    your websites credentials, you can use their online
    valuation form and embed it on your pages using a
    simple shortcode.

    [blade_dynamic_shortcode view_name="components/lead-pro-valuation"]
*/
/*
    ATTENTION
    =========
    /blade-views/partials/search-filters.blade.php

    You can sort your search results using these options.
    Just make sure your search form has an hidden input
    for the 'orderby' name.
*/
/*
    ATTENTION
    =========
    /blade-views/components/leadpro-valuation.blade.php

    Providing you have a valid LeadPro API Key added to
    your websites credentials, you can use their online
    valuation form and embed it on your pages using a
    simple shortcode.

    [blade_dynamic_shortcode view_name="components/lead-pro-valuation"]
*/
/*
    ATTENTION
    =========
    /blade-views/partials/search-views.blade.php

    If your website is using multiple views for the
    search results, you can build a group of links.
*/
/*
    ATTENTION
    =========
    /blade-views/components/leadpro-valuation.blade.php

    Providing you have a valid LeadPro API Key added to
    your websites credentials, you can use their online
    valuation form and embed it on your pages using a
    simple shortcode.

    [blade_dynamic_shortcode view_name="components/lead-pro-valuation"]
*/
/*
    ATTENTION
    =========
    /blade-views/partials/terms-of-use.scss

    Default text for you to use on a dedicated
    page on your website.

    [blade_dynamic_shortcode view_name="partials/terms-of-use"]
*/
/*
    ATTENTION
    =========
    /blade-views/components/leadpro-valuation.blade.php

    Providing you have a valid LeadPro API Key added to
    your websites credentials, you can use their online
    valuation form and embed it on your pages using a
    simple shortcode.

    [blade_dynamic_shortcode view_name="components/lead-pro-valuation"]
*/
.pagination {
  margin: 4rem auto !important;
  --bs-pagination-font-size: 1.6rem;
  --bs-pagination-hover-color: c.$white;
  --bs-pagination-focus-box-shadow: 0 0 0 0rem rgba(13, 110, 253, 0);
  --bs-pagination-active-color: c.$white;
  --bs-pagination-active-bg: c.$brand--primary;
  --bs-pagination-active-border-color: c.$brand--primary;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  padding-left: 0;
  list-style: none;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}
.pagination .page-item .page-link {
  padding: 1.5rem;
  color: var(--e-global-color-text) !important;
}
.pagination .page-item.active .page-link {
  color: #ffffff !important;
  background: var(--e-global-color-primary);
  border-color: var(--e-global-color-primary);
}
.pagination .page-item.active .page-link:hover {
  color: #ffffff !important;
  background: var(--e-global-color-secondary);
}

/*
    ATTENTION
    =========
    /blade-views/components/leadpro-valuation.blade.php

    Providing you have a valid LeadPro API Key added to
    your websites credentials, you can use their online
    valuation form and embed it on your pages using a
    simple shortcode.

    [blade_dynamic_shortcode view_name="components/lead-pro-valuation"]
*/
/*
    ATTENTION
    =========
    /blade-views/partials/grid-property.blade.php

    This partial controls the display of property
    data within the grid search results.
*/
.hero-btn-repeater {
  gap: 1.6rem;
}
.hero-btn-repeater .repeater-btn--primary {
  background: var(--e-global-color-primary) !important;
  border-color: var(--e-global-color-primary) !important;
  font-family: var(--e-global-typography-primary-font-family) !important !important;
  text-transform: uppercase !important;
  font-weight: 600 !important;
  color: #fff !important;
  min-width: 100%;
}
.hero-btn-repeater .repeater-btn--primary:hover {
  background: var(--e-global-color-accent) !important;
  border-color: var(--e-global-color-accent) !important;
}
.hero-btn-repeater .repeater-btn--wht-outline {
  background: transparent !important;
  border-color: #fff !important;
  font-family: var(--e-global-typography-primary-font-family) !important !important;
  text-transform: uppercase !important;
  font-weight: 600 !important;
  color: #fff !important;
  min-width: 100%;
}
.hero-btn-repeater .repeater-btn--wht-outline:hover {
  background: var(--e-global-color-accent) !important;
  border-color: var(--e-global-color-accent) !important;
}

/*
    ATTENTION
    =========
    /blade-views/components/leadpro-valuation.blade.php

    Providing you have a valid LeadPro API Key added to
    your websites credentials, you can use their online
    valuation form and embed it on your pages using a
    simple shortcode.

    [blade_dynamic_shortcode view_name="components/lead-pro-valuation"]
*/
.stamp-duty-calculator p {
  font-size: 1.6rem !important;
  margin-bottom: 2.4rem;
}
.stamp-duty-calculator h4 {
  font-size: 2.4rem !important;
  margin-bottom: 3.2rem;
  color: var(--e-global-color-primary);
}
@media (min-width: 768px) {
  .stamp-duty-calculator h4 {
    font-size: 3.2rem !important;
  }
}
.stamp-duty-calculator #stamp-duty .stamp-duty-heading {
  display: none;
}
.stamp-duty-calculator #stamp-duty .form-group label {
  margin-bottom: 0.8rem;
  font-size: 1.4rem;
}
.stamp-duty-calculator #stamp-duty .form-group .input-group-text {
  padding: 0px 0 0 1.4rem !important;
  font-size: 1.6rem;
  font-weight: 400;
  line-height: normal;
  color: var(--e-global-color-text);
  text-align: center;
  background-color: #fff !important;
  border-right: none !important;
  border-color: #fff !important;
  border-radius: 0rem;
}
.stamp-duty-calculator #stamp-duty label {
  display: inline-block;
  max-width: 100%;
  margin-bottom: 0rem;
  font-weight: 400;
}
.stamp-duty-calculator #stamp-duty .form-control {
  border-left: none !important;
  border-radius: 0rem !important;
  margin: 0 !important;
  padding-left: 0 !important;
  background: #fff;
  max-width: 100% !important;
  border-color: #fff !important;
}
@media (min-width: 994px) {
  .stamp-duty-calculator #stamp-duty .form-control {
    max-width: 50% !important;
  }
}
.stamp-duty-calculator #stamp-duty .input-group {
  margin-bottom: 2rem;
}
.stamp-duty-calculator #stamp-duty .sdc-checkboxes {
  margin-bottom: 3rem;
}
.stamp-duty-calculator #stamp-duty .sdc-checkboxes .form-check {
  padding: 0;
  margin-bottom: 1.5rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.stamp-duty-calculator #stamp-duty .sdc-checkboxes .form-check .form-check-label {
  font-size: 1.6rem !important;
}
.stamp-duty-calculator #stamp-duty .sdc-checkboxes .form-check .form-check-input {
  margin: 0px 0.8rem 0 0rem !important;
}
.stamp-duty-calculator #stamp-duty .form__action {
  width: 100%;
}
.stamp-duty-calculator #stamp-duty .form__action .btn {
  min-height: 4.8rem;
  outline: none;
  border: none;
  margin-bottom: 2.4rem;
  width: 100%;
  border-radius: 0px;
}
.stamp-duty-calculator #stamp-duty .stamp-duty-results-container {
  padding: 1.6rem;
  color: var(--e-global-color-text);
  border: 1px solid #E6E6E6;
  border-radius: 0px;
  margin-top: 2.4rem;
}
.stamp-duty-calculator #stamp-duty .stamp-duty-results-container .stamp-duty-results__title {
  display: none;
}
.stamp-duty-calculator #stamp-duty .stamp-duty-results-container .stamp-duty-results__amount, .stamp-duty-calculator #stamp-duty .stamp-duty-results-container .stamp-duty-results__rate {
  margin: 0px 0 2rem 0;
  font-size: 1.6rem;
  line-height: 1.3em;
}
.stamp-duty-calculator #stamp-duty .stamp-duty-results-container #amount-to-pay, .stamp-duty-calculator #stamp-duty .stamp-duty-results-container #effective-rate {
  font-weight: bold;
  display: block;
}
.stamp-duty-calculator #stamp-duty .stamp-duty-results-container #stamp-duty-table {
  font-size: 1.4rem;
}

/*
    ATTENTION
    =========
    /blade-views/components/leadpro-valuation.blade.php

    Providing you have a valid LeadPro API Key added to
    your websites credentials, you can use their online
    valuation form and embed it on your pages using a
    simple shortcode.

    [blade_dynamic_shortcode view_name="components/lead-pro-valuation"]
*/
.property__mortgage-calculator {
  gap: 3.2rem;
}
.property__mortgage-calculator p {
  font-size: 1.6rem !important;
}
.property__mortgage-calculator h4 {
  font-size: 2.4rem !important;
  color: var(--e-global-color-primary);
  margin-bottom: 0rem;
}
@media (min-width: 768px) {
  .property__mortgage-calculator h4 {
    font-size: 3.2rem !important;
  }
}
.property__mortgage-calculator form {
  gap: 3.2rem;
}
.property__mortgage-calculator form .property__mortgage-form {
  gap: 1.6rem;
}
.property__mortgage-calculator form .property__mortgage-form label {
  margin-bottom: 0.8rem;
  font-size: 1.4rem;
}
.property__mortgage-calculator form .property__mortgage-form button {
  min-height: 4rem;
}
.property__mortgage-calculator form .property__mortgage-form .input__loan-amount {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: baseline;
      -ms-flex-align: baseline;
          align-items: baseline;
  border: 1px solid #fff !important;
  padding-left: 1.6rem;
  background: #fff;
  font-size: 1.6rem !important;
  line-height: 1em !important;
  border-radius: 0rem !important;
  min-width: 100% !important;
}
.property__mortgage-calculator form .property__mortgage-form .input__loan-amount input {
  border: none !important;
  padding-left: 0rem !important;
}
.property__mortgage-calculator form .property__mortgage-form input {
  border: none !important;
}
.property__mortgage-calculator .property__mortgage-success {
  padding: 0;
}
.property__mortgage-calculator .property__mortgage-success span {
  font-size: 1.6rem;
  display: block;
}
.property__mortgage-calculator .property__mortgage-success span.property__mortgage-success-result {
  font-size: 2.2rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  color: var(--e-global-color-primary);
  font-weight: 500;
}
.property__mortgage-calculator .property__mortgage-success span#mortgage_calculator_success_value {
  font-size: 2.2rem;
  color: var(--e-global-color-primary);
}

.property__mortgage-disclaimer {
  padding: 0;
}
.property__mortgage-disclaimer p {
  font-size: 1.4rem !important;
}
.property__mortgage-disclaimer a {
  font-size: 1.6rem !important;
  color: var(--e-global-color-text);
}
.property__mortgage-disclaimer a svg {
  width: 1.6rem;
  stroke: var(--e-global-color-text);
}

/*
    Partials Rest TOC
*/
/*
    ATTENTION
    =========
    /blade-views/components/leadpro-valuation.blade.php

    Providing you have a valid LeadPro API Key added to
    your websites credentials, you can use their online
    valuation form and embed it on your pages using a
    simple shortcode.

    [blade_dynamic_shortcode view_name="components/lead-pro-valuation"]
*/
/*
    ATTENTION
    =========
    /blade-views/partials/rest/map-info-window.blade.php

    This styles the info window on Google and LeafletJS
    property search maps.
*/
.card__grid.card__map {
  min-width: 24rem !important;
}
.card__grid.card__map .card__grid-meta {
  padding: 0rem 0 2rem 0;
}
.card__grid.card__map .card__grid-meta h4 {
  font-family: var(--e-global-typography-primary-font-family) !important !important;
}
@media (min-width: 768px) {
  .card__grid.card__map {
    min-width: 32rem !important;
  }
}

/*
    ATTENTION
    =========
    /blade-views/components/leadpro-valuation.blade.php

    Providing you have a valid LeadPro API Key added to
    your websites credentials, you can use their online
    valuation form and embed it on your pages using a
    simple shortcode.

    [blade_dynamic_shortcode view_name="components/lead-pro-valuation"]
*/
/*
    ATTENTION
    =========
    /blade-views/partials/rest/property-rest-output.blade.php

    This partial is used to display your property search
    results in the load more search results.

    It's a copy of /blade-views/partials/list-property.blade.php.

    You can modify or use your own custom styles here.
*/
/*
    ATTENTION
    =========
    /blade-views/components/leadpro-valuation.blade.php

    Providing you have a valid LeadPro API Key added to
    your websites credentials, you can use their online
    valuation form and embed it on your pages using a
    simple shortcode.

    [blade_dynamic_shortcode view_name="components/lead-pro-valuation"]
*/
/*
    ATTENTION
    =========
    /blade-views/partials/rest/shortlist-property.blade.php

    This partial is used to display your shortlisted
    properties.

    It's a copy of /blade-views/partials/list-property.blade.php.

    You can modify or use your own custom styles here.
*/
/*
    Search Results TOC
*/
/*
    ATTENTION
    =========
    /blade-views/components/leadpro-valuation.blade.php

    Providing you have a valid LeadPro API Key added to
    your websites credentials, you can use their online
    valuation form and embed it on your pages using a
    simple shortcode.

    [blade_dynamic_shortcode view_name="components/lead-pro-valuation"]
*/
.banner__property-grid {
  background: var(--e-global-color-472047e);
  padding: 2.4rem 1.6rem 2.4rem 1.6rem;
  gap: 1.6rem;
}
.banner__property-grid h4 {
  font-size: 2rem;
  text-align: center;
}
@media (min-width: 768px) {
  .banner__property-grid {
    gap: 4rem;
  }
  .banner__property-grid h4 {
    font-size: 2.4rem;
  }
}

/*
    ATTENTION
    =========
    /blade-views/components/leadpro-valuation.blade.php

    Providing you have a valid LeadPro API Key added to
    your websites credentials, you can use their online
    valuation form and embed it on your pages using a
    simple shortcode.

    [blade_dynamic_shortcode view_name="components/lead-pro-valuation"]
*/
/*
    ATTENTION
    =========
    /blade-views/page-grid-search.blade.php

    Search results comprise of a series of partials.
    This file can be used to style all of your search
    results, or just the parent page.
*/
#tpj-grid-search {
  padding: 0;
}
#tpj-grid-search h1 {
  font-size: 1.6rem;
  color: var(--e-global-color-text);
  line-height: 1em !important;
  letter-spacing: 1px;
  font-weight: bold;
  text-transform: uppercase;
}
#tpj-grid-search h2 {
  font-family: var(--e-global-typography-primary-font-family) !important;
  font-size: 1.6rem;
  font-weight: 400;
}
#tpj-grid-search h2 a svg {
  width: 2rem;
  stroke: var(--e-global-color-text);
}
@media (min-width: 768px) {
  #tpj-grid-search h2 {
    font-size: 1.8rem;
  }
}
#tpj-grid-search p {
  font-size: 1.6rem;
}
#tpj-grid-search .grid-search__actions {
  gap: 2.4rem;
}
@media (max-width: 991px) {
  #tpj-grid-search .grid-search__actions {
    min-width: 100%;
  }
}
#tpj-grid-search .grid-search__actions span.divide {
  width: 1px;
  height: 16px;
  background: #ccc;
}
#tpj-grid-search .grid-search__actions select {
  cursor: pointer;
  line-height: 1em;
  background: url(/wp-content/uploads/2025/03/icon_dropdown-blk.svg) no-repeat transparent;
  background-position: center right;
  padding: 0 1.6rem 0 0 !important;
  border: none !important;
  display: block;
  color: var(--e-global-color-text);
  letter-spacing: 1px;
  text-transform: uppercase;
  -webkit-transition: all 0.3s ease;
  transition: all 0.3s ease;
  font-size: 1.4rem !important;
  font-weight: 500 !important;
  border-radius: 0 !important;
}
@media (min-width: 576px) {
  #tpj-grid-search .grid-search__actions {
    width: auto;
  }
}
@media (min-width: 768px) {
  #tpj-grid-search .grid-search__actions label {
    display: inline;
  }
}
#tpj-grid-search .grid-search__actions a, #tpj-grid-search .grid-search__actions label {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 0.4rem;
  color: var(--e-global-color-text);
  text-transform: uppercase;
  -webkit-transition: all 0.3s ease;
  transition: all 0.3s ease;
  font-size: 1.4rem !important;
  font-weight: 500 !important;
  text-transform: uppercase;
  letter-spacing: 1px;
  line-height: 1em !important;
}
#tpj-grid-search .grid-search__actions a svg, #tpj-grid-search .grid-search__actions label svg {
  width: 1.4rem;
  stroke: var(--e-global-color-text);
  margin-top: -0.2rem;
}

/*
    ATTENTION
    =========
    /blade-views/components/leadpro-valuation.blade.php

    Providing you have a valid LeadPro API Key added to
    your websites credentials, you can use their online
    valuation form and embed it on your pages using a
    simple shortcode.

    [blade_dynamic_shortcode view_name="components/lead-pro-valuation"]
*/
/*
    ATTENTION
    =========
    /blade-views/page-grid-search.blade.php

    Search results comprise of a series of partials.
    This file can be used to style all of your search
    results, or just the parent page.
*/
#tpj-list-search {
  padding: 0;
}
#tpj-list-search h1 {
  font-size: 3.6rem;
  color: var(--e-global-color-text);
}
#tpj-list-search h2 {
  font-family: var(--e-global-typography-primary-font-family) !important;
  font-size: 1.6rem;
  font-weight: 400;
}
#tpj-list-search h2 a svg {
  width: 2rem;
  stroke: var(--e-global-color-text);
}
@media (min-width: 768px) {
  #tpj-list-search h2 {
    font-size: 1.8rem;
  }
}
#tpj-list-search p {
  font-size: 1.6rem;
}
#tpj-list-search .list-search__actions {
  gap: 1.8rem;
}
#tpj-list-search .list-search__actions label {
  font-size: 1.4rem;
}
#tpj-list-search .list-search__actions .sort-by {
  font-size: 1.4rem;
  font-weight: 500;
  border: none;
  height: 4.8rem;
  padding: 0;
}
#tpj-list-search .list-search__actions .sort-by label {
  display: none;
}
#tpj-list-search .list-search__actions .sort-by select {
  cursor: pointer;
  font-size: 1.2rem !important;
  font-weight: 500;
  text-transform: uppercase;
  letter-spacing: 1px;
  line-height: 1em;
  background: url(/wp-content/uploads/2025/03/icon_dropdown-blk.svg) no-repeat transparent;
  background-position: center right;
  padding: 0 1rem 0 0 !important;
  border: none !important;
  min-width: 100%;
}
@media (min-width: 576px) {
  #tpj-list-search .list-search__actions .sort-by {
    width: auto;
  }
}
@media (min-width: 768px) {
  #tpj-list-search .list-search__actions .sort-by label {
    display: inline;
  }
}
#tpj-list-search .list-search__actions .list-search__actions-link-group {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  background: var(--e-global-color-472047e);
  border-radius: 8rem;
  border: 1px solid var(--e-global-color-adc304a);
}
#tpj-list-search .list-search__actions .list-search__actions-link-group a {
  text-align: center !important;
  display: block;
  color: #ccc;
  -webkit-transition: all 0.3s ease;
  transition: all 0.3s ease;
  margin: 0;
  border: 0;
  border-radius: 8rem;
  height: 4.8rem;
  font-size: 1.2rem !important;
  font-weight: 500;
  text-transform: uppercase;
  letter-spacing: 1px;
  white-space: nowrap;
  padding: 0 2.4rem 0 2.4rem;
}
#tpj-list-search .list-search__actions .list-search__actions-link-group a.link--active {
  border: 1px solid var(--e-global-color-primary) !important;
  color: var(--e-global-color-primary) !important;
  background-color: #fff;
}

.banner__property-list {
  background: var(--e-global-color-0a0a47b);
  padding: 3.2rem;
  border-radius: 0.8rem;
}
.banner__property-list .banner__property-list__header {
  gap: 2.4rem;
}
.banner__property-list .banner__property-list__header h4 {
  font-size: 2.8rem;
  color: var(--e-global-color-primary);
  margin-bottom: 0;
}
/*
    ATTENTION
    =========
    /blade-views/components/leadpro-valuation.blade.php

    Providing you have a valid LeadPro API Key added to
    your websites credentials, you can use their online
    valuation form and embed it on your pages using a
    simple shortcode.

    [blade_dynamic_shortcode view_name="components/lead-pro-valuation"]
*/
/*
    ATTENTION
    =========
    /blade-views/components/map-leafletjs-search.blade.php

    This page is used for search results displayed on
    a LeafletJS Map. (https://leafletjs.com/)
*/
#leaflet-map-container {
  border: 1px solid #dee2e6;
  border-radius: 3px;
}

/*
    ATTENTION
    =========
    /blade-views/components/leadpro-valuation.blade.php

    Providing you have a valid LeadPro API Key added to
    your websites credentials, you can use their online
    valuation form and embed it on your pages using a
    simple shortcode.

    [blade_dynamic_shortcode view_name="components/lead-pro-valuation"]
*/
/*
    ATTENTION
    =========
    /blade-views/components/map-properties-search.blade.php

    This page is used for search results displayed on
    a Google Map.

    Pay attention to the @include('components/map-properties-search').
    This is the component that displays your Google Map.
*/
.property-search-map {
  position: relative;
}
.property-search-map .button {
  position: absolute;
  top: 4.8rem;
  left: 19.6rem;
  z-index: 1000;
  gap: 0.8rem;
}
.property-search-map .button svg {
  width: 1.4rem;
  stroke-width: 2;
}
.property-search-map .button.button--exit {
  left: 4.8rem;
  z-index: 1000;
}
.property-search-map .button.button--exit svg {
  width: 1rem;
}

/*
    ATTENTION
    =========
    /blade-views/components/leadpro-valuation.blade.php

    Providing you have a valid LeadPro API Key added to
    your websites credentials, you can use their online
    valuation form and embed it on your pages using a
    simple shortcode.

    [blade_dynamic_shortcode view_name="components/lead-pro-valuation"]
*/
/*
    ATTENTION
    =========
    /blade-views/partials/pagination.blade.php

    Default pagination partial for your property
    search results.
*/
/*
    ATTENTION
    =========
    /blade-views/components/leadpro-valuation.blade.php

    Providing you have a valid LeadPro API Key added to
    your websites credentials, you can use their online
    valuation form and embed it on your pages using a
    simple shortcode.

    [blade_dynamic_shortcode view_name="components/lead-pro-valuation"]
*/
/*
    ATTENTION
    =========
    /blade-views/partials/search-results-corner-flash.blade.php

    A universal include file used across multiple
    templates.
*/
.property__corner-flash {
  z-index: 1;
  color: var(--e-global-color-text);
  font-size: 1.2rem;
  line-height: 1em !important;
  letter-spacing: 1px;
  font-weight: bold;
  text-transform: uppercase;
  background: #fff;
  padding: 1.2rem 1.6rem 1.2rem 1.6rem;
}

.shortlist_properties_content {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  margin-top: -3rem;
  margin-right: -1.5rem;
  margin-left: -1.5rem;
}

.shortlist_properties_content > * {
  padding-right: 1.5rem;
  padding-left: 1.5rem;
  margin-top: 3rem;
}

/*
    Single Page Templates TOC
*/
/*
    ATTENTION
    =========
    /blade-views/components/leadpro-valuation.blade.php

    Providing you have a valid LeadPro API Key added to
    your websites credentials, you can use their online
    valuation form and embed it on your pages using a
    simple shortcode.

    [blade_dynamic_shortcode view_name="components/lead-pro-valuation"]
*/
/*
    ATTENTION
    =========
    /blade-views/single-development.blade.php

    This template is used to display all the details
    and properties for a development.
*/
/*
    ATTENTION
    =========
    /blade-views/components/leadpro-valuation.blade.php

    Providing you have a valid LeadPro API Key added to
    your websites credentials, you can use their online
    valuation form and embed it on your pages using a
    simple shortcode.

    [blade_dynamic_shortcode view_name="components/lead-pro-valuation"]
*/
/*
    ATTENTION
    =========
    /blade-views/single-property.blade.php

    This is your property details page. Property
    details are made-up with partials and logic.
*/
.property-page {
  margin-top: 7.5rem;
}
@media (min-width: 1201px) {
  .property-page {
    margin-top: 9.6rem;
  }
}
.property-page ul.breadcrumbs {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 1.6rem;
  padding: 0 0rem 0 2.4rem;
  margin: 0;
  height: 6.4rem;
  list-style: none;
}
@media (min-width: 1024px) {
  .property-page ul.breadcrumbs {
    padding: 0 0rem 0 3.2rem;
  }
}
.property-page ul.breadcrumbs li {
  gap: 1.6rem;
  font-family: var(--e-global-typography-secondary-font-family) !important;
  text-transform: uppercase;
  font-size: 1.2rem !important;
  font-weight: 500 !important;
  text-transform: uppercase;
  letter-spacing: 1px;
}
.property-page ul.breadcrumbs li span.divide-line {
  width: 0.1rem;
  height: 1.6rem;
  background: var(--e-global-color-adc304a);
  display: inline-block;
}
.property-page ul.breadcrumbs li a {
  color: var(--e-global-color-text);
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 1.6rem;
}
.property-page ul.breadcrumbs li a.property-details__back {
  gap: 0.8rem;
}
.property-page ul.breadcrumbs li a:hover {
  opacity: 0.5;
}
.property-page ul.breadcrumbs li a svg {
  stroke: var(--e-global-color-text);
  width: 1.8rem;
  -webkit-transition: all 0.4s;
  transition: all 0.4s;
  -webkit-transform: rotate(90deg);
          transform: rotate(90deg);
}
.property-page span.breadcrumbs-actions {
  gap: 2.4rem;
  padding: 0 2.4rem 0 0rem;
}
@media (min-width: 1024px) {
  .property-page span.breadcrumbs-actions {
    padding: 0 3.2rem 0 0rem;
  }
}
.property-page span.breadcrumbs-actions span.divide {
  width: 1px;
  height: 16px;
  background: #ccc;
}
.property-page span.breadcrumbs-actions a, .property-page span.breadcrumbs-actions .property-page__meta__action-share {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 0.4rem;
  color: var(--e-global-color-text);
  text-transform: uppercase;
  -webkit-transition: all 0.3s ease;
  transition: all 0.3s ease;
  font-size: 1.2rem !important;
  font-weight: 500 !important;
  text-transform: uppercase;
  letter-spacing: 1px;
  line-height: 1em !important;
}
.property-page span.breadcrumbs-actions a svg, .property-page span.breadcrumbs-actions .property-page__meta__action-share svg {
  width: 1.4rem;
  stroke: var(--e-global-color-text);
  margin-top: -0.2rem;
}
.property-page .property-page__meta {
  gap: 5.6rem;
  padding: 4rem 2.4rem 4rem 2.4rem;
  background: #F5F5F5;
}
@media (min-width: 768px) {
  .property-page .property-page__meta {
    padding: 3.6rem;
  }
}
@media (min-width: 992px) {
  .property-page .property-page__meta {
    padding: 4.2rem 3.2rem 0 3.2rem;
    height: 40vw;
    position: sticky;
    top: 0rem;
  }
}
@media (min-width: 1200px) {
  .property-page .property-page__meta {
    padding: 7.2rem 7.2rem 0rem 7.2rem;
  }
}
@media (min-width: 1200px) {
  .property-page .property-page__meta {
    height: 35vw;
  }
}
.property-page .property-page__meta h1 {
  font-size: 2.8rem;
  text-wrap: balance;
  color: var(--e-global-color-text);
  margin-bottom: 0.8rem;
  font-weight: 600;
  font-family: var(--e-global-typography-primary-font-family) !important;
}
@media (min-width: 768px) {
  .property-page .property-page__meta h1 {
    font-size: 3.2rem;
  }
}
@media (min-width: 992px) {
  .property-page .property-page__meta h1 {
    font-size: 2.8rem;
  }
}
@media (min-width: 1200px) {
  .property-page .property-page__meta h1 {
    font-size: 3.6rem;
  }
}
.property-page .property-page__meta h2 {
  color: #fff;
  font-weight: 500;
  margin-bottom: 2.4rem !important;
  color: var(--e-global-color-text);
  line-height: 1em !important;
  font-size: 2rem;
}
.property-page .property-page__meta h2 span {
  font-size: 1.5rem;
}
.property-page .property-page__meta h3 {
  font-family: var(--e-global-typography-primary-font-family) !important;
  font-weight: 500;
  font-size: 1.5rem;
  margin-bottom: 0rem;
  color: #fff;
  color: var(--e-global-color-text);
}
.property-page .property-page__meta span.red-flash {
  color: #000;
}
.property-page .property-page__meta span.divide {
  height: 1.6rem;
  width: 1px;
  background: #ccc;
}
.property-page .property-page__meta a.property__brochure-link {
  color: var(--e-global-color-primary);
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 0.8rem;
  line-height: 1em;
  font-weight: 500;
  font-size: 1.5rem;
  text-decoration: underline !important;
}
.property-page .property-page__meta svg {
  stroke: var(--e-global-color-primary);
  height: 1.5rem;
}
.property-page .property-page__meta .property-page__meta__action {
  gap: 1.6rem;
}
.property-page .property-page__meta .property-page__meta__features {
  gap: 1.6rem;
}
.property-page .property__actions {
  -webkit-box-shadow: 0px 1px 2px 0px rgba(0, 0, 0, 0.16);
          box-shadow: 0px 1px 2px 0px rgba(0, 0, 0, 0.16);
  padding: 2.4rem;
  width: 100%;
  z-index: 100;
  background-color: #fff;
}
@media (min-width: 768px) {
  .property-page .property__actions {
    padding: 2.4rem 3.6rem 2.4rem 3.6rem;
  }
}
@media (min-width: 1024px) {
  .property-page .property__actions {
    padding: 3.2rem 4.2rem 3.2rem 4.2rem;
  }
}
@media (min-width: 1201px) {
  .property-page .property__actions {
    padding: 3.2rem 4.8rem 3.2rem 4.8rem;
  }
}
.property-page .property__actions ul {
  list-style: none;
  padding: 0;
  margin: 0 0 0 0rem !important;
  font-size: 1.6rem;
  font-family: var(--e-global-typography-primary-font-family) !important;
  font-weight: 500;
  color: var(--e-global-color-text);
  line-height: 1em;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 3.2rem;
}
.property-page .property__actions ul li {
  display: inline;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 3.2rem;
  line-height: 2.4rem;
}
.property-page .property__actions ul li a {
  color: var(--e-global-color-text);
}
.property-page .property__actions ul li::before {
  content: "";
  height: 1rem;
  background-color: rgba(0, 0, 0, 0.2);
  width: 0.1rem;
}
.property-page .property__actions ul li:first-child::before {
  display: none;
}
.property-page .property__actions ul li svg {
  stroke: var(--e-global-color-primary);
  height: 1.8rem;
}
.property-page .property__details {
  position: relative;
  padding-top: 2.4rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  gap: 3.2rem;
  padding: 0 2.4rem 0 2.4rem;
}
@media (min-width: 768px) {
  .property-page .property__details {
    padding: 0 3.6rem 0 3.6rem;
  }
}
@media (min-width: 1024px) {
  .property-page .property__details {
    padding: 0 4.2rem 0 4.2rem;
  }
}
@media (min-width: 1201px) {
  .property-page .property__details {
    padding: 0 4.8rem 0 4.8rem;
  }
}
@media (min-width: 992px) {
  .property-page .property__details {
    padding-top: 8rem;
    gap: 4.8rem;
  }
}
.property-page .property__details hr {
  border: 0;
  height: 1px;
  background: #ccc;
  margin: 0;
}
.property-page .property__details ul.property__features {
  margin: 0;
  padding: 0;
  list-style: none;
  -webkit-column-count: 2;
     -moz-column-count: 2;
          column-count: 2;
  gap: 0.4rem;
}
.property-page .property__details ul.property__features li {
  margin: 0 0 1.2rem 0;
  font-size: 1.8rem;
}
.property-page .property__details ul.property__features li strong {
  display: block;
}
.property-page .property__details ul.property__features li svg {
  stroke: #242424;
  width: 1.8rem;
  margin-right: 0rem;
}
.property-page .property__details a.read-more {
  display: block;
  text-decoration: underline;
  color: var(--e-global-color-primary) !important;
  text-transform: uppercase;
  letter-spacing: 1px;
  font-size: 1.4rem;
}
.property-page .property__details a.read-more span.less {
  display: inline;
}
.property-page .property__details a.read-more span.more {
  display: none;
}
.property-page .property__details a.read-more.collapsed span.less {
  display: none;
}
.property-page .property__details a.read-more.collapsed span.more {
  display: inline;
}
.property-page .property__details #locratingMap {
  width: 100% !important;
  aspect-ratio: 4/3;
}
.property-page .property__details__actions-container {
  position: sticky;
  top: 14rem;
  min-height: 0rem;
  padding-top: 8rem;
}
.property-page .property__details__actions-container .property__details__actions {
  gap: 3.2rem;
}
.property-page .property__details__actions-container .property__details__actions .property__details__contact-action {
  overflow: hidden;
  padding: 0rem;
  -webkit-box-shadow: 0px 0px 1px 0px rgba(0, 0, 0, 0.2), 0px 1px 2px 0px rgba(0, 0, 0, 0.06), 0px 2px 4px 0px rgba(0, 0, 0, 0.06);
          box-shadow: 0px 0px 1px 0px rgba(0, 0, 0, 0.2), 0px 1px 2px 0px rgba(0, 0, 0, 0.06), 0px 2px 4px 0px rgba(0, 0, 0, 0.06);
}
.property-page .property__details__actions-container .property__details__actions .property__details__contact-action .property__details__contact-copy {
  padding: 3.2rem;
}
.property-page .property__details__actions-container .property__details__actions .property__details__contact-action .property__details__contact-copy h4 {
  font-size: 2.4rem;
}
.property-page .property__details__actions-container .property__details__actions .property__details__contact-action.property__details__contact-action--primary {
  background: var(--e-global-color-primary);
}
.property-page .property__details__actions-container .property__details__actions .property__details__contact-action.property__details__contact-action--primary h4 {
  color: #fff;
}
.property-page .add-this h5 {
  font-family: var(--e-global-typography-secondary-font-family) !important;
  font-size: 1.6rem;
}
.property-page .add-this .sharethis-inline-share-buttons {
  gap: 2rem;
}
.property-page .add-this .sharethis-inline-share-buttons .st-btn {
  border-radius: 50% !important;
  padding: 0 !important;
  margin: 0 !important;
}

.property__calculators {
  padding: 4.8rem 0 4.8rem 0;
  background: var(--e-global-color-472047e);
}
@media (min-width: 992px) {
  .property__calculators {
    padding: 10.4rem 0 10.4rem 0;
  }
}
.property__calculators .property__calculators-inner {
  gap: 4.8rem;
}
.property__calculators .property__calculators-inner .property__calculators-divide {
  height: 1px;
  width: 100%;
  background: var(--e-global-color-adc304a);
}
@media (min-width: 992px) {
  .property__calculators .property__calculators-inner .property__calculators-divide {
    height: 100%;
    width: 1px;
  }
}
@media (min-width: 992px) {
  .property__calculators .property__calculators-inner {
    gap: 10.4rem;
  }
}

.swiper__property-images {
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  position: relative;
}
.swiper__property-images .swiper-slide {
  height: 60vw;
}
@media (min-width: 992px) {
  .swiper__property-images .swiper-slide {
    height: 40vw;
  }
}
@media (min-width: 1200px) {
  .swiper__property-images .swiper-slide {
    height: 35vw;
  }
}
.swiper__property-images .swiper-pagination {
  position: relative;
  left: auto;
  bottom: auto;
}
.swiper__property-images .swiper-button-next,
.swiper__property-images .swiper-button-prev {
  background: #fff;
  width: 4.6rem !important;
  height: 4.6rem !important;
  -webkit-transition: 0.4s;
  transition: 0.4s;
  opacity: 1;
  left: 0;
}
.swiper__property-images .swiper-button-next svg,
.swiper__property-images .swiper-button-prev svg {
  width: 2rem;
  stroke: var(--e-global-color-text);
  -webkit-transform: rotate(90deg);
          transform: rotate(90deg);
}
.swiper__property-images .swiper-button-next:hover,
.swiper__property-images .swiper-button-prev:hover {
  opacity: 0.7;
}
.swiper__property-images .swiper-button-next {
  left: auto;
  right: 0px;
}
.swiper__property-images .swiper-button-next svg {
  -webkit-transform: rotate(-90deg);
          transform: rotate(-90deg);
}
.swiper__property-images .swiper-button-next:after,
.swiper__property-images .swiper-button-prev:after {
  display: none;
}
.swiper__property-images .shortlist__btns {
  position: absolute;
  top: 0rem;
  right: 0rem;
  z-index: 100;
}
.swiper__property-images .shortlist__btns span {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  gap: 0.4rem;
  background: #fff;
  width: 4.6rem !important;
  height: 4.6rem !important;
}
.swiper__property-images .shortlist__btns span svg {
  stroke: var(--e-global-color-text);
  width: 1.6rem;
  fill: none;
}
.swiper__property-images .shortlist__btns span.tpj_remove_from_shortlist {
  background: var(--e-global-color-primary);
}
.swiper__property-images .shortlist__btns span.tpj_remove_from_shortlist svg {
  stroke: #fff;
  fill: #fff;
}
.swiper__property-images.swiper__property-images--modal {
  aspect-ratio: auto;
  width: 100%;
  max-width: 992px;
}
.swiper__property-images.swiper__property-images--modal .swiper-wrapper {
  height: 100%; /* Ensure it fills the swiper wrapper */
  min-height: 100%;
}
.swiper__property-images.swiper__property-images--modal .swiper-slide {
  height: 80vh; /* or any fixed height you prefer */
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}
.swiper__property-images.swiper__property-images--modal .swiper-image-wrapper {
  height: 100%; /* Ensure it fills the swiper wrapper */
  min-height: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  border-radius: 0.4rem;
  overflow: hidden;
}
.swiper__property-images.swiper__property-images--modal .swiper-image-wrapper img {
  border-radius: 0.4rem;
}

.property-details__calculators {
  background: #F5F5F5;
  padding: 3.2rem;
}
.property-details__calculators .property-details__calculator-header {
  gap: 3.2rem;
}
.property-details__calculators .property-details__calculator-header li.nav-item button {
  padding: 1.2rem 1.6rem 1.2rem 1.6rem;
  background: transparent;
  color: var(--e-global-color-primary);
  border: none;
  border-radius: 0.4rem !important;
}
.property-details__calculators .property-details__calculator-header li.nav-item button.active {
  background: #fff;
  color: var(--e-global-color-primary);
}