.view-desktop-only{display: block !important;}

.view-mobile-only{display: none !important;}



/** Default input */

input[type=submit]{

	-webkit-appearance: none;

	display: inline-block;

	border: 0;

}

input[type=checkbox] {

	-webkit-appearance: none;

	display: inline-block;

	position: relative;

	background: #fff;

	color: #555;

	clear: none;

	cursor: pointer;

	margin: 0 10px 0 0;

	outline: 0;

	padding: 0!important;

	text-align: center;

	vertical-align: top;

	min-width: 14px;

	width: 14px;

	height: 14px;

	border: solid 1px #000;

	-webkit-box-shadow: 0 0 0 0 transparent;

	box-shadow: 0 0 0 0 transparent;

	overflow: hidden;

}

	input[type=checkbox]:checked:before {

		content: '';

		display: inline-block;

		background-color: #000;

		margin: 0;

		padding: 0;

		width: 14px;

		height: 14px

	}



/** Default headings */

.default-heading,

.footer-subscribe h2.default-heading,

#content .default-heading{

	display: block;

	font-weight: 400;

	font-size: 15px;
	font-family: var(--font-montserrat);

	color: #333;

	text-transform: uppercase;

	letter-spacing: 0.05em;

	padding: 20px 0;

	margin: 0;

}

	.default-heading span,

.footer-subscribe h2.default-heading span,

	#content .default-heading span{

		display: block;

		font-family: var(--font-noe);

		font-size: 48px;

		text-transform: none;

		letter-spacing: 0;

		line-height: 1em;

	}

.footer-subscribe h2.default-heading.heading-alt {

	color: #fff;

}

.archive main .default-heading {

	display: block;

	font-family: var(--font-noe);

    font-size: 28px;

	font-weight: 400;

    line-height: 1;

    color: #ffffff;

    letter-spacing: -0.025em;

    text-transform: none;

    padding: 20px 0;

    margin: 0;

}

	.archive main .default-heading span{

		display: block;

		font-family: var(--font-montserrat);

    font-size: 13px;

	    font-weight: 400;

	    text-transform: uppercase;

	    line-height: 1.3;

	    letter-spacing: 0.05em;

	    margin-top: 5px;

	}

.heading-border,

#content .heading-border{

	border-bottom: solid 1px #000;

}

.heading-alt.heading-border,

#content .heading-alt.heading-border{

	border-color: #fff;

}

.heading-border-gray,

#content .heading-border-gray,

.heading-alt.heading-border-gray,

#content .heading-alt.heading-border-gray{

	border-color: #4b4b4b;

}

.heading-alt,

#content .heading-alt{

	color: #fff;

}

.heading-center,

#content .heading-center{

	text-align: center;

}

.heading-small span,

#content .heading-small span{

	font-size: 20px;

}

.heading-gap-top,

#content .heading-gap-top{

	margin-top: 30px;

}

.heading-gap-bottom,

#content .heading-gap-bottom{

	margin-bottom: 30px;

}



.term-20 h2.default-heading {

    font-size: 48px !important;

}

.term-20 .footer-subscribe h2.default-heading {
	font-size: 15px !important;
	font-family: var(--font-montserrat);
}



.category-blog h2.default-heading {

    font-size: 48px !important;

}



.post-type-archive-aios-communities h1.default-heading.heading-gap-top {

    font-size: 48px !important;

}





/** Default content */

.content p{

	font-weight: 400;

	font-size: 14px;

	line-height: 1.9;

}





/** Default list of istings */

.list-listings-no-result {

	font-family: var(--font-noe);

	font-size: 50px;

	font-weight: 300;

	text-align: center;

	margin-top: 70px;

}

