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

/* Commercial Property */
.commercial-property { overflow: hidden; width: 100%; display: flex; flex-direction: column; border-radius: var(--borderRadius); box-shadow: var(--dropShadow); font-family: var(--siteFont2), sans-serif; }
.commercial-property:hover { box-shadow: var(--dropShadow), var(--dropShadow); }
.commercial-property-img-wrap { position: relative; padding-bottom: 62.5%; position: relative; z-index: 1; background-color: var(--placeholderBG); }
.commercial-property-img-link { display: block; width: 100%; height: 100%; position: absolute; top: 0; left: 0; }
.commercial-property-img { display: block; width: 100%; height: 100%; position: absolute; top: 0; left: 0; }
.commercial-property-info-wrap { display: flex; flex-direction: column; position: relative; padding: 1rem 1.25rem; background: hsl(var(--white)); line-height: 1; }
.commercial-property-info-heading { display: flex; align-items: center; }
.commercial-property-info-type { padding-right: 0.5rem; }
.commercial-property-info-pets-allowed { color: hsl(var(--siteColor1)); }
.commercial-property-price { margin: 0.25rem 0; }
.commercial-property-address { margin: 0.25rem 0; }
.commercial-property-title { display: flex; margin: 0.25rem 0; }
.commercial-property-title h3 { margin: 0; font-family: var(--bodyFont); font-size: 1.25rem !important; line-height: 1.25; font-weight: var(--wRegular); }
.commercial-property-title-link, .commercial-property-title-link:hover { color: var(--bodyFontColor); }
.commercial-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); }
.commercial-property-info-item { display: flex; margin-top: 0.75rem; padding: 0 0.25rem; text-align: center; }
.commercial-property-info-item-address {  max-width: 100%; flex-basis: 100%; justify-content: center; }
.commercial-property-info-item .icon { height: 0.85rem; width: 1.25rem; margin-right: 0.25rem; color: hsl(var(--siteColor1)); }

/* Commercial Detail */
.cms-commercial-detail-wrap { padding: 3.125rem 0; }

/* Commercial Detail Single Image */
.cms-commercial-img-description-wrap { display: flex; flex-wrap: wrap; }
.commercial-detail-content-wrap { display: flex; flex-wrap: wrap; flex-direction: row; align-items: center;  }
.commercial-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); }
.commercial-single-img { display: block; width: 100%; height: 100%; object-fit: cover; position: absolute; top: 0; left: 0; z-index: 2; }
@media (min-width: 812px) {
  .commercial-single-img-wrap { margin-bottom: 0; }
}

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

/* Commercial Swiper Controls */
.commercial-gallery-swiper { padding: 1.875rem 0.9375rem; }
.commercial-gallery-controls { display: flex; flex-wrap: wrap; justify-content: space-between; width: 100%; max-width: 25rem; margin: auto; position: relative; }
.commercial-gallery-controls .commercial-btn-next,
.commercial-gallery-controls .commercial-btn-prev { width: 3.125rem; height: 3.125rem; margin: auto; position: relative; top: auto; right: auto; left: auto; background: transparent; border-radius: 50vw; box-shadow: none; color: hsl(var(--siteColor1)); transition: all 0.4s ease-in-out; }
.commercial-gallery-controls .commercial-btn-next:hover,
.commercial-gallery-controls .commercial-btn-prev:hover { background: hsl(var(--siteColor1)); box-shadow: var(--dropShadow); color: hsl(var(--white)); }
.commercial-gallery-controls .commercial-btn-next:focus,
.commercial-gallery-controls .commercial-btn-prev:focus { outline: none; box-shadow: var(--focusShadow); }
.commercial-gallery-controls .commercial-btn-next:after,
.commercial-gallery-controls .commercial-btn-prev:after { font-size: 1.875rem; }
.commercial-gallery-controls .commercial-pagination { width: auto; display: flex; align-items: center; position: relative; top: auto; right: auto; bottom: auto; left: auto; }

/* Commercial Swiper Images */
.commercial-gallery-img-wrap { width: 100%; position: relative; padding-bottom: 70%; overflow: hidden;  background: var(--placeholderBG); border-radius: var(--borderRadius); box-shadow: var(--dropShadow); }
.commercial-gallery-link { display: block; width: 100%; height: 100%; position: absolute; top: 0; left: 0; }
.commercial-gallery-img { display: block; width: 100%; height: 100%; object-fit: cover; position: absolute; top: 0; left: 0; z-index: 2; }

