:root {
    --cb-heading-font: "Times New Roman" !important;
    --tv-form-bg: url('https://mirvac-cdn-web.azureedge.net/-/media/Project/Mirvac/Residential/Menangle/Menangle/The-Village-assets/Common/form-bg.png');
}
.resi-property-search-filter .filters {
    --primaryColor: #0f3720;
}

.component.container.container-background-3 .alphabet-carousel,
#content > .alphabet-carousel {
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 80px 0;
  background-color: transparent;
  max-height: unset;
}

.component.container.container-background-3 .alphabet-carousel > .component-content,
#content > .alphabet-carousel > .component-content {
  width: 100%;
}

@media (max-width: 992px) {
  #content > .alphabet-carousel {
    justify-content: center;
    padding: 0 0 40px;
  }
}

@media (min-width: 993px) {
  .component.container.container-background-3 .alphabet-carousel__slider,
  .component.container.container-background-3 .alphabet-carousel__wrapper,
  #content > .alphabet-carousel .alphabet-carousel__slider,
  #content > .alphabet-carousel .alphabet-carousel__wrapper {
    margin-inline: auto;
  }

  #content > .alphabet-carousel > .component-content {
    max-width: 1280px;
    margin-left: 0;
    margin-right: 0;
  }
}

.component.container.container-background-3 .alphabet-carousel__wrapper,
#content > .alphabet-carousel .alphabet-carousel__wrapper {
  background-color: transparent;
}

@media (min-width: 992px) {
    .form.contact-form form .btn-default {
        margin-bottom: 20px !important;
    }
}
#content .component.rich-text:last-of-type {
  margin-bottom: 0;
}

.hp-alphabet-carousel .alphabet-carousel__intro {
 display: none;
}
.hp-alphabet-carousel .alphabet-carousel__intro {
 display: none;
}
@media (max-width: 992px) {
  #content > .component.hero-banner-one.has-video {
    margin-bottom: 120px !important;
  }
  .tv-home .container.maxwidth-container.cb-top-overlap {
    margin-top: -80px !important;
  }
}

.alphabet-carousel__slide-content h3 {
    color: #dd6a9e !important;
}
.alphabet-carousel__slide-content h4 {
    color: var(--cb-blue);
    font-family: var(--cb-heading-font);
}
 
.alphabet-carousel .tns-controls button[data-controls='prev']:not([disabled]) {
  display: block;
}

@media (max-width: 992px) {
  body.project-resi.mirvac-quality-page.hf-page #content > .component.hero-banner-one.has-video {
    margin-bottom: 0 !important;
  }
  body.mirvac-quality-page .mq-carousel .owl-stage-outer + .owl-nav {
    display: none !important;
  }
}
 
#dvCookieBar.cookiebar,
body .cookiebar,
header .cookiebar {
  position: fixed !important;
  top: 0 !important;
  left: 0 !important;
  right: 0 !important;
  width: 100vw !important;
  max-width: 100vw !important;
  opacity: 1 !important;
  display: flex !important;
  z-index: 99999 !important;
}
    header.nav-phase-3 {
        height: 80px;
        transform: translateY(0) !important;
    }

#dvCookieBar .cookietext,
#dvCookieBar .cookietext a,
#dvCookieBar .closebutton {
  color: #ffffff !important;
}

header.nav-phase-3 .megamenu--three .megamenu__item.has-children>a::after {
    border: none;
    background: url('../Images/header-arrow.svg') !important;
    transform: unset;
    width: 12px;
    margin-left: 10px;
}


footer #nav-footer .nav-list-social a.youtube {
    background-image: url('../Images/youtube.svg');
}

footer #nav-footer .nav-list-social a.linkedin {
    background-image: url('../Images/linkedin.svg');
}
.component.resi-property-search-filter {
    background-color: #ece6db;
    padding-bottom: 20px;
}

/* Menangle property card typography overrides to match live site */
.component.resi-property-search-filter .listing .card__content,
.component.resi-property-search-filter .listing .card__content * {
  font-family: "Arial", "Helvetica Neue", Helvetica, sans-serif !important;
  color: #3d3d3d !important;
}

.component.resi-property-search-filter .listing .card__title,
.component.resi-property-search-filter .listing .card__title a {
  font-size: 1.125rem !important;
  line-height: 1.35 !important;
  font-weight: 700 !important;
  color: #2e2e2e !important;
  font-family: "Arial", "Helvetica Neue", Helvetica, sans-serif !important;
  text-transform: none !important;
}

.component.resi-property-search-filter .listing .card__sub-title {
  font-size: 16px !important;
  line-height: 1.4 !important;
  color: #3d3d3d !important;
  font-family: "Arial", "Helvetica Neue", Helvetica, sans-serif !important;
  margin-top: 0 !important;
  margin-bottom: 0 !important;
  text-transform: none !important;
}

.component.resi-property-search-filter .listing .card__property-price {
  font-size: 18px !important;
  line-height: 1.2 !important;
  font-weight: 700 !important;
  color: #3d3d3d !important;
  font-family: "Arial", "Helvetica Neue", Helvetica, sans-serif !important;
}

