/*
 * Template Name: Community Details
 */
h1, h2, h3, h4, h5, h6 {
    overflow-wrap: normal;
}

.ip-banner{
	display: none;
}

#inner-page-wrapper{
	margin-bottom: 0;
}
#inner-page-wrapper > .container{
	width: 100%;
	padding: 0 0;
}
 #commdet-ip{
 	position: relative;
 }
.commdet-bg{
	position: absolute;
	z-index: 0;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	background: #fff;
	overflow: hidden;
    clip-path: inset(0 0 0 0);
    -moz-clip-path: inset(0 0 0 0);
    -webkit-clip-path: inset(0 0 0 0);
}
.commdet-bg:before{
	content:'';
	display: block;
	position: fixed;
	opacity: 0.45;
	z-index: 0;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	background: url(../../images/community-details/commdet-bg.jpg) center center no-repeat;
	background-size: cover;
}
.commdet-banner{
	position: relative;
	background: #000;
	z-index: 1;
}
.commdet-banner canvas{
	background: url(../../images/listing-details/commdet-banner.jpg) center center no-repeat;
	background-size: cover;
	opacity: 0.7;
	display: block;
	width: 100%;
	height: auto;
	position: relative;
	z-index: 0;
	min-height: 200px;
}

.commdet-banner canvas[data-bg="http://jhohnen-pendingcom.rs4.aios-staging.com/wp-content/uploads/2023/04/slide1.jpg"]{
    background: url(http://jhohnen-pendingcom.rs4.aios-staging.com/wp-content/uploads/2023/12/viviana-rishe-scaled.jpg) center center no-repeat!important;
}

.aios-custom-ihomefinder-shortcode-template .ip-propv2-sec.top,
.ip-propv2-list-top{
    display: none!important;
}

.commdet-banner-title{
	position: absolute;
	z-index: 1;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	text-align: center;
	display: flex;
	flex-flow: row wrap;
	align-items: center;
	justify-content: center;
	padding: 0 15px;
}

.commdet-banner-title h1{
	color: #fff;
	text-transform: uppercase;
	font-family: var(--font-family-title);
	/*font-size: min(7.325vw,45px);*/
	font-size: 2.813vw;
	letter-spacing: 0.200em;
}
.commdet-intro{
	padding: 60px 0 43px;
	position: relative;
	z-index: 1;
}
.commdet-intro-title .default-title {
    margin-top: 5px;
}
.commdet-intro-desc{
	font-size: 14px;
	line-height: 1.714;
	letter-spacing: 0.100em;
	font-weight: 300;
	margin: 0 0 24px;
}
.commdet-intro-desc.rm{
	margin: 0 0 0;
	display: none;
}
.commdet-intro-button{}

.commdet-map{
	position: relative;
	padding: 31.250% 0 0;
	position: relative;
	z-index: 1;
	background: #fff;
	min-height: 400px;
}
.commdet-map > iframe,
.commdet-map > div{
	position: absolute;
	z-index: 0;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}

.commdet-nhl {
    padding: 40px 0;
	position: relative;
	z-index: 1;
}
.nhl-container{
	width: 1476px;
	max-width: calc(100% - 30px);
	margin: 0 auto;
}
.nhl-inner{}
.nhl-title .default-title {
    margin-top: 8px;
}
.nhl-items{

}
.nhl-items.rm{
	display: none;
	margin: 15px 0 0;
}
.nhl-item{
	display: flex;
	flex-flow: row wrap;
	align-items: flex-start;
	justify-content: flex-start;
	font-size: 16px;
	letter-spacing: 0.100em;
	line-height: 1.2;
	min-height: 38px;
	padding: 0 20px 0 0;
}
.nhl-item[style]{
	display: flex !important;
}
.nhl-item:nth-child(n + 9){
	display: none;
}
.nhl-item:before {
    content: '+';
    font-size: 1.375em;
    font-weight: 300;
    letter-spacing: 0;
    color: #aa8f5a;
    display: block;
    line-height: 1;
    margin: -1px 22px 0 0;
}
.nhl-item span {
    max-width: calc(100% - 35px);
}
.nhl-button a{
	margin-top: 30px;
}
.commdet-vid{
	background: #000;
	position: relative;
	z-index: 1;
}
.commdet-re{
	background: #fff;
	padding: 0 0 10px;
	position: relative;
	z-index: 1;
}
.re-inner{}
.re-col{}
.re-content {
    max-width: calc(100% - 30px);
    margin: 0 auto;
    width: 500px;
    padding: 30px 0;
}
.re-col .re-img{}
.re-col .re-img img{
	display: block;
	width: 100%;
	height: auto;
}
.re-desc{
	font-size: 14px;
    line-height: 1.714;
    letter-spacing: 0.100em;
    font-weight: 300;
    margin: 39px 0 0;
}
.commdet-nbhd{
	background: #fff;
	padding: 0 0 10px;
	position: relative;
	z-index: 1;
}
.commdet-nbhd-list{
	width: 1170px;
	max-width: calc(100% - 30px);
	margin: 0 auto;
	padding: 30px 0 20px;
}
.commdet-nbhd-items.rm{
	display: none;
}
.commdet-nbhd-items.rm.open{
	display: block;
}
.commdet-nbhd-item{
	margin: 0 0 30px;
}
.commdet-nbhd-item-title{
	display: flex;
	flex-flow: row wrap;
	align-items: flex-start;
	font-size: 16px;
	letter-spacing: 0.100em;
	line-height: 1.2;
	text-transform: uppercase;
}
.commdet-nbhd-item-title:before{
	content: '+';
	font-size: 1.375em;
	font-weight: 300;
	letter-spacing: 0;
	color: #aa8f5a;
	display: block;
	line-height: 1;
	margin: -1px 22px 0 0;
}
.commdet-nbhd-item-title span{
	max-width: calc(100% - 35px);
}
.commdet-nbhd-item-desc{
	font-size: 14px;
	line-height: 1.714;
	letter-spacing: 0.100em;
	font-weight: 300;
	margin: 12px 0 0 35px;
}
.commdet-nbhd-item-desc p + p{
	margin-top: 10px;
}
.commdet-nbhd-button a{
	margin-top: 10px;
}
.commdet-props{
	padding: 40px 0;
	position: relative;
	z-index: 1;
}
.commdet-props-title{
	display: flex;
	flex-flow: row wrap;
	align-items: center;
	justify-content: center;
}
.commdet-props-qs{
	width: 1137px;
	max-width: calc(100% - 30px);
	margin: 0 auto 0;
}

/* QS */
.site-prop-qs-wrap {
    padding: 52px 0 50px;
}

.qs-range ._range {
    position: relative;
    top: 0;
}

.qs-range ._range span.selected-price.selected-max-price,
.qs-range ._range span.selected-price.selected-min-price {
    position: absolute;
    left: 0;
    line-height: 1;
    font-size: 14px;
    letter-spacing: 0.200em;
    font-style: normal;
    font-weight: 300;
    top: -31px;
}

.qs-range ._range span.selected-price.selected-max-price {
    right: 0;
    left: auto;
}

.qs-range ._range span.selected-mile.selected-max-mile {
    right: 0;
    position: absolute;
    font-size: 11px;
    font-weight: 400;
    line-height: 11px;
    letter-spacing: 0.77px;
    text-transform: uppercase;
    color: #fff;
    bottom: -27px;
}

.qs-range ._range span.selected-mile.selected-min-mile {
    left: 0;
    position: absolute;
    font-size: 11px;
    font-weight: 400;
    line-height: 11px;
    letter-spacing: 0.77px;
    text-transform: uppercase;
    color: #fff;
    bottom: -27px;
}

.qs-range ._range .irs-bar {
    background-color: #000!important;
}

.qs-range ._range .irs-bar {
    height: 1px;
    top: 0px;
}

.irs--flat .irs-handle {
    top: -5px;
    background-color: transparent;
    width: 0;
    height: 0;
    border-left: 6px solid transparent;
    border-right: 6px solid transparent;
    border-bottom: 10px solid #aa8f5a;
}

.qs-range ._range .irs-slider {
    background: #fff!important;
    top: -5px;
    width: 11px;
    height: 11px;
}

.qs-range ._range .irs-line {
    height: 1px;height: 1px;
    top: 0;
    background: #000;}


.qs-range ._range .irs {
    top: 0px;
    height: 1px;
    width: calc(100% - 6px);
    left: 0;
    right: 0;
    margin: auto;
}

.label-price {
    line-height: 1;
    font-size: 14px;
    letter-spacing: 0.200em;
    font-weight: 300;
    font-style: italic;
    position: absolute;
    left: 0;
    top: -31px;
    width: 100%;
    text-align: center;
}
.site-prop-qs-main .irs--flat .irs-handle{
    top: 0;
    border-left: 8px solid transparent;
    border-right: 8px solid transparent;
    border-bottom: 10px solid #aa8f5a;
}
.site-prop-qs-main .irs--flat .irs-handle > i:first-child{
    height: 0;
}

.site-prop-qs-field input,
.site-prop-qs-field select {
    width: 100%;
    border: 0;
    border-bottom: 1px solid #000000;
    background: transparent;
    font-size: 14px;
    letter-spacing: 0.200em;
    font-style: italic;
    font-weight: 300;
    appearance: none;
    -moz-appearance: none;
    -webkit-appearance: none;
    -ms-progress-appearance: none;
    padding: 15px 0;
    color: #666666;
    outline: none;
}

.site-prop-qs-field select {
    background: url(/wp-content/uploads/2023/10/dd.png) no-repeat right 24px;
}

.site-prop-qs {
    display: flex;
    align-items: flex-end;
    justify-content: center;
    flex-wrap: wrap;
}

.site-prop-qs-field.lg {
    width: 28.4211%;
    padding: 0 24px 0 0;
}

.site-prop-qs-field.sm {
    width: 10.5264%;
    padding: 0 19px 0 0;
}

.site-prop-qs-field.md {
    width: 36.3158%;
    padding: 0 37px 0 30px;
}

.site-prop-qs-field.submit {
    width: 14.2103%;
}

.site-prop-qs-field.submit button {
    border: 0;
    background: #aa8f5a;
    width: 100%;
    height: 51px;
    color: #fff;
    text-transform: uppercase;
    font-family: var(--font-family-title);
    letter-spacing: 0.4em;
    font-size: 16px;
}

.site-prop-qs-field.submit button i {
    font-style: normal !important;
}
.site-prop-qs .bootstrap-select.btn-group .dropdown-toggle {
    width: 100%;
    border: 0;
    border-bottom: 1px solid #000000;
    background: transparent;
    padding: 15px 0;
    border-radius: 0;
}
.site-prop-qs .bootstrap-select.btn-group .dropdown-toggle .filter-option {
    font-size: 14px;
    letter-spacing: 0.200em;
    font-style: italic;
    font-weight: 300;
    appearance: none;
    -moz-appearance: none;
    -webkit-appearance: none;
    -ms-progress-appearance: none;
    color: #666666;
    outline: none;
}
.site-prop-qs .dropdown-menu.open {
    max-height: 300px !important;
}
.site-prop-qs ul.dropdown-menu.inner {
    max-height: 250px !important;
}
.site-prop-items{
	max-width: calc(100% - 30px);
	width: 1137px;
	margin: 0 auto 0;
}
.site-prop-item {
    position: relative;
}


.site-prop-item a {
    display: block;
    position: relative;
}

.site-prop-item .img-wrapper {
    overflow: hidden;
}

.site-prop-item .img-wrapper span {
    position: absolute;
    left: 0;
    top: 0;
    z-index: 10;
    background: #aa8f5a;
    color: #fff;
    text-transform: uppercase;
    font-size: 12px;
    display: inline-block;
    padding: 5px 19px;
}

.site-prop-item .img-wrapper::before {
    content: '';
    position: absolute;
    left: 0;
    bottom: 0;
    width: 100%;
    height: 70%;
    z-index: 3;
    background: rgb(0,0,0);
    background: linear-gradient(0deg, rgba(0,0,0,1) 0%, rgba(0,0,0,0) 100%);
    opacity: 0.5;
    transition: var(--default-transition);
}

.site-prop-item .img-wrapper img {
    transition: var(--default-transition);
}

.site-prop-item a:hover .img-wrapper::before {
    opacity: 0;
}

.site-prop-item a:hover .img-wrapper img {
    transform: scale(1.1);
}

.site-prop-details {
    background: #fff;
    color: #000;
    padding: 28px 20px;
    line-height: 1;
    transition: color var(--default-transition), background var(--default-transition);
}
    .site-prop-item a:hover .site-prop-details {
/*        background: #000000;*/
        color: var(--primary);
    }

.site-prop-details-address {
    font-weight: 300;
    font-size: 15px;
    text-transform: uppercase;
}

.site-prop-details-price {
    font-family: var(--font-family-title);
    font-weight: 400;
    font-size: 20px;
    margin: 7px 0 18px;
    letter-spacing: 0.075em;
}

.site-prop-details-bbs {
    font-weight: 300;
    font-size: 13px;
    text-transform: uppercase;
    letter-spacing: 0.2em;
    display: flex;
    align-items: center;
    justify-content: flex-start;
}

.site-prop-details-bbs span {
    padding: 0 13px;
    border-right: 1px solid #7f7f7f;
    transition: border var(--default-transition);
}
    .site-prop-item a:hover .site-prop-details-bbs span {
        border-color: rgba(255,255,255,0.5);
    }

.site-prop-details-bbs span:last-child {
    border: 0;
}

.site-prop-details-bbs span:first-child {
    padding-left: 0;
}

.site-prop-details-bbs span:last-child {
    padding-right: 0;
}


.site-prop-controls {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding-top: 21px;
    margin: 0 auto;
    max-width: calc(100% - 30px);
    width: 1137px;
}
.site-prop-pagination {
    display: flex;
    align-items: center;
    justify-content: center;
    flex-wrap: wrap;
}
.site-prop-pagination button {
    appearance: none;
    -moz-appearance: none;
    -webkit-appearance: none;
    -ms-progress-appearance: none;
    padding: 0;
    color: #000;
    font-size: 13px;
    border: 0;
    background: transparent;
}
.site-prop-pagination button i {
    font-style: normal !important;
}
.site-prop-pagination ul {
    padding: 0 !important;
    margin: 0 22px !important;
    border: 1px solid #c5c5c5;
    display: flex;
    align-items: center;
    justify-content: center;
    list-style: none !important;
}
.site-prop-pagination ul li a {
    display: flex;
    align-items: center;
    justify-content: center;
    height: 28px;
    background: #fff;
    width: 29px;
    color: #000;
    font-size: 15px;
    font-family: var(--font-family-title);
    border-right: 1px solid #c5c5c5;
    position: relative;
    transition: var(--default-transition);
}
.site-prop-pagination ul li:last-child a {
    border: 0;
    width: 28px;
}
.site-prop-pagination ul li.active a {
    color: #aa8f5a;
}
.site-prop-pagination ul li a:hover {
    background: #aa8f5a;
    color: #fff;
}
.site-prop-pagination ul li.active a::after {
    content: '';
    position: absolute;
    left: 0;
    right: 0;
    top: calc(100% + 8px);
    background-color: transparent;
    width: 0;
    height: 0;
    border-left: 6px solid transparent;
    border-right: 6px solid transparent;
    border-bottom: 10px solid #aa8f5a;
    margin: auto;
}
.site-prop-btn {
}
.site-prop-btn .default-button a {
    padding-top: 13px;
    line-height: 1;
    font-size: 16px;
}
.site-prop-btn .default-button a i {
    font-style: normal!important;
    font-size: 24px;
}





.image-holder{
  position: relative;
}

.image-holder canvas{
  display: block;
  height: 100%;
  width: 100%;
}

.image-holder img{
  position: absolute;
  top: 0;
  left: 0;
  height: 100%;
  width: 100%;
  object-fit: cover;
  object-position: center;
}


.aiosp-arrow {
  width: auto !important;
  height: auto !important;
  margin: 0 !important;
  opacity: 1 !important;
  top: 50% !important;
  transform: translateY(-50%);
}
button.aiosp-arrow {
	padding: 10px 0 !important;
}
.aiosp-arrow::before {
  content: "\b0321" !important;
  display: block !important;
  font-family: 'agentimage' !important;
  border: 0 !important;
  margin: 0 !important;
  width: auto !important;
  height: auto !important;
  opacity: 1 !important;
  font-size: 10px !important;
  color: #000 !important;
  position: relative !important;
}
.aiosp-arrow::after {
  display: none !important;
}
.aiosp-arrow.aiosp-arrow-left {
  left: 20px;
}
.aiosp-arrow.aiosp-arrow-left::before {
  transform: scale(-1);
}
.aiosp-arrow.aiosp-arrow-right {
  right: 20px;
}



@media only screen and (min-width: 992px) {
	.commdet-banner-title{
		padding: min(5.7vw,66px) 15px 0;
	}
	.default-title.intro h2 em{
		font-size: 45px;
	}
	.commdet-intro-title{
		padding: 0 20px 0 0;
	}
	.commdet-intro-desc{
		margin: 0 0 24px -30px;
	}
	.commdet-intro-desc.rm{
		margin: 0 0 0 -30px;
	}
	.commdet-intro-button{
		margin: 0 0 0 -30px;
	}
	.commdet-intro.commdet-history .col-md-5,
	.commdet-intro.commdet-history .col-md-7{
		min-width: 0;
	}
	.commdet-intro.commdet-history .default-title.intro h2 em{
		font-size: min(2.988vw,45px);
		line-height: 1.15;
		max-width: 100%;
		overflow-wrap: break-word;
		word-wrap: break-word;
	}
	.commdet-intro.commdet-history .commdet-intro-desc{
		margin-left: 0;
	}
	.nhl-inner{
		display: flex;
		flex-flow: row wrap;
		align-items: center;
		justify-content: center;
	}
	.nhl-inner .nhl-col{
		width: 64.973%;
	}
	.nhl-inner .nhl-col:first-child{
		width: 35.027%;
	}
	.default-title.nhl h2 span {
	    font-size: min(0.938vw,15px);
	}
	.default-title.nhl h2 em{
		font-size: min(2.988vw,45px);
	}
	.commdet-nhl {
	    padding: 68px 0;
	}
	.nhl-items{
		display: flex;
		flex-flow: row wrap;
		align-items: flex-start;
		justify-content: flex-start;
	}

	.nhl-items.rm[style]{
		display: flex !important;
	}
	.nhl-item{
		width: calc(100% / 3);
	}
	.nhl-item:nth-child(n + 4){
		margin-top: 5px;
	}

	.re-inner{
		display: flex;
		flex-flow: row wrap;
		align-items: center;
		justify-content: center;
	}
	.re-col{
		width: 57%;
	}
	.re-col:first-child{
		width: 43%;
	}
	.re-content {
	    max-width: calc(100% - 40px);
	    margin: 0 auto;
	}
	.re-title{
		margin-left: -2.313vw;
	}
	.re-desc{
		font-size: min(1vw,14px);
		margin: min(2.4375vw,39px) 0 0;
	}
	.commdet-props{
		padding: 90px 0 106px;
	}
	.site-prop-items{
		display: flex;
		flex-flow: row wrap;
		align-items: flex-start;
		justify-content: space-between;
	}
	.site-prop-items .site-prop-item{
		width: calc(50% - 10px);
		max-width: 535px;
	}
	.site-prop-items .site-prop-item:nth-child(n + 3){
		margin-top: 33px;
	}
}

@media only screen and (max-width: 1199px) {
	.site-prop-qs-field input,
	.site-prop-qs-field select {
        font-size: 12px;
        letter-spacing: 0.200em;
    }

    .site-prop-qs-field.lg {
        padding: 0 19px 0 0;
    }

    .site-prop-qs-field.sm {
        padding: 0 14px 0 0;
    }
}
@media only screen and (max-width: 991px) {
	.commdet-intro-title{
		display: flex;
		flex-flow: row wrap;
		align-items: center;
		justify-content: center;
	}
	.commdet-intro-r{
		text-align: center;
		padding: 30px 0 0;
	}
	.nhl-col:not(:first-child){
		padding: 40px 0 0;
	}
	.re-title{
		display: flex;
		flex-flow: row wrap;
		align-items: center;
		justify-content: center;
	}
	.re-desc{
		text-align: center;
	}
	.commdet-props-qs {
	    width: 600px;
	}
	.site-prop-qs-field {
        width: 100% !important;
        padding: 0 0 !important;
        margin: 0 0 15px;
    }

    .site-prop-qs-field.md.range {
        padding: 52px 0 0 !important;
    }

    .site-prop-qs-field input,
    .site-prop-qs-field select {
        font-size: 14px;
    }

    .site-prop-qs-field.submit button {
        font-size: 14px;
    }
    .site-prop-item {
	    max-width: 535px;
	    text-align: center;
	    margin: 0 auto;
	}
	.site-prop-item:nth-child(n + 2){
		margin-top: 30px;
	}
	.site-prop-details-bbs{
		justify-content: center;
	}
	.site-prop-controls {
	    justify-content: center;
	}
	.re-col .re-img {
	    max-width: 700px;
	    margin: 0 auto;
	}
	.aiosp-arrow {
		transform: scale(.85) !important;
	}
}
@media only screen and (max-width: 767px) {}
@media only screen and (max-width: 567px) {}
@media only screen and (max-width: 480px) {}