/* Commercial Gallery Swiper */
.commercial-photo-gallery-controls { width: 100%; margin: auto; position: absolute; top: 50%; right: 0; left: 0; z-index: 2; transform: translate(0,-50%); }
.commercial-photo-gallery-controls .commercial-photo-gallery-top-btn-next,
.commercial-photo-gallery-controls .commercial-photo-gallery-top-btn-prev { width: 3.125rem; height: 3.125rem; position: absolute; top: 50%; background: transparent; border-radius: 50vw; box-shadow: none; color: hsl(var(--white)); transition: all 0.4s ease-in-out; }
.commercial-photo-gallery-controls .commercial-photo-gallery-top-btn-next { right: 0.625rem; }
.commercial-photo-gallery-controls .commercial-photo-gallery-top-btn-prev { left: 0.625rem; }
.commercial-photo-gallery-controls .commercial-photo-gallery-top-btn-next:hover,
.commercial-photo-gallery-controls .commercial-photo-gallery-top-btn-prev:hover { background: hsl(var(--siteColor1)); box-shadow: var(--dropShadow); color: hsl(var(--white)); }
.commercial-photo-gallery-controls .commercial-photo-gallery-top-btn-next:focus,
.commercial-photo-gallery-controls .commercial-photo-gallery-top-btn-prev:focus { outline: none; box-shadow: var(--focusShadow); }
.commercial-photo-gallery-controls .commercial-photo-gallery-top-btn-next:after,
.commercial-photo-gallery-controls .commercial-photo-gallery-top-btn-prev:after { font-size: 1.875rem; }
.commercial-photo-gallery-top-swiper .commercial-photo-gallery-top-pagination.swiper-pagination-bullets { position: absolute; top: auto; right: auto; bottom: 1.25rem !important; left: 50% !important; z-index: 1; transform: translateX(-50%) !important; }
.commercial-photo-gallery-top-pagination .swiper-pagination-bullet { opacity: 0.5; margin: 0.5rem; background: hsl(var(--white)); }
.commercial-photo-gallery-top-pagination .swiper-pagination-bullet:hover { opacity: 1; background: hsla(var(--siteColor1), 0.75); }
.commercial-photo-gallery-top-pagination .swiper-pagination-bullet-active,
.commercial-photo-gallery-controls .swiper-pagination-bullet-active:hover { opacity: 1; background: hsl(var(--white)); }

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

/* Photo Gallery Thumbnails */
.commercial-photo-gallery-thumb-controls { width: 100%; margin: auto; position: absolute; top: 50%; right: 0; left: 0; z-index: 2; transform: translate(0,-50%); }
.commercial-photo-gallery-thumb-controls .commercial-photo-gallery-thumbs-btn-next,
.commercial-photo-gallery-thumb-controls .commercial-photo-gallery-thumbs-btn-prev { width: 2.1875rem; height: 2.1875rem; position: absolute; top: 0.3125rem; background: transparent; border-radius: 50vw; box-shadow: none; color: hsl(var(--white)); transition: all 0.4s ease-in-out; }
.commercial-photo-gallery-thumb-controls .commercial-photo-gallery-thumbs-btn-next { right: 0.625rem; }
.commercial-photo-gallery-thumb-controls .commercial-photo-gallery-thumbs-btn-prev { left: 0.625rem; }
.commercial-photo-gallery-thumb-controls .commercial-photo-gallery-thumbs-btn-next:hover,
.commercial-photo-gallery-thumb-controls .commercial-photo-gallery-thumbs-btn-prev:hover { background: hsl(var(--siteColor1)); box-shadow: var(--dropShadow); color: hsl(var(--white)); }
.commercial-photo-gallery-thumb-controls .commercial-photo-gallery-thumbs-btn-next:focus,
.commercial-photo-gallery-thumb-controls .commercial-photo-gallery-thumbs-btn-prev:focus { outline: none; box-shadow: var(--focusShadow); }
.commercial-photo-gallery-thumb-controls .commercial-photo-gallery-thumbs-btn-next:after,
.commercial-photo-gallery-thumb-controls .commercial-photo-gallery-thumbs-btn-prev:after { font-size: 1.25rem; }

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

/* Commercial Detail Info */
.commercial-detail-info .list-group-item span { margin-right: 0.25rem; font-weight: var(--wMedium); }
.commercial-detail-description { margin-bottom: 1rem; }
.commercial-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%); }
.commercial-detail-map-wrap { width: 100%; }
.commercial-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); }