.list-listings-items{

	display: flex;

	flex-wrap: wrap;

	margin-top: 15px;

	margin-right: -15px;

	margin-left: -15px;

	padding: 0 !important;

	list-style: none !important;

	position: relative;

	z-index: 0;

}

	.list-listings-items > .slick-list {

	    width: 100%;

	}

	.list-listings-items .slick-track[style*="transform: translate3d(0px, 0px, 0px)"] {

	    margin-left: 0;

	}

	.list-listings-item{

		max-width: calc( 100% / 3);

		width: 100%;

		padding: 15px;

	}

		.ll-content{

			display: block;

			/* cursor: pointer; */

		}

			.list-listings-item .ll-image{

				display: block;

				position: relative;

			}

				.list-listings-item .ll-image::after{

					display: block;

					content: "";

					width: 100%;

					height: 100%;

					position: absolute;

					left: 0;

					top: 0;

					background-image: url(../../images/hh-logo.png);

					background-repeat: no-repeat;

					background-position: center;

					z-index: 1;

				}

				.list-listings-item .ll-image::before{

					display: block;

					content: "";

					width: 100%;

					height: 100%;

					position: absolute;

					left: 0;

					top: 0;

					background: rgb(216,216,216);

					background: linear-gradient(357deg, rgba(216,216,216,1) 0%, rgba(255,255,255,1) 87%, rgba(255,255,255,1) 100%);

					z-index: 0;

				}

				.list-listings-item .ll-image canvas{

					display: block;

					width: 100%;

					background-repeat: no-repeat;

					background-position: center;

					background-size: cover;

					background-color: rgba(0,0,0,0.25);

					position: relative;

					z-index: 3;

				}

				.list-listings-item .ll-open-house{

					padding-right: 15px;

					padding-left: 15px;

					min-width: initial !important;

					position: absolute;

					top: 15px;

					left: 15px;

					z-index: 3;

					transition: opacity 0.3s linear;

					padding: 10px 15px;

				}

					.list-listings-item .ll-open-house::before,

					.list-listings-item .ll-open-house::after{

						display: none !important;

					}

					.ll-content:hover .ll-open-house{

						opacity: 0;

					}

				.list-listings-item .ll-hover{

					position: absolute;

					top: 0;

					right: 0;

					bottom: 0;

					left: 0;

					z-index: 3;

					display: flex;

					justify-content: center;

					align-items: center;

					flex-direction: column;

					background: rgba(0,0,0,0.3);

					opacity: 0;

					transition: opacity 0.3s linear;

					padding: 0 25px;

					pointer-events: none;

				}

					.ll-content:hover .ll-hover{

						opacity: 1;

						pointer-events: auto;

					}

					.ll-hover-description{

						padding-top: 30px;

						padding-bottom: 30px;

						min-height: 50%;

						font-weight: 400;

						font-size: 14px;

						line-height: 1.6;

						color: #fff;

						border-top: solid 1px #fff;

					}

			.list-listings-item .ll-description{

				display: block;

				margin-top: 5px;

			}

				.list-listings-item .ll-title{

					font-weight: 400;

					font-family: var(--font-noe);

					font-size: 20px;

					color: #000000;

					line-height: 1.1;

    				margin: 10px 0 5px;

				}

					.list-listings-item .ll-title span {

						display: inline-block;

						margin: 0 7px;

					}

				.list-listings-item .ll-price,

				.list-listings-item .ll-features{

					font-weight: 400;

					font-size: 14px;

					letter-spacing: 0.05em;

					color: #000000;

				}

				.list-listings-item .ll-features{

					font-size: 12px;

    				color: #767676;

					margin-top: 4px;

				}

					.list-listings-item .ll-features span {

						display: inline-block;

						margin: 0 7px;

					}



				.mobile li.list-listings-item .default-button{

					pointer-events: none;

				}



				.mobile li.list-listings-item  .ll-content.clicked_once .default-button{

					pointer-events: auto;

				}



.showcase-listings{

	display: flex;

	width: 100%;

}

	.showcase-image-content{

		position: relative;

		max-width: 45%;

		width: 100%;

	}

		.showcase-image-content .swiper-button-prev{

			left: 10px;

			display: none;

		}

		.showcase-image-content .swiper-button-next{

			right: 10px;

			display: none;

		}



			.showcase-image-content:hover .swiper-button-prev,

			.showcase-image-content:hover .swiper-button-next{

				display: block;

			}

		.showcase-image{}

			.showcase-image canvas{

				display: block;

				width: 100%;

				background-repeat: no-repeat;

				background-position: center;

				background-size: cover;

			}

	.showcase-content{

		max-width: 55%;

		width: 100%;

		padding-left: 70px;

	}

		.showcase-content .swiper-container-fade .swiper-slide:not(.swiper-slide-active){

			opacity: 0 !important;

		}

		.showcase-details{

			margin-top: 20px;

			color: #fff;

		}

			.showcase-detail-title{

				font-family: var(--font-noe);

				font-size: 25px;

			}

			.showcase-detail-price{

				font-weight: 300;

				font-size: 15px;

				letter-spacing: 0.05em;

				margin-top: 5px;

			}

			.showcase-detail-content{

				font-size: 14px;

				margin-top: 7px;

			}

			.showcase-detail-cta{

				display: flex;

				margin-top: 35px;

			}

				.showcase-detail-cta-col{

					flex-grow: 1;

				}

				.showcase-detail-cta .showcase-detail-cta-col:first-of-type{

					padding-right: 5px;

				}

				.showcase-detail-cta .showcase-detail-cta-col:last-of-type{

					padding-left: 5px;

				}

				.showcase-detail-cta .default-button{

					letter-spacing: 0.05em;

					min-width: 0;

					width: 100%;

				}



