/* Long Term Wrapper */
.cms-long-term-grid-wrap { padding: 3.125rem 0; }
.cms-long-term-grid-wrap .container { width: 100%; max-width: 87.5rem; margin-top: 0.9375rem; }
.cms-long-term-grid-wrap [class^=col] { display: flex; margin-bottom: 1.875rem; }
.cms-long-term-grid-wrap .subtitle { color: hsl(var(--gray)); font-weight: var(--wMedium); }

/* Long Term Property */
.long-term-property { overflow: hidden; width: 100%; display: flex; flex-direction: column; border-radius: var(--borderRadius); box-shadow: var(--dropShadow); font-family: var(--siteFont2), sans-serif; }
.long-term-property:hover { box-shadow: var(--dropShadow), var(--dropShadow); }
.long-term-property-img-wrap { position: relative; padding-bottom: 62.5%; position: relative; z-index: 1; background-color: var(--placeholderBG); }
.long-term-property-img-area-banners { border-radius: var(--borderRadius) 0 0 0; overflow: hidden; color: hsl(var(--white)); position: absolute; top: 0; left: 0; z-index: 2; }
.long-term-property-img-area-banner { cursor: default; display: flex; align-items: center; padding: 0.75rem 1rem; border-radius: 0 var(--borderRadius) var(--borderRadius) 0; line-height: 1; font-weight: var(--wBold); position: relative; overflow: hidden; }
.long-term-property-img-area-banner .icon { margin: 0.4rem 0 0.4rem 1rem; position: relative; z-index: 2; }
.long-term-property-img-area-banner-text { position: relative; z-index: 2; }
.long-term-property-img-link { display: block; width: 100%; height: 100%; position: absolute; top: 0; left: 0; }
.long-term-property-img { display: block; width: 100%; height: 100%; position: absolute; top: 0; left: 0; }
.long-term-property-info-wrap { display: flex; flex-direction: column; position: relative; padding: 1rem 1.25rem; background: hsl(var(--white)); line-height: 1; }
.long-term-property-info-heading { display: flex; align-items: center; }
.long-term-property-info-type { padding-right: 0.5rem; }
.long-term-property-info-pets-allowed { color: hsl(var(--siteColor1)); }
.long-term-property-price { margin: 0.25rem 0; }
.long-term-property-address { margin: 0.25rem 0; }
.long-term-property-title { display: flex; margin: 0.25rem 0; }
.long-term-property-title h3 { margin: 0; font-family: var(--bodyFont); font-size: 1.25rem !important; line-height: 1.25; font-weight: var(--wRegular); }
.long-term-property-title-link, .long-term-property-title-link:hover { color: var(--bodyFontColor); }
.long-term-property-info { display: flex; flex-wrap: wrap; justify-content: space-around; margin: 0; padding: 0.25rem 0 0.5rem; font-size: 1rem; line-height: 1; font-weight: var(--wNormal); }
.long-term-property-info-item { display: flex; margin-top: 0.75rem; padding: 0 0.25rem; text-align: center; }
.long-term-property-info-item-address {  max-width: 100%; flex-basis: 100%; justify-content: center; }
.long-term-property-info-item .icon { height: 0.85rem; width: 1.25rem; margin-right: 0.25rem; color: hsl(var(--siteColor1)); }

/* Long Term Detail */
.cms-long-term-detail-wrap { padding: 3.125rem 0; }

/* Long Term Detail Single Image */
.cms-long-term-img-description-wrap { display: flex; flex-wrap: wrap; }
.long-term-detail-content-wrap { display: flex; flex-wrap: wrap; flex-direction: row; align-items: center;  }
.long-term-single-img-wrap { max-width: 100%; position: relative; margin-bottom: 1rem; padding-bottom: 65%; overflow: hidden; background: var(--placeholderBG); border-radius: var(--borderRadius); box-shadow: var(--dropShadow); }
.long-term-single-img { display: block; width: 100%; height: 100%; object-fit: cover; position: absolute; top: 0; left: 0; z-index: 2; }
@media (min-width: 812px) {
  .long-term-single-img-wrap { margin-bottom: 0; }
}

