/*------------------------------------*\ 
    #PAGES:SRP-MAP (for search results pages with a map view)
\*------------------------------------*/
/*
    1.  Hack to force the vertical scrollbar to show up (see Ticket
        201-00-238909)
*/
body {
  overflow-y: scroll; /* [1] */
}

/*body*/
.flyout-opened {
  position: fixed;
  width: 100%;
  overflow-y: scroll;
}

.search-results.w-fixed-top-bar {
  padding-top: 60px;
}

.search-refiners-inner {
  width: 100%;
}

@media (min-width: 768px) {
  .main-column {
    float: left;
  }
}

.main-column, .detailDisplay {
  width: 100%;
}
@media (min-width: 768px) {
  .map-opened .main-column, .map-opened .detailDisplay {
    width: 0;
  }
}
@media (min-width: 768px) {
  .main-column, .detailDisplay {
    width: 400px;
  }
}
@media (min-width: 992px) {
  .main-column, .detailDisplay {
    width: 720px;
  }
  .map-opened .main-column, .map-opened .detailDisplay {
    width: 400px;
  }
}

.detailDisplay {
  background-image: url("/Images/loading.gif?v=1");
  background-repeat: no-repeat;
  background-position: center;
}
.detailDisplay iframe {
  width: 100%;
  border: none;
}

.map-column {
  float: left;
  width: 100%;
}
@media (min-width: 768px) {
  .map-column {
    width: 50%;
    width: -webkit-calc(100% - 400px);
    width: calc(100% - 400px);
  }
  .map-opened .map-column {
    width: 100%;
  }
}
@media (min-width: 992px) {
  .map-column {
    width: 33.33333%;
    width: -webkit-calc(100% - 720px);
    width: calc(100% - 720px);
  }
  .map-opened .map-column {
    width: 50%;
    width: -webkit-calc(100% - 400px);
    width: calc(100% - 400px);
  }
}

.top-search-bar.fixed-top-bar {
  position: fixed;
  left: 0;
  right: 0;
  z-index: 10;
}

.map-opened .result-count .region {
  display: none;
}
@media (min-width: 992px) {
  .map-opened .result-count .region {
    display: none;
  }
}

@media (max-width: 767.98px) {
  .page-body.w-fixed-header .map-column {
    top: 60px;
    bottom: 40px;
  }
  .page-body.w-fixed-header .cws-interactive-map-alt1 .map-column {
    bottom: 0;
  }
}
/*
    1.  If .cws-interactive-map has a height defined that is larger than the
        window and the user scrolls when hovering/touching the main header, the
        page will scroll unnecessarily. On map search pages,
        .cws-interactive-map doesn't need a height anyway due to other styles
        positioning/sizing it correctly. Setting this height to auto instead
        fixes this problem.
    2.  Prevent sticky scrolling on Apple devices. Note that overflow-y must be
        scroll, not auto. Source:
        https://css-tricks.com/snippets/css/momentum-scrolling-on-ios-overflow-elements/.
    3.  Used for map search pages that don't have a fixed footer.
*/
.cws-interactive-map {
  height: auto; /* [1] */
  /*.k-rpanel-expanded*/
}
@media (max-width: 767.98px) {
  .cws-interactive-map {
    /*.k-rpanel-expanded*/
    /*.k-rpanel-expanded*/
  }
  .cws-interactive-map .listDisplay,
  .cws-interactive-map .detailDisplay {
    height: -webkit-calc(100% - 60px - 40px);
    height: calc(100% - 60px - 40px);
    z-index: 1029;
    -webkit-overflow-scrolling: touch; /* [2] */
  }
  .cws-interactive-map .listDisplay {
    overflow-y: scroll; /* [2] */
  }
}
.cws-interactive-map .detailDisplay {
  overflow: hidden;
}