/** Archive */

#content .archive-subtitle{

	margin: 0;

	font-weight: 400;

	font-family: var(--font-noe);

	font-size: 27px;

	color: #333;

    text-align: left !important;

}

.archive-items.content{

    margin: 0 !important;

    padding: 0 !important;

    list-style: none !important;

}

    .archive-items.content li{

		display: flex;

		align-items: center;

        margin: 0 !important;

		padding: 30px 0 !important;

		border-top: solid 1px #dbdbdb;

	}

	.archive-items.archive-layout-large.content li {

		border-top: 0;

		padding: 25px 0 !important;

	}

    	.archive-items.content li:first-child{

			border-top: 0;

		}

		.archive-items.content li .entry{

			display: flex;

			justify-content: flex-start;

			flex-grow: 1;

		}

			.archive-items.content li .archive-thumbnail{

				min-width: 30% !important;

				width: auto !important;

				float: none !important;

			}

			.archive-items.archive-layout-large.content li .archive-thumbnail {

				min-width: 35.29% !important;

				margin-right: 5.89%;

			}

				.archive-items.content li .archive-thumbnail canvas{

					display: block;

					width: 100%;

					background-repeat: no-repeat;

					background-position: center;

					background-size: cover;

				}

			.archive-items.content li .archive-content{

				width: auto !important;

				float: none !important;

				flex-grow: 1;

				padding: 0 30px;

			}

			.archive-items.archive-layout-large.content li .archive-content {

				padding: 0;

				min-width: 58.82%;

				position: relative;

			}

				.archive-items.archive-layout-large.content li .archive-content:after{

					display: block;

					content: "";

					position: absolute;

					left: 0;

					bottom: -8%;

					border-bottom: 1px solid #000000;

					width: 100%;



				}



				.archive-items.archive-layout-large.content li:last-child .archive-content:after{

					border: none;

				}

				.archive-items.content li .archive-content p {

					margin: 15px 0 0 !important;

				}

		.archive-items.content li .default-button{

			min-width: 163px;

		}

		.archive-items.archive-layout-large.content li .default-button {

			margin-top: 28px;

		}

	

/** Pagination */

.pagination,

.page-links{

	display: flex;

	margin: 60px 0 0;

	padding: 40px 0 0;

	border-radius: 0;

	border-top: solid 1px #000;

}

.post-type-archive-aios-developments .pagination,

.post-type-archive-aios-developments .page-links {

	border-top: 0;

}

	.page-numbers{

		display: flex !important;

		justify-content: center;

		align-items: center;

		width: 50px;

		height: 54px;

		margin: 0 !important;

		font-weight: 300 !important;

		font-size: 15px !important;

		color: #666666;

		transition: all 0.3s linear;

		text-decoration: none !important;

		text-transform: uppercase;

	}

		.page-numbers:not(.dots):hover{

			background-color: #666666;

			color: #fff;

		}

		.page-numbers.current{

			background-color: #000 !important;

			color: #fff !important;

		}

		.prev.page-numbers,

		.next.page-numbers {

			width: auto;

			padding: 0 15px;

		}



/** Map */

