/*
    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: #dc3545;
  display: none;
}
#leadPro-val .tpj-form-general-errors p {
  color: #dc3545;
}

/*
    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"]
*/
.property__mortgage-calculator {
  padding: 3.2rem;
  border-radius: 0.8rem;
  border: 0.5rem solid var(--e-global-color-48b2b8c);
}
@media (min-width: 992px) {
  .property__mortgage-calculator {
    height: 100%;
  }
}
@media (min-width: 1200px) {
  .property__mortgage-calculator {
    height: auto;
  }
}
.property__mortgage-calculator h4 {
  font-size: 2.8rem !important;
  margin-bottom: 1.6rem;
}
.property__mortgage-calculator form {
  gap: 1.6rem;
}
.property__mortgage-calculator form label {
  margin-bottom: 0.8rem;
}
.property__mortgage-calculator .property__mortgage-success {
  margin-top: 1.6rem;
  background: var(--e-global-color-e0b0ae8);
  padding: 2.4rem;
  border-radius: 0.8rem;
}
.property__mortgage-calculator .property__mortgage-success h5 {
  font-size: 1.4rem !important;
  font-weight: 400 !important;
  font-family: var(--e-global-typography-primary-font-family) !important;
  margin: 0 0 0.8rem 0;
  text-align: center !important;
}
.property__mortgage-calculator .property__mortgage-success h6 {
  font-size: 2rem !important;
  font-family: var(--e-global-typography-primary-font-family) !important;
  font-weight: bold !important;
  text-align: center !important;
}
.property__mortgage-calculator .button {
  min-height: 4.8rem;
  width: 100%;
  display: block;
}

.property__mortgage-disclaimer {
  border-top: solid 1px var(--e-global-color-edd8cdf);
  padding: 3.2rem 0 3.2rem 0;
}
.property__mortgage-disclaimer p {
  font-size: 1.2rem !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"]
*/
.property__stamp-calculator {
  padding: 3.2rem;
  border-radius: 0.8rem;
  border: 0.5rem solid var(--e-global-color-48b2b8c);
}
@media (min-width: 992px) {
  .property__stamp-calculator {
    height: 100%;
  }
}
@media (min-width: 1200px) {
  .property__stamp-calculator {
    height: auto;
  }
}
.property__stamp-calculator h4 {
  font-size: 2.8rem !important;
  margin-bottom: 1.6rem;
}
.property__stamp-calculator #stamp-duty .stamp-duty-heading {
  display: none;
}
.property__stamp-calculator #stamp-duty .form-group label {
  display: none;
}
.property__stamp-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-radius: 0.2rem 0rem 0rem 0.2rem;
}
.property__stamp-calculator #stamp-duty label {
  display: inline-block;
  max-width: 100%;
  margin-bottom: 0rem;
  font-weight: 400;
}
.property__stamp-calculator #stamp-duty .form-control {
  border-left: none !important;
  border-radius: 0rem 0.2rem 0.2rem 0rem;
  margin: 0 !important;
  padding-left: 0 !important;
}
.property__stamp-calculator #stamp-duty .input-group {
  margin-bottom: 2rem;
}
.property__stamp-calculator #stamp-duty .sdc-checkboxes {
  margin-bottom: 3rem;
}
.property__stamp-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;
}
.property__stamp-calculator #stamp-duty .sdc-checkboxes .form-check .form-check-input {
  margin: 0px 0.8rem 0 0rem !important;
}
.property__stamp-calculator #stamp-duty .form__action .btn {
  min-height: 4.8rem;
  outline: none;
  border: none;
  margin-bottom: 2.4rem;
  display: block;
  width: 100%;
}
.property__stamp-calculator #stamp-duty .stamp-duty-results-container {
  padding: 1.6rem;
  color: var(--e-global-color-text);
  border: 1px solid var(--e-global-color-edd8cdf);
  border-radius: 4px;
  margin-top: 2.4rem;
}
.property__stamp-calculator #stamp-duty .stamp-duty-results-container .stamp-duty-results__title {
  display: none;
}
.property__stamp-calculator #stamp-duty .stamp-duty-results-container .stamp-duty-results__amount, .property__stamp-calculator #stamp-duty .stamp-duty-results-container .stamp-duty-results__rate {
  margin: 0px 0 2rem 0;
  font-size: 1.6rem;
  line-height: 1.3em;
}
.property__stamp-calculator #stamp-duty .stamp-duty-results-container #amount-to-pay, .property__stamp-calculator #stamp-duty .stamp-duty-results-container #effective-rate {
  font-weight: bold;
  display: block;
}
.property__stamp-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"]
*/
/*
    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-estimate {
  background-color: #e9ecef;
  padding: 20px;
}
.rentalYield-estimate p {
  text-align: center;
}
.rentalYield-estimate .tpj_estimated_gross_rental {
  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/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"]
*/
/*
    ATTENTION
    =========
    Your place for CSS helpers and fixes.
*/
input,
select,
textarea {
  margin: 0px 0 1.5rem 0 !important;
  padding: 1.2rem 1.4rem 1.2rem 1.2rem !important;
  border: 0.1rem solid #e6e6e6 !important;
  border-radius: 0.4rem !important;
  -webkit-border-radius: 0.4rem !important;
  -moz-border-radius: 0.4rem !important;
  font-size: 1.6rem !important;
  color: #333;
  -webkit-box-shadow: none !important;
  box-shadow: none !important;
  outline: none !important;
  background: none;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  line-height: normal !important;
  font-weight: 300 !important;
}