/*.cws-interactive-map*/
.cws-interactive-map-alt1 { /* [3] */ }
@media (max-width: 767.98px) {
  .cws-interactive-map-alt1 {
    /*.k-rpanel-expanded*/
  }
  .cws-interactive-map-alt1 .listDisplay,
  .cws-interactive-map-alt1 .detailDisplay {
    height: -webkit-calc(100% - 60px);
    height: calc(100% - 60px);
  }
}

/*.topbar*/
.topbar-flyout {
  display: -webkit-box;
  display: -webkit-flex;
  display: flex;
  -webkit-flex-wrap: nowrap;
          flex-wrap: nowrap;
  -webkit-box-align: center;
  -webkit-align-items: center;
          align-items: center;
  float: left;
  width: 100%;
  padding: 10px;
  border-top: 1px solid #fff;
  /*.btn*/
}
@media (min-width: 992px) {
  .topbar-flyout {
    padding: 15px;
  }
  .map-opened .topbar-flyout {
    padding: 10px;
  }
}
.topbar-flyout .topbar-back {
  -webkit-box-flex: 0;
  -webkit-flex: 0 0 35px;
          flex: 0 0 35px;
  height: 35px;
  margin-right: 10px;
  padding: 0;
  border-radius: 50%;
  line-height: 35px;
  --bs-btn-color: #fff;
  --bs-btn-bg: #0e3a32;
  --bs-btn-border-color: #0e3a32;
  --bs-btn-hover-color: #ffffff;
  --bs-btn-hover-bg: #0e3a32;
  --bs-btn-hover-border-color: #0e3a32;
  --bs-btn-focus-shadow-rgb: 50, 88, 81;
  --bs-btn-active-color: #fff;
  --bs-btn-active-bg: #134f44;
  --bs-btn-active-border-color: #134f44;
  --bs-btn-active-shadow: none;
  --bs-btn-disabled-color: #fff;
  --bs-btn-disabled-bg: #0e3a32;
  --bs-btn-disabled-border-color: #0e3a32;
}
.topbar-flyout .topbar-back.collapse-toggle:not(.collapsed)::after {
  background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='none' stroke='%23061714' stroke-linecap='round' stroke-linejoin='round'%3e%3cpath d='M2 5L8 11L14 5'/%3e%3c/svg%3e");
}
.topbar-flyout .topbar-back.collapse-toggle::after {
  background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='none' stroke='%23fff' stroke-linecap='round' stroke-linejoin='round'%3e%3cpath d='M2 5L8 11L14 5'/%3e%3c/svg%3e");
}
@media (min-width: 992px) {
  .topbar-flyout .topbar-back {
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 46px;
            flex: 0 0 46px;
    height: 46px;
    line-height: 46px;
    margin-right: 15px;
  }
  .map-opened .topbar-flyout .topbar-back {
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 35px;
            flex: 0 0 35px;
    height: 35px;
    line-height: 35px;
    margin-right: 10px;
  }
}
.topbar-flyout .topbar-back, .topbar-flyout .topbar-back [class^=icon-], .topbar-flyout .topbar-back [class*=" icon-"] {
  font-size: 20px;
}
.topbar-flyout .topbar-back [class^=icon-], .topbar-flyout .topbar-back [class*=" icon-"] {
  margin-right: 0;
  opacity: 1;
}
.topbar-flyout .title {
  -webkit-box-flex: 1;
  -webkit-flex: 1 1 auto;
          flex: 1 1 auto;
}
.topbar-flyout .title h1 {
  font-size: 14px;
}
@media (min-width: 992px) {
  .topbar-flyout .title h1 {
    font-size: 16px;
  }
  .map-opened .topbar-flyout .title h1 {
    font-size: 14px;
  }
}
.topbar-flyout .title h1 .address-street {
  font-size: 16px;
}
@media (min-width: 992px) {
  .topbar-flyout .title h1 .address-street {
    font-size: 22px;
  }
  .map-opened .topbar-flyout .title h1 .address-street {
    font-size: 16px;
  }
}
.topbar-flyout .info-wrap {
  display: none;
  width: auto;
}
@media (min-width: 431px) {
  .topbar-flyout .info-wrap {
    display: block;
  }
}
@media (min-width: 768px) {
  .topbar-flyout .info-wrap {
    display: none;
  }
}
@media (min-width: 992px) {
  .topbar-flyout .info-wrap {
    display: block;
  }
  .map-opened .topbar-flyout .info-wrap {
    display: none;
  }
}

