@charset "UTF-8";
/*
    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
*/
.color-primary {
  background-color: var(--e-global-color-primary);
}

.color-secondary {
  background-color: var(--e-global-color-secondary);
}

#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"]
*/
/*
    ATTENTION
    =========
    /blade-views/components/mortgage-calculator.blade.php

    You can include this in your /blade-views/single-property.blade.php
    file using the @include method below:

    @include('components/mortgage-calculator', [
        'loan_amount' => 200000, 
        'length_of_loan_in_years' => 25, 
        'interest_rate' => 2.9, 
        'autocalculate_if_preffield' => true, 
        'use_inline_currency_format_on_load' => false, // override default
        'use_inline_currency_format' => false, // override default
        'use_currency_symbol' => '£', // override default
    ])
*/
.mortgage_calculator_success {
  background-color: rgba(25, 135, 84, 0.3);
  padding: 20px;
}
#mortgage_calculator_error {
  background-color: rgba(220, 53, 69, 0.3);
  padding: 20px;
}

/*
    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.
*/
html {
  font-size: 62.5%;
}

body {
  font-family: "Nunito Sans", Sans-serif;
  font-weight: 400;
  color: var(--e-global-color-text);
}

p > a {
  color: var(--e-global-color-primary);
}
p > a:hover {
  text-decoration: underline !important;
}

h1, h2, h3, h4, h5, h6 {
  font-family: "Red Hat Display", sans-serif;
  color: var(--e-global-color-primary);
  margin-top: 0.8rem;
  margin-bottom: 2.4rem;
  font-weight: 500;
  line-height: 1.15;
}

h1 {
  font-size: 4.7rem;
}

.branch-content-template-page-privacy-policy h2 {
  font-size: 2.3rem;
}

.ff-heading {
  font-family: "Red Hat Display", sans-serif;
  font-weight: 500;
}

.text-accent {
  color: var(--e-global-color-accent);
}

.text-primary {
  color: var(--e-global-color-primary);
}

.color-text {
  color: var(--e-global-color-text);
}

.lead-paragraph p:first-of-type {
  font-size: 2.8rem;
  font-weight: 500;
  color: var(--e-global-color-primary);
  lin-height: 1;
}
@media screen and (min-width: 768px) {
  .lead-paragraph p:first-of-type {
    font-size: 4rem;
  }
}

.elementor-widget-text-editor p,
.elementor-widget-theme-post-content p {
  margin-bottom: 2.4rem;
}

.elementor-widget-text-editor p:last-of-type,
.elementor-widget-theme-post-content p:last-of-type {
  margin-bottom: 0;
}

.elementor-widget-text-editor ul,
.elementor-widget-theme-post-content ul,
.single-post-content ul,
.elementor-widget-text-editor ol,
.elementor-widget-theme-post-content ol {
  margin-top: 2.4rem;
  margin-bottom: 2.4rem;
}

.btn {
  font-size: 1.4rem;
  font-style: normal;
  font-weight: 700;
  line-height: 150%;
  padding: 0.9rem 4.2rem;
  border-radius: 0;
}
.btn:hover {
  background-color: var(--e-global-color-primary);
  color: #ffffff !important;
}

.btn.btn-primary {
  background-color: var(--e-global-color-primary);
  border-color: var(--e-global-color-primary);
  color: white !important;
  text-decoration: none !important;
}
.btn.btn-primary:hover {
  background-color: white;
  border-color: white;
  color: var(--e-global-color-text) !important;
}
.btn.btn-primary:focus, .btn.btn-primary:active {
  background-color: var(--e-global-color-primary);
  border-color: var(--e-global-color-primary);
  color: white !important;
}

.btn.btn-white {
  background-color: white;
  border-color: white;
  color: var(--e-global-color-text) !important;
  text-decoration: none !important;
}
.btn.btn-white:hover {
  background-color: var(--e-global-color-primary);
  border-color: var(--e-global-color-primary);
  color: white !important;
}

.btn.btn-ghost--dark,
.btn.btn-ghost {
  background-color: transparent;
  border-color: var(--e-global-color-text);
  text-decoration: none !important;
}
.btn.btn-ghost--dark:hover,
.btn.btn-ghost:hover {
  background-color: var(--e-global-color-primary);
  border-color: var(--e-global-color-primary);
  color: white !important;
}

.btn.btn-ghost--dark {
  color: white !important;
}

.btn.btn-ghost {
  color: var(--e-global-color-text) !important;
}

.btn.btn-tab {
  position: absolute;
  top: 0;
  right: 0;
}
.btn.btn-tab.neg-top {
  top: -65px;
}

.link-text {
  color: var(--e-global-color-primary);
  text-decoration: underline !important;
}
.link-text:hover {
  text-decoration-color: var(--e-global-color-accent) !important;
}

.subtitle, .stamp-duty-heading {
  color: var(--e-global-color-text);
  font-family: "Red Hat Display", sans-serif;
  font-size: 2rem;
  font-style: normal;
  font-weight: 500;
  line-height: 150%;
  margin-bottom: 2rem;
}

.tpj_shortlist_info_link {
  font-size: 1.4rem;
  font-weight: 700;
  color: white;
  height: 3rem;
  display: inline-block;
}
.tpj_shortlist_info_link:hover {
  color: var(--e-global-color-accent);
}
.tpj_shortlist_info_link .tpj_shortlist_info_no:before {
  content: "(";
}
.tpj_shortlist_info_link .tpj_shortlist_info_no:after {
  content: ")";
}

.branch-trading-details {
  font-size: 1.4rem;
  font-weight: 400;
  color: var(--e-global-color-text);
}
.branch-trading-details a {
  color: var(--e-global-color-text);
  text-decoration: underline !important;
}

.breacrumbs-wrapper {
  padding-top: 1.6rem;
  padding-bottom: 1.6rem;
  border-bottom: 1px solid #e6e6e6;
}
.breacrumbs-wrapper p {
  font-size: 1.4rem;
  color: var(--e-global-color-text);
  margin-bottom: 0;
}
.breacrumbs-wrapper p a {
  color: var(--e-global-color-text);
}

a.subheading-link {
  font-size: 0.5em;
  color: var(--e-global-color-primary);
  text-decoration: underline !important;
}
a.subheading-link:hover {
  text-decoration: none !important;
  color: var(--e-global-color-primary);
}

/*
    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;
}

.gform_wrapper.gravity-theme .tpj-contact-form label.gfield_label,
.gform_wrapper.gravity-theme .tpj-contact-form legend.gfield_label,
.gform_wrapper.gravity-theme .tpj-contact-form .tpj_form_html_label label {
  color: var(--e-global-color-text);
  font-family: "Red Hat Display", sans-serif;
  font-size: 1.6rem;
  font-style: normal;
  font-weight: 400 !important;
  line-height: 150%;
}
.gform_wrapper.gravity-theme .tpj-contact-form p {
  color: var(--e-global-color-text);
  font-size: 1.4rem;
  font-style: normal;
  font-weight: 400;
  line-height: 140%; /* 19.6px */
}
.gform_wrapper.gravity-theme .tpj-contact-form p strong {
  font-weight: 600;
}