input[type=checkbox] {
  -webkit-appearance: auto;
  -moz-appearance: auto;
  appearance: auto;
}

select {
  background: url(/wp-content/uploads/2024/09/dropdown-arrow.svg) no-repeat;
  background-position: center right;
  background-size: 1rem;
}

label {
  font-size: 1.6rem !important;
}

.grid-search__sort-divider {
  width: 0.1rem;
  background: #eee;
  height: 100%;
  display: block;
}

.sort-by {
  border-left: none;
  font-size: 1rem !important;
  padding-left: 0rem !important;
  margin-left: 0rem !important;
}
.sort-by label {
  font-size: 1.3rem !important;
}
.sort-by span select {
  padding: 0rem 0rem 0 0.5rem !important;
  background-position: center right 0rem;
  border: none !important;
  cursor: pointer;
  font-size: 1.4rem !important;
}
@media (min-width: 768px) {
  .sort-by span select {
    font-size: 1.6rem !important;
  }
}
@media (min-width: 768px) {
  .sort-by {
    margin-left: 2.4rem !important;
  }
  .sort-by label {
    font-size: 1.6rem !important;
  }
}

.link__map {
  color: var(--e-global-color-text) !important;
  font-size: 1.4rem !important;
}
.link__map svg {
  fill: none;
  stroke: var(--e-global-color-primary);
  width: 1.7rem;
  margin-top: -0.4rem;
}
@media (min-width: 768px) {
  .link__map {
    font-size: 1.6rem !important;
  }
}