@media (max-width: 430px) {
  .d-bp1-none {
    display: none !important;
  }
}
@media (min-width: 768px) and (max-width: 991.98px) {
  .d-bp1-none {
    display: none !important;
  }
}
@media (min-width: 992px) {
  .map-opened .d-bp1-none {
    display: none !important;
  }
}

.navbar-flyout {
  min-height: 40px;
}
.navbar-flyout .navbar-nav {
  width: 100%;
}
.navbar-flyout .navbar-nav .nav-item .nav-link {
  padding: 10px 5px;
  text-align: center;
}
.navbar-flyout .nav-item-details {
  color: #005a4e;
}
.navbar-flyout .nav-item-details:hover, .navbar-flyout .nav-item-details:focus {
  color: #292929;
}
.navbar-flyout .nav-item-compare:after {
  content: " Compare";
}
.navbar-flyout .nav-item-compare .compare-property-icon {
  position: relative;
  display: inline-block;
  font-family: "Howard-Hanna-Icons" !important; /* stylelint-disable-line font-family-no-missing-generic-family-keyword */
  speak: never;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  background: none;
}
.navbar-flyout .nav-item-compare .compare-property-icon:before {
  content: "\e9a9";
}
.navbar-flyout .nav-item-compare.active .compare-property-icon {
  color: #005a4e;
}
.navbar-flyout .nav-item-compare.active .compare-property-icon:hover, .navbar-flyout .nav-item-compare.active .compare-property-icon:focus {
  color: #292929;
}
.navbar-flyout .nav-item-compare.active .compare-property-icon:before {
  content: "\e9a8";
}
.navbar-flyout[data-bs-theme=dark] .nav-item-details, .navbar-flyout[data-bs-theme=dark] .nav-item-compare.active .compare-property-icon {
  color: #9fc8bd;
}
.navbar-flyout[data-bs-theme=dark] .nav-item-details:hover, .navbar-flyout[data-bs-theme=dark] .nav-item-details:focus, .navbar-flyout[data-bs-theme=dark] .nav-item-compare.active .compare-property-icon:hover, .navbar-flyout[data-bs-theme=dark] .nav-item-compare.active .compare-property-icon:focus {
  color: #fff;
}

.srp-pager-outer {
  display: -webkit-box;
  display: -webkit-flex;
  display: flex;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
          justify-content: center;
}

.srp-pagesize-outer {
  -webkit-flex-shrink: 0;
          flex-shrink: 0;
  width: 100%;
  max-width: 100%;
  padding-right: -webkit-calc(var(--bs-gutter-x) * 0.5);
  padding-right: calc(var(--bs-gutter-x) * 0.5);
  padding-left: -webkit-calc(var(--bs-gutter-x) * 0.5);
  padding-left: calc(var(--bs-gutter-x) * 0.5);
  margin-top: var(--bs-gutter-y);
  -webkit-box-flex: 0;
  -webkit-flex: 0 0 auto;
          flex: 0 0 auto;
  width: 83.33333333%;
  margin-left: 8.33333333%;
}
@media (min-width: 768px) {
  .srp-pagesize-outer {
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 auto;
            flex: 0 0 auto;
    width: 50%;
    margin-left: 25%;
  }
}
@media (min-width: 992px) {
  .srp-pagesize-outer {
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 auto;
            flex: 0 0 auto;
    width: 33.33333333%;
    margin-left: 33.33333333%;
  }
}
@media (min-width: 768px) {
  .map-opened .srp-pagesize-outer {
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 auto;
            flex: 0 0 auto;
    width: 83.33333333%;
    margin-left: 8.33333333%;
  }
}
/*# sourceMappingURL=srp-map.css.map */