.tpj-contact-form input[type=datetime],
.tpj-contact-form input[type=email],
.tpj-contact-form input[type=month],
.tpj-contact-form input[type=number],
.tpj-contact-form input[type=password],
.tpj-contact-form input[type=search],
.tpj-contact-form input[type=tel],
.tpj-contact-form input[type=text],
.tpj-contact-form input[type=time],
.tpj-contact-form input[type=url],
.tpj-contact-form input[type=week],
.tpj-contact-form select,
.tpj-contact-form textarea {
  border-color: #DEDCD8;
  border-radius: 2px;
  padding: 0.9rem 1.6rem;
  min-height: 4.6rem;
}
.tpj-contact-form input[type=datetime]::-webkit-input-placeholder, .tpj-contact-form input[type=email]::-webkit-input-placeholder, .tpj-contact-form input[type=month]::-webkit-input-placeholder, .tpj-contact-form input[type=number]::-webkit-input-placeholder, .tpj-contact-form input[type=password]::-webkit-input-placeholder, .tpj-contact-form input[type=search]::-webkit-input-placeholder, .tpj-contact-form input[type=tel]::-webkit-input-placeholder, .tpj-contact-form input[type=text]::-webkit-input-placeholder, .tpj-contact-form input[type=time]::-webkit-input-placeholder, .tpj-contact-form input[type=url]::-webkit-input-placeholder, .tpj-contact-form input[type=week]::-webkit-input-placeholder, .tpj-contact-form select::-webkit-input-placeholder, .tpj-contact-form textarea::-webkit-input-placeholder {
  color: #808080;
  opacity: 1; /* Firefox */
}
.tpj-contact-form input[type=datetime]::-moz-placeholder, .tpj-contact-form input[type=email]::-moz-placeholder, .tpj-contact-form input[type=month]::-moz-placeholder, .tpj-contact-form input[type=number]::-moz-placeholder, .tpj-contact-form input[type=password]::-moz-placeholder, .tpj-contact-form input[type=search]::-moz-placeholder, .tpj-contact-form input[type=tel]::-moz-placeholder, .tpj-contact-form input[type=text]::-moz-placeholder, .tpj-contact-form input[type=time]::-moz-placeholder, .tpj-contact-form input[type=url]::-moz-placeholder, .tpj-contact-form input[type=week]::-moz-placeholder, .tpj-contact-form select::-moz-placeholder, .tpj-contact-form textarea::-moz-placeholder {
  color: #808080;
  opacity: 1; /* Firefox */
}
.tpj-contact-form input[type=datetime]:-ms-input-placeholder, .tpj-contact-form input[type=email]:-ms-input-placeholder, .tpj-contact-form input[type=month]:-ms-input-placeholder, .tpj-contact-form input[type=number]:-ms-input-placeholder, .tpj-contact-form input[type=password]:-ms-input-placeholder, .tpj-contact-form input[type=search]:-ms-input-placeholder, .tpj-contact-form input[type=tel]:-ms-input-placeholder, .tpj-contact-form input[type=text]:-ms-input-placeholder, .tpj-contact-form input[type=time]:-ms-input-placeholder, .tpj-contact-form input[type=url]:-ms-input-placeholder, .tpj-contact-form input[type=week]:-ms-input-placeholder, .tpj-contact-form select:-ms-input-placeholder, .tpj-contact-form textarea:-ms-input-placeholder {
  color: #808080;
  opacity: 1; /* Firefox */
}
.tpj-contact-form input[type=datetime]::-ms-input-placeholder, .tpj-contact-form input[type=email]::-ms-input-placeholder, .tpj-contact-form input[type=month]::-ms-input-placeholder, .tpj-contact-form input[type=number]::-ms-input-placeholder, .tpj-contact-form input[type=password]::-ms-input-placeholder, .tpj-contact-form input[type=search]::-ms-input-placeholder, .tpj-contact-form input[type=tel]::-ms-input-placeholder, .tpj-contact-form input[type=text]::-ms-input-placeholder, .tpj-contact-form input[type=time]::-ms-input-placeholder, .tpj-contact-form input[type=url]::-ms-input-placeholder, .tpj-contact-form input[type=week]::-ms-input-placeholder, .tpj-contact-form select::-ms-input-placeholder, .tpj-contact-form textarea::-ms-input-placeholder {
  color: #808080;
  opacity: 1; /* Firefox */
}
.tpj-contact-form input[type=datetime]::placeholder,
.tpj-contact-form input[type=email]::placeholder,
.tpj-contact-form input[type=month]::placeholder,
.tpj-contact-form input[type=number]::placeholder,
.tpj-contact-form input[type=password]::placeholder,
.tpj-contact-form input[type=search]::placeholder,
.tpj-contact-form input[type=tel]::placeholder,
.tpj-contact-form input[type=text]::placeholder,
.tpj-contact-form input[type=time]::placeholder,
.tpj-contact-form input[type=url]::placeholder,
.tpj-contact-form input[type=week]::placeholder,
.tpj-contact-form select::placeholder,
.tpj-contact-form textarea::placeholder {
  color: #808080;
  opacity: 1; /* Firefox */
}
.tpj-contact-form input[type=datetime]::-ms-input-placeholder,
.tpj-contact-form input[type=email]::-ms-input-placeholder,
.tpj-contact-form input[type=month]::-ms-input-placeholder,
.tpj-contact-form input[type=number]::-ms-input-placeholder,
.tpj-contact-form input[type=password]::-ms-input-placeholder,
.tpj-contact-form input[type=search]::-ms-input-placeholder,
.tpj-contact-form input[type=tel]::-ms-input-placeholder,
.tpj-contact-form input[type=text]::-ms-input-placeholder,
.tpj-contact-form input[type=time]::-ms-input-placeholder,
.tpj-contact-form input[type=url]::-ms-input-placeholder,
.tpj-contact-form input[type=week]::-ms-input-placeholder,
.tpj-contact-form select::-ms-input-placeholder,
.tpj-contact-form textarea::-ms-input-placeholder { /* Edge 12 -18 */
  color: #808080;
}

.tpj-contact-form input[type=text].gform-datepicker {
  padding: 0.9rem 0.5rem 0.9rem 1.6rem;
  width: 90%;
}

.tpj-contact-form .gfield--type-time select {
  padding: 0.9rem 1rem 0.9rem 0.5rem;
  font-size: 1.5rem;
}

.tpj-contact-form .gfield--type-time input[type=number] {
  padding: 0.9rem 0.5rem 0.9rem 1.6rem;
  font-size: 1.5rem;
}

.tpj-contact-form .gfield-choice-input + label {
  line-height: 140%;
}

.tpj-contact-form input[type=checkbox] {
  margin-right: 0.8rem;
}

.tpj-contact-form .gfield_checkbox .gchoice:first-of-type {
  margin-bottom: 0.8rem;
}

.tpj-contact-form input[type=submit] {
  background-color: var(--e-global-color-accent);
  color: #ffffff;
  padding: 1.6rem;
  width: 100%;
  display: block;
  border: none;
}
.tpj-contact-form input[type=submit]:hover {
  background-color: var(--e-global-color-primary);
  color: #ffffff !important;
  border: none;
}

.gform_wrapper.gravity-theme .gf_page_steps {
  display: none;
}

.tpj-contact-form .gf_page_steps {
  display: -webkit-box !important;
  display: -ms-flexbox !important;
  display: flex !important;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
}

.tpj-contact-form input[type=button].gform_previous_button,
.tpj-contact-form input[type=submit].gform_previous_button {
  background-color: #ffffff !important;
  color: #00454E !important;
  border: #00454E 1px solid !important;
}

.tpj-contact-form input[type=button].gform_previous_button:hover,
.tpj-contact-form input[type=submit].gform_previous_button:hover {
  color: #ffffff !important;
  background-color: #00454E !important;
}

.tpj-contact-form .gf_step_completed .gf_step_number:before {
  background: #00454E;
  border: 2px solid #00454E;
}

.tpj-contact-form .gf_step .gf_step_label {
  display: none;
}