.form__viewing {
  border: none !important;
}
.form__viewing label, .form__viewing legend {
  margin-bottom: 1.5rem !important;
}
.form__viewing .ginput_container {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.form__viewing .ginput_container label {
  margin-bottom: 0rem !important;
  margin-left: 1rem !important;
}
.form__viewing .ginput_container input {
  margin-bottom: 0rem !important;
}
.form__viewing h4 {
  margin-bottom: 5rem !important;
  font-size: 3.2rem !important;
}
.form__viewing input.gform_button {
  display: inline-block !important;
  padding: 1.3rem 3.2rem 1.3rem 3.2rem !important;
  background: var(--e-global-color-accent) !important;
  border: 0.1rem solid transparent !important;
  font-size: 1.6rem !important;
  color: #fff !important;
  border-radius: 10rem !important;
  font-weight: 500 !important;
}
.form__viewing input.gform_button:hover {
  background: var(--e-global-color-8a2adcc) !important;
  color: #fff !important;
}
.form__viewing .gfield_description.gfield_consent_description {
  font-size: 1.4rem !important;
  line-height: 1.5em !important;
  padding: 2rem !important;
  margin-bottom: 2rem !important;
}

.card--gdpr .gfield_description {
  font-size: 1.6rem !important;
  padding: 2rem !important;
  margin-bottom: 2rem !important;
}

.uael-gf-style select {
  background: transparent;
}

input.gform_button {
  display: inline-block !important;
  padding: 1.3rem 3.2rem 1.3rem 3.2rem !important;
  background: var(--e-global-color-accent) !important;
  border: 0.1rem solid transparent !important;
  font-size: 1.6rem !important;
  color: #fff !important;
  border-radius: 10rem !important;
  font-weight: 500 !important;
}
input.gform_button:hover {
  background: var(--e-global-color-8a2adcc) !important;
  color: #fff !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"]
*/
.modal {
  background: #fff;
  z-index: 10000;
}
.modal .modal-content {
  border: none !important;
}

a.modal-close {
  position: absolute;
  top: 3rem;
  right: 3rem;
  z-index: 3000;
  display: block;
  cursor: pointer;
}
a.modal-close svg {
  fill: var(--e-global-color-text);
  width: 3rem;
}

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

/*
    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.
*/
.button {
  display: inline-block;
  padding: 1.2rem 1.6rem 1.2rem 1.6rem;
  background: var(--e-global-color-accent);
  border: 0.1rem solid transparent;
  font-size: 1.6rem;
  color: #fff !important;
  border-radius: 0.6rem;
  font-weight: 400;
  line-height: normal !important;
}
.button:hover {
  background: var(--e-global-color-8a2adcc);
  color: #fff !important;
}
.button.button--clr-outline {
  border: 0.1rem solid var(--e-global-color-accent);
  background: transparent;
  color: var(--e-global-color-accent) !important;
}
.button.button--clr-outline:hover {
  background: var(--e-global-color-accent);
  color: #fff !important;
}

.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;
}

/*
    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.
*/
.property-grid {
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  gap: 2.4rem;
  border-bottom: 2px #000 solid;
}
.property-grid.property-grid-map {
  width: 300px;
}
.property-grid.property-grid-map .property-grid__image {
  aspect-ratio: 16/9;
}
.property-grid .property-grid__image {
  aspect-ratio: 4/3;
  border-radius: 0.6rem;
}
.property-grid .property-grid__image .property-grid__image-content {
  padding: 0.8rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}
.property-grid .property-grid__image .property-grid__image-content .property-grid__shortlist {
  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;
  width: 4.8rem;
  height: 4.8rem;
  border: none;
  background: #fff;
  padding: 0 !important;
}
.property-grid .property-grid__image .property-grid__image-content .property-grid__shortlist svg {
  stroke: var(--e-global-color-accent);
  fill: none;
  width: 1.8rem;
}
.property-grid .property-grid__image .property-grid__image-content .property-grid__shortlist.tpj_remove_from_shortlist {
  background: var(--e-global-color-accent);
}
.property-grid .property-grid__image .property-grid__image-content .property-grid__shortlist.tpj_remove_from_shortlist svg {
  stroke: transparent;
  fill: #fff;
  width: 1.8rem;
}
.property-grid .property-grid__meta {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  gap: 1.6rem;
  margin-bottom: 2.4rem;
}
.property-grid .property-grid__meta .property-grid__address {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  gap: 0.8rem;
}
.property-grid .property-grid__meta .property-grid__address h4 {
  font-family: var(--e-global-typography-primary-font-family);
  font-size: 1.8rem;
  color: var(--e-global-color-text);
  line-height: 1em;
  margin: 0;
  font-weight: 600;
}
.property-grid .property-grid__meta .property-grid__address h5 {
  font-family: var(--e-global-typography-primary-font-family);
  font-size: 1.6rem;
  font-weight: 400;
  color: var(--e-global-color-text);
  line-height: 1em;
  margin: 0;
}
.property-grid .property-grid__meta .property__rooms {
  list-style: none;
  padding: 0;
  margin: 0;
  font-size: 1.6rem;
  font-family: var(--e-global-typography-primary-font-family);
  font-weight: 500;
  color: var(--e-global-color-text);
  line-height: 1em;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: baseline;
      -ms-flex-align: baseline;
          align-items: baseline;
}
.property-grid .property-grid__meta .property__rooms li {
  display: inline;
  margin-right: 2.4rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: baseline;
      -ms-flex-align: baseline;
          align-items: baseline;
  gap: 0.8rem;
}
.property-grid .property-grid__meta .property__rooms li svg {
  fill: var(--e-global-color-text);
  height: 1.5rem;
}
.property-grid .property-grid__meta .property__rooms li svg.icon__bath {
  height: 1.6rem;
}

/*
    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 a.property__image {
  display: block;
  width: 100%;
  aspect-ratio: 4/3;
  position: relative;
}
.property-list .property-list__shortlist {
  position: absolute;
  z-index: 1000;
  top: 2.4rem;
  right: 2.4rem;
  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;
  width: 4.8rem;
  height: 4.8rem;
  border: solid 0.1rem var(--e-global-color-accent);
  background: #fff;
  padding: 0 !important;
}
@media (min-width: 992px) {
  .property-list .property-list__shortlist {
    top: 4rem;
    right: 4rem;
  }
}
.property-list .property-list__shortlist svg {
  stroke: var(--e-global-color-accent);
  fill: none;
  width: 1.8rem;
}
.property-list .property-list__shortlist.tpj_remove_from_shortlist {
  background: var(--e-global-color-accent);
}
.property-list .property-list__shortlist.tpj_remove_from_shortlist svg {
  stroke: transparent;
  fill: #fff;
  width: 1.8rem;
}
.property-list .property-list__meta {
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  gap: 2.4rem;
  padding: 2.4rem 2.4rem 2.4rem 2.4rem;
  background: #fff;
  height: 100%;
}
@media (min-width: 992px) {
  .property-list .property-list__meta {
    padding: 1.6rem 4rem 4rem 4rem;
  }
}
.property-list .property-list__meta .property-list__address {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  gap: 0.4rem;
}
.property-list .property-list__meta .property-list__address h4 {
  font-size: 3.2rem !important;
  margin: 0;
}
.property-list .property-list__meta .property-list__address h4 span {
  font-size: 1.8rem !important;
}
.property-list .property-list__meta .property-list__address h5 {
  font-size: 1.6rem !important;
  font-weight: 400;
  font-family: var(--e-global-typography-primary-font-family) !important;
  margin: 0;
}
@media (min-width: 992px) {
  .property-list .property-list__meta .property-list__address h4 {
    font-size: 3.6rem !important;
    margin: 0;
    max-width: auto;
  }
  .property-list .property-list__meta .property-list__address h4 span {
    font-size: 2.4rem !important;
  }
}
.property-list .property-list__meta .property-list__details {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  gap: 2.4rem;
}
.property-list .property-list__meta .property-list__details p {
  font-size: 1.6rem !important;
}
.property-list .property-list__meta .property-list__details .property__rooms {
  list-style: none;
  padding: 0;
  margin: 0;
  font-size: 1.6rem;
  font-family: var(--e-global-typography-primary-font-family);
  font-weight: 700;
  color: var(--e-global-color-text);
  line-height: 1em;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: baseline;
      -ms-flex-align: baseline;
          align-items: baseline;
}
.property-list .property-list__meta .property-list__details .property__rooms li {
  display: inline;
  margin-right: 2.4rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: baseline;
      -ms-flex-align: baseline;
          align-items: baseline;
  gap: 0.8rem;
}
.property-list .property-list__meta .property-list__details .property__rooms li svg {
  fill: var(--e-global-color-accent);
  height: 1.5rem;
}
.property-list .property-list__meta .property-list__details .property__rooms li svg.icon__bath {
  height: 1.6rem;
}

/*
    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"]
*/
/*
    ATTENTION
    =========
    /blade-views/partials/search-core-example.blade.php

    Please make sure you have set your search pages
    within your website and created your Global
    Dynamic Options.

    You'll need to add your main search page to
    the forms action="" attribute.

    E.g. {{ $global_options['dynamic_options']['search_list']['permalink'] }}

    If in doubt, please refer to:
    https://tpjwiki.wpengine.com/wordpress/tpj-plugin-global-options-explained/
*/
.core-search-container {
  padding: 2.4rem 1.6rem 2.4rem 1.6rem;
  -webkit-transition: all 0.2s;
  transition: all 0.2s;
  width: 100%;
  z-index: 500;
  background: var(--e-global-color-e0b0ae8);
}
@media (min-width: 768px) {
  .core-search-container {
    padding: 2.4rem 0 2.4rem 0;
  }
}

.core-search, .core-search--mobile {
  position: relative;
  gap: 1rem;
}
@media (min-width: 768px) {
  .core-search, .core-search--mobile {
    gap: 1.6rem;
  }
}
.core-search input,
.core-search select, .core-search--mobile input,
.core-search--mobile select {
  margin: 0 !important;
  border: none !important;
  padding: 0rem 1.6rem 0rem 1.6rem !important;
  width: 100% !important;
  background-position: center right 0rem;
  font-size: 1.6rem !important;
  border-radius: 0rem;
  color: var(--e-global-color-text);
  background: #fff;
  height: 4.8rem;
}
.core-search input.instruction-type,
.core-search select.instruction-type, .core-search--mobile input.instruction-type,
.core-search--mobile select.instruction-type {
  width: auto;
}
.core-search input:focus,
.core-search select:focus, .core-search--mobile input:focus,
.core-search--mobile select:focus {
  border: none !important;
  outline: none;
}
.core-search select, .core-search--mobile select {
  background: url(/wp-content/uploads/2024/09/dropdown-arrow.svg) no-repeat #fff;
  background-position: center right 1.6rem;
  background-size: 1rem;
  padding: 0rem 1.6rem 0rem 1.6rem !important;
}
.core-search select.instruction-type, .core-search--mobile select.instruction-type {
  background-position: center right;
}
.core-search select option, .core-search--mobile select option {
  padding: 1rem !important;
  color: var(--e-global-color-text);
}
@media (min-width: 1024px) {
  .core-search .instruction-type, .core-search--mobile .instruction-type {
    max-width: 8rem;
  }
}
.core-search .address-bar, .core-search--mobile .address-bar {
  padding: 0rem 1.6rem 0rem 1.6rem !important;
  border-radius: 0.4rem;
  background: #fff;
  min-width: 100%;
}
.core-search .address-bar input, .core-search--mobile .address-bar input {
  width: 100%;
  border: none !important;
  padding: 0rem !important;
  color: var(--e-global-color-text) !important;
}
@media (min-width: 768px) {
  .core-search .address-bar, .core-search--mobile .address-bar {
    min-width: 50%;
  }
}
@media (min-width: 992px) {
  .core-search .address-bar, .core-search--mobile .address-bar {
    min-width: 33%;
  }
}
@media (max-width: 1200px) {
  .core-search .prices--desktop, .core-search--mobile .prices--desktop {
    display: none !important;
  }
}
@media (max-width: 1024px) {
  .core-search .max-prices--desktop, .core-search--mobile .max-prices--desktop {
    display: none !important;
  }
}
.core-search button, .core-search--mobile button {
  margin: 0;
  border: 0 !important;
  height: 4.8rem;
  font-size: 1.4rem;
  line-height: 1em;
}
.core-search button.core-search__btn-mobile, .core-search--mobile button.core-search__btn-mobile {
  width: 100%;
}
.core-search button svg, .core-search--mobile button svg {
  fill: #fff;
  width: 1.6rem;
  margin-right: 0.4rem;
  margin-top: -0.3rem;
}
.core-search button:hover, .core-search--mobile button:hover {
  background: var(--e-global-color-8a2adcc);
}
.core-search .selection-line, .core-search--mobile .selection-line {
  border-right: 0.1rem solid var(--e-global-color-edd8cdf);
}
.core-search .selection-line--both, .core-search--mobile .selection-line--both {
  border-right: 0.1rem solid var(--e-global-color-edd8cdf);
  border-left: 0.1rem solid var(--e-global-color-edd8cdf);
}
.core-search span.icon__map, .core-search--mobile span.icon__map {
  margin: 0 0.8rem 0 0rem;
}
.core-search span.icon__map svg, .core-search--mobile span.icon__map svg {
  fill: none;
  stroke: #ccc;
  width: 1.6rem;
  margin-top: -2px;
}
.core-search .link__filter, .core-search--mobile .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 0 2.4rem;
  text-align: center;
  color: var(--e-global-color-text);
  font-size: 1.6rem;
  margin: 0;
  border: 0.1rem solid var(--e-global-color-accent) !important;
  height: 4.8rem;
  font-size: 1.4rem;
  line-height: 1em;
  width: 100%;
  border-radius: 6px;
}
.core-search .link__filter svg, .core-search--mobile .link__filter svg {
  fill: var(--e-global-color-accent);
  width: 1.6rem;
}
.core-search .link__filter:hover, .core-search--mobile .link__filter:hover {
  color: #fff;
  background: var(--e-global-color-8a2adcc);
  border: solid 1px var(--e-global-color-8a2adcc) !important;
}
.core-search .link__filter:hover svg, .core-search--mobile .link__filter:hover svg {
  fill: #fff;
}