/* Long Term Detail Swiper Wrapper */
.cms-long-term-gallery-wrap { margin: 0 0 3.125rem; max-width: 100%; }
.cms-long-term-gallery-wrap .swiper-container .swiper-lazy-preloader { --swiper-preloader-color: hsl(var(--siteColor1)); }
@media (min-width: 1025px) {
  .cms-long-term-gallery-wrap { max-width: calc(100vw - var(--srpMapContainerWidth) - var(--scrollbarWidth) - 6rem); }
  .map-collapse .cms-long-term-gallery-wrap { max-width: calc(100vw - var(--scrollbarWidth) - 6rem); }
}


.cms-long-term-gallery-wrap { margin: 3.125rem 0; }
.cms-long-term-gallery-wrap .swiper-container .swiper-lazy-preloader { --swiper-preloader-color: hsl(var(--siteColor1)); }
.long-term-gallery-controls { opacity: 0; visibility: hidden; width: 100%; margin: auto; position: absolute; top: 50%; right: 0; left: 0; z-index: 2; transform: translate(0,-50%); transition: all 0.4s ease-in-out; }
.long-term-gallery-swiper:hover .long-term-gallery-controls { opacity: 1; visibility: visible; }
.long-term-gallery-controls .long-term-btn-next,
.long-term-gallery-controls .long-term-btn-prev { width: 3.125rem; height: 3.125rem; position: absolute; top: 50%; background: hsla(var(--white), 75%); border-radius: 50vw; box-shadow: none; color: hsl(var(--siteColor1)); transition: all 0.4s ease-in-out; }
.long-term-gallery-controls .long-term-btn-next { right: 0.625rem; }
.long-term-gallery-controls .long-term-btn-prev { left: 0.625rem; }
.long-term-gallery-controls .long-term-btn-next:hover,
.long-term-gallery-controls .long-term-btn-prev:hover { background: hsl(var(--siteColor1)); box-shadow: var(--dropShadow); color: hsl(var(--white)); }
.long-term-gallery-controls .long-term-btn-next:focus,
.long-term-gallery-controls .long-term-btn-prev:focus { outline: none; box-shadow: var(--focusShadow); }
.long-term-gallery-controls .long-term-btn-next:after,
.long-term-gallery-controls .long-term-btn-prev:after { font-size: 1.875rem; }
.long-term-gallery-swiper .long-term-pagination.swiper-pagination-bullets { position: absolute; top: auto; right: auto; bottom: 1.25rem !important; left: 50% !important; z-index: 1; transform: translateX(-50%) !important; }
.long-term-pagination .swiper-pagination-bullet { opacity: 0.5; margin: 0.5rem; background: hsl(var(--white)); }
.long-term-pagination .swiper-pagination-bullet:hover { opacity: 1; background: hsla(var(--siteColor1), 0.75); }
.long-term-pagination .swiper-pagination-bullet-active,
.long-term-gallery-controls .swiper-pagination-bullet-active:hover { opacity: 1; background: hsl(var(--white)); }
@media (orientation: portrait) and (min-device-width:320px) and (max-device-width:1024px) {
  .long-term-gallery-controls { opacity: 1; visibility: visible; }
}
@media (orientation: landscape) and (min-device-width:480px) and (max-device-width:1024px) {
  .long-term-gallery-controls { opacity: 1; visibility: visible; }
}

/* Photo Gallery Images */
.long-term-gallery-swiper  { width: 100%; position: relative; border-radius: var(--borderRadius); }
.long-term-gallery-swiper .long-term-gallery-img-wrap { width: 100%; position: relative; padding-bottom: 56.25%; overflow: hidden; background: var(--placeholderBG);; border-radius: var(--borderRadius); }
.long-term-gallery-swiper .long-term-gallery-link { display: block; width: 100%; height: 100%; position: absolute; top: 0; left: 0; }
.long-term-gallery-swiper .long-term-gallery-img { display: block; width: 100%; height: 100%; object-fit: cover; position: absolute; top: 0; left: 0; z-index: 2; }