.gform_wrapper.gravity-theme .tpj-contact-form .tpj_radio_switch {
  width: 100%;
}
.gform_wrapper.gravity-theme .tpj-contact-form .tpj_radio_switch .ginput_container .gfield_radio {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}
.gform_wrapper.gravity-theme .tpj-contact-form .tpj_radio_switch .ginput_container .gfield_radio .gchoice {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
}
.gform_wrapper.gravity-theme .tpj-contact-form .tpj_radio_switch .ginput_container .gfield_radio .gchoice:last-of-type {
  margin-left: 0.8rem;
}
.gform_wrapper.gravity-theme .tpj-contact-form .tpj_radio_switch label {
  width: 100%;
  max-width: none;
  border: 1px solid var(--e-global-color-primary);
  color: var(--e-global-color-primary);
  border-radius: 2px;
  background-color: white;
  padding: 1.3rem 4rem;
  text-align: center;
  cursor: pointer;
  font-weight: 700;
}
.gform_wrapper.gravity-theme .tpj-contact-form .tpj_radio_switch input {
  position: absolute;
  top: 0;
  z-index: 2;
  opacity: 0;
  cursor: pointer;
}
.gform_wrapper.gravity-theme .tpj-contact-form .tpj_radio_switch input:checked {
  z-index: 1;
}
.gform_wrapper.gravity-theme .tpj-contact-form .tpj_radio_switch input:checked + label {
  background-color: var(--e-global-color-accent);
  border-color: var(--e-global-color-accent);
  color: white;
  cursor: default;
}
.gform_wrapper.gravity-theme .tpj-contact-form .tpj_radio_switch input:not(:checked) + label:hover {
  background-color: var(--e-global-color-accent);
  border-color: var(--e-global-color-accent);
  color: white;
}

.tpj-valuation-form .gform_page_footer {
  margin-top: 3.2rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
}
.tpj-valuation-form .gform_page_footer input {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 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
    =========
    Overrides the parent themes default styles
    for all hrefs.
*/
a {
  text-decoration: none !important;
  -webkit-transition: all 0.3s;
  transition: all 0.3s;
}

.elementor-location-footer .elementor-nav-menu--main .elementor-item.elementor-item-active:hover {
  color: var(--e-global-color-primary) !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;
}

/*
    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.
*/
.swiper .swiper-button-prev,
.swiper .swiper-button-next {
  height: 40px;
  width: 40px;
  padding: 10px;
  background: rgba(0, 0, 0, 0.7);
  color: var(--e-global-color-accent);
  border: 0;
}
.swiper .swiper-button-prev.swiper-button-disabled,
.swiper .swiper-button-next.swiper-button-disabled {
  opacity: 0.55;
}
.swiper .swiper-button-prev::after,
.swiper .swiper-button-next::after {
  font-size: 2rem;
  color: #ffffff;
}
.swiper .swiper-button-prev {
  left: 20px;
  right: auto;
}
.swiper .swiper-button-next {
  right: 20px;
  left: auto;
}

.navbar-branch {
  background: #ffffff;
  padding-top: 1.5rem;
  padding-bottom: 1.5rem;
  -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);
  z-index: 98;
}
.navbar-branch .navbar-brand {
  color: var(--e-global-color-primary);
  font-size: 1.4rem;
  font-weight: 700;
  line-height: 1.55;
}

@media screen and (max-width: 599px) {
  .admin-bar .navbar-branch.sticky-top {
    top: 0px;
  }
}
@media screen and (min-width: 600px) {
  .admin-bar .navbar-branch.sticky-top {
    top: 46px;
  }
}
@media screen and (min-width: 783px) {
  .admin-bar .navbar-branch.sticky-top {
    top: 32px;
  }
}

.navbar-branch-nav {
  margin: 0;
  padding: 0;
}
.navbar-branch-nav > li {
  margin-right: 3.2rem;
}
@media screen and (min-width: 1200px) {
  .navbar-branch-nav > li {
    margin-right: 4.8rem;
  }
}
.navbar-branch-nav > li a {
  color: var(--e-global-color-text);
  font-size: 1.4rem;
  font-weight: 500;
  text-decoration: none;
}
@media screen and (min-width: 1200px) {
  .navbar-branch-nav > li a {
    font-size: 1.5rem;
  }
}
.navbar-branch-nav > li a:hover {
  color: var(--e-global-color-primary);
}

.navbar-branch-nav .menu-item.has-children::after,
.navbar-branch-nav .menu-item.menu-item-has-children::after {
  content: " ▾";
  color: var(--e-global-color-primary);
  font-family: sans-serif;
  display: inline-block;
  font-size: 1.2rem;
  vertical-align: middle;
  margin: 0 0 0 0.2rem;
}

.navbar-branch-nav .dropdown-menu {
  padding: 0;
  margin: 0;
  border: 0;
  border-radius: 0;
  background-color: #fff;
}
.navbar-branch-nav .dropdown-menu li a {
  display: block;
  color: var(--e-global-color-text);
  padding: 0.5rem 0 0.5rem 1.5rem;
  font-weight: 500;
  line-height: 1.6;
  font-size: 1.4rem;
}
@media screen and (min-width: 992px) {
  .navbar-branch-nav .dropdown-menu li a {
    font-size: 1.6rem;
    padding: 1rem 2rem;
  }
}
.navbar-branch-nav .dropdown-menu li a:hover {
  color: var(--e-global-color-primary);
}
@media screen and (min-width: 992px) {
  .navbar-branch-nav .dropdown-menu {
    -webkit-box-shadow: 0px 0px 6px 0px rgba(0, 0, 0, 0.15);
            box-shadow: 0px 0px 6px 0px rgba(0, 0, 0, 0.15);
    width: -webkit-max-content;
    width: -moz-max-content;
    width: max-content;
  }
}

button.navbar-toggler {
  background-color: white;
  border-color: var(--e-global-color-primary);
  color: var(--e-global-color-primary);
  font-weight: 700;
  padding: 0.9rem;
}
button.navbar-toggler span:after {
  display: inline-block;
  margin-left: 0.255em;
  vertical-align: 0.255em;
  content: "";
  border-top: 0.3em solid;
  border-right: 0.3em solid transparent;
  border-bottom: 0;
  border-left: 0.3em solid transparent;
}

.main-menu-list,
.submenu {
  list-style: none;
  padding: 0;
  margin: 0;
}

.menu-item.has-submenu .main-menu-link::after {
  content: "›";
  font-size: 1.6em;
  font-weight: 300;
  line-height: 1;
  margin-left: 0.4rem;
  vertical-align: bottom;
}

.main-menu-item {
  -webkit-box-flex: 0;
  -ms-flex: 0 0 50%;
  flex: 0 0 50%;
  max-width: 50%;
  margin-bottom: 4.4rem;
  -webkit-transition: color 0.2s ease;
  transition: color 0.2s ease;
}

.submenu-item {
  padding: 6px 0;
}

.main-menu-link {
  font-size: 2.4rem;
  font-weight: 700;
  display: block;
  text-decoration: none;
  color: var(--e-global-color-primary);
}

.main-menu-link:hover {
  color: var(--e-global-color-accent);
}

.submenu-link {
  text-transform: capitalize;
  margin: 0.6rem 0;
  opacity: 0.65;
  color: var(--e-global-color-primary);
  font-size: 1.6rem;
  font-weight: 400;
  display: block;
  text-decoration: none;
  -webkit-transition: opacity 0.2s ease;
  transition: opacity 0.2s ease;
}

.submenu-link:hover {
  color: var(--e-global-color-primary);
  opacity: 1;
}

.submenu-heading {
  font-size: 1.8rem;
  color: var(--e-global-color-primary);
  margin-bottom: 0.5rem;
  font-weight: 500;
}

/* Hide all submenu groups by default */
.submenu-group {
  display: none;
}

/* Show active submenu group */
.submenu-group.active {
  display: block;
}