.core-search--mobile select {
  margin-bottom: 1rem !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/search-core-example.blade.php

    Please make sure you have set your search pages
    within your website and created your Global
    Dynamic Options.

    You'll need to add your main search page to
    the forms action="" attribute.

    E.g. {{ $global_options['dynamic_options']['search_list']['permalink'] }}

    If in doubt, please refer to:
    https://tpjwiki.wpengine.com/wordpress/tpj-plugin-global-options-explained/
*/
.search-bar {
  background: #fff;
  gap: 16px;
  -ms-flex-preferred-size: auto;
      flex-basis: auto;
  padding: 2.4rem;
  border-radius: 16px;
}
.search-bar input, .search-bar input:focus {
  border: none !important;
  margin: 0 !important;
  border-radius: 80px;
  min-height: 4.8rem;
}
.search-bar svg {
  stroke: var(--e-global-color-c57da9f);
  width: 2rem;
}
.search-bar .search-bar__actions {
  gap: 0.8rem;
}
.search-bar .search-bar__actions a {
  padding: 0 3.2rem 0 3.2rem;
  min-height: 4.8rem;
  background: var(--e-global-color-accent);
  border: none;
  font-size: 1.6rem;
  font-family: var(--e-global-typography-primary-font-family);
  color: #fff;
  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;
  border-radius: 80px;
}
.search-bar .search-bar__actions a:hover {
  background: var(--e-global-color-8a2adcc);
}
@media (min-width: 430px) {
  .search-bar {
    gap: 24px;
    padding: 0.8rem 0.8rem 0.8rem 2.4rem;
    border-radius: 80px;
  }
}

/*
    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"]
*/
/*
    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.
*/
.map-info-window {
  width: 250px;
  text-align: center;
}
.map-info-window .map-info-window__image {
  border: 1px solid #dee2e6;
  margin-bottom: 10px;
}
.map-info-window .map-info-window__address {
  font-size: 1.2rem;
  font-weight: bold;
  margin-bottom: 10px;
}
.map-info-window .map-info-window__price {
  font-size: 1.1rem;
  font-weight: bold;
  margin-bottom: 10px;
}
.map-info-window .map-info-window__rooms {
  list-style: none;
  padding: 0;
}
.map-info-window .map-info-window__rooms li {
  display: inline-block;
}

/*
    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"]
*/
/*
    ATTENTION
    =========
    /blade-views/partials/search-results-corner-flash.blade.php

    A universal include file used across multiple
    templates.
*/
.property__corner-flash {
  padding: 1.2rem 1.6rem 1.2rem 1.6rem;
  background: #fff;
  border: none;
  font-size: 1.6rem;
  font-family: var(--e-global-typography-primary-font-family);
  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;
  border-radius: 6px;
  line-height: normal !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/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.
*/
/*
    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-list-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.
*/
.list-search {
  padding: 4rem 1.6rem 9.6rem 1.6rem;
}
@media (min-width: 768px) {
  .list-search {
    padding: 4rem 0 9.6rem 0;
  }
}
.list-search .list-search__sort {
  padding-bottom: 3.2rem;
  position: relative;
}
.list-search h1 {
  font-size: 2.8rem !important;
  text-align: center;
}
@media (min-width: 768px) {
  .list-search h1 {
    text-align: left;
  }
}
.list-search h2 {
  font-size: 1.4rem !important;
  -webkit-box-flex: 0;
      -ms-flex-positive: 0;
          flex-grow: 0;
  font-family: var(--e-global-typography-primary-font-family);
}
@media (min-width: 768px) {
  .list-search h2 {
    font-size: 1.6rem !important;
    -webkit-box-flex: 1;
        -ms-flex-positive: 1;
            flex-grow: 1;
  }
}
.list-search .sort-by {
  border-left: none;
  font-size: 1rem !important;
  padding-left: 0rem !important;
  margin-left: 0rem !important;
}
.list-search .sort-by label {
  font-size: 1.3rem !important;
}
.list-search .sort-by span select {
  padding: 0rem 1.6rem 0 0.5rem !important;
  border: none !important;
  cursor: pointer;
  font-size: 1.6rem !important;
}
.list-search .sort-by svg {
  fill: var(--e-global-color-accent);
  width: 1.5rem;
  -webkit-transition: 0.4s;
  transition: 0.4s;
  -webkit-transform: translateY(0.2rem);
          transform: translateY(0.2rem);
}
@media (min-width: 768px) {
  .list-search .sort-by {
    margin-left: 2rem !important;
  }
  .list-search .sort-by label {
    font-size: 1.6rem !important;
  }
}
.list-search .link__map {
  font-size: 1.6rem !important;
  color: var(--e-global-color-secondary);
  line-height: 1em;
}
.list-search .link__map span {
  -webkit-transition: 0.4s;
  transition: 0.4s;
}
.list-search .link__map:hover {
  color: var(--e-global-color-secondary);
}
.list-search .link__map:hover svg, .list-search .link__map:hover span {
  opacity: 0.5;
}
.list-search .link__map svg {
  stroke: var(--e-global-color-accent);
  width: 1.6rem;
  margin-top: -0.4rem;
  margin-right: 0rem;
  -webkit-transition: 0.4s;
  transition: 0.4s;
}
@media (min-width: 768px) {
  .list-search .link__map {
    border-right: 0.1rem solid #e3e3e3;
    padding: 0 2rem 0 0rem;
  }
}
.list-search .link__list {
  font-size: 1.6rem !important;
  color: var(--e-global-color-secondary);
  line-height: 1em;
}
.list-search .link__list span {
  -webkit-transition: 0.4s;
  transition: 0.4s;
}
.list-search .link__list:hover {
  color: var(--e-global-color-secondary);
}
.list-search .link__list:hover svg, .list-search .link__list:hover span {
  opacity: 0.5;
}
.list-search .link__list svg {
  stroke: var(--e-global-color-accent);
  width: 1.6rem;
  margin-top: -0.4rem;
  margin-right: 0.4rem;
  -webkit-transition: 0.4s;
  transition: 0.4s;
}
.list-search .link__shortlist {
  font-size: 1.6rem !important;
  position: relative;
  right: auto;
  top: auto;
  padding-right: 0rem;
  color: var(--e-global-color-text);
  line-height: 1em;
}
.list-search .link__shortlist span {
  -webkit-transition: 0.4s;
  transition: 0.4s;
}
.list-search .link__shortlist:hover {
  color: var(--e-global-color-text);
}
.list-search .link__shortlist:hover svg, .list-search .link__shortlist:hover span {
  opacity: 0.5;
}
.list-search .link__shortlist svg {
  fill: none;
  stroke: var(--e-global-color-accent);
  stroke-width: 1px;
  width: 1.4rem;
  margin-top: -0.4rem;
  -webkit-transition: 0.4s;
  transition: 0.4s;
}
@media (min-width: 768px) {
  .list-search .link__shortlist {
    padding-right: 2rem;
  }
}
.list-search .link__back-to-search {
  font-size: 1.6rem !important;
  color: var(--e-global-color-secondary);
  line-height: 1em;
  cursor: pointer;
}
.list-search .link__back-to-search span {
  -webkit-transition: 0.4s;
  transition: 0.4s;
}
.list-search .link__back-to-search:hover {
  color: var(--e-global-color-secondary);
}
.list-search .link__back-to-search:hover svg, .list-search .link__back-to-search:hover span {
  opacity: 0.5;
}
.list-search .link__back-to-search svg {
  fill: var(--e-global-color-accent);
  width: 1.4rem;
  margin-top: -0.4rem;
  margin-right: 0.4rem;
  -webkit-transition: 0.4s;
  transition: 0.4s;
}

/*
    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.
*/
.map_properties_no {
  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/partials/pagination.blade.php

    Default pagination partial for your property
    search results.
*/
.pagination {
  margin: 0 !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.$brand--accent ;
  --bs-pagination-active-bg: c.$brand--accent !important;
  --bs-pagination-active-border-color: c.$brand--accent !important;
  --bs-pagination-color: c.$brand--text !important;
  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);
}
.pagination .page-item.active .page-link {
  background: var(--e-global-color-accent);
  color: #fff;
  border: 1px solid var(--e-global-color-accent);
}

/*
    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-details {
  margin-top: 8.2rem;
  background: #fff;
}
.property-details .property-details-head {
  background: var(--e-global-color-e0b0ae8);
  padding: 4rem 0 4rem 0;
}
@media (min-width: 768px) {
  .property-details {
    margin-top: 12.1rem;
  }
}
@media (min-width: 1201px) {
  .property-details {
    margin-top: 16.9rem;
  }
}
@media (min-width: 1367px) {
  .property-details {
    margin-top: 18.7rem;
  }
}
.property-details .add-this {
  gap: 10px;
}
.property-details .add-this h5 {
  font-size: 1.6rem;
  font-weight: 700;
  font-family: var(--e-global-typography-primary-font-family);
}
.property-details .add-this .st-btn {
  border-radius: 0 !important;
  background: #fff !important;
  color: #000 !important;
  height: 30px !important;
  line-height: 30px !important;
}
.property-details .add-this .st-btn img {
  width: 18px !important;
  top: 0 !important;
  vertical-align: middle !important;
}
.property-details .property-details__back {
  padding: 1.6rem 0 1.6rem 0;
}
.property-details .property-details__back a {
  color: var(--e-global-color-text);
  font-size: 1.4rem;
  position: relative;
  padding-left: 2rem;
  -webkit-transition: 0.4s;
  transition: 0.4s;
}
.property-details .property-details__back a::before {
  content: "";
  background: url(/wp-content/uploads/2024/09/dropdown-arrow.svg) center center no-repeat;
  background-size: 1.3rem;
  width: 1.3rem;
  height: 1.3rem;
  position: absolute;
  top: 3px;
  left: -2px;
  -webkit-transform: rotate(90deg);
          transform: rotate(90deg);
  -webkit-transition: 0.4s;
  transition: 0.4s;
}
.property-details .property-details__back a:hover {
  color: var(--e-global-color-accent);
}
.property-details .property-details__back a:hover::before {
  -webkit-transform: rotate(90deg) translateY(-5px);
          transform: rotate(90deg) translateY(-5px);
}
.property-details .property-details__header {
  padding: 4rem 0 4rem 0;
}
.property-details .property-details__header h1 {
  font-family: var(--e-global-typography-primary-font-family);
  font-size: 3.2rem;
  margin-bottom: 1.6rem;
}
.property-details .property-details__header h1 span {
  font-size: 2rem;
}
@media (min-width: 768px) {
  .property-details .property-details__header h1 {
    font-size: 4.8rem;
  }
  .property-details .property-details__header h1 span {
    font-size: 2.4rem;
  }
}
.property-details .property-details__header p {
  font-size: 1.6rem;
  margin-bottom: 0;
}
.property-details .property-details__header .property__rooms {
  list-style: none;
  padding: 0 0 0 1.6rem;
  margin: 0 0 0 1.6rem;
  font-size: 1.6rem;
  font-family: var(--e-global-typography-primary-font-family);
  font-weight: 700;
  color: var(--e-global-color-text);
  line-height: 1em;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: baseline;
      -ms-flex-align: baseline;
          align-items: baseline;
  border-left: 0.1rem solid var(--e-global-color-edd8cdf);
}
.property-details .property-details__header .property__rooms li {
  display: inline;
  margin-right: 2.4rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: baseline;
      -ms-flex-align: baseline;
          align-items: baseline;
  gap: 0.8rem;
}
.property-details .property-details__header .property__rooms li svg {
  fill: var(--e-global-color-accent);
  height: 1.5rem;
}
.property-details .property-details__header .property__rooms li svg.icon__bath {
  height: 1.6rem;
}
.property-details .swiper.property-images {
  width: 100%;
  aspect-ratio: 4/3;
}
.property-details .swiper.property-images .swiper-slide {
  text-align: center;
  background: #fff;
  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;
}
.property-details .swiper.property-images .swiper-button-next, .property-details .swiper.property-images .swiper-button-prev {
  display: none;
  right: auto;
  top: calc(50% - 2rem);
  left: 2.4rem;
  background: #fff;
  width: 4rem;
  height: 4rem;
  border-radius: 0rem;
  justify-items: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-transition: 0.4s;
  transition: 0.4s;
}
.property-details .swiper.property-images .swiper-button-next::after, .property-details .swiper.property-images .swiper-button-prev::after {
  display: none;
}
.property-details .swiper.property-images .swiper-button-next svg, .property-details .swiper.property-images .swiper-button-prev svg {
  stroke: var(--e-global-color-text);
  width: 2rem;
  -webkit-transform: rotate(90deg);
          transform: rotate(90deg);
}
.property-details .swiper.property-images .swiper-button-next:hover, .property-details .swiper.property-images .swiper-button-prev:hover {
  opacity: 0.5;
}
.property-details .swiper.property-images .swiper-button-next {
  right: 2.4rem;
  left: auto;
}
.property-details .swiper.property-images .swiper-button-next svg {
  -webkit-transform: rotate(-90deg);
          transform: rotate(-90deg);
}
@media (min-width: 768px) {
  .property-details .swiper.property-images {
    aspect-ratio: 16/9;
  }
  .property-details .swiper.property-images .swiper-button-next, .property-details .swiper.property-images .swiper-button-prev {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
  }
}
.property-details .property-details__meta {
  padding: 4rem 0 4rem 0;
  min-height: 100%;
}
@media (min-width: 1200px) {
  .property-details .property-details__meta {
    padding: 4rem;
  }
}
.property-details .property-details__meta .property-details__meta-copy {
  gap: 0.4rem;
}
.property-details .property-details__meta .property-details__meta-copy h1 {
  font-size: 3.2rem;
  margin: 0;
  line-height: 1em !important;
}
.property-details .property-details__meta .property-details__meta-copy h1 span {
  font-size: 0.7em;
}
@media (min-width: 768px) {
  .property-details .property-details__meta .property-details__meta-copy h1 {
    font-size: 3.8rem;
  }
}
.property-details .property-details__meta .property-details__meta-copy h2 {
  font-size: 1.4rem;
  font-weight: 400 !important;
  margin-bottom: 0rem;
  font-family: var(--e-global-typography-primary-font-family) !important;
}
.property-details .property-details__meta .property-details__meta-copy h3 {
  font-size: 1.8rem;
  font-weight: 400 !important;
  margin-bottom: 1.6rem;
  font-family: var(--e-global-typography-primary-font-family) !important;
}
.property-details .property-details__meta .property-details__meta-copy .property__rooms {
  list-style: none;
  padding: 0;
  margin: 0;
  font-size: 1.6rem;
  font-family: var(--e-global-typography-primary-font-family);
  font-weight: 700;
  color: var(--e-global-color-text);
  line-height: 1em;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: baseline;
      -ms-flex-align: baseline;
          align-items: baseline;
  gap: 1.6rem;
}
.property-details .property-details__meta .property-details__meta-copy .property__rooms li {
  display: inline;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: baseline;
      -ms-flex-align: baseline;
          align-items: baseline;
  gap: 0.8rem;
}
.property-details .property-details__meta .property-details__meta-copy .property__rooms li svg {
  stroke: var(--e-global-color-text);
  height: 1.3rem;
}
.property-details .property-details__meta .property-details__meta-copy .property__rooms li svg.icon__bath {
  height: 1.7rem;
}
.property-details .property-details__meta .property-details__meta-actions {
  gap: 1.2rem;
  width: 100%;
}
.property-details .property-details__meta .property-details__meta-actions .property-details__meta-btn {
  gap: 1.2rem;
}
.property-details .property-details__meta .property-details__meta-actions p {
  font-size: 1.6rem;
}
.property-details .property-details__meta .property-details__meta-actions p a {
  text-decoration: underline !important;
}
@media (min-width: 992px) {
  .property-details .property-details__meta .property-details__meta-actions {
    width: 50%;
  }
}
@media (min-width: 1200px) {
  .property-details .property-details__meta .property-details__meta-actions {
    width: 100%;
  }
}
.property-details .property-details__details .nav.nav-pills {
  gap: 1.4rem;
  margin-bottom: 24px;
}
@media (min-width: 1200px) {
  .property-details .property-details__details .nav.nav-pills {
    gap: 0rem;
    margin-bottom: 48px;
  }
}
.property-details .property-details__details .nav.nav-pills button {
  background: var(--e-global-color-text);
  border-radius: 0;
  font-size: 1.4rem;
  color: #fff !important;
  border: none;
  border: solid 0.1rem var(--e-global-color-text);
  padding: 2.4rem;
  text-align: center;
}
.property-details .property-details__details .nav.nav-pills button span {
  display: block;
  text-align: center;
}
.property-details .property-details__details .nav.nav-pills button svg {
  height: 2rem;
  stroke: #ccc;
  margin-top: -0.2rem;
  -webkit-transition: 0.4s;
  transition: 0.4s;
  display: none;
}
.property-details .property-details__details .nav.nav-pills button svg.icon--chevron {
  -webkit-transform: rotate(-90deg);
          transform: rotate(-90deg);
}
.property-details .property-details__details .nav.nav-pills button.active {
  color: var(--e-global-color-text) !important;
  border: solid 0.1rem var(--e-global-color-text);
  background: transparent;
}
.property-details .property-details__details .nav.nav-pills button.active:hover {
  background: transparent;
}
.property-details .property-details__details .nav.nav-pills button:hover {
  background: var(--e-global-color-text);
}
@media (min-width: 1200px) {
  .property-details .property-details__details .nav.nav-pills button {
    background: transparent;
    text-align: left;
    padding: 2.4rem;
    border: none;
    border-bottom: var(--e-global-color-edd8cdf) solid 1px;
    font-size: 1.6rem;
    color: #ccc !important;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
  }
  .property-details .property-details__details .nav.nav-pills button span {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    gap: 0.8rem;
  }
  .property-details .property-details__details .nav.nav-pills button svg {
    display: block;
  }
  .property-details .property-details__details .nav.nav-pills button.active {
    background: transparent;
    text-align: left;
    border: none;
    border-bottom: var(--e-global-color-edd8cdf) solid 1px;
    color: var(--e-global-color-text);
  }
  .property-details .property-details__details .nav.nav-pills button.active svg {
    stroke: var(--e-global-color-text);
  }
  .property-details .property-details__details .nav.nav-pills button:hover {
    color: var(--e-global-color-text) !important;
    background: transparent;
  }
  .property-details .property-details__details .nav.nav-pills button:hover svg {
    stroke: var(--e-global-color-text);
  }
}
.property-details .property-details__details .nav.nav-pills li:last-child button {
  border: none !important;
}
.property-details .property-details__details .property-details__description {
  gap: 3.2rem;
}
.property-details .property-details__details .property-details__description hr {
  border-top: 0.1rem solid var(--e-global-color-c57da9f) !important;
  opacity: 1;
  padding: 0;
}
.property-details .property-details__details h4, .property-details .property-details__details h3 {
  font-size: 1.8rem;
  margin-bottom: 2.4rem;
}
@media (min-width: 768px) {
  .property-details .property-details__details h4, .property-details .property-details__details h3 {
    font-size: 2.4rem;
    margin-bottom: 3.2rem;
  }
}
.property-details .property-details__details p {
  font-size: 1.6rem !important;
}
@media (min-width: 992px) {
  .property-details .property-details__details {
    padding-bottom: 9.6rem;
  }
}
.property-details .property-details__details ul.property-details__features {
  list-style: none;
  margin: 0;
  padding: 0;
  -webkit-columns: 1;
     -moz-columns: 1;
          columns: 1;
}
.property-details .property-details__details ul.property-details__features li {
  font-size: 1.6rem !important;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
  gap: 1.2rem;
  margin-bottom: 0.8rem;
}
.property-details .property-details__details ul.property-details__features li span {
  background: var(--e-global-color-text);
  border-radius: 8rem;
  -webkit-transform: translateY(3px);
          transform: translateY(3px);
  min-width: 1.8rem;
  height: 1.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;
}
.property-details .property-details__details ul.property-details__features li span svg {
  width: 1rem;
  stroke: #fff;
}
@media (min-width: 992px) {
  .property-details .property-details__details ul.property-details__features {
    -webkit-columns: 2;
       -moz-columns: 2;
            columns: 2;
    -webkit-column-gap: 2.4rem;
       -moz-column-gap: 2.4rem;
            column-gap: 2.4rem;
  }
}
.property-details .property-details__details hr {
  margin: 0;
}
.property-details .property-details__details ul.property__material-info {
  list-style: none;
  margin: 0 0 4.8rem 0;
  padding: 0;
}
.property-details .property-details__details ul.property__material-info li {
  padding: 0rem 0 0.8rem 0;
  margin: 0rem 0 0.8rem 0;
  font-size: 1.6rem;
  border-bottom: 1px solid var(--e-global-color-48b2b8c);
  font-weight: 500;
}
.property-details .property-details__details ul.property__material-info li:last-child {
  border-bottom: none;
}
.property-details .property-details__image-grid {
  padding-bottom: 4rem;
}
@media (min-width: 768px) {
  .property-details .property-details__image-grid {
    padding-bottom: 8rem;
  }
}
.property-details .property-details__map .property-map {
  width: 100%;
  height: 40rem;
}
@media (min-width: 768px) {
  .property-details .property-details__map .property-map {
    height: 50rem;
  }
}
@media (min-width: 992px) {
  .property-details .property-details__map .property-map {
    height: 60rem;
  }
}