/* Photo Gallery Thumbnails */
.long-term-gallery-thumbs-controls { opacity: 0; visibility: hidden; width: 100%; margin: auto; position: absolute; top: 50%; right: 0; left: 0; z-index: 2; transform: translate(0,-50%); transition: all 0.4s ease-in-out; }
.long-term-gallery-thumbs-swiper:hover .long-term-gallery-thumbs-controls { opacity: 1; visibility: visible; }
.long-term-gallery-thumbs-controls .long-term-thumbs-btn-next,
.long-term-gallery-thumbs-controls .long-term-thumbs-btn-prev { width: 2.1875rem; height: 2.1875rem; position: absolute; top: 0.3125rem; background: hsla(var(--white), 75%); border-radius: 50vw; box-shadow: none; color: hsl(var(--siteColor1)); transition: all 0.4s ease-in-out; }
.long-term-gallery-thumbs-controls .long-term-thumbs-btn-next { right: 0.625rem; }
.long-term-gallery-thumbs-controls .long-term-thumbs-btn-prev { left: 0.625rem; }
.long-term-gallery-thumbs-controls .long-term-thumbs-btn-next:hover,
.long-term-gallery-thumbs-controls .long-term-thumbs-btn-prev:hover { background: hsl(var(--siteColor1)); box-shadow: var(--dropShadow); color: hsl(var(--white)); }
.long-term-gallery-thumbs-controls .long-term-thumbs-btn-next:focus,
.long-term-gallery-thumbs-controls .long-term-thumbs-btn-prev:focus { outline: none; box-shadow: var(--focusShadow); }
.long-term-gallery-thumbs-controls .long-term-thumbs-btn-next:after,
.long-term-gallery-thumbs-controls .long-term-thumbs-btn-prev:after { font-size: 1.25rem; }
@media (orientation: portrait) and (min-device-width:320px) and (max-device-width:1024px) {
  .long-term-gallery-thumbs-controls { opacity: 1; visibility: visible; }
}
@media (orientation: landscape) and (min-device-width:480px) and (max-device-width:1024px) {
  .long-term-gallery-thumbs-controls { opacity: 1; visibility: visible; }
}

/* Photo Gallery Thumbnail Images */
.long-term-gallery-thumbs-swiper  { width: 100%; position: relative; margin-top: 0.625rem; }
.long-term-gallery-thumbs-swiper .long-term-gallery-thumb-img-wrap { position: relative; padding-bottom: 56.25%; overflow: hidden; background: var(--placeholderBG);; border-radius: var(--borderRadius); }
.long-term-gallery-thumbs-swiper .long-term-gallery-thumb-img { display: block; width: 100%; height: 100%; object-fit: cover; position: absolute; top: 0; left: 0; }


/* Long Term Detail Info */
.long-term-detail-info .list-group-item span { margin-right: 0.25rem; font-weight: var(--wMedium); }
.long-term-detail-description { margin-bottom: 1rem; }
.long-term-detail-amenities { width: 100%; padding: 1rem; background: hsl(var(--white)); border-radius: var(--borderRadiusCheckbox); box-shadow: 0 0 0 0.125rem hsla(var(--siteColor1), 15%); }
.long-term-detail-map-wrap { width: 100%; }
.long-term-detail-form-wrap { width: 100%; padding: 1rem; background: hsl(var(--white)); border-radius: var(--borderRadiusCheckbox); box-shadow: 0 0 0 0.125rem hsla(var(--siteColor1), 15%); }

/* Send to a friend Modal */
.ltr-send-to-a-friend-modal .pdp-send-to-a-friend-modal-img { width: 100%; height: auto; margin-bottom: 0.5rem; border-radius: var(--borderRadius); }