.slide-menu {
  position: fixed;
  width: 320px;
  max-width: 100%;
  height: 100vh;
  top: 0;
  right: 0;
  display: none;
  overflow: hidden;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  -webkit-transition: -webkit-transform 300ms ease-in-out;
  transition: -webkit-transform 300ms ease-in-out;
  transition: transform 300ms ease-in-out;
  transition: transform 300ms ease-in-out, -webkit-transform 300ms ease-in-out;
  -webkit-transform: translateX(100%);
          transform: translateX(100%);
  overflow-y: auto;
  will-change: transform;
  z-index: 1000;
}
.slide-menu .slide-menu__slider {
  width: 100%;
  -webkit-transition: -webkit-transform 300ms ease-in-out;
  transition: -webkit-transform 300ms ease-in-out;
  transition: transform 300ms ease-in-out;
  transition: transform 300ms ease-in-out, -webkit-transform 300ms ease-in-out;
  -webkit-transform: translateX(0);
          transform: translateX(0);
  will-change: transform;
}
.slide-menu ul {
  position: relative;
  width: 100%;
  margin: 0;
  padding-left: 0;
  list-style: none;
}
.slide-menu ul ul {
  position: absolute;
  top: 0;
  left: 100%;
  display: none;
}
.slide-menu ul a {
  display: block;
}
.slide-menu a {
  cursor: pointer;
}

/*
    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"]
*/
.container {
  padding-right: 1.5rem;
  padding-left: 1.5rem;
}

.single-post-wrapper {
  padding-top: 4rem;
  padding-bottom: 4rem;
}
@media (min-width: 768px) {
  .single-post-wrapper {
    padding-top: 8rem;
    padding-bottom: 8rem;
  }
}

.single-post-wrapper--small {
  padding-top: 3rem;
  padding-bottom: 3rem;
}
@media (min-width: 768px) {
  .single-post-wrapper--small {
    padding-top: 6rem;
    padding-bottom: 6rem;
  }
}

.single-post-banner {
  height: 45.5rem;
  border-bottom: 15px solid var(--e-global-color-accent);
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
  position: relative;
}
.single-post-banner::after {
  content: "";
  display: block;
  background: black;
  opacity: 0.4;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 1;
}
.single-post-banner.banner-global {
  background-image: url("./dist/img/mh_default_bg.jpg");
}
.single-post-banner .banner-content {
  padding: 3rem;
  z-index: 2;
}
@media (min-width: 768px) {
  .single-post-banner .banner-content {
    padding: 3.8rem 4.7rem;
  }
}

.has-border-left {
  border-left: 3px solid var(--e-global-color-accent);
  padding-left: 3rem;
}

.has-border-right {
  border-right: 3px solid var(--e-global-color-accent);
  padding-right: 3rem;
}

.form-block {
  border: 4px solid var(--e-global-color-accent);
}

.sticky-sidebar {
  margin-top: 4rem;
  z-index: 1;
}

@media screen and (min-width: 1200px) {
  .sticky-sidebar {
    margin-top: 0;
    top: 25rem;
  }
}
.swiper .swiper-button-prev {
  left: 0px;
}

.swiper .swiper-button-next {
  right: 0px;
}

body.modal-open {
  overflow-y: hidden; /* prevent page from moving right when scrollbar vanishes */
}

.page-id-4915 .elementor-location-header,
.page-id-4915 .elementor-location-footer {
  display: none !important;
}

.custom-posts-loop .elementor-post__thumbnail img {
  height: 280px;
  -o-object-fit: cover;
     object-fit: cover;
  -o-object-position: center;
     object-position: center;
  border-bottom: 4px solid var(--e-global-color-accent);
}
.custom-posts-loop .elementor-post__text {
  padding: 2rem;
  background: white;
}

img.logo-header {
  width: 100%;
  height: auto;
  max-width: 120px;
}
@media (min-width: 992px) {
  img.logo-header {
    max-width: 120px;
  }
}
@media (min-width: 1200px) {
  img.logo-header {
    max-width: 250px;
  }
}

/*
    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.
*/
.office-social__icon {
  width: 3.2rem;
  height: 3.2rem;
  padding: 0.2rem;
  background-color: var(--e-global-color-primary);
}
.office-social__icon:hover {
  opacity: 0.7;
}
.office-social__icon svg {
  fill: white;
}
.office-social__icon svg g {
  fill: white;
}

#branch-a-z-filter {
  margin-bottom: 3rem;
}
#branch-a-z-filter a {
  font-size: 1.8rem;
  color: var(--e-global-color-text);
  text-decoration: underline;
}
#branch-a-z-filter a:hover {
  -webkit-box-shadow: 0px 2px 0px var(--e-global-color-accent);
          box-shadow: 0px 2px 0px var(--e-global-color-accent);
}
#branch-a-z-filter a.active {
  font-weight: 500;
  -webkit-box-shadow: 0px 2px 0px var(--e-global-color-accent);
          box-shadow: 0px 2px 0px var(--e-global-color-accent);
}
#branch-a-z-filter .no-results-message {
  margin: 3rem 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/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--card {
  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;
  height: 100%;
  background: white;
}
.property--card .property__meta {
  position: relative;
}
.property--card .property--card__image-wrapper {
  width: 100%;
  height: 240px;
  overflow: hidden;
  display: block;
  position: relative;
  border-bottom: 2px solid var(--e-global-color-accent);
}
@media screen and (min-width: 768px) {
  .property--card .property--card__image-wrapper {
    height: 250px;
  }
}
@media screen and (min-width: 992px) {
  .property--card .property--card__image-wrapper {
    height: 300px;
  }
}
.property--card .property--card__image-wrapper .property--card__image {
  -o-object-fit: cover;
     object-fit: cover;
  -o-object-position: 50% 10%;
     object-position: 50% 10%;
  -webkit-transform: scale(1);
  transform: scale(1);
  -webkit-transition: all 0.4s ease-in-out;
  transition: all 0.4s ease-in-out;
  width: 100%;
  height: 100%;
}
.property--card .property--card__image-wrapper .property--card__image:hover {
  -webkit-transform: scale(1.05);
  transform: scale(1.05);
}
.property--card .property--card__image-wrapper .property-card-status {
  background: rgba(35, 31, 32, 0.75);
  border-radius: 5px;
  position: absolute;
  font-size: 1.6rem;
  line-height: 140%; /* 16.8px */
  color: white !important;
  top: 1.5rem;
  left: 1.5rem;
  padding: 1rem;
  z-index: 1;
}

.card__map-pin .property--card__image-wrapper {
  width: 100%;
  height: 240px;
  overflow: hidden;
  display: block;
  position: relative;
  -o-object-fit: cover;
     object-fit: cover;
}
.card__map-pin .property--card__image-wrapper .property--card__image {
  height: 100%;
}
.card__map-pin .property-title--search {
  color: var(--e-global-color-text);
}
.card__map-pin .property-title--search:hover,
.card__map-pin .property-type--search:hover,
.card__map-pin .property-price--search:hover {
  color: var(--e-global-color-accent);
}

