/* ===================================================================== #PROPERTY DETAILS ===================================================================== */

.lg-container { display: none;}
.lg-outer .lg-thumb-item.active, .lg-outer .lg-thumb-item:hover { 
  color: var(--color-primary-alt);
}

#property-details {padding: 40px 0;}

.property-det--container {display: grid;grid-template-columns: repeat(12, minmax(0, 1fr));gap:var(--grid-gap--large);}
.property-det--container:not(:last-of-type){margin-bottom: var(--grid-gap--large);}



.property-det--container .property-det-left{position: relative;display: grid;grid-template-columns: repeat(1, minmax(0, 1fr));gap: var(--grid-gap--large);grid-column: 1 / 9;grid-auto-rows: min-content;}
.property-det--container .property-det-right{position: relative;display: grid;grid-template-columns: repeat(1, minmax(0, 1fr));gap: var(--grid-gap--large);grid-column: 9 / 13;will-change: min-height;grid-auto-rows: min-content;}

.property-det--container.property-det--container-top {align-items: start;}
.property-det--container.property-det--container-top  .property-det-right{grid-auto-rows: initial;}


@media (min-width: 981px) {
  .screen--981px{  display: none!important;}
}

@media (max-width: 1400px) {
  #property-details {padding: 20px 0;}
}

@media (max-width: 1200px) {
  .property-det--container .property-det-left { grid-column: 1 / 8;}
  .property-det--container .property-det-right { grid-column: 8 / 13;}
}

@media (max-width: 980px) {
  #property-details {padding: 20px 0 40px; --grid-gap--large:30px;}
  .property-det--container {grid-template-columns: repeat(1, minmax(0, 1fr));}
  .property-det--container .property-det-left, .property-det--container .property-det-right {grid-column: 1 / 2;grid-gap: var(--grid-gap--large);}
  .property-det--container.property-det--container-top .property-det-left { overflow: visible;}
  
  .property-det--container.property-det--container-bottom .property-det-left { grid-row: 2;}
  .property-det--container.property-det--container-bottom .property-det-right {  grid-row: 1;} 
}

@media (max-width: 667px) {
  #property-details {--grid-gap--large:20px;}
  .property-det--container .property-det-left, .property-det--container .property-det-right {gap: 20px;}
  .property-det--container.property-det--container-top .property-det-left{ margin-bottom: 20px;}
}

/* ====================================================================== 
gallery 
====================================================================== */