.component.resi-property-search-filter .listing .card__ribbon {
  font-size: 10px !important;
  font-family: "Arial", "Helvetica Neue", Helvetica, sans-serif !important;
  color: #ffffff !important;
}
.component.resi-property-search-filter .listing .card__ribbon{
  font-size: 12px !important;
}
.card__ribbon{
  background-color: #206B5F !important;
}
.card__property-size:before {
    background: url('../Images/lot-size.svg') !important;
}
.card__property-depth:before {
    background: url('../Images/Depth.svg') !important;
}
@media (max-width: 1199px) {
    .megamenu--three {
        background-color: #0f3720 !important;
    }
     .is-opened .megamenu--three {
        background-color: #fff !important;
    }
}
button.button.button--search {
  background-color: #85d684 !important;
  color: var(--primaryColor);
  border-radius: 100px;
  font-weight: 500;
  min-width: 150px;
}
.filter-buttons .link,
.filter-slider__clear{
  color:  #85d684 !important;
}
.filter-label{
  color:  #fff !important;
}

.progressive-profiling .input-wrapper--select label {
    display: none !important;
}
.progressive-profiling .input-wrapper--select {
    min-height: 20px;
}

.resi-property-search-filter .filter-slider--advanced-filter .filter-slider__text-input {
  display: grid !important;
  grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
  gap: 12px !important;
  width: 100% !important;
}

.resi-property-search-filter .filter-slider--advanced-filter .filter-slider__input {
  width: 100% !important;
  max-width: 100% !important;
  min-width: 0 !important;
  height: 42px !important;
  padding: 0 16px !important;
  border: 1px solid #0f3720 !important;
  border-radius: 999px !important;
  background: #ffffff !important;
  color: #0f3720 !important;
  font-size: 16px !important;
  font-weight: 600 !important;
  line-height: 1.2 !important;
  box-sizing: border-box !important;
  text-align: left !important;
}

.resi-property-search-filter .filter-slider--advanced-filter .filter-slider__input:last-child {
  text-align: right !important;
}

button.button.button--search:hover,
button.button.button--search:focus,
button.button.button--search:active {
  background-color: #0f3720 !important;
  color: #ffffff !important;
}

@media (min-width: 768px) {
  .progressive-profiling .radio table tr {
    width: 800px !important;
  }
}


.progressive-profiling .progressive-profiling_1 td:first-child,
.progressive-profiling_1 td:first-child {
  background-image: url('../Images/keychain.svg') !important;
}

.progressive-profiling .progressive-profiling_1 td:last-child,
.progressive-profiling_1 td:last-child {
  background-image: url('../Images/money.svg') !important;
}

.progressive-profiling .progressive-profiling_2 td:first-child,
.progressive-profiling_2 td:first-child {
  background-image: url('../Images/couple.svg') !important;
}

.progressive-profiling .progressive-profiling_2 td:nth-child(2),
.progressive-profiling_2 td:nth-child(2) {
  background-image: url('../Images/family.svg') !important;
}

.progressive-profiling .progressive-profiling_2 td:last-child,
.progressive-profiling_2 td:last-child {
  background-image: url('../Images/grandparents.svg') !important;
}

.prof-form__bed td:nth-child(1) {
  background-image: url('../Images/Isle_WebIcons_1Bed.svg') !important;
}

.prof-form__bed td:nth-child(2) {
  background-image: url('../Images/Isle_WebIcons_2Bed.svg') !important;
}

.prof-form__bed td:nth-child(3) {
  background-image: url('../Images/Isle_WebIcons_3Bed.svg') !important;
}

.prof-form__bed td:nth-child(4),
.prof-form__bed td:last-child {
  background-image: url('../Images/Isle_WebIcons_4Bed.svg') !important;
}

.prof-form__bath td:nth-child(1) {
  background-image: url('../Images/Isle_WebIcons_1Bath.svg') !important;
}

.prof-form__bath td:nth-child(2) {
  background-image: url('../Images/Isle_WebIcons_2Bath.svg') !important;
}

.prof-form__bath td:nth-child(3),
.prof-form__bath td:last-child {
  background-image: url('../Images/Isle_WebIcons_3Bath.svg') !important;
}

.prof-form__car td:nth-child(1) {
  background-image: url('../Images/Isle_WebIcons_1Car.svg') !important;
}

.prof-form__car td:nth-child(2) {
  background-image: url('../Images/Isle_WebIcons_2Car.svg') !important;
}

.prof-form__car td:nth-child(3),
.prof-form__car td:last-child {
  background-image: url('../Images/Isle_WebIcons_3Car.svg') !important;
}

.resi-property-page {
    display: block !important;
}