.save-property {
  position: absolute;
  right: 2rem;
  top: -2.2rem;
  bottom: initial;
  z-index: 1;
  cursor: pointer;
  background: var(--e-global-color-primary);
  border-radius: 50%;
  padding: 1rem;
}
.save-property svg {
  width: 2rem;
  height: 2rem;
}
.save-property svg path {
  stroke: white;
  fill: white;
}
.save-property .tpj_add_to_shortlist svg path {
  fill: 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"]
*/
/*
    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 {
  margin-bottom: 2rem;
  -webkit-transition: all 0.3s;
  transition: all 0.3s;
}
.property .card {
  position: relative;
}
.property .card:hover, .property .card:active, .property .card:focus {
  -webkit-box-shadow: 0 0 9px #d9d9d9;
          box-shadow: 0 0 9px #d9d9d9;
}
.property.property--featured {
  background-color: rgba(255, 193, 7, 0.3);
}
.property .property__meta .property__rooms {
  list-style: none;
  padding: 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/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/
*/
.search-horizontal-wrapper {
  width: 100%;
  padding-top: 1.6rem;
  padding-bottom: 1.6rem;
  padding-left: 2rem;
  padding-right: 2rem;
  background-color: var(--e-global-color-primary);
  z-index: 1000;
}
.search-horizontal-wrapper.sticky-top {
  z-index: 1040;
}
@media screen and (min-width: 992px) {
  .search-horizontal-wrapper {
    z-index: 2;
  }
}

@media screen and (min-width: 991.98px) {
  .admin-bar .search-horizontal-wrapper.sticky-top {
    top: 32px;
    position: sticky;
  }
}

@media (max-width: 991.98px) {
  .property-search-horizontal .residential-filters {
    float: left; /* I'm bringing back 2004! */
    width: calc(50% - 8px); /* Adjust width to account for margins */
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    /*
        I've added additional classes to the search-core HTML, it's old school but it works.
        The class of residential-filters was added to divider classes as well as one element
        being nested within an <li>. I've cleaned up the code to make it more consistent.

        What this now does is float the prices, bedrooms and property type <li>s to stack
        in a grid, making the search more compact for mobile devices
    */
  }
  .property-search-horizontal .residential-filters.odd {
    margin-right: 8px;
  }
  .property-search-horizontal .residential-filters.even {
    margin-left: 8px;
  }
  .property-search-horizontal .residential-filters.full {
    width: 100%;
    float: none;
  }
}
.property-search-horizontal select {
  background-color: white;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 16 16' fill='none'%3E%3Cpath d='M13 5.5L8 10.5L3 5.5' stroke='white' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");
  background-repeat: no-repeat;
  background-position: right 0 center;
  background-size: 12px;
  color: var(--e-global-color-text);
  font-size: 1.4rem;
  font-style: normal;
  font-weight: 400;
  line-height: 140%; /* 19.6px */
  padding: 0.8rem 1.2rem;
  margin: 0 0 1.6rem;
  width: 100%;
  height: 4.8rem;
}
.property-search-horizontal select:focus {
  background-color: var(--e-global-color-accent);
  color: var(--e-global-color-primary);
}
@media screen and (min-width: 992px) {
  .property-search-horizontal select {
    margin-bottom: 0;
    background-color: transparent;
    padding: 0.8rem 1.2rem 0.8rem 1rem;
    color: white;
  }
  .property-search-horizontal select:focus {
    background-color: transparent;
    color: var(--e-global-color-accent);
  }
}

.property-search-horizontal option {
  background-color: white;
  color: var(--e-global-color-text);
}

.property-search-horizontal input[type=text] {
  background-color: white;
  border-color: white;
  color: var(--e-global-color-text);
  font-size: 1.4rem;
  font-style: normal;
  font-weight: 400;
  line-height: 140%;
  padding: 0.9rem 1.6rem;
  margin: 0px;
}

.property-search-horizontal input[type=text].location {
  border-color: white;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 16 16' fill='none'%3E%3Cpath d='M14 14L10.5355 10.5355M10.5355 10.5355C11.4404 9.63071 12 8.38071 12 7C12 4.23858 9.76142 2 7 2C4.23858 2 2 4.23858 2 7C2 9.76142 4.23858 12 7 12C8.38071 12 9.63071 11.4404 10.5355 10.5355Z' stroke='%23212121' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");
  background-color: white;
  background-repeat: no-repeat;
  background-position: left 16px center;
  background-size: 16px;
  padding: 0.9rem 1.6rem 0.9rem 4rem;
  width: 100%;
  height: 4.8rem;
  margin-bottom: 1.6rem;
}
@media screen and (min-width: 992px) {
  .property-search-horizontal input[type=text].location {
    margin-bottom: 0;
    min-width: 215px;
  }
}

.property-search-horizontal input[type=text],
.property-search-horizontal select {
  border-radius: 0px;
  border: none;
  -webkit-box-shadow: none;
          box-shadow: none;
  outline: none !important;
}

.property-search-horizontal--map input[type=text],
.property-search-horizontal--map select {
  border: 1px solid;
  border-color: var(--e-global-color-ad8e118);
}

.property-search-horizontal input[type=submit].property-search-horizontal__btn,
.property-search-horizontal button.property-search-home__btn {
  background-color: var(--e-global-color-accent);
  color: var(--e-global-color-primary);
  font-size: 1.4rem;
  font-style: normal;
  font-weight: 600;
  line-height: 140%; /* 19.6px */
  padding: 1.3rem 4rem;
  border-radius: 2px;
  border: 1px solid var(--e-global-color-accent);
  margin-bottom: 0;
  font-family: var(--e-global-typography-accent-font-family), Sans-serif;
}
.property-search-horizontal input[type=submit].property-search-horizontal__btn:hover,
.property-search-horizontal button.property-search-home__btn:hover {
  background-color: #fff;
}
@media screen and (max-width: 991.98px) {
  .property-search-horizontal input[type=submit].property-search-horizontal__btn,
  .property-search-horizontal button.property-search-home__btn {
    width: 100%;
  }
}

.property-search-horizontal .tpj-multiple-property-select {
  border-radius: 0;
  padding: 0.8rem 0;
  background-color: var(--e-global-color-primary);
}
@media screen and (min-width: 992px) {
  .property-search-horizontal .tpj-multiple-property-select {
    min-width: 280px;
  }
}
.property-search-horizontal .tpj-multiple-property-select .tpj-mp-types-ui {
  min-height: 32px; /* same value as placeholder line-height */
}
.property-search-horizontal .tpj-multiple-property-select .tpj-select-types {
  border: none;
  min-height: 20px;
  border-radius: 4px;
  padding: 2px 15px;
  padding-right: 25px;
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  z-index: 10;
  cursor: pointer;
}
.property-search-horizontal .tpj-multiple-property-select .tpj-select-types-placeholder {
  position: absolute;
  left: 12px;
  top: 0;
  width: initial;
  padding: 0;
  color: white;
  font-size: 1.4rem;
  font-style: normal;
  font-weight: 400;
  line-height: 32px;
  z-index: 5;
}
@media screen and (max-width: 991.98px) {
  .property-search-horizontal .tpj-multiple-property-select .tpj-select-types-placeholder {
    color: var(--e-global-color-text);
  }
}
.property-search-horizontal .tpj-multiple-property-select .tpj-mp-types-arrow {
  width: 16px;
  height: 16px;
  background-color: var(--e-global-color-primary);
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 16 16' fill='none'%3E%3Cpath d='M13 5.5L8 10.5L3 5.5' stroke='white' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");
  background-repeat: no-repeat;
  background-position: center;
  background-size: 12px;
  top: 8px;
  right: 12px;
}
@media screen and (max-width: 991.98px) {
  .property-search-horizontal .tpj-multiple-property-select .tpj-mp-types-arrow {
    background-color: white;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 16 16' fill='none'%3E%3Cpath d='M13 5.5L8 10.5L3 5.5' stroke='%23212121' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");
  }
}
.property-search-horizontal .tpj-multiple-property-select .tpj-mp-types-list {
  border-radius: 8px;
  top: 44px;
  padding-top: 5px;
}
.property-search-horizontal .tpj-multiple-property-select .mp-types-entry {
  color: var(--e-global-color-text);
  font-size: 1.4rem;
  font-style: normal;
  font-weight: 400;
  line-height: 140%;
}
.property-search-horizontal .tpj-multiple-property-select .tpj-pt-selected-item {
  color: var(--e-global-color-text);
}
@media screen and (min-width: 992px) {
  .property-search-horizontal .tpj-multiple-property-select .tpj-pt-selected-item {
    border: 1px #ffffff solid;
    background-color: rgba(255, 255, 255, 0.1);
    color: white;
  }
}
.property-search-horizontal .tpj-multiple-property-select .tpj-pt-selected-item .p-type-close {
  width: 18px;
  height: 18px;
  font-size: 0.8rem;
}
@media screen and (min-width: 992px) {
  .property-search-horizontal .tpj-multiple-property-select .tpj-pt-selected-item .p-type-close {
    background: rgba(255, 255, 255, 0.25);
  }
}
@media screen and (max-width: 991.98px) {
  .property-search-horizontal .tpj-multiple-property-select {
    margin-bottom: 1.6rem;
    width: 100%;
    background-color: white;
  }
}

.search-divider {
  border-right: 1px solid #ffffff;
  height: 20px;
}

@media (min-width: 1200px) {
  .filter-search-list li:first-child {
    margin-right: 1rem;
  }
  .filter-search-list li:not(:last-child) {
    margin-right: 1rem;
  }
}
.show-stc-checkbox {
  border: 1px solid #bfbcb9;
  background-color: var(--e-global-color-secondary);
  width: 1.6rem;
  height: 1.6rem;
  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;
}

.locations_popup {
  position: absolute;
  width: 100%;
  left: 0;
  top: 48px;
  background: white;
  z-index: 100;
  -webkit-box-shadow: 5px 12px 16px -14px #292b2c;
          box-shadow: 5px 12px 16px -14px #292b2c;
}

.selected_location_entry {
  background: #cccccc;
}

.styled-select select,
.generic-select select {
  width: initial;
  margin: 0;
  padding: 0 2.8rem 0 1.2rem;
  border-radius: 0;
  font-size: 1.5rem;
  font-weight: 400;
  line-height: 1.5;
  color: var(--e-global-color-text);
  -webkit-box-shadow: none;
          box-shadow: none;
  border: 0;
  outline: none !important;
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
  background-color: var(--e-global-color-secondary);
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='17' viewBox='0 0 16 17' fill='none'%3E%3Cpath d='M13 6L8 11L3 6' stroke='%235B606C' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");
  background-position: right center;
  background-repeat: no-repeat;
  background-size: 16px;
}

.styled-select select option,
.generic-select select option {
  background: white !important;
  color: var(--e-global-color-text);
}

.search-more-filters {
  position: relative;
}

button#moreFilters {
  background: transparent;
  padding: 1.3rem 1.3rem;
  border: transparent;
  font-size: 1.4rem;
  font-style: normal;
  font-weight: 400;
  line-height: 140%;
  color: white;
}
button#moreFilters svg {
  margin-left: 0.8rem;
}