.property-det-gallery {width: 100%;display: block;height: 100%;position: relative;border: 1px solid #ddd;border-radius: 5px; min-height: 595.5px;}

.property-det-gallery .swiper {width: 100%; height: 100%;}
.property-det-gallery .swiper-slide {text-align: center;font-size: 18px;background: #fff;}

.property-det-gallery #gallery  {border-radius: 5px;height: 100%; max-height: 672px;min-height: 550px;}
.property-det-gallery #gallery a { width: 100%;}
.property-det-gallery #gallery img {height: 100%;width: 100%;object-fit: cover; }

.property-det-gallery #gallery .swiper-slide img:not([src]) {visibility: hidden;}

.property-det-gallery .swiper:not(.swiper-initialized) img { display: none;}
 

.property-det-gallery #gallery .swiper-arrow { opacity: 0;}
.property-det-gallery #gallery.swiper-initialized .swiper-arrow {opacity: 1;}
.property-det-gallery #gallery .swiper-button-next {height: 100%;top: 0;margin: 0;width: 80px; right: 0; border-radius: 0 5px 5px 0; transition: all .3s ease-in-out;}
.property-det-gallery #gallery .swiper-button-prev {height: 100%;top: 0;margin: 0;width: 80px; left: 0; border-radius: 5px 0px 0px 5px; transition: all .3s ease-in-out;}
/* .property-det-gallery #gallery .swiper-button-next:hover {background: linear-gradient(270deg, rgba(0,0,0,0.2) 0%, rgba(0,0,0,0) 100%);}
.property-det-gallery #gallery .swiper-button-prev:hover {background: linear-gradient(90deg, rgba(0,0,0,0.2) 0%, rgba(0,0,0,0) 100%);} */
.property-det-gallery #gallery .swiper-button-next:after, .property-det-gallery #gallery .swiper-button-prev:after { display: none;}
.property-det-gallery #gallery .swiper-button-next i, .property-det-gallery #gallery .swiper-button-prev i { color: #fff; font-size: 34px;}

.property-det-gallery .ribbon-top {
  --d:12px;
  --w:200px;
  --c: var(--color-secondary);
  position: absolute;
  top: 0;
  right: 0;
  transform: translate(29.29%, -100%) rotate(45deg);
  color: #fff;
  text-align: center;
  width: var(--w);
  transform-origin: bottom left;
  padding:5px 0 calc(var(--d) + 5px);
  background: linear-gradient(rgba(0,0,0,0.6) 0 0) bottom/100% var(--d) no-repeat var(--c);
  clip-path:polygon(0 100%,0 calc(100% - var(--d)),50% calc(100% - var(--d) - var(--w)/2),100% calc(100% - var(--d)),100% 100%,calc(100% - var(--d)) calc(100% - var(--d)), var(--d) calc(100% - var(--d)));
  z-index:9;
  font-family: var(--font-title);
  font-size: 1.6rem;
  display:flex;
  flex-direction:column;
  font-weight: 500;
  }
  
.property-det-gallery .ribbon-top.left {left:0;right:auto;transform: translate(-29.29%, -100%) rotate(-45deg);transform-origin: bottom right;}
.property-det-gallery .ribbon-top.right {right: 0;left: auto;transform: translate(29.29%, -100%) rotate(45deg);transform-origin: bottom left;}



@media (max-width: 980px) {
  .property-det-gallery, .property-det-gallery #gallery  {height: calc(100vw / 1.5);max-height: initial;min-height: initial;}

}

@media (max-width: 768px) {
  .property-det-gallery #gallery.swiper-initialized .swiper-arrow  { opacity: 1!important; width: 50px;}
  .property-det-gallery #gallery .swiper-button-next i, .property-det-gallery #gallery .swiper-button-prev i {font-size: 30px!important;}

}

@media (max-width: 667px) {
}


/* ====================================================================== 
top right details
====================================================================== */

.property-det-top-right {display: flex;width: 100%;align-items: flex-start;flex-direction: column;gap: var(--grid-gap);}

.property-det-top-btns {display: flex;width: 100%;align-items: center;gap: 10px;}
.property-det-top-btns .back-btn{display: flex;align-items: center;justify-content: center;gap: 5px;color: #fff;background: var(--color-secondary);padding: 0 10px;border-radius: 5px;height: 30px;width: 30px;border: 1px solid var(--color-secondary);border-radius: 50%;}
.property-det-top-btns .back-btn i {position: relative;top: 0px;font-size: 1.5rem;}


@media(max-width:980px){
  .property-det-top-btns:not(.screen--981px){display: none;}
}
/* ====================================================================== 
top button
====================================================================== */


.property-det-top-btns .property-det-top-btns--right {display: flex;gap: 10px;align-items: center;}
.property-det-top-btns .property-det-top-btns--right.float-right { margin-left: auto;}
.property-det-top-btns .property-det-top-btns--right a, .property-det-top-btns .property-det-top-btns--right .save-property--btn{all: unset;font-size: 1.6rem;color: var(--color-primary);cursor: pointer;transition: color .3s ease-in-out;display: flex;gap: 10px;padding: 0 10px;height: 30px;align-items: center;border-radius: 5px;}
/* .property-det-top-btns .property-det-top-btns--right > a:hover, .property-det-top-btns .property-det-top-btns--right .save-property--btn:hover{color: #fff;background: var(--color-primary);border-color: var(--color-primary);} */

.property-det-top-btns .property-det-top-btns--right a .btn-text, .property-det-top-btns .property-det-top-btns--right .save-property--btn .btn-text  {display: block; font-size: 1.4rem;}


.property-det-top-btns .property-det-top-btns--right .save-property--btn { background: var(--color-secondary);border-color: var(--color-secondary);color: #fff;}
.property-det-top-btns .property-det-top-btns--right .save-property--btn.saved {background: var(--color-primary);border-color: var(--color-primary);color: #fff;}


.share-container { position: relative;}
.share-container .share-dropdown { display: grid;position: absolute;top: 50px;right: 0;min-width: 200px;width: max-content;opacity: 0;visibility: hidden;height: 0;align-content: flex-start;z-index: -1;background: #f4f4f4;padding: 0 20px;border-radius: 5px; box-shadow: 1px 1px 2px rgb(0 0 0 / 10%);}

.share-container .share-dropdown::before { content: "";position: absolute;width: 0;height: 0;border-left: 10px solid transparent;border-right: 10px solid transparent;border-bottom: 10px solid #f4f4f4;right: 15px;top: -10px;opacity: 1; }

.share-container.active .share-dropdown { height: auto;opacity: 1;visibility: visible;z-index: 9;}
.share-container .share-dropdown li:first-child { margin-top: 14px; }
.share-container .share-dropdown li:last-child {margin-bottom: 14px; }
.share-container .share-dropdown li .share__link{all:unset;color: var(--color-primary);font-size: 1.6rem;font-weight: 400;padding: 5px 0;display: flex;transition: all .3s ease-in-out;gap: 20px;align-items: center;cursor: pointer;}
.share-container .share-dropdown li .share__link i {width: 15px;text-align: center;color: var(--color-primary);}


.share-container .share-dropdown li .share__link:hover .text-label { text-decoration: underline;}


/* ====================================================================== 
top price
====================================================================== */

.property-det-price-outer {display: flex;flex-direction: column;width: 100%;padding-top: 10px;}
.property-det-price-outer .prop-det-price-text {font-size: 1.6rem;font-weight: 500;color: #666; text-transform: capitalize;}
.property-det-price-outer .prop-det-price-amount {color: var(--color-primary);font-size: 3rem;font-weight: 600;font-family: var(--font-title);line-height: normal;display: flex;align-items: center;}

.property-det-price-outer .prop-det-price-amount:not(.prop-det-price-amount--range) > span {justify-content: flex-end;display: flex;text-align: right;font-size: 1.4rem;margin-left: auto;font-weight: 400;flex-wrap: wrap;padding: 0 8px;height: 30px;border-radius: 5px;background: #EFF8FE;align-items: center;gap: 5px;}
.property-det-price-outer .prop-det-price-amount:not(.prop-det-price-amount--range) > span a {text-decoration: underline;font-weight: 500;}
.property-det-price-outer .prop-det-price-amount:not(.prop-det-price-amount--range) > span span  {margin-left: -3px;}

.property-det-price-outer .prop-det-price-amount--range {align-items: baseline;gap: 5px; }
.property-det-price-outer .prop-det-price-amount--range span {font-size: 1.8rem;color: #666;font-weight: 400;}

.property-det-address-outer {display: flex;flex-direction: column;width: 100%;}

.property-det-address-outer .prop-det-headline {margin-bottom: 5px;font-size: 1.6rem;font-weight: 500;color: #666;}
.property-det-address-outer .prop-det-address-one {font-size: 3rem;font-weight: 500;line-height: normal;margin-bottom: 5px;}
.property-det-address-outer .prop-det-address-two{font-size: 2rem;font-weight: 400;text-transform: capitalize;color: #666;}


.property-det-right-contact {position: relative;}
.property-det-right-contact:not(.screen--981px) {will-change: min-height;position: -webkit-sticky; /* Safari */position: sticky;top: calc(var(--topbar-height) + 20px);}
.property-det-right-contact:not(.screen--981px) .property-det-right-contact-fix { transform: translate(0, 0);transform: translate3d(0, 0, 0);will-change: position, transform;}

@media(max-width:980px){

  .property-det-right-contact.screen--981px {position: fixed;top: -100px;left: 0;background: #fff;z-index: -1;width: 100%; transition: all .3s ease-in-out;}
  .property-det-right-contact.screen--981px.scroll { top:0;z-index: 9;} 
}

@media(max-width:980px) and (min-width:668px){
  .property-det-top-right {flex-direction: row;flex-wrap: wrap;align-items: flex-end;}
  .property-det-top-btns {width: 100%;margin-bottom: -10px;}
  .property-det-price-outer {width: auto;flex: 1;border: none;text-align: end;padding-top: 0;}
  .property-det-address-outer {flex: 1;width: auto;}
  .property-det-price-outer .prop-det-price-amount {flex-direction: column;align-items: flex-end;}
  .property-det-price-outer .prop-det-price-amount > span { margin-top: 10px;}
}

@media(max-width:667px){
  .property-det-address-outer .prop-det-headline,.property-det-price-outer .prop-det-price-text { font-size: 1.5rem;} 
  .property-det-address-outer .prop-det-address-one, .property-det-price-outer .prop-det-price-amount  {font-size: 2.6rem;align-items: flex-end;}
  .property-det-address-outer .prop-det-address-two{font-size: 1.6rem;}
}

@media(max-width:480px){
  .property-det-address-outer .prop-det-address-one, .property-det-price-outer .prop-det-price-amount  {font-size: 2.4rem;}
  .property-det-price-outer .prop-det-price-amount > span {font-size: 1.3rem;}
}

/* ====================================================================== 
agent card
====================================================================== */

.prop-det-agent-block {width:100%;position:relative;border: 1px solid #ddd;border-radius: 5px;}
.prop-det-agent-block header {display: flex;align-items: center;width: 100%;padding: 0 20px;border-bottom: 1px solid #ddd;height: 55px;}

.prop-det-agent--outer { display: flex; flex-direction: column; gap: var(--grid-gap); padding: 20px; }
.prop-det-agent--card {display: flex;flex-direction: row;width: 100%;gap: var(--grid-gap); border-bottom: 1px solid #ddd; padding-bottom: 20px;}

.prop-det-agent--logos {display: flex;flex-direction: column;gap: var(--grid-gap);align-items: center;}
.prop-det-agent--logos .prop-det-agent--img{width: auto;height: auto;}
.prop-det-agent--logos .prop-det-agent--img img {width: 100%;height: 100%;max-height: 100px;max-width: 100px;object-fit: contain;object-position: center;}
.prop-det-agent--details{flex: 1;display: flex;flex-direction: column;align-items: flex-start;gap: 10px;justify-content: center;}
.prop-det-agent--details h3 {font-size: 2rem;text-wrap: balance;}
.prop-det-agent--details h3 a:hover { text-decoration: underline; }

.prop-det-agent--phone a { font-family: var(--font-title); font-size: 1.4rem;color: var(--color-primary);cursor: pointer;transition: color .3s ease-in-out;display: flex;gap: 10px;padding: 0 10px;height: 34px;align-items: center;border: 1px solid;border-radius: 5px;}

.prop-det-agent--cta {display: flex;flex-direction: column;gap: 10px;width: 100%;}
.prop-det-agent--cta a {width: 100%;display: flex;align-items: center;justify-content: center;gap: 10px;font-size: 1.8rem;}
.prop-det-agent--cta a i {font-size: 1.8rem;}
.prop-det-agent--cta .prop-det-agent--phone { display: none;}

@media(max-width:1300px) and (min-width:1200px){
  .prop-det-agent--logos .prop-det-agent--img img{ max-width: 80px; max-height: 80px;}
  .prop-det-agent--details h3  { font-size: 1.8rem;}
}

@media(max-width:1080px) and (min-width:981px){
  .prop-det-agent--logos .prop-det-agent--img img{ max-width: 80px; max-height: 80px;}
  .prop-det-agent--details h3  { font-size: 1.8rem;}
}

 @media(max-width:980px){

  .property-det-right-contact.screen--981px .prop-det-agent-block { border-radius: 0; border-width: 0 0 1px 0;}
  .property-det-right-contact.screen--981px .prop-det-agent-block header { display: none;}

  .property-det-right-contact.screen--981px .prop-det-agent--outer { flex-direction: row; padding: 10px;}
  .property-det-right-contact.screen--981px .prop-det-agent--logos .prop-det-agent--img img{max-width: 50px;max-height: 50px;}

  .property-det-right-contact.screen--981px .prop-det-agent--card {padding: 0;border: 0;}
  .property-det-right-contact.screen--981px .prop-det-agent--card .prop-det-agent--details h3 { font-size: 1.6rem;}
  .property-det-right-contact.screen--981px .prop-det-agent--card .prop-det-agent--phone { display: none;}
  
  .property-det-right-contact.screen--981px .prop-det-agent--cta {flex-direction: row;align-items: center;justify-content: flex-end;}
  .property-det-right-contact.screen--981px .prop-det-agent--cta .prop-det-agent--phone {display: flex;}
  .property-det-right-contact.screen--981px .prop-det-agent--cta a {height: 40px;font-size: 1.5rem;width: auto;padding: 0 15px;}
}

@media(max-width:768px){
  .property-det-right-contact.screen--981px .prop-det-agent--card { width: auto;}
  .property-det-right-contact.screen--981px .prop-det-agent--card .prop-det-agent--details h3 { font-size: 1.4rem;}
}

@media(max-width:667px){
  .prop-det-agent-block header { height: 50px;}
  .property-det-right-contact.screen--981px .prop-det-agent--card .prop-det-agent--details { display: none;}
  .property-det-right-contact.screen--981px .prop-det-agent--logos .prop-det-agent--img img { width: 50px; height: 50px;}
  .property-det-right-contact.screen--981px .prop-det-agent--cta a { height: 40px;}
} 

@media(max-width:480px){
  .prop-det-agent--details h3  { font-size: 1.8rem;}
  .prop-det-agent--cta a { font-size: 1.6rem;}
  .prop-det-agent--phone a { height: 30px;}
}

@media(max-width:400px){
  .property-det-right-contact.screen--981px .prop-det-agent--card  { display: none;}
  .property-det-right-contact.screen--981px .prop-det-agent--cta {justify-content: space-between;}
  .property-det-right-contact.screen--981px .prop-det-agent--cta div { flex: 1;}
  .property-det-right-contact.screen--981px .prop-det-agent--cta a {width: 100%;}
}
@media(max-width:360px){
  .prop-det-agent--logos .prop-det-agent--img img{ max-width: 80px; max-height: 80px;}
  .prop-det-agent--details h3  { font-size: 1.8rem;}
  .prop-det-agent--cta a { font-size: 1.6rem;}
}

/* ====================================================================== 
overview list
====================================================================== */

.property-det-overview-block { position: relative;}
.property-det-overview-block header{}

.prop-det-overview {display: flex;flex-wrap: wrap;width: 100%; position: relative;}
.prop-det-overview li {display: flex;font-size: 1.5rem;gap: 2px;width: 100%;padding: 10px 15px;text-align: right;justify-content: flex-end; text-wrap: balance; position: relative;}
.prop-det-overview li:nth-child(odd) { background-color: #f4f4f4;}
.prop-det-overview li.epc {flex-direction: row;flex-wrap: wrap;}
.prop-det-overview li > span {font-family: var(--font-title);color: var(--color-primary);width: 180px;display: flex;align-items: center;gap: 5px;/* position: relative; */margin-right: auto; text-align: left;}
.prop-det-overview li > span i {position: relative;top: 1px;}
.prop-det-overview li a {color: var(--color-primary);text-decoration: underline;cursor: pointer;}
.prop-det-overview li .tooltiptext {visibility: hidden;width: 400px;width: max-content;max-width: 100%;background-color: var(--color-primary);color: #fff;text-align: center;padding: 9px 10px 9px;position: absolute;z-index: 9999;top: calc(100%);left: 0;opacity: 0;transition: opacity 0.3s;font-size: 1.3rem;border-radius: 0 0 3px 3px; text-wrap: pretty;}
.prop-det-overview li .tooltiptext::after {content: "";position: absolute;top: -15px;left: 50px;border-width: 8px;border-style: solid;border-color: transparent transparent var(--color-primary) transparent;}
.prop-det-overview li .tooltip:hover .tooltiptext, .prop-det-overview li .tooltip:focus .tooltiptext {visibility: visible;opacity: 1;}

.property-det-overview-block--showhome { padding: 20px; background-color: var(--color-primary-light);}
.prop-det-opening{ font-size: 1.5rem ;color: var(--color-primary) ;font-weight: 400 ;line-height: 1.9;font-style: normal; text-wrap: pretty;}


@media(max-width:1200px) and (min-width:981px){
  .prop-det-overview li {flex-wrap: wrap;width: 100%;}
  .prop-det-overview li > span {/* width: 100%; */}
}

@media(max-width:980px) and (min-width:668px){
  .prop-det-overview li {position: relative;width: 50%; background-color: #fff;}
  .prop-det-overview li:nth-child(odd){ background-color: initial;}
  .prop-det-overview li:nth-child(4n+2), .prop-det-overview li:nth-child(4n+1){ background-color: #f4f4f4;}
  .prop-det-overview li > span, .prop-det-overview li .tooltip { position: initial;}
  .prop-det-overview li .tooltiptext { width: 100%; max-width: 100%;top: calc(100%); left: 0;}
  .prop-det-overview li .tooltiptext::after { display: none;}
}


@media(max-width:667px){
  .prop-det-overview li { font-size: 1.4rem; width: 100%;}
  .prop-det-overview li > span { width: auto;}
}
@media(max-width:480px){
  .prop-det-overview::after { display: none;}

}

/* ====================================================================== 
main block
====================================================================== */

.prop-det-main-block {display: inline-block;width: 100%;position: relative;line-height: 1.9;z-index: 1;border: 1px solid #ddd;background: #fff;border-radius: 5px; scroll-margin-top: calc(var(--topbar-height) + 20px);}

.prop-det-main-block > header {display: flex;align-items: center;width: 100%;padding: 0 20px;border-bottom: 1px solid #ddd;height: 55px;}
.prop-det-main-block .prop-det-title, .prop-det-title {font-weight: 500;font-size: 2.2rem;color: var(--color-primary);}

.prop-det-main-block .prop-det-main-block--outer {display: flex;flex-direction: column;gap: var(--grid-gap);padding: 20px;align-items: flex-start;}
.prop-det-main-block .prop-det-main-block--outer.prop-det-main-block--small {max-height: 550px;overflow: hidden;padding-bottom: 80px;}
.prop-det-main-block .prop-det-main-block--outer.prop-det-main-block--small::before {position: absolute;content: "";background: -moz-linear-gradient(top, rgba(255,255,255,0) 0%, rgba(255,255,255,1) 88%, rgba(255,255,255,1) 89%);background: -webkit-linear-gradient(top, rgba(255,255,255,0) 0%,rgba(255,255,255,1) 88%,rgba(255,255,255,1) 89%);background: linear-gradient(to bottom, rgba(255,255,255,0) 0%,#ffffff 65%,#ffffff 100%);filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00f6f6f6', endColorstr='#f6f6f6',GradientType=0 );opacity: 1;width: 100%;height: 200px;bottom: 0px;left: 0;z-index: 1;border-radius: 5px;}
 
.prop-det-main-block .prop-det-text, .prop-det-main-block .prop-det-text *:not(strong) {font-size: 1.5rem!important;color: var(--color-primary)!important;/* font-weight: 400!important; */font-family: inherit!important;text-align: left!important;margin-left: 0!important;text-indent: 0!important;text-decoration: none!important;line-height: 1.9;font-style: normal;}
.prop-det-main-block .prop-det-text, .prop-det-main-block .prop-det-text strong { color: var(--color-primary)!important; font-family: inherit!important;}
.prop-det-main-block .prop-det-text strong, .prop-det-main-block .prop-det-text b{font-style: normal!important;font-weight: 700!important;}


.prop-det-main-block .prop-det-text ul {list-style: none;margin: 0!important;padding: 0!important;}
.prop-det-main-block .prop-det-text li {list-style: none;position: relative;padding-left: 20px;margin-bottom: 5px;}
.prop-det-main-block .prop-det-text li::before {content: "";position: absolute;width: 8px;height: 8px;border-radius: 50%;background-color: var(--color-primary);left: 0;top: 11px;}  

.prop-financials {display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: var(--grid-gap); width: 100%; }
.prop-financials li { display: flex; flex-direction: column;font-size: 1.5rem; color: var(--color-primary); }
.prop-financials li span { font-weight: 600; }


.prop-det-main-block .prop-det-feats {display: flex;flex-direction: row;flex-wrap: wrap;gap: 10px;font-size: 1.5rem!important;width: 100%;}
.prop-det-main-block .prop-det-feats .feat {width: calc(50% - 10px);float: left;font-size: 1.5rem;color: var(--color-primary);display: flex;align-items: baseline;line-height: 2.4rem;font-weight: 500;}

.prop-det-main-block .prop-det-feats:has(.feat.full) .feat { width: 100%;}
.prop-det-main-block .prop-det-feats .feat.asterisks i { display: none; }
.prop-det-main-block .prop-det-feats .feat.header { width: 100%; font-weight: 600; }
.prop-det-main-block .prop-det-feats .feat.header i { display: none;} 

.prop-det-main-block .prop-det-feats .feat:not(:first-of-type).header {margin-top: 20px; }



.prop-det-main-block .prop-det-feats .feat:nth-of-type(2n) { margin-right: 0px; }
.prop-det-main-block .prop-det-feats .feat i {color: var(--color-secondary);margin-right: 10px;font-size: 2rem;position: relative;top: 3px;}

.prop-det-main-block .prop-det-feats .feat-list {display: flex;flex-direction: row;flex-wrap: wrap;gap: 10px; width: 100%;}
.prop-det-main-block .prop-det-feats .feat-list li {width: calc(50% - 10px);float: left;font-size: 1.5rem;color: var(--color-primary);display: flex;align-items: baseline;line-height: 2.4rem;font-weight: 500; padding-left: 25px;position: relative;}
.prop-det-main-block .prop-det-feats .feat-list li:not(.header):nth-of-type(2n) { margin-right: 0px; }
.prop-det-main-block .prop-det-feats .feat-list li:not(.header)::before { font-family: 'FontAwesome';content:"\f00c";position:absolute;right:20px;font-size: 2rem;font-weight:700;color: var(--color-secondary);font-size: 2rem;top: 2px; left: 0;}
.prop-det-main-block .prop-det-feats .feat-list li.full { width: 100%;}
.prop-det-main-block .prop-det-feats .feat-list:has(.full) li { width: 100%; }

.prop-det-main-block .prop-det-feats .feat-list li.header {width: 100%; font-weight: 600; padding-left: 0;}
.prop-det-main-block .prop-det-feats .feat-list li:not(:first-child).header {margin-top: 20px; }

.prop-det-main-block .prop-det-feats .feat-list li.asterisks {width: 100%; padding-left: 0;}
.prop-det-main-block .prop-det-feats .feat-list li.asterisks::before { display: none;}


.prop-det-main-block .prop-det-feats:has(.feat) .feat-list { margin-top: 20px;}
.prop-det-main-block .prop-det-feats .feat-list li:empty{display: none;}

.prop-det-main-block .prop-det-rooms {display: flex; flex-direction: column; width: 100%;}
.prop-det-main-block .prop-det-rooms .room-row {display: flex;font-size: 1.5rem;color: var(--color-primary);padding-bottom: 15px;margin-bottom: 15px;border-bottom: 1px solid #ddd; align-items: baseline;}
.prop-det-main-block .prop-det-rooms .room-name {width: 200px; padding-right: 15px;font-weight: 500;color: var(--color-primary);text-transform: uppercase;font-size: 1.4rem;line-height: 2.4rem;font-family: var(--font-title);}
.prop-det-main-block .prop-det-rooms .room-desc { flex: 1; }

.prop-det-main-block .prop-det-rooms .room-name.empty{display: none;}

/* .prop-det-main-block .prop-det-rooms .room-row:has(.room-desc.empty) .room-name { width: 100%;} */

.block-readmore {display: inline-flex;text-align: center;position: absolute;cursor: pointer;align-items: center;padding: 10px 15px;background: var(--color-secondary);z-index: 9;font-size: 1.6rem;color: #fff;gap: 15px;line-height: 1.5;bottom: 20px;left: initial;font-family: var(--font-title);font-weight: 500;border-radius: 5px;}
.block-readmore.active{position: relative;bottom: 0;}
.block-readmore .block-readmore-text {pointer-events: none; cursor: default;}
.block-readmore .block-readmore-icon {font-size: 1.6rem;color: #fff;line-height: 1;pointer-events: none;cursor: default;}
.block-readmore i { display: block;}

@media(max-width:768px){
  .prop-det-main-block .prop-det-title, .prop-det-title { font-size: 2rem;}
}

@media(max-width:667px) {
  .prop-det-main-block > header { height: 50px;}
  .prop-det-main-block .prop-det-title, .prop-det-title {font-size: 2rem;}

  .prop-det-main-block .prop-det-feats{  gap: 5px;}
  .prop-det-main-block .prop-det-feats .feat{width: 100%;margin-right: 0;font-size: 1.4rem;}
  .prop-det-main-block .prop-det-feats .feat i{ font-size: 1.8rem;}

  .prop-det-main-block .prop-det-feats .feat-list{  gap: 5px;}
  .prop-det-main-block .prop-det-feats .feat-list li {width: 100%;margin-right: 0;font-size: 1.4rem;}
  .prop-det-main-block .prop-det-feats .feat-list li::before { font-size: 1.8rem;}

  .prop-det-main-block .prop-det-rooms .room-row {flex-direction: column;font-size: 1.4rem;line-height: 2.4rem;}
  .prop-det-main-block .prop-det-rooms .room-name { width: 100%; margin-bottom: 10px; }
  .prop-det-main-block .prop-det-rooms .room-desc { width: 100%; }
  .prop-det-main-block .prop-det-text {font-size: 1.4rem;line-height: 2.6rem;}

  .prop-financials {display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: var(--grid-gap); width: 100%; }


  .block-readmore{ font-size: 1.5rem; padding: 8px 15px;}
  .block-readmore .block-readmore-icon { font-size: 1.6rem;}
}

/* ====================================================================== 
Video
====================================================================== */ 

#prop-det-video .prop-det-main-block--outer { padding: 0; gap: 0; background: #000;}

#prop-det-video .prop-det-main-block--outer.embed-responsive { position: relative;display: block;width: 100%;padding: 0;overflow: hidden; border-radius: 0px 0px 5px 5px;} 

#prop-det-video .embed-responsive-16by9:before {padding-top: 56.25%;}
#prop-det-video .embed-responsive::before {display: block;content: "";}
#prop-det-video .embed-responsive .embed-responsive-item, .embed-responsive embed, .embed-responsive iframe, .embed-responsive object, .embed-responsive video {position: absolute;top: 0;bottom: 0;left: 0;width: 100%;height: 100%;border: 0;}

#prop-det-video .reel { display: flex; justify-content: center; align-items: center; padding: 20px; }
#prop-det-video .reel * { width: auto!important;}

@media(max-width:667px) {
  #prop-det-video .reel { overflow: hidden;}
  #prop-det-video .reel *{ width: 100%!important; max-height: 580px!important;}
}

/* ====================================================================== 
Broadband
====================================================================== */

#prop-det-broadband.prop-det-main-block {background: rgb(48,46,70);background: linear-gradient(90deg, rgb(4 21 79) 0%, rgb(38 101 216) 100%);}
#prop-det-broadband.prop-det-main-block header  {background: none;border-color: rgb(255 255 255 / 10%);}
#prop-det-broadband.prop-det-main-block .prop-det-title { color: #fff;}
#prop-det-broadband .prop-det-main-block--outer { padding: 30px;}

.prop-det-broadband {display: flex;flex-direction: row;gap: 40px;width: 100%;}
.prop-det-broadband--type{display: flex;flex-direction: column;width: 200px;align-items: center;justify-content: center;}
.prop-det-broadband--type .icon {color: #fff;font-size: 12rem;line-height: normal;display: flex;}
.prop-det-broadband--type .rating {color: var(--color-primary-alt);font-size: 3.4rem;text-align: center;font-weight: 500;}

.prop-det-broadband--details{flex: 1;display: flex;flex-direction: column;padding: 20px;color: #fff;background: rgb(255 255 255 / 20%);border-radius: 5px;gap: 20px;justify-content: space-between;}

.prop-det-broadband-speeds {display: flex;flex-direction: row;width: 100%;gap: 20px;}
.prop-det-broadband-speed-type { display: flex; flex-direction: column; width: 50%; gap: 5;
}
.prop-det-broadband-speed-type .heading {display: flex;align-items: center;gap: 10px;font-size: 1.6rem;line-height: normal;font-family: var(--font-title);font-weight: 400;}
.prop-det-broadband-speed-type .heading .icon{color: var(--color-primary-alt);font-size: 2rem;}
.prop-det-broadband-speed-type .heading .title{color: #fff;}

.prop-det-broadband-speed-type .speed {display: flex;gap: 5px;font-size: 5rem;font-family: var(--font-title);font-weight: 600;align-items: baseline;line-height: normal;}
.prop-det-broadband-speed-type .speed span {font-weight: 500;font-size: 2rem;}

@media(max-width:1200px) and (min-width:981px){
  .prop-det-broadband--type { width: 120px;}
  .prop-det-broadband--type .icon { font-size: 8rem;}
  .prop-det-broadband--type .rating {font-size: 2.4rem;}
  #prop-det-broadband.prop-det-main-block header h3 {font-size: 1.8rem;}
  .prop-det-broadband-speed-type .heading {font-size: 1.4rem;}
  .prop-det-broadband-speed-type .heading .icon{ font-size: 1.6rem;}
  .prop-det-broadband-speed-type .speed{ font-size: 3.4rem;}
  .prop-det-broadband-speed-type .speed span { font-size: 1.8rem;}
}

@media(max-width:768px){
  .prop-det-broadband--type { width: 120px;}
  .prop-det-broadband--type .icon { font-size: 8rem;}
  .prop-det-broadband--type .rating {font-size: 2.4rem;}
  #prop-det-broadband.prop-det-main-block header h3 {font-size: 1.8rem;}
  .prop-det-broadband-speed-type .heading {font-size: 1.4rem;}
  .prop-det-broadband-speed-type .heading .icon{ font-size: 1.6rem;}
  .prop-det-broadband-speed-type .speed{ font-size: 3.4rem;}
  .prop-det-broadband-speed-type .speed span { font-size: 1.8rem;}
}

@media(max-width:667px){
  #prop-det-broadband .prop-det-main-block--outer { padding: 20px;}
  .prop-det-broadband {flex-direction: column;gap: 10px;}
  .prop-det-broadband--type {flex-direction: row;width: 100%;gap: 10px;justify-content: flex-start;}
  .prop-det-broadband--type .icon { font-size: 2.4rem;}
}

@media(max-width:480px){
  #prop-det-broadband.prop-det-main-block header h3 {font-size: 1.6rem; text-wrap: pretty;}
  .prop-det-broadband--type .rating { font-size: 2rem;}
  .prop-det-broadband-speed-type .heading {font-size: 1.3rem;}
  .prop-det-broadband-speed-type .heading .icon{ font-size: 1.5rem;}
  .prop-det-broadband-speed-type .speed{ font-size: 2.8rem;}
  .prop-det-broadband-speed-type .speed span { font-size: 1.6rem;}
}

/* ====================================================================== 
CTA BAR
====================================================================== */

.prop-cta-bar {position: absolute;bottom: 20px;left: 20px;display: flex;justify-content: center;flex-wrap: wrap;background: var(--color-primary);border-radius: 5px; z-index: 4;}
.prop-cta-bar a {position: relative;color: #fff;font-size: 1.5rem;padding: 15px 15px;transition: all ease-in-out 200ms;cursor: pointer;font-weight: 500;font-family: var(--font-title);display: flex;align-items: center;gap: 10px;}
.prop-cta-bar a::after {position: absolute;content: "";background: rgb(255 255 255 / 15%);width: 1px;height: 30px;right: 0%;top: calc(50% - 15px);}
.prop-cta-bar a:first-child { border-radius: 5px 0 0 5px; }
.prop-cta-bar a:last-child { border-radius: 0 5px 5px 0; } 
.prop-cta-bar a:last-of-type::after { display: none; }
.prop-cta-bar a:hover {background: rgb(0 0 0 / 20%);}
.prop-cta-bar a i {color: #fff;font-size: 1.8rem;}
.prop-cta-bar a i.icon-virtual-tour { font-size: 2rem;}

@media(max-width:667px) {
  .prop-cta-bar {background: none;gap: 5px;bottom: -22px;right: 10px;left: inherit;}
  .prop-cta-bar a {font-size: 1.2rem;border-bottom: 1px solid rgba(255, 255, 255, 0.068);border-radius: 50%!important;width: 44px;height: 44px;background: var(--color-primary);gap: 0;padding: 0;align-items: center;justify-content: center;}
  .prop-cta-bar a:hover { background:var(--color-secondary) }
  .prop-cta-bar a .label { display: none;}
}

@media(max-width:360px) {
  .prop-cta-bar {bottom: -20px;}
  .prop-cta-bar a {width: 40px;height: 40px;}
}

/* ====================================================================== 
Mortgage Calc
====================================================================== */ 

.prop-det-mortgage-container {display: flex;flex-direction: row;width: 100%;} 
.prop-det-mortgage {flex: 1;display: flex;flex-direction: column;gap: 20px;}
.prop-det-mortgage ul.cal {display: flex;flex-direction: row;flex-wrap: wrap;gap: var(--grid-gap);width: 100%;}
.prop-det-mortgage ul.cal li {flex: calc(25% - 15px);display: flex;gap: 5px;flex-wrap: wrap;}
.prop-det-mortgage ul.cal li label {float:left;width:100%;text-align: left;color: var(--color-primary);font-size: 1.5rem;font-weight: 400;letter-spacing: 0rem;}
.prop-det-mortgage ul.cal input[type=text] {float:left;width:100%;background: #fff;border: 1px solid #ddd;padding: 12px 15px;font-size:1.6rem;color: var(--color-primary);font-weight: 400;text-align: left;transition: ease-in-out 0.3s;border-radius: 5px;}
.prop-det-mortgage ul.cal input[type=text]:focus {outline: none;border-color: #666;}

.prop-det-mortgage-details {display: flex;flex-direction: column;padding: 20px;background: var(--color-primary);border-radius: 5px;}  
.prop-det-mortgage-details ul.output {display: flex;flex-direction: row;align-items: flex-end;gap: 20px; flex-wrap: wrap;}
.prop-det-mortgage-details ul.output li {display: flex;flex-direction: column;gap: 10px; flex: calc(25% - 15px);}
.prop-det-mortgage-details ul.output li label {float:left;width:100%;text-align: left;color: #fff;font-size: 1.5rem;font-weight: 500; line-height: normal;}
.prop-det-mortgage-details ul.output input[type=text] {float:left;width:100%;background: transparent;margin:  0 0;border: none;padding: 0;font-size: 3.4rem;color: #fff;font-weight: 400;text-align: left;outline: none;font-family: var(--font-title);height: 100%;}
.prop-det-mortgage-details ul.output li.payment input[type=text] {font-weight: 600;}
.prop-det-mortgage-details ul.output li.button { width: 50%;}
.prop-det-mortgage-details ul.output li.button .m-btn:hover { background-color: var(--color-primary-alt);}
@media(max-width:1200px) and (min-width:981px) {
  .prop-det-mortgage-details ul.output input[type=text] { font-size: 2.4rem;}
  .prop-det-mortgage ul.cal li label, .prop-det-mortgage-details ul.output li label { font-size: 1.4rem; }
}

@media(max-width:1080px) and (min-width:981px){
  .prop-det-mortgage ul.cal li { flex: calc(50% - 15px);}
}

@media(max-width:980px){
  .prop-det-mortgage-details ul.output input[type=text] { font-size: 2.8rem;}
  .prop-det-mortgage ul.cal li label, .prop-det-mortgage-details ul.output li label { font-size: 1.4rem; }
}

@media(max-width:768px){
  .prop-det-mortgage-details ul.output input[type=text] { font-size: 2.4rem;}
}

@media(max-width:667px){
  .prop-det-mortgage ul.cal li { flex: calc(50% - 15px);}
  .prop-det-mortgage-details ul.output li.button { width: 100%; flex: 100%;}

}

@media(max-width:480px){
  .prop-det-mortgage ul.cal { gap: 10px;}
  .prop-det-mortgage ul.cal li { flex: 100%;}
  .prop-det-mortgage-details ul.output { gap: 10px;}
  .prop-det-mortgage-details ul.output li {flex: 100%;flex-direction: row;align-items: flex-end;border-bottom: 1px solid rgb(255 255 255 / 15%);padding-bottom: 10px;}
  .prop-det-mortgage-details { padding: 15px;}
  .prop-det-mortgage-details ul.output li.payment, .prop-det-mortgage-details ul.output li.button{ border: none;}
  .prop-det-mortgage-details ul.output input[type=text] { font-size: 1.8rem;}
  .prop-det-mortgage-details ul.output li.button input { width: 100%;}
}