#community_mapidleaflet.archive{

	height: 100vh !important;

}

	.customLeafletPopup{}

		.customLeafletPopup .leaflet-popup-content-wrapper,

		.customLeafletPopup .leaflet-popup-tip{

			background-color: #464646 !important

		}

			.customLeafletPopup .leaflet-popup-content-wrapper{

				border-radius: 0 !important;

				padding: 0 !important;

			}

			.customLeafletPopup .leaflet-popup-content{

				margin: 0 !important;

			}

				.customLeafletPopup .leaflet-popup-content canvas{

					background-attachment: unset;

					height: auto !important;

				}

				.customLeafletPopupInfo {

					padding: 20px;

					display: flex;

					justify-content: flex-end;

					flex-wrap: wrap;

				}

					.single-aios-communities .customLeafletPopupInfo{

						justify-content: flex-start;

					}

					.customLeafletPopupInfo h4{

						width: 100%;

						font-weight: 400;

						font-family: var(--font-noe);

						font-size: 27px;

						color: #fff;

						margin: 0 !important;

					}

						.single-aios-communities .customLeafletPopupInfo h4{

							font-size: 20px;

							margin: 0 !important;

							line-height: 1.3 !important;

						}

							.single-aios-communities .customLeafletPopupInfo h4 span.pricing{

								display: block;

								font-size: 18px;

								font-family: var(--font-montserrat);

								color: #d6d6d6;

							}

					.customLeafletPopupInfo p{

						width: 100%;

						line-height: 2;

						font-weight: 400;

						font-size: 14px;

						color: #d6d6d6;

						margin: 0 0 10px;

					}

						.single-aios-communities .customLeafletPopupInfo p{

							font-size: 18px;

							color: #fff;

							margin: 0 0 10px !important;

						}

						.single-aios-communities .customLeafletPopupInfo a{

							color: #fff !important;

							text-transform: uppercase;

						}

					.customLeafletPopupInfo .default-button{

						min-width: initial !important;

						color: #fff !important;

					}



					.customLeafletPopupInfo .default-button:hover{

						color: #000 !important;

					}



@media only screen and (min-width: 992px) {

	#community_mapidleaflet.archive{

		margin-top: 79px;

		height: calc(100vh - 79px) !important;

	}

}



@media only screen and (max-width: 1199px) {

	

	.showcase-image-content .swiper-button-prev,

	.showcase-image-content .swiper-button-next{

		display: none;

	}



	.ll-hover-description {

	    padding-top: 15px;

	    padding-bottom: 15px;

	    font-size: 12px;

    	line-height: 1.5;

	}

}



@media only screen and (max-width: 991px) {

	.view-desktop-only{display: none !important;}

	.view-mobile-only{display: block !important;}



	#community_mapidleaflet.archive {

		min-height: inherit;

	    height: 600px !important;

	}



	.list-listings-item{

		max-width: calc( 100% / 2);

	}

	.archive-items.content li{

		flex-direction: column;

		align-items: flex-start;

	}

		.archive-items.content li .entry{

			flex-direction: column;

			margin-bottom: 15px;

			width: 100%;

		}

			.archive-items.content li .archive-thumbnail,

			.archive-items.archive-layout-large.content li .archive-thumbnail {

				min-width: 100% !important;

			}

			.archive-items.content li .archive-content{

				min-width: 100%;

				padding: 0;

			}

			.archive-items.archive-layout-large.content li .archive-content {

				padding-bottom: 50px;

			}

				.archive-items.content li .archive-content .archive-subtitle{

					margin-top: 30px !important;

					text-align: left;

				}



	.ll-hover-description {

	    padding: 10px 0;

	    font-size: 12px;

	}



	li.list-listings-item .default-button {

	    padding: 10px 20px;

	}





	.showcase-listings {

	    flex-direction: column;

	    max-width: 520px;

	    margin: 0 auto;

	}



		.showcase-content {

		    max-width: 100%;

		    padding: 0;

		    text-align: center;

		}



		.showcase-image-content{

			max-width: 100%;

		}



	.data-listings .pagination{

	    flex-wrap: wrap;

	    justify-content: center;

	}

	.hh-instagram-container .default-heading span {

	color: #000;

}

}

@media only screen and (max-width: 600px) {

	.post-type-archive-aios-communities #content .archive-subtitle {

		font-size: 22px;

	}

}



@media only screen and (max-width: 500px) {

	#community_mapidleaflet.archive {

	    height: 400px !important;

	}



	.default-heading span{

		font-size: 32px;

	}

	.list-listings-item{

		max-width: 100%;

	}

	.showcase-detail-cta{

		flex-direction: column;

	}

	.showcase-detail-cta .showcase-detail-cta-col{

		padding: 10px 0 0 !important;

	}

	.git-row{

		flex-direction: column;

		margin-top: 0 !important;

	}

		.git-col,

		.git-full{

			margin-top: 35px !important;

			width: 100% !important;

		}





		.customLeafletPopup .leaflet-popup-content {

		    max-width: 290px;

		}



		.customLeafletPopup .leaflet-popup-content canvas {

		    height: 160px;

		}

	.post-type-archive-aios-communities h1.default-heading.heading-gap-top {
		font-size: 40px!important;
	}

}