.filters-modal {
  margin-bottom: 1.6rem;
}
@media screen and (min-width: 992px) {
  .filters-modal {
    display: none;
    padding: 16px;
    position: absolute;
    background: white;
    top: 60px;
    margin: 0;
    left: 80%;
    -webkit-box-shadow: 0px 4px 8px 0px rgba(0, 0, 0, 0.1), 0px 0px 7px 0px rgba(0, 0, 0, 0.04), 0px 0px 2px 0px rgba(0, 0, 0, 0.16), 0px 2px 16px 0px rgba(0, 0, 0, 0);
            box-shadow: 0px 4px 8px 0px rgba(0, 0, 0, 0.1), 0px 0px 7px 0px rgba(0, 0, 0, 0.04), 0px 0px 2px 0px rgba(0, 0, 0, 0.16), 0px 2px 16px 0px rgba(0, 0, 0, 0);
  }
}
.filters-modal .form-check {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  margin-left: 0;
  margin-bottom: 0;
}
.filters-modal .form-check .form-check-input:checked {
  background-color: var(--e-global-color-accent);
  border-color: var(--e-global-color-accent);
}
.filters-modal .form-check-label {
  color: white;
  font-size: 1.4rem;
  font-style: normal;
  font-weight: 400;
  line-height: 140%; /* 19.6px */
  margin-left: 1rem;
}
@media screen and (min-width: 992px) {
  .filters-modal .form-check-label {
    color: var(--e-global-color-text);
  }
}
.filters-modal .form-check-heading {
  color: white;
}
@media screen and (min-width: 992px) {
  .filters-modal .form-check-heading {
    color: var(--e-global-color-primary);
  }
}

