@charset "utf-8";
/* CSS Document */
.area_map { height: 717px;}
.areas_sec { padding-top: 30px !important;}
.area_list { }
.area_list li { width: 50%; float: left; margin-bottom: 10px; position: relative; padding-left: 30px;}
.area_list li:after { position: absolute;
    content: "";
    background: url(../images/map-org.svg) no-repeat;
    width: 21px;
    height: 26px;
    left: 0;
    top: 5px;
    max-width: 16px;
    background-size: contain;
    filter: brightness(0);
    transition: all .5s ease-in-out;
    -webkit-transition: all .5s ease-in-out;
    -ms-transition: all .5s ease-in-out;
 }
 .area_list li:hover:after,  .area_list li.active:after {
    filter: brightness(1);
 }
 .area_list li:hover,  .area_list li.active a { color: #F6931E;}
.areas_listing { position: relative;}
.areas_listing:after { position: absolute; content: ""; width:100% ; height: 1px; max-width: 1414px; background:rgb(0 0 0 / 10%); left: 0; right: 0; top: 0; margin: 0 auto;}
.bg_light.detail_breadcums { background: #fff;}

.area_banner .bgimg { z-index: 0; }
.area_title { font-size: 40px; line-height: 50px; font-weight: bold; letter-spacing: 0.2px;  color: #FFFFFF; text-shadow: 0 3px 0px rgb(0 0 0 / 48%); text-align: center; text-transform: uppercase;}
.area_banner {padding:127px 0;z-index: 1; }

.suburb-search-form {
    position: relative;
    max-width:507px;z-index: 1;
    margin: 25px auto;
}
.suburb-search-form input[type="search"] {

    margin: 0;
    width: 650px;
    max-width: 100%;
    padding-right: 60px;
    height: 46px;
    padding: 9px 85px 9px 20px;
    font-size: 14px;
    border: 0px solid var(--blue-color);
    border-radius: 0;
    font-weight: 500;
    color: #000;
    
}
.suburb-search-form button {
    position: absolute;
    top: 0;
    right: 0;
    background: url(../../assets/images/right-arrow.svg) no-repeat var(--orange) top 13px right 25px;
    border: 0px solid transparent;
    width: 110px;
    height: 46px;
    font-size: 16px;
    border-radius: 0;
    bottom: 0;
    margin: auto 0;
    color: var(--white);
    font-weight: bold;
    letter-spacing: 1px;
    text-align: left;
    padding: 0 25px;
}
.suburb-search-form button:hover{
    background: url(../../assets/images/right-arrow.svg) no-repeat #000 top 13px right 25px;
}
.top_border { margin-top: 0;}
.area_detail.top_border { margin-top: 0;}
.area_list li a:hover { color: var(--orange); }
.area_list li.active { color: var(--orange); }
.content_sec.area_detail { padding: 0;}
.area_detail .row-reverse { padding-top: 80px;}
#suburb-search-popup-content {
    padding: 20px 30px;
}

@media (max-width: 1599.98px) {
 
}
@media (max-width: 1439.98px) {
    .area_banner {
        padding: 80px 0;
    }
}
@media (max-width: 1199.98px) {

 
}
@media (max-width: 991.98px) {
    .area_title {
        font-size: 32px;
        line-height: 36px;
    }
    .area_detail .row-reverse {
        padding-top: 50px;
    }

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

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

    .areas_sec {
        padding-top: 0px !important;
    }
    .area_banner {
        padding: 55px 0;
    }
    .area_title {
        font-size: 20px;
        line-height: 26px;
    }
    .suburb-search-form { margin: 20px auto 0; }
    .area_banner {
        padding: 34px 0;
    }
    .area_map {
        height: 450px;
    }
    .area_detail .row-reverse {
        padding-top: 35px;
    }
}