
/* .areamap-wrap
{
	display:flex;
	flex-wrap:wrap;
	align-items:center;
	justify-content:space-between;

	& .areamap{
			width:650px;
	}
	& .areamap iframe{
		height:460px;
	} 
	& .areamap-content{
			width:calc(100% - 650px);
		 padding-left:180px;
	}
	& ul.area-ul {
		display: flex;
		flex-wrap: wrap;
		list-style-type: none;
		margin:25px 0 0 0;
	}
	& ul.area-ul li{
		width:50%;
		margin-bottom:12px;
		padding-left:20px;
		position:relative;
		color: var(--secondary);
    font-size: 18px;
    line-height: 1;
	}
	& ul.area-ul li:before{
		position:absolute;
		content:"";
		background-image:url('../images/map-marker-icon.svg');
		width:10px;
		height:13px;
		left:0;
		margin-top:2px;
	}

} */

/* .area-ul > li > a:hover { 
	color: var(--theme);
} */

.areas-banner .inner-banner-wrapper { 
    align-items: flex-start;

	& .heading-50 { 
		color: #fff;
		font-weight: bold;
		max-width: 650px;
	}
}
.search-suburb.search-box
{
   width:600px;
   position: relative;
   margin-bottom: 20px;
   border-radius: 3px;
   /* overflow: hidden; */
   & .suburb-search-form .ui-autocomplete {
	z-index: 1;
   }
   & .suburb-search-form .ui-autocomplete li { 
	margin-bottom: 0;
   }
}
.search-suburb.search-box input[type="search"] {
    height: 50px;
    border-radius:0px;
    width: 100%;
    outline: 0;
    border: 0;
    padding: 10px 163px 10px 15px;
    color: #707070;
    font-size: 14px;
    font-weight: normal;
    font-family: var(--font-body-family);
	margin-bottom: 0;
}
.search-suburb.search-box .button-theme {
    min-width:50px;
    position: absolute;
    top: 0;
    right: 0;
    padding:10px 30px;
    border: 0;
    height: 100%;
    margin-right: -1px;
	border-radius: 0 !important;

	&:hover { 
		background: #000;
	}
}
#suburb-missing-popup { 
	padding: 0; 
	max-width: 1065px;
    border-radius: 15px;
    cursor: auto;
    height: auto !important;
    overflow: hidden;
	width: 80%;
}
#suburb-missing-popup  #suburb-search-popup-content .pop-up-right .row {flex-wrap: wrap;}
#suburb-missing-popup  #suburb-search-popup-content .pop-up-right .form-group33 { 
	width: 100%;
}
#suburb-search-popup-content .pop-up-right .row .form-group label { display: none;}
.area-details-page .why-choose-list{
	display: inline-block;

	&:not(.slick-initialized) {
		display: inline-flex;

		& > .why-choose-box {
		flex: 1;
		}

		& > .why-choose-box:not(:nth-child(-n + 4)) {
		display: none;
		}
	}
}

.area-details-page .why-choose-list:has(.slick-arrow) { 
	padding-bottom: 70px;
}
.area-details-page .why-choose-list .slick-prev {
	top: calc(100% - 24px);
	left: calc(50% - 50px) !important;
}
.area-details-page .why-choose-list .slick-next {
	top: calc(100% - 24px);
	left: unset;
	right: calc(50% - 50px) !important;
}

@media (max-width: 1599.98px) {

}

@media (max-width: 1439.98px) {

}


@media (max-width: 1199.98px) {
	.area-details-page .why-choose-list{
		&:not(.slick-initialized) {
			& > .why-choose-box:not(:nth-child(-n + 3)) {
				display: none;
			}
		}
	}

}

@media (max-width: 991.98px) {
	.area-details-page .why-choose-list{
		&:not(.slick-initialized) {
			& > .why-choose-box:not(:nth-child(-n + 2)) {
				display: none;
			}
		}
	}
}

@media (max-width: 767.98px) {
	.search-suburb.search-box {
		width: 400px;
		position: relative;
		max-width: 100%;
	}
	#suburb-missing-popup {  
		max-width: 90%;
	} 
}

@media (max-width: 575.98px) {


	.search-suburb.search-box {
		width: 90vw; 
	}

	.search-suburb.search-box input[type="search"]  { 
		padding: 10px 85px 10px 15px;
	}
	.search-suburb.search-box .button-theme {padding: 10px 15px; }
  	button.button.button-theme img {    display: none; }
	.area-details-page .why-choose-list {
		.why-choose-box {
			& > .img-wrap {
				max-width: 60px;
				margin: 0 0 10px;
			}
		} 
	}
	.area-details-page .why-choose-list:has(.slick-arrow) { 
		padding-bottom: 60px;
	}
	.area-details-page .why-choose-list .slick-prev {
		left: calc(50% - 40px) !important;
	}
	.area-details-page .why-choose-list .slick-next {
		right: calc(50% - 40px) !important;
	}

}