.prediction_popup {
  position: absolute;
  width: 100%;
  left: 0;
  top: 40px;
  background: #ffffff;
  border-style: solid;
  border-width: 1px;
  border-color: #dddddd;
  z-index: 100;
  -webkit-box-shadow: 5px 12px 16px -14px #292b2c;
  box-shadow: 5px 12px 16px -14px #292b2c;
}
.prediction_popup .google_entry_link {
  display: block;
  padding: 5px 10px 5px 0px;
  font-size: 1.4rem;
  color: #0275d8;
  text-decoration: 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"]
*/
/*
        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 {
  position: absolute;
  z-index: 1;
  border-top-left-radius: 3px;
  border-bottom-right-radius: 3px;
  padding: 0.5rem;
  background-color: rgba(13, 110, 253, 0.4);
  color: #ffffff;
  font-size: 1rem;
  font-weight: bold;
  text-transform: uppercase;
}

/*
    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.
*/
h1.dynamic-title {
  color: var(--e-global-color-primary);
  font-size: 2.3rem;
  font-weight: 500;
  line-height: 150%; /* 22.5px */
  margin-bottom: 2.4rem;
}

.property-grid {
  margin-top: 2.4rem;
}
@media screen and (min-width: 992px) {
  .property-grid {
    margin-top: 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-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.
*/
/*
    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: normal;
}

/*
    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-top: 4rem;
}

.page-item {
  font-size: 1.5rem;
  font-style: normal;
  font-weight: 400;
  line-height: 150%; /* 16.8px */
}
.page-item a.page-divnk {
  color: var(--e-global-color-primary);
}
.page-item a.page-divnk:hover {
  color: var(--e-global-color-accent) !important;
  -webkit-box-shadow: 0 1px 0px var(--e-global-color-accent);
          box-shadow: 0 1px 0px var(--e-global-color-accent);
}

.page-item.active a.page-divnk {
  color: var(--e-global-color-accent);
  -webkit-box-shadow: 0 1px 0px var(--e-global-color-accent);
          box-shadow: 0 1px 0px 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-banner__image {
  width: 100%;
  height: 32rem;
  -o-object-fit: cover;
     object-fit: cover;
  -o-object-position: center;
     object-position: center;
}
@media screen and (min-width: 576px) {
  .property-banner__image {
    height: 55rem;
  }
}
@media screen and (min-width: 768px) {
  .property-banner__image {
    height: 60rem;
  }
}

.property-title {
  font-style: normal;
  font-weight: 600;
  line-height: 100%;
}
.property-title a {
  color: var(--e-global-color-primary) !important;
  text-decoration: none !important;
}

.property-title--single {
  font-family: "Red Hat Display", sans-serif;
  font-size: 2.2rem;
  font-weight: 500;
  margin-top: 0;
  margin-bottom: 2.4rem;
  color: var(--e-global-color-primary);
}
@media screen and (min-width: 768px) {
  .property-title--single {
    font-size: 3.2rem;
  }
}

.property-title--search {
  font-size: 1.5rem;
  font-weight: 400;
  line-height: 150%;
}
.property-title--search a {
  color: var(--e-global-color-primary) !important;
}
.property-title--search a:hover {
  text-decoration: underline !important;
}

.property-price {
  font-family: "Red Hat Display", sans-serif;
  color: var(--e-global-color-text);
  font-style: normal;
  font-weight: 500;
  line-height: 150%;
}

.property-price--single {
  font-size: 2rem;
  margin-bottom: 2rem;
}
@media screen and (min-width: 768px) {
  .property-price--single {
    font-size: 2.7rem;
  }
}

.property-price--search {
  color: var(--e-global-color-primary);
  font-size: 2.3rem;
  margin-bottom: 0.4rem;
}

.property-type, .property-contact-details {
  font-size: 1.5rem;
  font-style: normal;
  font-weight: 400;
  line-height: 150%; /* 22.5px */
}

.property-type h1 {
  font-size: 1.3rem;
  font-style: normal;
  font-weight: 400;
  line-height: 150%; /* 22.5px */
  color: var(--e-global-color-text);
  font-family: unset;
  margin-bottom: 1rem;
}

.property-type {
  color: var(--e-global-color-text);
}

.property-contact-details {
  color: var(--e-global-color-primary);
}

.property-type--search {
  color: var(--e-global-color-primary);
  font-size: 1.4rem;
  font-weight: 600;
  line-height: 140%; /* 19.6px */
  margin-bottom: 1.6rem;
}

.property-branch {
  border: 1px solid var(--e-global-color-accent);
  padding: 2rem;
}

.branch-contact-image {
  height: 200px;
}

hr.property-single-divider {
  border-top: 2px solid var(--e-global-color-primary);
  opacity: 1;
  margin-top: 2rem;
  margin-bottom: 2rem;
}

@media screen and (min-width: 768px) {
  hr.property-single-divider {
    margin-top: 4rem;
    margin-bottom: 4rem;
  }
}
.bullets--featured {
  color: var(--e-global-color-text);
}
.bullets--featured > div {
  margin-bottom: 2rem;
}

.stamp-duty-form,
.mortgage-calculator-form {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
}

.mortgage-calculator-form,
#mortgage_calculator_success,
#mortgage_calculator_error {
  margin-bottom: 3.2rem;
}

.mortgage-calculator-input-wrapper {
  gap: 24px;
  -ms-flex-preferred-size: 100%;
      flex-basis: 100%;
}
.mortgage-calculator-input-wrapper > div {
  position: relative;
}

span.input-unit {
  position: absolute;
  right: 1.6rem;
  bottom: 0.9rem;
  font-family: "IBM Plex Sans", Sans-serif;
  font-size: 1.4rem;
  font-style: normal;
  font-weight: 600;
  line-height: 160%;
}

.stamp-duty-form > div {
  -webkit-box-flex: 1;
      -ms-flex: 1 1 auto;
          flex: 1 1 auto;
}

.sdc-checkboxes .form-check {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  margin-bottom: 0.8rem;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.sdc-checkboxes .form-check .form-check-input[type=checkbox] {
  margin-right: 0.8rem;
}
.sdc-checkboxes .form-check label {
  margin-bottom: 0;
}

.mortgage-calculator-form .form__action,
.stamp-duty-form .form__action {
  -webkit-box-flex: 1;
      -ms-flex: 1 1 100%;
          flex: 1 1 100%;
  margin-top: 2.4rem;
}

.mortgage-calculator-form label,
.stamp-duty-form label,
.stamp-duty-results__title,
.stamp-duty-results__amount,
.stamp-duty-results__rate {
  font-size: 1.4rem;
  font-style: normal;
  font-weight: 600;
  line-height: 140%;
}

.mortgage-calculator-form label,
.stamp-duty-form label {
  margin-bottom: 0.8rem;
}

.stamp-duty-form input[type=number],
.mortgage-calculator-form input.mortgage-calculator-input {
  padding: 0.9rem 1.6rem;
  border-radius: 0;
  border: 1px solid;
  border-color: #BFBCB9;
  font-size: 1.6rem;
  font-style: normal;
  font-weight: 400;
  line-height: 140%; /* 22.4px */
}

.sdc-checkboxes {
  margin-left: 0;
  margin-top: 2.4rem;
}
@media screen and (min-width: 768px) {
  .sdc-checkboxes {
    margin-left: 3.2rem;
    margin-top: 0;
  }
}

#stamp-duty .stamp-duty-form button,
#mortgage_calculator button[type=submit] {
  font-size: 1.4rem;
  font-style: normal;
  font-weight: 600;
  line-height: 140%; /* 19.6px */
  padding: 1.3rem 4rem;
  border-radius: 0;
}
#stamp-duty .stamp-duty-form button:hover, #stamp-duty .stamp-duty-form button:focus,
#mortgage_calculator button[type=submit]:hover,
#mortgage_calculator button[type=submit]:focus {
  color: var(--e-global-color-primary) !important;
  background-color: #FFFFFF;
  outline-color: var(--e-global-color-primary);
}
@media screen and (max-width: 767px) {
  #stamp-duty .stamp-duty-form button,
  #mortgage_calculator button[type=submit] {
    width: 100%;
  }
}

.stamp-duty-results-container {
  margin-top: 2.4rem;
}

.stamp-duty-results__title {
  display: block;
  margin-bottom: 2.4rem;
}

.stamp-duty-results__amount,
.stamp-duty-results__rate {
  margin-bottom: 2.4rem;
}

#stamp-duty-table {
  margin-bottom: 0;
  display: block;
  max-width: -moz-fit-content;
  max-width: -webkit-fit-content;
  max-width: fit-content;
  margin: 0;
  overflow-x: auto;
  white-space: nowrap;
}

#stamp-duty-table td {
  font-size: 1.4rem;
  font-style: normal;
  font-weight: 400;
  line-height: 140%;
}

#stamp-duty-table th {
  font-size: 1.2rem;
  font-weight: 600;
  letter-spacing: 2px;
  text-transform: uppercase;
}

#mortgage_calculator_success {
  margin-top: 3.2rem;
}

.mortgage-calculator-value,
.stamp-duty-results__amount span {
  color: var(--e-global-color-primary);
  font-size: 2.2rem;
  font-weight: 600;
  margin-top: 0.8rem;
  margin-bottom: 2.4rem;
  display: block;
}

.property-map {
  position: relative;
  z-index: 2;
  margin-bottom: 2.4rem;
}

ul.property__actions {
  margin: 0;
  padding: 0;
}
@media (max-width: 991.98px) {
  ul.property__actions {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
        -ms-flex-direction: row;
            flex-direction: row;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
  }
  ul.property__actions li a {
    height: 6rem;
  }
}
ul.property__actions li {
  display: inline-block;
  margin: 0;
}
ul.property__actions li a {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  font-size: 1.4rem;
  line-height: 1;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  height: 4rem;
  padding: 1rem;
  background: #fff;
  color: var(--e-global-color-text);
  border-radius: 0.3rem;
  -webkit-transition: 0.4s;
  transition: 0.4s;
}
ul.property__actions li a svg {
  height: 1.6rem;
  width: auto;
  margin-right: 1rem;
  margin-left: 1rem;
  margin-right: 1rem;
  fill: var(--e-global-color-text);
}
@media (max-width: 991.98px) {
  ul.property__actions li {
    border-right: 1px solid lightgrey;
  }
  ul.property__actions li:first-of-type {
    border-left: 1px solid lightgrey;
  }
  ul.property__actions li a .action-image-count {
    margin: 0 1rem 0 -0.5rem;
  }
}
@media (min-width: 768px) {
  ul.property__actions {
    position: absolute;
    z-index: 1;
    right: 0;
    bottom: 1rem;
    left: 0;
    text-align: center;
  }
  ul.property__actions li {
    margin: 0;
  }
  ul.property__actions li a {
    background: white;
    -webkit-box-shadow: 0 0 6px 0 rgba(0, 0, 0, 0.25);
            box-shadow: 0 0 6px 0 rgba(0, 0, 0, 0.25);
  }
  ul.property__actions li a svg {
    margin-left: 0;
    height: 1.4rem;
  }
  ul.property__actions li a:hover {
    background: var(--e-global-color-primary);
    color: #ffffff;
  }
  ul.property__actions li a:hover svg {
    fill: #ffffff;
  }
}
@media (min-width: 992px) {
  ul.property__actions {
    bottom: 3rem;
  }
  ul.property__actions li {
    margin: 0rem 1rem 0 0;
  }
}