@media (min-width: 768px) {
  .resi-property-features .component-content,
  .property-detail__content .resi-property-features .component-content {
    display: flex !important;
    flex-wrap: wrap !important;
    gap: 0 24px !important;
    width: 100% !important;
    flex-direction: row !important;
  }

  .resi-property-features .property-features__item,
  .property-detail__content .resi-property-features .property-features__item {
    width: calc((100% - 48px) / 3) !important;
    flex: 0 0 calc((100% - 48px) / 3) !important;
    max-width: calc((100% - 48px) / 3) !important;
    margin-bottom: 20px !important;
    box-sizing: border-box !important;
    display: flex !important;
  }
}

@media (max-width: 767px) {
  .resi-property-features .component-content,
  .property-detail__content .resi-property-features .component-content {
    display: block !important;
  }

  .resi-property-features .property-features__item,
  .property-detail__content .resi-property-features .property-features__item {
    width: 100% !important;
    flex-basis: 100% !important;
    max-width: 100% !important;
  }
}

@media (min-width: 768px) {
    .resi-property-features .component-content {
        display: flex;
        flex-wrap: wrap;
        gap: 0 24px;
    }

    .resi-property-features .property-features__item {
        width: calc((100% - 48px) / 3) !important;
        flex: 0 0 calc((100% - 48px) / 3) !important;
        margin-bottom: 20px !important;
        margin-right: 0 !important;
    }
}

@media (max-width: 767px) {
    .resi-property-features .property-features__item {
        width: 100% !important;
        flex-basis: 100% !important;
        margin-right: 0 !important;
    }
}

/* Menangle enquire form layout */
.enquire-form {
  width: 100% !important;
  max-width: 100% !important;
}

.enquire-form form {
  display: grid !important;
  grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
  gap: 20px 24px !important;
  width: 100% !important;
  max-width: 100% !important;
  align-items: start !important;
  box-sizing: border-box !important;
}

.enquire-form .form-group {
  width: 100% !important;
  min-width: 0 !important;
  margin: 0 !important;
  box-sizing: border-box !important;
}

.enquire-form form > .form-group:has([name="firstName"]),
.enquire-form form > .form-group:has([name="lastName"]),
.enquire-form form > .form-group:has([name="phone"]),
.enquire-form form > .form-group:has([name="suburb"]) {
  grid-column: auto !important;
  width: 100% !important;
}

.enquire-form form > .form-group:has([name="email"]),
.enquire-form form > .form-group:has([name="yourComments"]),
.enquire-form .form-group:has(textarea),
.enquire-form .form-group:has([name="comments"]),
.enquire-form .form-group textarea,
.enquire-form .form-group [name="comments"],
.enquire-form .form-group textarea.form-control {
  grid-column: 1 / -1 !important;
  width: 100% !important;
  max-width: 100% !important;
  display: block !important;
}

.enquire-form .privacy-statement-wrapper,
.enquire-form .form-submit-border {
  grid-column: 1 / -1 !important;
  width: 100% !important;
  max-width: 100% !important;
  display: block !important;
}

.enquire-form .privacy-statement-wrapper {
  order: 1 !important;
  margin: 0 0 8px !important;
  padding: 0 !important;
}

.enquire-form .privacy-statement-link,
.enquire-form .privacy-statement-wrapper a,
.enquire-form .privacy-statement-title {
  color: #0F3720 !important;
  font-family: "Times New Roman", Times, serif !important;
  font-size: 16px !important;
  line-height: 1.4 !important;
  text-decoration: none !important;
      font-weight: 700 !important;
}

.enquire-form .privacy-statement,
.enquire-form .privacy-statement-wrapper .privacy-statement,
.enquire-form .privacy-statement-wrapper p,
.enquire-form .privacy-statement-wrapper .privacy-statement p {
  color: #5d605c !important;
  font-family: "Times New Roman", Times, serif !important;
  font-size: 14px !important;
  line-height: 1.6 !important;
}

.enquire-form .form-submit-border {
  order: 2 !important;
  width: auto !important;
  max-width: max-content !important;
  display: inline-block !important;
  margin-top: 0 !important;
  padding-top: 0 !important;
}

.enquire-form .form-submit-border input[type="submit"],
.enquire-form .form-submit-border .btn,
.enquire-form .form-submit-border .btn-default,
.enquire-form button[type="submit"] {
  width: auto !important;
  max-width: max-content !important;
  min-width: 0 !important;
  display: inline-block !important;
}

.enquire-form .input-wrapper,
.enquire-form .input-wrapper--text,
.enquire-form .input-wrapper--text-area,
.enquire-form .input-wrapper--select {
  width: 100% !important;
  min-width: 0 !important;
  box-sizing: border-box !important;
}

.enquire-form .form-control,
.enquire-form input,
.enquire-form textarea,
.enquire-form select {
  width: 100% !important;
  max-width: 100% !important;
  box-sizing: border-box !important;
}

@media (max-width: 767px) {
  .enquire-form form {
    grid-template-columns: 1fr !important;
    gap: 20px !important;
  }

  .enquire-form .form-group:has(textarea),
  .enquire-form .form-group:has([name="comments"]),
  .enquire-form .form-group textarea,
  .enquire-form .form-group [name="comments"] {
    grid-column: auto !important;
  }
}