.property__quicklinks a {
  color: var(--e-global-color-text);
}
.property__quicklinks a:hover {
  color: var(--e-global-color-text);
  text-decoration: underline !important;
}
.property__quicklinks svg {
  fill: var(--e-global-color-text);
  height: 2.4rem;
  width: 2.4rem;
}
.property__quicklinks .tpj_add_to_shortlist svg path {
  fill: none;
  stroke: var(--e-global-color-text);
}
.property__quicklinks .tpj_remove_from_shortlist svg path {
  stroke: var(--e-global-color-text);
}

.property__rooms svg {
  fill: var(--e-global-color-text);
  height: 2.4rem;
  width: auto;
}

.tpj_add_to_shortlist,
.tpj_remove_from_shortlist {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  cursor: pointer;
}
.tpj_add_to_shortlist span:hover,
.tpj_remove_from_shortlist span:hover {
  text-decoration: underline;
}

.feature-title {
  margin-right: 1rem;
}

.branch-anchor {
  scroll-margin-top: 140px;
}

.property-lightbox {
  background: -webkit-gradient(linear, left top, left bottom, from(rgba(30, 30, 30, 0.75)), color-stop(1810%, #000));
  background: linear-gradient(rgba(30, 30, 30, 0.75), #000 1810%);
}
.property-lightbox .modal-dialog {
  margin: auto;
  height: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  justify-items: center;
  width: 95%;
  max-width: 900px;
}
.property-lightbox .modal-dialog .modal-content {
  background: none;
  border: 0;
}
.property-lightbox .modal-dialog .modal-content .modal-header {
  border: 0;
}
.property-lightbox .modal-dialog .modal-content .modal-header .btn-close {
  background: none;
  height: 20px;
  width: 20px;
}
.property-lightbox .modal-dialog .modal-content .modal-body {
  padding: 0;
}
.property-lightbox .modal-dialog .modal-content .modal-body .carousel-control-prev, .property-lightbox .modal-dialog .modal-content .modal-body .carousel-control-next {
  height: 40px;
  width: 40px;
  padding: 10px;
  background: rgba(0, 0, 0, 0.95);
  border: 0;
  margin: auto 0px;
}
.property-lightbox .modal-dialog .modal-content .modal-body .carousel-control-prev {
  left: 0;
}
.property-lightbox .modal-dialog .modal-content .modal-body .carousel-control-next {
  left: 100%;
  margin-left: -40px;
}

.color-prim {
  background-color: #007174;
}

/*
    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"]
*/
/*
    This is your branch details page. 
*/
.branch-header-content {
  width: 100%;
  padding-top: 4rem;
  padding-bottom: 4rem;
  padding-left: 2rem;
  padding-right: 2rem;
}
@media screen and (min-width: 768px) {
  .branch-header-content {
    padding-top: 4.8rem;
    padding-bottom: 4.8rem;
    padding-left: 2.4rem;
    padding-right: 2.4rem;
  }
}
@media screen and (min-width: 1200px) {
  .branch-header-content {
    max-width: 85%;
    padding: 0;
  }
}

.branch-header-image {
  height: 253px;
}
@media screen and (min-width: 768px) {
  .branch-header-image {
    height: 540px;
  }
}
@media screen and (min-width: 1200px) {
  .branch-header-image {
    height: 680px;
  }
}

.branch-information {
  border-radius: 4px;
  -webkit-box-shadow: 0px 2px 3px 0px rgba(0, 0, 0, 0.08), 0px 0px 4px 0px rgba(0, 0, 0, 0.16);
          box-shadow: 0px 2px 3px 0px rgba(0, 0, 0, 0.08), 0px 0px 4px 0px rgba(0, 0, 0, 0.16);
  overflow: hidden;
}

.branch-header-title {
  font-family: "Red Hat Display", sans-serif;
  font-size: 4.7rem;
  color: var(--e-global-color-primary);
  font-weight: 500;
  line-height: 1.15;
}
.branch-header-title .pre-title {
  display: block;
  margin: 0;
}

.office-number,
.office-email,
.office-address,
.office-hours {
  font-size: 1.7rem;
  font-weight: 400;
  line-height: 140%;
}
.office-number a,
.office-email a,
.office-address a,
.office-hours a {
  color: var(--e-global-color-primary);
}
.office-number a:hover,
.office-email a:hover,
.office-address a:hover,
.office-hours a:hover {
  text-decoration: underline !important;
}

.office-hours ul {
  magin: 0;
  padding: 0;
  list-style: none;
}

.office-single-divider {
  border-top: 1px solid var(--e-global-color-secondary);
  opacity: 1;
  margin-top: 2rem;
  margin-bottom: 2rem;
}
@media screen and (min-width: 992px) {
  .office-single-divider.large {
    margin-top: 4rem;
    margin-bottom: 4rem;
  }
}

.nav-featured-properties {
  border: none;
  margin-bottom: 5.1rem; /* plus 3px for active state */
}
.nav-featured-properties .nav-item {
  margin-right: 2.4rem;
}
.nav-featured-properties .nav-item .nav-link {
  background: transparent;
  color: var(--e-global-color-text);
  font-size: 1.5rem;
  font-weight: 400;
  line-height: 150%; /* 22.5px */
  padding: 0 0 1rem;
  border: none;
  position: relative;
}
.nav-featured-properties .nav-item .nav-link:hover {
  color: var(--e-global-color-primary);
  font-weight: 600;
}
.nav-featured-properties .nav-item .nav-link:hover:after {
  content: "";
  position: absolute;
  bottom: -3px;
  display: block;
  width: 100%;
  height: 3px;
  background-color: var(--e-global-color-accent);
}
.nav-featured-properties .nav-item .nav-link.active {
  color: var(--e-global-color-primary);
  font-weight: 600;
}
.nav-featured-properties .nav-item .nav-link.active:after {
  content: "";
  position: absolute;
  bottom: -3px;
  display: block;
  width: 100%;
  height: 3px;
  background-color: var(--e-global-color-accent);
}

.tab-featured-properties {
  position: relative;
}

.swiper__team-thumbnail {
  height: 250px;
  border-radius: 4px;
  margin-bottom: 2.4rem;
  -o-object-position: top center;
     object-position: top center;
}

.team-title {
  color: var(--e-global-color-primary);
  margin-bottom: 0.4rem;
  font-weight: 500;
  line-height: 150%;
}

.team-role, .team-email {
  font-size: 1.5rem;
}

.team-email {
  color: var(--e-global-color-primary);
}

.area-guide-image-single {
  height: 440px;
  border-radius: 4px;
}

.branch-anchor {
  scroll-margin-top: 24rem;
}

.swiper__team a {
  cursor: pointer;
}

.accreditation-logos img {
  max-width: 135px;
  max-height: 135px;
  -o-object-fit: contain;
     object-fit: contain;
}

.single-branch-banner .btn {
  min-width: 235px;
  padding: 1.2rem 5rem;
  font-size: 1.6rem;
}

.splide__pagination {
  display: none !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"]
*/
/*

    This is your branch details page. 
*/
.staff--card__image {
  height: 350px;
  border-bottom: 4px solid var(--e-global-color-accent);
}

.staff-bio:before {
  content: "";
  position: relative;
  background-color: var(--e-global-color-accent);
  display: block;
  margin: 1.6rem 0;
  max-width: 11rem;
  width: 100%;
  height: 1px;
}